${errorMessage}
`;\r\n messageArea.appendChild(errorBox);\r\n\r\n if (clearUNPW) {\r\n const unInput = document.getElementById('username');\r\n const pwInput = document.getElementById('password1');\r\n unInput.value = '';\r\n pwInput.value = '';\r\n }\r\n codeInput.firstChild.focus()\r\n codeInput.firstChild.select()\r\n }\r\n\r\n function init() {\r\n overlay.init();\r\n buildPopup();\r\n }\r\n return {\r\n init,\r\n mfaReject\r\n };\r\n})();\r\n","$.session = {};\r\n$.session.firstRunShit = true;\r\n$.session.ViewMyInformation = false;\r\n$.session.UpdateMyInformation = false;\r\n//$.session.firstRunShitLocationAbsentWidget = true;\r\n$.session.DayServiceView = false;\r\n$.session.DayServiceInsert = false;\r\n$.session.DayServiceUpdate = false;\r\n$.session.DayServiceDelete = false;\r\n$.session.DayServiceNonBillable = false;\r\n$.session.DayServiceOverRide = false;\r\n$.session.DayServiceCaseLoad = false;\r\n$.session.DenyStaffClockUpdate = false;\r\n$.session.DenyClockUpdate = false;\r\n$.session.DemographicsView = false;\r\n$.session.DemographicsUpdate = false;\r\n$.session.DemographicsBasicDataView = false;\r\n$.session.DemographicsRelationshipsView = false;\r\n$.session.DemographicsPictureUpdate = false;\r\n$.session.DemographicsPictureDelete = false;\r\n$.session.DemographicsNotesView = false;\r\n$.session.DemographicsViewAttachments = false;\r\n$.session.viewLocationSchedulesKey = false;\r\n$.session.DemographicsViewDOB = false;\r\n$.session.DemographicsViewMedicaid = false;\r\n$.session.DemographicsViewMedicare = false;\r\n$.session.DemographicsViewResident = false;\r\n$.session.DemographicsViewSSN = false;\r\n$.session.DemographicsViewLocalId = false;\r\n$.session.DemographicsViewConsumerNumber = false;\r\n$.session.DemographicsUpdateRelationship = false;\r\n$.session.GoalsView = false;\r\n$.session.GoalsUpdate = false;\r\n$.session.InsertOutcomes = false;\r\n$.session.UpdateOutcomes = false;\r\n$.session.OutcomesReview = false;\r\n$.session.InsertServices = false;\r\n$.session.UpdateServices = false;\r\n$.session.UpdatePlan = false;\r\n$.session.ServiceActivityCaseLoad = false;\r\n$.session.CaseNotesView = false;\r\n$.session.CaseNotesTablePermissionView = false;\r\n$.session.CaseNotesViewEntered = false;\r\n$.session.CaseNotesUpdate = false;\r\n$.session.CaseNotesUpdateEntered = false;\r\n$.session.CaseNotesCaseloadRestriction = false;\r\n$.session.CaseNotesSSANotes = false;\r\n$.session.SingleEntryView = false;\r\n$.session.SingleEntryUpdate = false;\r\n$.session.anywhereMainPermission = false;\r\n$.session.WorkshopView = false;\r\n$.session.WorkshopUpdate = false;\r\n$.session.WorkshopCaseLoad = false;\r\n$.session.isCurrentlySingleEntry = false;\r\n$.session.groupNoteId = '';\r\n$.session.caseNoteEditSecond = false;\r\n$.session.caseNoteLocationCodePreference = '';\r\n$.session.caseNoteLocationNamePreference = '';\r\n$.session.caseNoteNeedCodePreference = '';\r\n$.session.caseNoteNeedNamePreference = '';\r\n$.session.caseNoteServiceCodePreference = '';\r\n$.session.caseNoteServiceNeedPreference = '';\r\n$.session.caseNoteBillingCodeCodePreference = '';\r\n$.session.caseNoteBillingCodeNamePreference = '';\r\n$.session.caseNoteBillingCodeServiceFundingPreference = '';\r\n$.session.caseNoteDisplayGroupNoteDivPreference = false;\r\n$.session.caseNoteDisplayGroupNoteCheckedPreference = false;\r\n$.session.locationRequiredCheck = false;\r\n$.session.serviceRequiredCheck = false;\r\n$.session.needRequiredCheck = false;\r\n$.session.contactRequiredCheck = false;\r\n$.session.vendorRequiredCheck = false;\r\n$.session.caseNoteListResponse = '';\r\n$.session.vendorFlag = false;\r\n$.session.groupConsumerCount = 0;\r\n$.session.consumersForGroupCounter = 0;\r\n$.session.timeOverlapConsumers = [];\r\n$.session.overlapNoteIds = [];\r\n$.session.consumerIdArray = [];\r\n$.session.caseNoteConsumerId = '';\r\n$.session.caseNoteTimeCheck = 'pass';\r\n$.session.groupNamesExist = false;\r\n$.session.existingGroupNoteIdForUpdate = '';\r\n$.session.startTimeForGroupNoteUpdateCompare = '';\r\n$.session.endTimeForGroupNoteUpdateCompare = '';\r\n$.session.serviceDateForGroupNoteUpdateCompare = '';\r\n$.session.serviceOrBillingCodeForGroupNoteUpdateCompare = '';\r\n$.session.caseNotePreferencesSet = false;\r\n$.session.consumerEditId = '';\r\n$.session.updateAllGroupDropDowns = false;\r\n$.session.isSingleEdit = false;\r\n$.session.changeFromSingleToGroupNote = false;\r\n$.session.editingConsumerId = '';\r\n$.session.dontLoadAppAfterDelete = false;\r\n$.session.consumerGroupCount = 0;\r\n$.session.groupSaveCounter = 0;\r\n$.session.editOnLoad = false;\r\n$.session.groupOverlapCheckCounter = 1;\r\n$.session.overlapScreenLock = false; //\r\n$.session.UpdateCaseNotesDocTime = false;\r\n$.session.batchedNoteEdit = false;\r\n$.session.groupNoteAttemptWithDocTime = false;\r\n$.session.sendToDODD = false;\r\n$.session.sendToPortal = false;\r\n\r\n$.session.dobString = '';\r\n//remove section when ready for testing. Forcing all features on.\r\n//$.session.CaseNotesView = true;\r\n//$.session.CaseNotesTablePermissionView = true;\r\n//$.session.CaseNotesUpdate = true;\r\n//$.session.CaseNotesCaseloadRestriction = true;\r\n$.session.defaultIncidentTrackingDaysBack = '7';\r\n$.session.editNoteMileageOnLoadFlag = false;\r\n$.session.SEViewAdminWidget = false;\r\n$.session.ciBShow = false;\r\n$.session.singleEntry15minDoc = 'N';\r\n$.session.Roster = false;\r\n$.session.Name = '';\r\n$.session.LName = '';\r\n$.session.isAdmin = false;\r\n$.session.PeopleId = '';\r\n$.session.StaffLocId = '';\r\n$.session.UserId = '';\r\n$.session.Token = '';\r\n$.session.Error = '';\r\n$.session.ver = '';\r\n$.session.browser = '';\r\n$.session.browserVer = '';\r\n$.session.OS = '';\r\n$.session.locations = [];\r\n$.session.locationids = [];\r\n$.session.lastMenuSelection = new Date(); //keeps menu's from double popping for people that are jackrabbits on the touchscreen.\r\n\r\n//DEFAULT SESSION VALUES --- Getting set in sessionsajax\r\n$.session.defaultDayServiceLocation;\r\n$.session.dsCertified; //True = Day Service Certified False = Not DS Certified\r\n$.session.defaultDayServiceLocationFlag = true;\r\n$.session.defaultRosterLocation;\r\n$.session.defaultRosterLocationFlag = false;\r\n$.session.defaultStaffLocation = 0;\r\n$.session.defaultDayServiceLocationName;\r\n$.session.defaultWorkshopLocation;\r\n$.session.defaultWorkshopLocationValue;\r\n$.session.defaultRosterLocationName;\r\n$.session.defaultRosterGroupValue;\r\n$.session.defaultDSTimeClockValue;\r\n$.session.defaultDSTimeClockName;\r\n$.session.defaultMoneyManagementLocation;\r\n$.session.defaultMoneyManagementLocationValue;\r\n\r\n//////////\r\n$.session.areInSalesForce = true;\r\n$.session.RosterDeleteAbsent = false;\r\n$.session.defaultStaffLocationName = 0;\r\n$.session.selectedLocation = ['0', 'defaultlocation'];\r\n// $.session.height = 0;\r\n// $.session.width = 0;\r\n$.session.strongPassword = 'Y'; //variable that tells whether or not a strong password is required.Default is Y to keep expired password rules the same.\r\n$.session.errorMessage = '';\r\n$.session.selectedGroupId = 0;\r\n$.session.deletedGroupId = 0; //Added to handle the delete group issue when deleting from the page where you are in the group to be deleted\r\n$.session.changePasswordLinkSelected = '';\r\n$.session.advancedPasswordLength = '';\r\n$.session.dsLocationHistoryFlag = false;\r\n$.session.dsLocationHistoryValue = 0;\r\n$.session.initialTimeOut = '';\r\n$.session.initialTimeIn = '';\r\n$.session.singleLoadedConsumerId = '';\r\n$.session.passwordSpecialCharacters = '';\r\n$.session.daysBackGoalsEdit = '';\r\n$.session.singleLoadedConsumerName = '';\r\n$.session.serviceStartDate = '';\r\n$.session.serviceEndDate = '';\r\n$.session.defaultCaseNoteReviewDays = '';\r\n$.session.defaultProgressNoteReviewDays = '';\r\n$.session.defaultProgressNoteChecklistReviewDays = '';\r\n$.session.countCheck = 0;\r\n$.session.applicationName = '';\r\n$.session.viewableGoalTypeIds = [];\r\n$.session.outcomesPermission = '';\r\n$.session.dayServicesPermission = '';\r\n$.session.caseNotesPermission = '';\r\n$.session.singleEntryPermission = '';\r\n$.session.workshopPermission = '';\r\n$.session.workshopPermission = '';\r\n$.session.intellivuePermission = '';\r\n$.session.passwordResetPermission = '';\r\n// $.session.formsPermission = '';\r\n// $.session.OODPermission = '';\r\n$.session.anywhereResetPasswordPermission = '';\r\n$.session.anywhereConsumerFinancesPermission = '';\r\n$.session.anywhereFSSPermission = '';\r\n$.session.anywhereEmploymentPermission = '';\r\n$.session.selectedConsumerIdForGoalsDateBack = '';\r\n$.session.caseNoteEdit = false;\r\n$.session.consumerIdToEdit = '';\r\n$.session.planPeopleId = '';\r\n$.session.showDynamic = true;\r\n$.session.singleEntryUseServiceLocations = false;\r\n$.session.editCaseNoteId = '';\r\n$.session.updateEmail = false;\r\n//$.session.groupCaseNoteId = '';\r\n$.session.tempServiceFunding = 'N';\r\n$.session.usePersonalPrefernces = 'N';\r\n$.session.defaultSeviceId = '';\r\n$.session.defaultSeviceName = '';\r\n//Added to save session filters\r\n$.session.useSessionFilterVariables = false;\r\n$.session.filterServiceStart = '';\r\n$.session.filterServiceEnd = '';\r\n$.session.filterDateEnteredStart = '';\r\n$.session.filterDateEnteredEnd = '';\r\n$.session.filterBillerId = '';\r\n$.session.filterBillerName = '';\r\n$.session.groupAddOnNames = [];\r\n$.session.intellivueSessionID = '';\r\n$.session.singleEntryApproveEnabled = '';\r\n$.session.anAdmin = false;\r\n$.session.ViewAdminSingleEntry = false;\r\n$.session.communityIntegrityRequired = 'n/a';\r\n$.session.singleEntryAddConsumersOnBillable = 'N';\r\n$.session.workshopBatchId = '';\r\n$.session.infiniteLoopFlag == false;\r\n//$.session.singleEntryReportCurrentlyProcessing = false;\r\n$.session.viewLocationSchedulesKey = false;\r\n$.session.incidentTrackingPermission = '';\r\n$.session.singleEntryLocationRequired = '';\r\n$.session.SingleEntryEditTimeEntry = false; // MAT changed\r\n$.session.singleEntryGottenById = false;\r\n$.session.singleEntrycrossMidnight = false;\r\n$.session.SingleEntryCaseLoad = false;\r\n//Incident Tracking\r\n$.session.incidentTrackingView = false;\r\n$.session.incidentTrackingViewPerm = [];\r\n$.session.incidentTrackingReviewedBy = false;\r\n$.session.incidentTrackingUpdate = false;\r\n$.session.incidentTrackingInsert = false;\r\n$.session.incidentTrackingDelete = false;\r\n$.session.incidentTrackingViewCaseLoad = false;\r\n$.session.defaultIncidentTrackingReviewDays = '';\r\n$.session.incidentTrackingPopulateIncidentDate = '';\r\n$.session.incidentTrackingPopulateIncidentTime = '';\r\n$.session.incidentTrackingPopulateReportedDate = '';\r\n$.session.incidentTrackingPopulateReportedTime = '';\r\n$.session.incidentTrackingEmailIncident = '';\r\n$.session.incidentTrackingCaseLoad = false;\r\n/////////\r\n$.session.infalHasConnectionString = false;\r\n$.session.isPSI = false;\r\n$.session.anywhereMinutestotimeout = '';\r\n$.session.useAbsentFeature = 'Y';\r\n$.session.useProgressNotes = 'Y';\r\n$.session.singleEntryEditLocationHack = '';\r\n$.session.HideProgressNotes = false;\r\n$.session.RosterCaseLoad = false;\r\nvar firstLoad = true;\r\n$.session.portraitPath = '';\r\n$.session.isASupervisor = false;\r\n$.session.seAdminRemoveMap = false;\r\n$.session.removeGoalsWidget = false;\r\n$.session.createTimeEntries = false;\r\n//Login\r\n$.session.changeEmailSent = false;\r\n// Single Entry Geo Location Position\r\n$.session.geoLocationPosition = '';\r\n// Single Entry Signautre, Note and ____ Instances\r\n$.session.evvDataCache = {};\r\n$.session.singleEntryShowConsumerSignature = 'N';\r\n$.session.singleEntryShowConsumerNote = 'N';\r\n//Scheduling\r\n$.session.schedulingUpdate = false;\r\n$.session.schedulingView = false;\r\n$.session.schedulingStartDayOfWeek = 0;\r\n$.session.schedAllowCallOffRequests = 'N';\r\n$.session.schedRequestOpenShifts = 'N';\r\n$.session.hideAllScheduleButton = false;\r\n// Authorizations\r\n$.session.authorizationsView = false;\r\n$.session.authorizationsVendorInfoView = false;\r\n$.session.authorizationsCaseLoad = false;\r\n//Plan\r\n$.session.planUpdate = false;\r\n$.session.planDelete = false;\r\n$.session.planView = false;\r\n$.session.planInsertNewTeamMember = false;\r\n$.session.planAssignCaseload = false;\r\n$.session.downloadPlans = false;\r\n$.session.planSignatureUpdateDOB = false;\r\n$.session.planSignatureUpdateBuildingNumber = false;\r\n$.session.planClearSignature = false;\r\n$.session.PlanCaseLoad = false;\r\n// Waiting List\r\n$.session.waitingListInsert = false;\r\n$.session.waitingListView = false;\r\n$.session.waitingListUpdate = false;\r\n$.session.waitingListDelete = false;\r\n$.session.WaitingListAssessmentCaseLoad = false;\r\n// Transportation\r\n$.session.transportationUpdate = false;\r\n$.session.transportationView = false;\r\n$.session.transportationManageRoute = false;\r\n$.session.transportationAddRoute = false;\r\n$.session.transportationCaseLoad = false;\r\n// eMAR\r\n$.session.emarView = false;\r\n$.session.emarCaseLoad = false;\r\n// Speech To Text\r\n$.session.sttEnabled = false;\r\n// Forms\r\n$.session.formsDelete = false;\r\n$.session.formsInsert = false;\r\n$.session.formsUpdate = false;\r\n$.session.formsView = false;\r\n$.session.formsCaseload = false;\r\n$.session.formsFormtype = false;\r\n\r\n// OOD\r\n$.session.OODDelete = false;\r\n$.session.OODInsert = false;\r\n$.session.OODUpdate = false;\r\n$.session.OODView = false;\r\n$.session.OODCaseLoad = false;\r\n$.session.OODInsertEmployers = false;\r\n\r\n// Consumer Finance\r\n$.session.CFDelete = false;\r\n$.session.CFInsert = false;\r\n$.session.CFUpdate = false;\r\n$.session.CFView = false;\r\n$.session.CFADDPayee = false; //\r\n$.session.CFEditAccountEntries = false;\r\n$.session.CFInsertAccounts = false;\r\n$.session.CFUpdateEditAccounts = false;\r\n$.session.CFViewEditAccounts = false;\r\n\r\n$.session.CFViewChecking = false;\r\n$.session.CFViewCraditCard = false;\r\n$.session.CFViewFoodStamp = false;\r\n$.session.CFViewPettyCash = false;\r\n$.session.CFViewShaving = false;\r\n\r\n$.session.CFViewChristmasClub = false;\r\n$.session.CFViewSystem20183A = false;\r\n$.session.CFViewSystem20183 = false;\r\n$.session.CFViewOhioEBT = false;\r\n$.session.CFViewViewFoodStampDebitCardEBT = false;\r\n$.session.ConsumerFinanceCaseLoad = false;\r\n\r\n// Reset Password\r\n$.session.ResetPasswordView = false;\r\n$.session.ResetPasswordUpdate = false;\r\n\r\n// Employment\r\n$.session.EmploymentView = false;\r\n$.session.EmploymentUpdate = false;\r\n$.session.EmploymentDelete = false;\r\n$.session.InsertEmployers = false;\r\n$.session.UpdateEmployers = false;\r\n$.session.EmploymentCaseLoad = false;\r\n$.session.consumerId = '';\r\n\r\n// FSS\r\n$.session.FSSView = false;\r\n$.session.FSSUpdate = false;\r\n$.session.FSSDelete = false;\r\n$.session.InsertFSS = false;\r\n$.session.FSSCaseLoad = false;\r\n\r\n//Waiting List\r\n$.session.sendWaitingListEmail = false;\r\n// $.session.sttCaseNotesEnabled = false; Will be a system setting, setting true for now for dev\r\n\r\n//Needs updated for every release.\r\n$.session.version = '2024.3.1';\r\n//State Abbreviation\r\n$.session.stateAbbreviation = '';\r\n// temp holder for the device GUID when logging in\r\n$.session.deviceGUID = '';\r\n//API Keys\r\n$.session.azureSTTApi = '';\r\n$.session.isActiveUsers = true; // to get active and inactive user both\r\n$.session.isActiveFamilies = true; // to get active and inactive families both\r\n$.session.activeModule = '';\r\n$.session.billableTransportation = 'N';\r\n$.session.requireTimeEntryTransportationTimes = 'N';\r\n$.session.ohioEVVChangeDate = '';\r\n$.session.anyRequireEndTime = '';\r\n$(window).resize(function () {\r\n //resizeActionCenter();\r\n});\r\n\r\nfunction setDefaultLoc(type, value) {\r\n //alert(\"setDefaultLoc \" + type + \" \" + value + \" \" + $.session.defaultStaffLocation);\r\n\r\n if (type == 1) {\r\n $.session.defaultStaffLocation = value;\r\n //alert(\"setDefaultLoc \" + type + \" \" + value + \" \" + $.session.StaffLocId);\r\n createCookie('defaultStaffLocation', value, 7);\r\n }\r\n\r\n if (type == 2) {\r\n //createCookie('defaultRosterLocation', value, 7);\r\n saveDefaultLocationValueAjax('2', value);\r\n if (value == 0) {\r\n createCookie('defaultRosterLocationFlag', true, 7);\r\n } else {\r\n createCookie('defaultRosterLocationFlag', false, 7);\r\n }\r\n }\r\n\r\n if (type == 3) {\r\n if ($.session.defaultDayServiceLocationFlag == 'true' || $.session.defaultDayServiceLocationFlag == null) {\r\n //createCookie('defaultDayServiceLocationNameValue', value, 7);\r\n saveDefaultLocationValueAjax('3', value);\r\n }\r\n if ($.session.dsLocationHistoryFlag == true) {\r\n $.session.defaultDayServiceLocation = value;\r\n }\r\n }\r\n}\r\n\r\nfunction createCookie(name, value, days) {\r\n if (days) {\r\n var date = new Date();\r\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\r\n var expires = '; expires=' + date.toGMTString();\r\n } else var expires = '';\r\n var test = escape(value);\r\n document.cookie = escape(name) + '=' + escape(value) + expires + '; path=/';\r\n}\r\n\r\nfunction readCookie(name) {\r\n var nameEQ = escape(name) + '=';\r\n var ca = document.cookie.split(';');\r\n for (var i = 0; i < ca.length; i++) {\r\n var c = ca[i];\r\n while (c.charAt(0) == ' ') c = c.substring(1, c.length);\r\n if (c.indexOf(nameEQ) == 0) return unescape(c.substring(nameEQ.length, c.length));\r\n }\r\n return null;\r\n}\r\n\r\nfunction eraseCookie(name) {\r\n createCookie(name, '', -1);\r\n}\r\n\r\nfunction setSessionVariables() {\r\n var cookieInnards = $.session.permissionString;\r\n\r\n var tmpWindows = {};\r\n\r\n cookieInnards.forEach(cookie => {\r\n tmpWindow = cookie.window_name;\r\n tmpPerm = cookie.permission;\r\n tmpSpec = cookie.special_data;\r\n tmpWindows[tmpWindow] = tmpWindow;\r\n\r\n if (tmpWindow == 'IsAnAdmin') {\r\n if (tmpPerm == 'Y') $.session.isAdmin = true;\r\n }\r\n\r\n if (tmpWindow == 'SEShowServiceLocations') {\r\n if (tmpPerm == 'Y') {\r\n //Require a consumer to be picked\r\n $.session.singleEntryUseServiceLocations = true;\r\n }\r\n }\r\n\r\n if (tmpWindow == 'SEAddConsumerOnBillable') {\r\n if (tmpPerm == 'P') {\r\n //Require a consumer to be picked\r\n $.session.singleEntryAddConsumersOnBillable = 'P';\r\n } else if (tmpPerm == 'Y') {\r\n //Do not require a consumer to be picked, but give a warning\r\n $.session.singleEntryAddConsumersOnBillable = 'Y';\r\n } else {\r\n //Do not require a consumerto be picked, and give no warning\r\n $.session.singleEntryAddConsumersOnBillable = 'N';\r\n }\r\n }\r\n\r\n if (tmpWindow == 'SEDocumentTime') {\r\n if (tmpPerm == 'Y') {\r\n //Enable 15 minutes intervals\r\n $.session.singleEntry15minDoc = 'Y';\r\n } else {\r\n //Do not enable/disable 15 minute document intervals\r\n $.session.singleEntry15minDoc = 'N';\r\n }\r\n }\r\n\r\n if (tmpWindow == 'Anywhere Day Services' || $.session.isPSI == true) {\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $.session.DayServiceView = true;\r\n $.session.Roster = true;\r\n $('#dayservicesettingsbutton').removeClass('disabledModule');\r\n }\r\n\r\n if (tmpPerm == 'Override location requirement') {\r\n $.session.DayServiceOverRide = true;\r\n }\r\n\r\n if (tmpPerm == 'Update') {\r\n $.session.DayServiceUpdate = true;\r\n }\r\n\r\n if (tmpPerm == 'Delete') {\r\n $.session.DayServiceDelete = true;\r\n }\r\n\r\n if (tmpPerm == 'Insert') {\r\n $.session.DayServiceInsert = true;\r\n }\r\n\r\n if (tmpPerm == 'Deny TimeClock Change') {\r\n $.session.DenyClockUpdate = true;\r\n }\r\n if ($.session.isPSI == false && (tmpPerm == 'Case Load' || tmpPerm == 'Caseload' || tmpPerm == 'Caseload only')) {\r\n $.session.DayServiceCaseLoad = true;\r\n }\r\n }\r\n\r\n //Goals Permissions\r\n if (tmpWindow == 'Anywhere Service Activity' || $.session.isPSI == true) {\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $.session.GoalsView = true;\r\n $('#goalssettingsbutton').removeClass('disabledModule');\r\n }\r\n if (tmpPerm == 'Update') {\r\n $.session.GoalsUpdate = true;\r\n }\r\n if (tmpPerm == 'Insert Outcomes') {\r\n $.session.InsertOutcomes = true;\r\n }\r\n if (tmpPerm == 'Update Outcomes') {\r\n $.session.UpdateOutcomes = true;\r\n }\r\n if (tmpPerm == 'Insert Services') {\r\n $.session.InsertServices = true;\r\n }\r\n if (tmpPerm == 'Update Services') {\r\n $.session.UpdateServices = true;\r\n }\r\n if ($.session.isPSI == false && (tmpPerm == 'Case Load' || tmpPerm == 'Caseload' || tmpPerm == 'Caseload only')) {\r\n $.session.ServiceActivityCaseLoad = true;\r\n }\r\n if (tmpPerm == 'Update Plan') {\r\n $.session.UpdatePlan = true;\r\n }\r\n if (tmpPerm == 'Review') {\r\n $.session.OutcomesReview = true;\r\n }\r\n }\r\n\r\n //Single Entry Permissions\r\n if (tmpWindow == 'Anywhere Single Entry' || $.session.isPSI == true) {\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $.session.SingleEntryView = true;\r\n $('#singleentrybutton').removeClass('disabledModule');\r\n }\r\n if (tmpPerm == 'Update') {\r\n $.session.SingleEntryUpdate = true;\r\n }\r\n if (tmpPerm == 'Edit Time Entry') {\r\n $.session.SingleEntryEditTimeEntry = true;\r\n }\r\n if ($.session.isPSI == false && (tmpPerm == 'Case Load' || tmpPerm == 'Caseload' || tmpPerm == 'Caseload only')) {\r\n $.session.SingleEntryCaseLoad = true;\r\n }\r\n }\r\n\r\n //Workshop Module\r\n if (tmpWindow == 'Anywhere Workshop' || $.session.isPSI == true) {\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $.session.WorkshopView = true;\r\n $('#workshopbutton').removeClass('disabledModule');\r\n }\r\n if (tmpPerm == 'Update') {\r\n $.session.WorkshopUpdate = true;\r\n }\r\n if ($.session.isPSI == false && (tmpPerm == 'Case Load' || tmpPerm == 'Caseload' || tmpPerm == 'Caseload only')) {\r\n $.session.WorkshopCaseLoad = true;\r\n }\r\n }\r\n\r\n if (tmpWindow == 'Anywhere Case Notes' || $.session.isPSI == true) {\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $('#casenotessettingsdiv').removeClass('disabledModule');\r\n $.session.CaseNotesView = true;\r\n }\r\n if (tmpPerm == 'View Entered' || $.session.isPSI == true) {\r\n $.session.CaseNotesViewEntered = true;\r\n }\r\n if (tmpPerm == 'Update Entered' || $.session.isPSI == true) {\r\n $.session.CaseNotesUpdateEntered = true;\r\n }\r\n if (tmpPerm == 'Update') {\r\n $.session.CaseNotesUpdate = true;\r\n }\r\n if ($.session.isPSI == false && tmpPerm == 'Caseload Only') {\r\n $.session.CaseNotesCaseloadRestriction = true;\r\n }\r\n if (tmpPerm == 'SSA Notes') {\r\n $.session.CaseNotesSSANotes = true;\r\n }\r\n }\r\n\r\n //Absent and progress notes/\r\n if (tmpWindow == 'Anywhere Roster' || $.session.isPSI == true) {\r\n if (tmpPerm == 'Delete Absent') {\r\n $.session.RosterDeleteAbsent = true;\r\n }\r\n if (tmpPerm == 'Hide Progress Notes') {\r\n $.session.HideProgressNotes = true;\r\n }\r\n if ($.session.isPSI == false && (tmpPerm == 'Case Load' || tmpPerm == 'Caseload' || tmpPerm == 'Caseload only')) {\r\n $.session.RosterCaseLoad = true;\r\n }\r\n }\r\n //Demographics\r\n if (tmpWindow == 'Anywhere Demographics' || $.session.isPSI == true) {\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $.session.DemographicsView = true;\r\n }\r\n if (tmpPerm == 'Update') {\r\n $.session.DemographicsUpdate = true;\r\n }\r\n\r\n if (tmpPerm == 'View Relationships' || $.session.isPSI == true) {\r\n $.session.DemographicsRelationshipsView = true;\r\n }\r\n\r\n if (tmpPerm == 'View General' || $.session.isPSI == true) {\r\n $.session.DemographicsBasicDataView = true;\r\n }\r\n\r\n if (tmpPerm == 'Update Picture') {\r\n $.session.DemographicsPictureUpdate = true;\r\n }\r\n if (tmpPerm == 'Delete Picture') {\r\n $.session.DemographicsPictureDelete = true;\r\n }\r\n\r\n if (tmpPerm == 'View Notes' || $.session.isPSI == true) {\r\n $.session.DemographicsNotesView = true;\r\n }\r\n\r\n if (tmpPerm == 'View Attachments' || $.session.isPSI == true) {\r\n $.session.DemographicsViewAttachments = true;\r\n }\r\n\r\n if (tmpPerm == 'View Location Schedule' || $.session.isPSI == true) {\r\n $.session.viewLocationSchedulesKey = true;\r\n }\r\n if (tmpPerm == 'View DOB' || $.session.isPSI == true) {\r\n $.session.DemographicsViewDOB = true;\r\n }\r\n if (tmpPerm == 'View Medicaid Number' || $.session.isPSI == true) {\r\n $.session.DemographicsViewMedicaid = true;\r\n }\r\n if (tmpPerm == 'View Medicare Number' || $.session.isPSI == true) {\r\n $.session.DemographicsViewMedicare = true;\r\n }\r\n if (tmpPerm == 'View Resident Number' || $.session.isPSI == true) {\r\n $.session.DemographicsViewResident = true;\r\n }\r\n if (tmpPerm == 'View SSN' || $.session.isPSI == true) {\r\n $.session.DemographicsViewSSN = true;\r\n }\r\n if (tmpPerm == 'View Consumer Number' || $.session.isPSI == true) {\r\n $.session.DemographicsViewConsumerNumber = true;\r\n }\r\n if (tmpPerm == 'View Local ID' || $.session.isPSI == true) {\r\n $.session.DemographicsViewLocalId = true;\r\n }\r\n if (tmpPerm == 'Update Relationships') {\r\n $.session.DemographicsUpdateRelationship = true;\r\n }\r\n }\r\n\r\n //Incident Tracking Permissons\r\n if (tmpWindow == 'Anywhere Incident Tracking' || $.session.isPSI == true) {\r\n if (tmpPerm == 'View Case Load' || $.session.isPSI == true) {\r\n $.session.incidentTrackingViewCaseLoad = true;\r\n } else if (tmpPerm == 'Delete') {\r\n $.session.incidentTrackingDelete = true;\r\n } else if (tmpPerm == 'Insert') {\r\n $.session.incidentTrackingInsert = true;\r\n } else if (tmpPerm == 'Update') {\r\n $.session.incidentTrackingUpdate = true;\r\n } else if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $.session.incidentTrackingView = true;\r\n } else if (tmpPerm == 'Reviewed By User') {\r\n $.session.incidentTrackingReviewedBy = true;\r\n } else if (tmpPerm == 'Email Incident') {\r\n $.session.incidentTrackingEmailIncident = true;\r\n } else if ($.session.isPSI == false && (tmpPerm == 'Case Load' || tmpPerm == 'Caseload' || tmpPerm == 'Caseload only')) {\r\n $.session.incidentTrackingCaseLoad = true;\r\n } else {\r\n $.session.incidentTrackingViewPerm.push(tmpPerm.replace('View ', '').toLowerCase());\r\n }\r\n }\r\n\r\n //Anywhere Plan\r\n if (tmpWindow == 'Anywhere Plan' || $.session.isPSI == true) {\r\n if (tmpPerm == 'Update' || $.session.isPSI == true) {\r\n $.session.planUpdate = true;\r\n }\r\n if (tmpPerm == 'Delete Plan' || $.session.isPSI == true) {\r\n $.session.planDelete = true;\r\n }\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $.session.planView = true;\r\n }\r\n if (tmpPerm == 'Send to DODD' || $.session.isPSI == true) {\r\n $.session.sendToDODD = true;\r\n }\r\n if (tmpPerm == 'Send to Portal' || $.session.isPSI == true) {\r\n $.session.sendToPortal = true;\r\n }\r\n if (tmpPerm == 'Insert New Team Member' || $.session.isPSI == true) {\r\n $.session.planInsertNewTeamMember = true;\r\n }\r\n if (tmpPerm == 'Assign Case Load' && $.session.isPSI == false) {\r\n $.session.planAssignCaseload = true;\r\n }\r\n if (tmpPerm == 'Update DOB' || $.session.isPSI == true) {\r\n $.session.planSignatureUpdateDOB = true;\r\n }\r\n if (tmpPerm == 'Update Building Number' || $.session.isPSI == true) {\r\n $.session.planSignatureUpdateBuildingNumber = true;\r\n }\r\n if (tmpPerm == 'Clear Signatures' || $.session.isPSI == true) {\r\n $.session.planClearSignature = true;\r\n }\r\n if (tmpPerm == 'Download Plans' || $.session.isPSI == true) {\r\n $.session.downloadPlans = true;\r\n }\r\n if (tmpPerm == 'Update Email' || $.session.isPSI == true) {\r\n $.session.updateEmail = true;\r\n }\r\n if ($.session.isPSI == false && (tmpPerm == 'Case Load' || tmpPerm == 'Caseload' || tmpPerm == 'Caseload only')) {\r\n $.session.PlanCaseLoad = true;\r\n }\r\n }\r\n if (tmpWindow == 'Anywhere Authorizations' || $.session.isPSI == true) {\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $.session.authorizationsView = true;\r\n }\r\n if (tmpPerm == 'View Vendor Info' || $.session.isPSI == true) {\r\n $.session.authorizationsVendorInfoView = true;\r\n }\r\n if ($.session.isPSI == false && (tmpPerm == 'Case Load' || tmpPerm == 'Caseload' || tmpPerm == 'Caseload only')) {\r\n $.session.authorizationsCaseLoad = true;\r\n }\r\n }\r\n //Waiting List\r\n if (tmpWindow == 'Anywhere Waiting List Assessment' || $.session.isPSI == true) {\r\n if (tmpPerm == 'Insert' || $.session.isPSI == true) {\r\n $.session.waitingListInsert = true;\r\n }\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $.session.waitingListView = true;\r\n }\r\n if (tmpPerm == 'Update' || $.session.isPSI == true) {\r\n $.session.waitingListUpdate = true;\r\n }\r\n if (tmpPerm == 'Delete' || $.session.isPSI == true) {\r\n $.session.waitingListDelete = true;\r\n }\r\n if ($.session.isPSI == false && (tmpPerm == 'Case Load' || tmpPerm == 'Caseload' || tmpPerm == 'Caseload only')) {\r\n $.session.WaitingListAssessmentCaseLoad = true;\r\n }\r\n }\r\n //AeMAR\r\n if (tmpWindow == 'Anywhere eMAR' || $.session.isPSI == true) {\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $.session.emarView = true;\r\n }\r\n if ($.session.isPSI == false && (tmpPerm == 'Case Load' || tmpPerm == 'Caseload' || tmpPerm == 'Caseload only')) {\r\n $.session.emarCaseLoad = true;\r\n }\r\n }\r\n //Anywhere Transportation\r\n if (tmpWindow == 'Anywhere Transportation' || $.session.isPSI == true) {\r\n if (tmpPerm == 'Update') {\r\n $.session.transportationUpdate = true;\r\n }\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $.session.transportationView = true;\r\n }\r\n if (tmpPerm == 'Manage Routes' || $.session.isPSI == true) {\r\n $.session.transportationManageRoute = true;\r\n }\r\n if (tmpPerm == 'Add Routes' || $.session.isPSI == true) {\r\n $.session.transportationAddRoute = true;\r\n }\r\n if ($.session.isPSI == false && (tmpPerm == 'Case Load' || tmpPerm == 'Caseload' || tmpPerm == 'Caseload only')) {\r\n $.session.transportationCaseLoad = true;\r\n }\r\n }\r\n\r\n if (tmpWindow == 'Anywhere Scheduling' || $.session.isPSI == true) {\r\n if (tmpPerm == 'Update') {\r\n $.session.schedulingUpdate = true;\r\n }\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $.session.schedulingView = true;\r\n }\r\n }\r\n\r\n // Anywhere Forms\r\n if (tmpWindow == 'Anywhere Forms' || $.session.isPSI == true) {\r\n if (tmpPerm == 'Update' || $.session.isPSI == true) {\r\n $.session.formsUpdate = true;\r\n }\r\n if (tmpPerm == 'Delete' || $.session.isPSI == true) {\r\n $.session.formsDelete = true;\r\n }\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $.session.formsView = true;\r\n }\r\n if (tmpPerm == 'Insert' || $.session.isPSI == true) {\r\n $.session.formsInsert = true;\r\n }\r\n if (tmpPerm == 'Case Load') {\r\n $.session.formsCaseload = true;\r\n }\r\n if ($.session.isPSI == true) {\r\n $.session.formsCaseload = false;\r\n }\r\n }\r\n\r\n if (tmpPerm.length > 9) {\r\n if (tmpPerm.substring(0, 9) == 'Form Type') {\r\n $.session.formsFormtype = true;\r\n if (tmpWindow == 'IsAnAdmin') {\r\n if (tmpPerm == 'Y') $.session.isAdmin = true;\r\n }\r\n }\r\n }\r\n\r\n // OOD\r\n if (tmpWindow == 'Anywhere OOD' || $.session.isPSI == true) {\r\n if (tmpPerm == 'Update' || $.session.isPSI == true) {\r\n $.session.OODUpdate = true;\r\n }\r\n if (tmpPerm == 'Delete' || $.session.isPSI == true) {\r\n $.session.OODDelete = true;\r\n }\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $.session.OODView = true;\r\n }\r\n if (tmpPerm == 'Insert' || $.session.isPSI == true) {\r\n $.session.OODInsert = true;\r\n }\r\n if ($.session.isPSI == false && (tmpPerm == 'Case Load' || tmpPerm == 'Caseload' || tmpPerm == 'Caseload only')) {\r\n $.session.OODCaseLoad = true;\r\n }\r\n if (tmpPerm == 'Insert Employers' || $.session.isPSI == true) {\r\n $.session.OODInsertEmployers = true;\r\n }\r\n }\r\n\r\n // Consumer Finance\r\n if (tmpWindow == 'Anywhere Consumer Finances' || $.session.isPSI == true) {\r\n if (tmpPerm == 'Update' || $.session.isPSI == true) {\r\n $.session.CFUpdate = true;\r\n }\r\n if (tmpPerm == 'Delete' || $.session.isPSI == true) {\r\n $.session.CFDelete = true;\r\n }\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $('#cfAccountDiv').removeClass('disabledModule');\r\n $('#consumerfinancessettingsdiv').removeClass('disabledModule');\r\n $.session.CFView = true;\r\n }\r\n if (tmpPerm == 'Insert' || $.session.isPSI == true) {\r\n $.session.CFInsert = true;\r\n }\r\n if (tmpPerm == 'Add Payee' || $.session.isPSI == true) {\r\n $.session.CFADDPayee = true;\r\n }\r\n if (tmpPerm == 'Edit Account Entries' || $.session.isPSI == true) {\r\n $.session.CFEditAccountEntries = true;\r\n }\r\n if (tmpPerm == 'Insert Accounts' || $.session.isPSI == true) {\r\n $.session.CFInsertAccounts = true;\r\n }\r\n if (tmpPerm == 'Update Edit Accounts' || $.session.isPSI == true) {\r\n $.session.CFUpdateEditAccounts = true;\r\n }\r\n if (tmpPerm == 'View Edit Accounts' || $.session.isPSI == true) {\r\n $('#cfEditAccountDiv').removeClass('disabledModule');\r\n $('#consumerfinancessettingsdiv').removeClass('disabledModule');\r\n $.session.CFViewEditAccounts = true;\r\n }\r\n\r\n if (tmpPerm == 'View Checking' || $.session.isPSI == true) {\r\n $.session.CFViewChecking = true;\r\n }\r\n\r\n if (tmpPerm == 'View Credit Card' || $.session.isPSI == true) {\r\n $.session.CFViewCraditCard = true;\r\n }\r\n\r\n if (tmpPerm == 'View Food Stamps' || $.session.isPSI == true) {\r\n $.session.CFViewFoodStamp = true;\r\n }\r\n\r\n if (tmpPerm == 'View Petty Cash' || $.session.isPSI == true) {\r\n $.session.CFViewPettyCash = true;\r\n }\r\n\r\n if (tmpPerm == 'View Savings' || $.session.isPSI == true) {\r\n $.session.CFViewShaving = true;\r\n }\r\n if (tmpPerm == 'View Christmas Club' || $.session.isPSI == true) {\r\n $.session.CFViewChristmasClub = true;\r\n }\r\n if (tmpPerm == 'View System 2018.3A' || $.session.isPSI == true) {\r\n $.session.CFViewSystem20183A = true;\r\n }\r\n if (tmpPerm == 'View System 2018.3' || $.session.isPSI == true) {\r\n $.session.CFViewSystem20183 = true;\r\n }\r\n if (tmpPerm == 'View Ohio EBT' || $.session.isPSI == true) {\r\n $.session.CFViewOhioEBT = true;\r\n }\r\n if (tmpPerm == 'View Food Stamp Debit Card EBT' || $.session.isPSI == true) {\r\n $.session.CFViewViewFoodStampDebitCardEBT = true;\r\n }\r\n if (\r\n $.session.isPSI == false &&\r\n (tmpPerm == 'Case Load' || tmpPerm == 'Caseload' || tmpPerm == 'Caseload only')\r\n ) {\r\n $.session.ConsumerFinanceCaseLoad = true;\r\n }\r\n\r\n // if ($.session.UserId === 'ash') {\r\n // $.session.CFUpdate = true;\r\n // $.session.CFDelete = true;\r\n // $.session.CFView = true;\r\n // $.session.CFInsert = true;\r\n // $.session.CFADDPayee = true;\r\n // $.session.CFEditAccountEntries = true;\r\n // $.session.CFInsertAccounts = true;\r\n // $.session.CFUpdateEditAccounts = true;\r\n // $.session.CFViewEditAccounts = true;\r\n // $.session.CFViewChecking = true;\r\n // $.session.CFViewCraditCard = true;\r\n // $.session.CFViewFoodStamp = true;\r\n // $.session.CFViewPettyCash = true;\r\n // $.session.CFViewShaving = true;\r\n // $.session.CFViewChristmasClub = true;\r\n // $.session.CFViewSystem20183A = true;\r\n // $.session.CFViewSystem20183 = true;\r\n // $.session.CFViewOhioEBT = true;\r\n // $.session.CFViewViewFoodStampDebitCardEBT = true;\r\n // $.session.ConsumerFinanceCaseLoad = true;\r\n // }\r\n }\r\n\r\n //Reset Password\r\n if (tmpWindow == 'Anywhere Reset Passwords') {\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $('#Adminsettingdiv').removeClass('disabledModule');\r\n $.session.ResetPasswordView = true;\r\n }\r\n if (tmpPerm == 'Update' || $.session.isPSI == true) {\r\n $.session.ResetPasswordUpdate = true;\r\n }\r\n }\r\n\r\n //Employment\r\n if (tmpWindow == 'Anywhere Employment' || $.session.isPSI == true) {\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $('#Employmentsettingsdiv').removeClass('disabledModule');\r\n $.session.EmploymentView = true;\r\n }\r\n if (tmpPerm == 'Update' || $.session.isPSI == true) {\r\n $.session.EmploymentUpdate = true;\r\n }\r\n if (tmpPerm == 'Delete' || $.session.isPSI == true) {\r\n $.session.EmploymentDelete = true;\r\n }\r\n if (tmpPerm == 'Insert Employers' || $.session.isPSI == true) {\r\n $.session.InsertEmployers = true;\r\n }\r\n if (tmpPerm == 'Update Employers' || $.session.isPSI == true) {\r\n $.session.UpdateEmployers = true;\r\n }\r\n if ($.session.isPSI == false && (tmpPerm == 'Case Load' || tmpPerm == 'Caseload' || tmpPerm == 'Caseload only')) {\r\n $.session.EmploymentCaseLoad = true;\r\n }\r\n }\r\n\r\n //FSS\r\n if (tmpWindow == 'Anywhere FSS' || $.session.isPSI == true) {\r\n if (tmpPerm == 'View' || $.session.isPSI == true) {\r\n $('#fSSdiv').removeClass('disabledModule');\r\n $.session.FSSView = true;\r\n }\r\n if (tmpPerm == 'Update' || $.session.isPSI == true) {\r\n $.session.FSSUpdate = true;\r\n }\r\n if (tmpPerm == 'Delete' || $.session.isPSI == true) {\r\n $.session.FSSDelete = true;\r\n }\r\n if (tmpPerm == 'Insert' || $.session.isPSI == true) {\r\n $.session.InsertFSS = true;\r\n }\r\n if ($.session.isPSI == false && tmpPerm == 'Case load') {\r\n $.session.FSSCaseLoad = true;\r\n }\r\n }\r\n\r\n if (tmpWindow == 'Anywhere User Home' || $.session.isPSI == true) {\r\n if (tmpPerm == 'Deny Staff TimeClock Change') {\r\n $.session.DenyStaffClockUpdate = true;\r\n }\r\n if (tmpPerm == 'View My Information' || $.session.isPSI == true) {\r\n $.session.ViewMyInformation = true;\r\n }\r\n if (tmpPerm == 'Update My Information') {\r\n $.session.UpdateMyInformation = true;\r\n }\r\n }\r\n\r\n if (tmpWindow == 'admin' || $.session.isPSI == true) {\r\n $.session.DayServiceView = true;\r\n $.session.DayServiceInsert = true;\r\n $.session.DayServiceUpdate = true;\r\n $.session.DayServiceDelete = true;\r\n $.session.DayServiceNonBillable = true;\r\n $.session.DayServiceOverRide = true;\r\n $.session.Roster = true;\r\n $.session.DenyClockUpdate = false;\r\n $.session.DenyClockUpdate = false;\r\n }\r\n\r\n if (tmpWindow == 'Name') {\r\n $.session.Name = tmpPerm;\r\n $.session.UserId = tmpSpec;\r\n }\r\n\r\n if (tmpWindow == 'LName') {\r\n $.session.LName = tmpPerm;\r\n $.session.PeopleId = tmpSpec;\r\n }\r\n\r\n if (tmpWindow == 'Token') {\r\n $.session.Token = tmpSpec;\r\n }\r\n\r\n if (tmpWindow == 'ProductName') {\r\n $.session.ProductName = tmpPerm.toUpperCase();\r\n }\r\n\r\n if (tmpWindow == 'stafflocation') {\r\n $.session.locations.push(tmpPerm);\r\n $.session.locationids.push(tmpSpec);\r\n }\r\n\r\n if (tmpWindow == 'Default Staff Location') {\r\n $.session.defaultStaffLocation = tmpPerm;\r\n }\r\n\r\n if (tmpWindow == 'Default Roster Location') {\r\n //not sure what this was intended for. Was breaking roster location save\r\n // $.session.defaultRosterLocation = tmpPerm;\r\n }\r\n\r\n if (tmpWindow == 'Default Day Service Location') {\r\n $.session.defaultDayServiceLocation = tmpPerm;\r\n }\r\n });\r\n\r\n if ($.session.UserId === 'ash' || $.session.UserId === 'mike') {\r\n $.session.ViewMyInformation = true;\r\n $.session.UpdateMyInformation = true;\r\n $.session.authorizationsView = true;\r\n $.session.planView = true;\r\n //console.table(tmpWindows);\r\n }\r\n // TODO-ASH: move this somewhere else eventually\r\n if (!$.session.ViewMyInformation) {\r\n const informationMenuBtn = document.querySelector(`[data-menu='information']`);\r\n informationMenuBtn.style.display = 'none';\r\n }\r\n}\r\n\r\nfunction setSessionJQUERY(callback) {\r\n var cookieInnards = readCookie('psi');\r\n\r\n //sets token from cookie. This is needed for ajax call getUserPermissions(). Other session variables set in setSessionVariables()\r\n $('permissions', cookieInnards).each(function () {\r\n tmpWindow = $('window_name', this).text();\r\n tmpPerm = $('permission', this).text();\r\n tmpSpec = $('special_data', this).text();\r\n\r\n if (tmpWindow == 'Token') {\r\n $.session.Token = tmpSpec;\r\n }\r\n });\r\n getUserPermissions(callback);\r\n\r\n setInterval(function () {\r\n tokenCheck();\r\n }, 60000);\r\n}\r\n\r\n\r\nfunction setSession(callback) {\r\n var cookieInnards = readCookie('psi');\r\n\r\n //sets token from cookie. This is needed for ajax call getUserPermissions(). Other session variables set in setSessionVariables()\r\n $('permissions', cookieInnards).each(function () {\r\n tmpWindow = $('window_name', this).text();\r\n tmpPerm = $('permission', this).text();\r\n tmpSpec = $('special_data', this).text();\r\n\r\n if (tmpWindow == 'Token') {\r\n $.session.Token = tmpSpec;\r\n }\r\n });\r\n getUserPermissions(callback);\r\n\r\n setInterval(function () {\r\n tokenCheck();\r\n }, 60000);\r\n}\r\n\r\nfunction checkforErrors(xmlReturn) {\r\n //check for Errors\r\n var retVal = 0;\r\n //alert(\"checkForErrors\" + xmlReturn);\r\n var ErrorText = $('Error', xmlReturn).text();\r\n //alert('Error text: ' + ErrorText);\r\n //session didn't exist\r\n if (ErrorText == 'Error:606') {\r\n //setCookieOnFail(\"\r\n
\r\n
\r\n
\r\n
\r\n `;\r\n\r\n messageDiv.appendChild(popupMessageText);\r\n messageDiv.appendChild(sendBtn);\r\n messageDiv.appendChild(locationNoticeText);\r\n\r\n // Function to update HTML after sending the code\r\n function updateHTMLAfterCodeSent() {\r\n // Update the inner HTML\r\n messageDiv.innerHTML =\r\n `IMPORTANT - The Anywhere site must be allowed to access your location in order to send the security code. If you need help allowing location access in your browser, please click on one of the below links and search 'location access':
\r\n
\r\n Microsoft Edge - \r\n https://support.microsoft.com/en-us/microsoft-edge\r\n
\r\n
\r\n Google Chrome -\r\n https://support.google.com/chrome\r\n
\r\n
\r\n Apple Safari -
\r\n http://support.apple.com/safari\r\n
\r\n The document shared with you contains information about ${redactedName}. To open the document, enter the code we just emailed to ${signerEmail}.\r\n
\r\n
\r\n
\r\n \r\n
\r\n `;\r\n\r\n // Get the verifyCodeBtnWrap div\r\n const verifyCodeBtnWrap = document.querySelector('.verifyCodeBtnWrap');\r\n\r\n // Create and append the buttons\r\n\r\n const sendCodeAgainBtn = button.build({\r\n id: 'sendCodeBtn',\r\n text: 'Send Code Again',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: [],\r\n callback: () => {\r\n sendCode(true);\r\n },\r\n });\r\n verifyCodeBtnWrap.appendChild(sendCodeAgainBtn);\r\n\r\n const verifyBtn = button.build({\r\n id: 'verifyCodeBtn',\r\n text: 'Verify',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: ['btn-login'],\r\n callback: () => {\r\n checkVerificationCode(tempUserId);\r\n },\r\n });\r\n\r\n verifyCodeBtnWrap.appendChild(verifyBtn);\r\n }\r\n\r\n}\r\n\r\nasync function checkVerificationCode(tempUserId) {\r\n const passwordInput = document.getElementById('verificationCode').value;\r\n\r\n // Hash the value using MD5\r\n const hashedPassword = $().crypt({\r\n method: 'md5',\r\n source: passwordInput\r\n });\r\n const codeVerification = await _UTIL.fetchData('verifyESignLogin', { tempUserId, hashedPassword });\r\n \r\n if (codeVerification.verifyESignLoginResult === 'Success') {\r\n document.querySelector('main').innerHTML = '';\r\n // open the E-Signature form \r\n esignatures.init(tempUserId); \r\n } else {\r\n // Display the error or reason for failure\r\n const errorMessageDiv = document.getElementById('eSignErrorMessage');\r\n errorMessageDiv.innerText = codeVerification.verifyESignLoginResult;\r\n }\r\n}\r\n\r\nfunction getCustomLoginTextAndVersion(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getCustomTextAndAnywhereVersion/',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getCustomTextAndAnywhereVersionResult.replace(/\\r/g, '').replace(/\\n/g, '\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n ');\r\n //var res = JSON.stringify(response);\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n $('#customLoginText').text(\r\n 'Primary Solutions, in conjunction with amazing people like you, has built a new product from the ground up that ' +\r\n \"focuses on ease of use so that you can focus on what's really important.\",\r\n );\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n-----\\n' + error + '\\n-----\\n' + xhr.responseText);\r\n },\r\n });\r\n}\r\n\r\nfunction changeIt() {\r\n const changeBtn = document.getElementById('changebutton');\r\n changeBtn.classList.add('disabled');\r\n if (checkPass() == 0) return;\r\n //changeBtn.classList.add('disabled');\r\n let newPW = $('#newpassword1').val();\r\n newPW = newPW.replaceAll(`\\\\`, `\\\\\\\\`);\r\n newPW = newPW.replaceAll(`\"`, `\\\\\"`);\r\n newPW = newPW.replaceAll(`'`, `''`);\r\n var success = false;\r\n let passwordChangeError = false;\r\n let inactiveUser = false;\r\n let passwordReuseError = false;\r\n // blur focus to prevent messages from getting removed too quickly\r\n document.activeElement.blur();\r\n //alert('patchIt');\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/changeLogIn/',\r\n data: '{\"userId\":\"' + $('#username2').val() + '\", \"hash\":\"' + $().crypt({\r\n method: 'md5',\r\n source: $('#password2').val()\r\n }) + '\", \"newPassword\":\"' + newPW + '\", \"changingToHashPassword\":\"' + $().crypt({\r\n method: 'md5',\r\n source: $('#newpassword1').val()\r\n }) + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n if (res.indexOf(null) != -1) {\r\n passwordChangeError = true;\r\n return;\r\n }\r\n //alert('success: ' + res);\r\n if (res.indexOf('Not active') != -1) {\r\n $('#error').css('opacity', '1');\r\n $('#error').css('display', 'block');\r\n const message = `\r\n\t\t\t\tYour account is inactive. Please contact your System Administrator to enable your account. \r\n\t\t\t\t`;\r\n $('#errortext').text(message);\r\n inactiveUser = true;\r\n return;\r\n }\r\n if (res.indexOf('Error:611') > -1) {\r\n passwordReuseError = true;\r\n $('#error').css('opacity', '1');\r\n $('#error').css('display', 'block');\r\n const message = `\r\n\t\t\t\tYour new password does not meet your organizations password reuse rules. Please use a different password.\r\n\t\t\t\t`;\r\n $('#errortext').text(message);\r\n return;\r\n } else if (res.indexOf('Error:610') > -1) {\r\n passwordChangeError = true;\r\n $('#error').addClass('userInputError');\r\n $('#error').removeClass('hippaRestriction');\r\n } else {\r\n $('#error').removeClass('hippaRestriction');\r\n $('#error').removeClass('userInputError');\r\n }\r\n },\r\n //error: function (xhr, status, error) { alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText); },\r\n complete: function () {\r\n changeBtn.classList.remove('disabled');\r\n if (inactiveUser || passwordReuseError) {\r\n return;\r\n }\r\n if (passwordChangeError) {\r\n $('#error').css('opacity', '1');\r\n $('#error').css('display', 'block');\r\n const message = `\r\n\t\t\t\tInvalid user name or password. \r\n\t\t\t\t`;\r\n $('#errortext').text(message);\r\n return;\r\n }\r\n overlay.init();\r\n $('#password1').val($('#newpassword1').val());\r\n const mainElement = document.getElementsByTagName('main')[0];\r\n const passwordChangeConfPOPUP = POPUP.build({\r\n hideX: true\r\n });\r\n const okBtn = button.build({\r\n text: 'OK',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n mainElement.removeChild(passwordChangeConfPOPUP);\r\n overlay.hide();\r\n bodyScrollLock.enableBodyScroll(passwordChangeConfPOPUP);\r\n document.body.style.overflow = 'visible';\r\n backToLoginPage();\r\n }\r\n });\r\n okBtn.style.width = '100%';\r\n const message = document.createElement('p');\r\n message.innerText = 'Password has been changed. You may now log in with your new password.';\r\n message.style.textAlign = 'center';\r\n message.style.marginBottom = '15px';\r\n passwordChangeConfPOPUP.appendChild(message);\r\n passwordChangeConfPOPUP.appendChild(okBtn);\r\n // disable scrolling\r\n bodyScrollLock.disableBodyScroll(passwordChangeConfPOPUP);\r\n // show overlay\r\n const overlayElement = document.querySelector('.overlay');\r\n overlayElement.style.zIndex = '2';\r\n passwordChangeConfPOPUP.style.zIndex = '3';\r\n passwordChangeConfPOPUP.style.top = '40%';\r\n overlay.show();\r\n mainElement.appendChild(passwordChangeConfPOPUP);\r\n // focus on ok button\r\n okBtn.focus();\r\n }\r\n });\r\n}\r\n\r\nfunction resetIt() {\r\n if ($.session.changeEmailSent) {\r\n return;\r\n }\r\n $('#resetButton').prop('disabled', true);\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/setupPasswordResetEmail/',\r\n data: '{\"userName\":\"' + $('#username3').val() + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n if (res.indexOf(null) != -1) {\r\n $('#error').css('opacity', '1');\r\n $('#error').css('display', 'block');\r\n const message = `\r\n\t\t\t\tPlease enter a valid username. \r\n\t\t\t\t`;\r\n $('#errortext').text(message);\r\n return;\r\n }\r\n if (res.indexOf('Inactive user') != -1) {\r\n $('#error').css('opacity', '1');\r\n $('#error').css('display', 'block');\r\n const message = `\r\n\t\t\t\tYour account is inactive. Please contact your System Administrator to enable your account. \r\n\t\t\t\t`;\r\n $('#errortext').text(message);\r\n return;\r\n }\r\n if (res.indexOf('No recipient') != -1) {\r\n $('#error').css('opacity', '1');\r\n $('#error').css('display', 'block');\r\n const message = `\r\n\t\t\t\tThere was no valid email address found for your account.\r\n\t\t\t\tPlease contact your system administrator to login to Anywhere. \r\n\t\t\t\t`;\r\n $('#errortext').text(message);\r\n return;\r\n }\r\n setUpPasswordResetMessages(res);\r\n $('#resetButton').prop('disabled', false);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n-----\\n' + error + '\\n-----\\n' + xhr.responseText);\r\n }\r\n });\r\n}\r\n\r\nfunction tokenCheck() {\r\n var success = false;\r\n //alert('checking token');\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/tokenCheck/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n //alert('success: ' + res);\r\n if (res.indexOf('607') > -1 || res.indexOf('606') > -1) {\r\n document.location.href = 'login.html';\r\n } else {\r\n success = true;\r\n }\r\n },\r\n //error: function (xhr, status, error) { alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText); },\r\n });\r\n}\r\n\r\nfunction postError(errNum, errMsg, errLvl) {\r\n var d = new Date();\r\n var curr_month = d.getMonth() + 1; //Months are zero based\r\n var strDate = d.getDate() + '-' + curr_month + '-' + d.getFullYear() + ' ' + d.getHours() + ':' + d.getMinutes();\r\n var dataString =\r\n 't=' +\r\n strDate +\r\n '&l=' +\r\n 'client' +\r\n '&u=' +\r\n $.session.Name +\r\n ' ' +\r\n $.session.LName +\r\n '&en=' +\r\n errNum +\r\n '&em=' +\r\n errMsg +\r\n '&s=' +\r\n errLvl;\r\n //$.ajax({\r\n // type: \"POST\",\r\n // url: http://anyerr.primarysolutions.net/Default.aspx, //$.webServer.anyerr,\r\n // data: dataString,\r\n // success: function() {\r\n // }\r\n //});\r\n}\r\n\r\nfunction saveDefaultLocationValueAjax(switchCase, locationId) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/saveDefaultLocationValue/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"switchCase\":\"' + switchCase + '\", \"locationId\":\"' + locationId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n },\r\n //error: function (xhr, status, error) { alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText); },\r\n });\r\n}\r\n\r\nfunction saveDefaultLocationNameAjax(switchCase, locationName) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/saveDefaultLocationName/',\r\n data:\r\n '{\"token\":\"' + $.session.Token + '\", \"switchCase\":\"' + switchCase + '\", \"locationName\":\"' + locationName + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n },\r\n //error: function (xhr, status, error) { alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText); },\r\n });\r\n}\r\n\r\nfunction updateVersionAjax() {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateVersion/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"version\":\"' + $.session.version + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n },\r\n //error: function (xhr, status, error) { alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText); },\r\n });\r\n}\r\n\r\n//Infal login. Will look differently and possibly be moved. Putting here for functionality tests.\r\nfunction checkLogin() {\r\n $.ajax({\r\n type: 'POST',\r\n //url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n // \"/\" + $.webServer.serviceName + \"/getURL/\",\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/ValidateLogin/',\r\n data: '{\"id\":\"' + $('#userIDInfal').val() + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n allowAccess(res);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n}\r\n\r\n//Going to call on login to see if a connection for Infal exists in the webconfig\r\nfunction checkInfalConnectionAjax(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/CheckInfalConnection/',\r\n data: '{}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n if (response.CheckInfalConnectionResult == 'Connection') {\r\n $.session.infalHasConnectionString = true;\r\n }\r\n if ($.session.infalOnly) {\r\n dashboard.load();\r\n }\r\n },\r\n error: function (xhr, status, error) {\r\n //callback(error, null);\r\n },\r\n });\r\n}\r\n\r\n//Gets user permissions pertaining to what modules they can see.\r\nfunction getUserPermissions(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getUserPermissions/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n\r\n $.session.permissionString = response.getUserPermissionsResult;\r\n\r\n const caseNotesPerm = $.session.permissionString.find(obj => obj.window_name === 'EnableCaseNotes');\r\n const supervisorPerm = $.session.permissionString.find(obj => obj.window_name === 'Supervisor');\r\n const docTimePerm = $.session.permissionString.find(obj => obj.window_name === 'UpdateDocTime');\r\n const caseNoteDocTimePerm = $.session.permissionString.find(obj => obj.window_name === 'Anywhere Case Notes');\r\n const adminSEPerm = $.session.permissionString.find(obj => obj.window_name === 'SESupervisorApprove');\r\n\r\n $.session.CaseNotesTablePermissionView = caseNotesPerm && caseNotesPerm.permission === 'Y' ? true : false;\r\n $.session.ViewAdminSingleEntry = supervisorPerm && supervisorPerm.permission === 'Y' ? true : false;\r\n $.session.UpdateCaseNotesDocTime =\r\n docTimePerm &&\r\n caseNoteDocTimePerm &&\r\n docTimePerm.permission === 'Update Doc Time' &&\r\n caseNoteDocTimePerm.permission === 'Update Doc Time'\r\n ? true\r\n : false;\r\n $.session.SEViewAdminWidget = adminSEPerm && adminSEPerm.permission === 'Y' ? true : false;\r\n\r\n setSessionVariables();\r\n\r\n //check to see which modules should be disabled\r\n checkModulePermissions();\r\n\r\n if (callback) callback();\r\n\r\n $('#userName').text($.session.Name);\r\n $('#firstName').text($.session.Name);\r\n $('#lastName').text($.session.LName);\r\n },\r\n });\r\n}\r\n\r\nfunction featureLogging(appName) {\r\n if (appName != 'roster') {\r\n var featureDescription = 'Anywhere ' + appName;\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/featureLogging/',\r\n data: '{\"token\":\"' + $.session.Token + '\",\"featureDescription\":\"' + featureDescription + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n}\r\n\r\nfunction getDefaultAnywhereSettings() {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getDefaultAnywhereSettingsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n res = response.getDefaultAnywhereSettingsJSONResult;\r\n res = res[0];\r\n\r\n $.session.anAdmin = res.admistrator;\r\n $.session.defaultCaseNoteReviewDays = res.setting_value === '' ? '7' : res.setting_value;\r\n $.session.defaultProgressNoteReviewDays = res.notes_days_back === '' ? '99' : res.notes_days_back;\r\n $.session.defaultIncidentTrackingDaysBack =\r\n res.incidentTracking_days_back === '' ? '7' : res.incidentTracking_days_back;\r\n $.session.defaultProgressNoteChecklistReviewDays = res.checklist_days_back === '' ? '7' : res.checklist_days_back;\r\n $.session.anywhereMinutestotimeout = res.minutesToTimeout === '' ? '15' : res.minutesToTimeout;\r\n $.session.removeGoalsWidget = res.removeGoalsWidget === 'Y' ? true : false;\r\n $.session.seAdminRemoveMap = res.removeSEAdminMap === 'Y' ? true : false;\r\n $.session.isASupervisor = res.isASupervisor === '' ? false : true;\r\n $.session.sttEnabled = res.sttEnabled === 'Y' ? true : false;\r\n $.session.watchingConnection = '';\r\n $.session.azureSTTApi = res.azureSttApi;\r\n $.session.reportSeconds = res.reportSeconds;\r\n $.session.incidentTrackingPopulateIncidentDate = res.incidentTrackingPopulateIncidentDate;\r\n $.session.incidentTrackingPopulateIncidentTime = res.incidentTrackingPopulateIncidentTime;\r\n $.session.incidentTrackingPopulateReportedDate = res.incidentTrackingPopulateReportedDate;\r\n $.session.incidentTrackingPopulateReportedTime = res.incidentTrackingPopulateReportedTime;\r\n\r\n $.session.incidentTrackingShowCauseAndContributingFactors =\r\n res.incidentTrackingShowCauseAndContributingFactors === 'Y' ? true : false;\r\n $.session.incidentTrackingShowPreventionPlan = res.incidentTrackingShowPreventionPlan === 'Y' ? true : false;\r\n\r\n $.session.updateIncidentSummaryText = res.appendITSummary === 'Y' ? true : false;\r\n $.session.updateIncidentActionText = res.appendITImmediateAction === 'Y' ? true : false;\r\n $.session.updateIncidentPreventionText = res.appendITPreventionPlan === 'Y' ? true : false;\r\n $.session.updateIncidentCauseText = res.appendITCause === 'Y' ? true : false;\r\n $.session.planFormCarryover = res.planFormCarryover === 'Y' ? true : false;\r\n //Waiting List\r\n $.session.sendWaitingListEmail = true;// res.sendWaitingListEmail === 'Y' ? true : false;\r\n //Hide stuff\r\n $.session.useAbsentFeature = res.useAbsentFeature;\r\n $.session.billableTransportation = res.billableTransportation;\r\n $.session.requireTimeEntryTransportationTimes = res.requireTimeEntryTransportationTimes;\r\n $.session.ohioEVVChangeDate = res.ohioEVVChangeDate; \r\n $.session.anyRequireEndTime = res.anyRequireEndTime;\r\n $.session.useProgressNotes = res.useProgressNotes;\r\n $.session.applicationName = res.application;\r\n $.session.portraitPath = res.portraitPath;\r\n $.session.anywhereMainPermission = res.anywhereMainPermission;\r\n $.session.outcomesPermission = res.outcomesPermission;\r\n $.session.dayServicesPermission = res.dayServicesPermission;\r\n $.session.caseNotesPermission = res.caseNotesPermission;\r\n $.session.incidentTrackingPermission = res.incidentTrackingPermission;\r\n $.session.singleEntryPermission = res.singleEntryPermission;\r\n $.session.workshopPermission = res.workshopPermission;\r\n $.session.intellivuePermission = res.intellivuePermission;\r\n $.session.schedulingPermission = res.schedulingPermission;\r\n $.session.anywhereSchedulingPermission = res.anywhereSchedulingPermission;\r\n $.session.covidPermission = res.covidPermission;\r\n $.session.webPermission = res.webPermission; //Should be set equal to Web when true\r\n $.session.transportationPermission = res.transportationPermission;\r\n $.session.emarPermission = res.emarPermission;\r\n $.session.formsPermission = res.formsPermission;\r\n $.session.OODPermission = res.OODPermission;\r\n // TODO: ASH\r\n //$.session.anywhereAuthorizationsPermission = res.anywhereAuthorizationsPermission;\r\n $.session.anywherePlanPermission = res.anywherePlanPermission;\r\n $.session.singleEntryApproveEnabled = res.singleEntryApproveEnabled;\r\n $.session.singleEntryLocationRequired = res.singleEntryLocationRequired;\r\n $.session.singleEntryShowConsumerSignature = res.seShowConsumerSignature;\r\n $.session.singleEntryShowConsumerNote = res.seShowConsumerNote;\r\n $.session.singleEntryShowTransportation = res.seShowTransportation;\r\n $.session.schedAllowCallOffRequests = res.allowCallOffRequests;\r\n $.session.schedRequestOpenShifts = res.requestOpenShifts;\r\n $.session.oneSpan = res.oneSpan;\r\n\r\n $.session.anywhereResetPasswordPermission = res.anywhereResetPasswordPermission;\r\n $.session.anywhereConsumerFinancesPermission = res.anywhereConsumerFinancesPermission;\r\n $.session.anywhereEmploymentPermission = res.anywhereEmploymentPermission;\r\n $.session.anywhereFSSPermission = res.anywhereFSSPermission; \r\n //Default Work\r\n //.session.\r\n $.session.defaultRosterLocation = res.defaultrosterlocation;\r\n $.session.defaultRosterLocationName = res.defaultrosterlocationname;\r\n $.session.defaultRosterGroupValue = res.defaultrostergroup;\r\n $.session.defaultDayServiceLocation =\r\n res.defaultdayservicelocation === 'notDSCertified' ? '' : res.defaultdayservicelocation;\r\n $.session.defaultDayServiceLocationName = res.defaultdayservicelocationname;\r\n $.session.dsCertified = res.defaulttimeclocklocation === 'notDSCertified' ? false : true;\r\n $.session.defaultDSTimeClockValue = res.defaulttimeclocklocation;\r\n $.session.defaultDSTimeClockName = res.defaulttimeclocklocationName;\r\n $.session.defaultWorkshopLocationValue = res.defaultworkshoplocation;\r\n $.session.defaultWorkshopLocation = res.defaultworkshoplocationname;\r\n $.session.defaultMoneyManagementLocationValue = res.defaultMoneyManagementLocation;\r\n $.session.defaultMoneyManagementLocation = res.defaultMoneyManagementLocationName; \r\n //$.session.defaultDSTimeClockName = res.defaulttimeclocklocationname;\r\n //database state - Indiana or Ohio\r\n $.session.stateAbbreviation = res.stateAbbreviation;\r\n //Set session peopleId for use in ADV Plan\r\n $.session.planPeopleId = res.planPeopleId;\r\n $.session.RequireViewPlan = res.RequireViewPlan === 'Y' ? true : false;\r\n\r\n if ($.session.applicationName === 'Gatekeeper') {\r\n $.session.caseNotesWarningStartTime = res.warningStartTime;\r\n $.session.caseNotesWarningEndTime = res.warningEndTime;\r\n }\r\n\r\n /////////\r\n defaultRosterLocationValue = res.defaultrosterlocation;\r\n defaultRosterLocationName = res.defaultrosterlocationname;\r\n defaultDayServiceLocationValue = res.defaultdayservicelocation;\r\n defaultDayServiceLocationName = res.defaultdayservicelocationname;\r\n defaultTimeClockLocationValue = res.defaulttimeclocklocation;\r\n defaultTimeClockLocationName = res.defaulttimeclocklocationname;\r\n defaultWorkshopLocationValue = res.defaultworkshoplocation;\r\n defaultWorkshopLocationName = res.defaultworkshoplocationname;\r\n defaultRosterGroupValue = res.defaultrostergroup;\r\n defaultRosterGroupName = res.defaultrostergroupname;\r\n $.session.defaultWorkshopLocation = defaultWorkshopLocationName;\r\n\r\n //setDefaultCookies(\r\n //\tdefaultRosterLocationValue,\r\n //\tdefaultRosterLocationName,\r\n //\tdefaultDayServiceLocationValue,\r\n //\tdefaultDayServiceLocationName,\r\n //\tdefaultTimeClockLocationValue,\r\n //\tdefaultTimeClockLocationName,\r\n //\tdefaultWorkshopLocationValue,\r\n //\tdefaultWorkshopLocationName,\r\n //\tdefaultRosterGroupValue,\r\n //\tdefaultRosterGroupName\r\n //);\r\n\r\n $('#casenotesdaysback').val($.session.defaultCaseNoteReviewDays);\r\n $('#progressnotesdaysback').val($.session.defaultProgressNoteReviewDays);\r\n $('#progressnoteschecklistdaysback').val($.session.defaultProgressNoteChecklistReviewDays);\r\n $('#incidenttrackingdaysback').val($.session.defaultIncidentTrackingDaysBack);\r\n\r\n disableModules();\r\n loadApp('home');\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n}\r\n\r\n//function setDefaultCookies(\r\n//\tdefaultRosterLocationValue,\r\n//\tdefaultRosterLocationName,\r\n//\tdefaultDayServiceLocationValue,\r\n//\tdefaultDayServiceLocationName,\r\n//\tdefaultTimeClockLocationValue,\r\n//\tdefaultTimeClockLocationName,\r\n//\tdefaultWorkshopLocationValue,\r\n//\tdefaultWorkshopLocationName,\r\n//\tdefaultRosterGroupValue,\r\n//\tdefaultRosterGroupName\r\n//) {\r\n//\tcreateCookie('defaultDayServiceLocation', defaultDayServiceLocationValue, 7);\r\n//\tcreateCookie('defaultDayServiceLocationName', defaultDayServiceLocationName, 7);\r\n//\tcreateCookie('defaultDayServiceLocationNameValue', defaultDayServiceLocationValue, 7);\r\n\r\n//\tif (defaultDayServiceLocationName == 'Remember Last Location') {\r\n//\t\tcreateCookie('defaultDayServiceLocationFlag', true, 7);\r\n//\t} else {\r\n//\t\tcreateCookie('defaultDayServiceLocationFlag', false, 7);\r\n//\t}\r\n\r\n//\tcreateCookie('defaultRosterLocation', defaultRosterLocationValue, 7);\r\n//\tcreateCookie('defaultRosterLocationName', defaultRosterLocationName, 7);\r\n\r\n//\tif (defaultRosterLocationName == 'Remember Last Location') {\r\n//\t\tcreateCookie('defaultRosterLocationFlag', true, 7);\r\n//\t} else {\r\n//\t\tcreateCookie('defaultRosterLocationFlag', false, 7);\r\n//\t}\r\n\r\n//\tif (defaultWorkshopLocationName == 'Remember Last Location') {\r\n//\t\tcreateCookie('defaultWorkshopLocationFlag', true, 7);\r\n//\t} else {\r\n//\t\tcreateCookie('defaultWorkshopLocationFlag', false, 7);\r\n//\t}\r\n\r\n//\tcreateCookie('defaultTimeClockLocationName', defaultTimeClockLocationName, 7);\r\n//\tcreateCookie('defaultTimeClockLocationValue', defaultTimeClockLocationValue, 7);\r\n//\tcreateCookie('defaultWorkshopLocationName', defaultWorkshopLocationName, 7);\r\n//\tcreateCookie('defaultWorkshopLocationValue', defaultWorkshopLocationValue, 7);\r\n//\tcreateCookie('defaultRosterGroupName', defaultRosterGroupName, 7);\r\n//\tcreateCookie('defaultRosterGroupValue', defaultRosterGroupValue, 7);\r\n//}\r\n\r\nfunction authenticatedLogin(key) {\r\n //insertData must userName and genKey\r\n const insertData = {\r\n userName: $('#username').val().trim(),\r\n genKey: key,\r\n };\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/authenticatedLogin/',\r\n data: JSON.stringify(insertData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n if (\r\n response.authenticatedLoginResult === 'Invalid key' ||\r\n response.authenticatedLoginResult === 'Too many failed attempts' ||\r\n response.authenticatedLoginResult === 'Expired key'\r\n ) {\r\n mfa.mfaReject(response.authenticatedLoginResult);\r\n return;\r\n }\r\n var res = JSON.stringify(response);\r\n eraseCookie('psiuser');\r\n if ($('permissions', res).is('*') && $('#username').val().toUpperCase() == 'PSI') {\r\n $.session.isPSI = true;\r\n eraseCookie('psi');\r\n createCookie('psi', res, 1);\r\n createCookie('psiuser', res, 1);\r\n success = true;\r\n document.location.href = 'anywhere.html';\r\n } else if ($('permissions', res).is('*') && checkforErrors(res) == 0) {\r\n UTIL.LS.setStorage('device', $.session.deviceGUID, $('#username').val());\r\n $.session.deviceGUID = '';\r\n eraseCookie('psi');\r\n createCookie('psi', res, 1);\r\n success = true;\r\n document.location.href = 'anywhere.html';\r\n } else if (res.indexOf('609') > -1) {\r\n customPasswordChange();\r\n } else {\r\n $('#error').css('opacity', '1');\r\n $('#error').css('display', 'block');\r\n if ($('#error').hasClass('hippaRestriction')) {\r\n $('#errortext').text('Password cannot match a recently used password');\r\n } else if ($('#error').hasClass('userInputError')) {\r\n $('#errortext').text('Invalid username or password');\r\n } else if (res.indexOf('608') > -1) {\r\n $('#errortext').text('This user name does not exist in demographics.');\r\n } else {\r\n $('#errortext').text('Login unsuccessful');\r\n }\r\n }\r\n },\r\n error: function (xhr, status, error) {},\r\n complete: function () {\r\n // hide gif here, eg:\r\n $('body').css('cursor', 'auto');\r\n },\r\n });\r\n}\r\n","/*!\r\n * Chart.js v2.9.3\r\n * https://www.chartjs.org\r\n * (c) 2019 Chart.js Contributors\r\n * Released under the MIT License\r\n */\r\n!function(t,e){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=e(function(){try{return require(\"moment\")}catch(t){}}()):\"function\"==typeof define&&define.amd?define([\"require\"],(function(t){return e(function(){try{return t(\"moment\")}catch(t){}}())})):(t=t||self).Chart=e(t.moment)}(this,(function(t){\"use strict\";t=t&&t.hasOwnProperty(\"default\")?t.default:t;var e={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},n=function(t,e){return t(e={exports:{}},e.exports),e.exports}((function(t){var n={};for(var i in e)e.hasOwnProperty(i)&&(n[e[i]]=i);var a=t.exports={rgb:{channels:3,labels:\"rgb\"},hsl:{channels:3,labels:\"hsl\"},hsv:{channels:3,labels:\"hsv\"},hwb:{channels:3,labels:\"hwb\"},cmyk:{channels:4,labels:\"cmyk\"},xyz:{channels:3,labels:\"xyz\"},lab:{channels:3,labels:\"lab\"},lch:{channels:3,labels:\"lch\"},hex:{channels:1,labels:[\"hex\"]},keyword:{channels:1,labels:[\"keyword\"]},ansi16:{channels:1,labels:[\"ansi16\"]},ansi256:{channels:1,labels:[\"ansi256\"]},hcg:{channels:3,labels:[\"h\",\"c\",\"g\"]},apple:{channels:3,labels:[\"r16\",\"g16\",\"b16\"]},gray:{channels:1,labels:[\"gray\"]}};for(var r in a)if(a.hasOwnProperty(r)){if(!(\"channels\"in a[r]))throw new Error(\"missing channels property: \"+r);if(!(\"labels\"in a[r]))throw new Error(\"missing channel labels property: \"+r);if(a[r].labels.length!==a[r].channels)throw new Error(\"channel and label counts mismatch: \"+r);var o=a[r].channels,s=a[r].labels;delete a[r].channels,delete a[r].labels,Object.defineProperty(a[r],\"channels\",{value:o}),Object.defineProperty(a[r],\"labels\",{value:s})}a.rgb.hsl=function(t){var e,n,i=t[0]/255,a=t[1]/255,r=t[2]/255,o=Math.min(i,a,r),s=Math.max(i,a,r),l=s-o;return s===o?e=0:i===s?e=(a-r)/l:a===s?e=2+(r-i)/l:r===s&&(e=4+(i-a)/l),(e=Math.min(60*e,360))<0&&(e+=360),n=(o+s)/2,[e,100*(s===o?0:n<=.5?l/(s+o):l/(2-s-o)),100*n]},a.rgb.hsv=function(t){var e,n,i,a,r,o=t[0]/255,s=t[1]/255,l=t[2]/255,u=Math.max(o,s,l),d=u-Math.min(o,s,l),h=function(t){return(u-t)/6/d+.5};return 0===d?a=r=0:(r=d/u,e=h(o),n=h(s),i=h(l),o===u?a=i-n:s===u?a=1/3+e-i:l===u&&(a=2/3+n-e),a<0?a+=1:a>1&&(a-=1)),[360*a,100*r,100*u]},a.rgb.hwb=function(t){var e=t[0],n=t[1],i=t[2];return[a.rgb.hsl(t)[0],100*(1/255*Math.min(e,Math.min(n,i))),100*(i=1-1/255*Math.max(e,Math.max(n,i)))]},a.rgb.cmyk=function(t){var e,n=t[0]/255,i=t[1]/255,a=t[2]/255;return[100*((1-n-(e=Math.min(1-n,1-i,1-a)))/(1-e)||0),100*((1-i-e)/(1-e)||0),100*((1-a-e)/(1-e)||0),100*e]},a.rgb.keyword=function(t){var i=n[t];if(i)return i;var a,r,o,s=1/0;for(var l in e)if(e.hasOwnProperty(l)){var u=e[l],d=(r=t,o=u,Math.pow(r[0]-o[0],2)+Math.pow(r[1]-o[1],2)+Math.pow(r[2]-o[2],2));d
Completed
\r\n Year Start
\r\n Year End
\r\n Plan Type
\r\n PL Vendor
\r\n Match Source
\r\n `;\r\n overviewTable.appendChild(mainHeading);\r\n\r\n authData.pageDataParent.forEach(parent => {\r\n const pasID = parent.pas_id;\r\n\r\n const rowWrap = document.createElement('div');\r\n rowWrap.classList.add('authTable__subTableWrap');\r\n\r\n // TOP LEVEL ROW\r\n //---------------------------------\r\n const mainDataRow = document.createElement('div');\r\n mainDataRow.classList.add('authTable__mainDataRow', 'authTable__dataRow');\r\n mainDataRow.innerHTML = `\r\n ${icons.keyArrowRight}
\r\n ${UTIL.abbreviateDateYear(\r\n UTIL.formatDateFromIso(parent.CompletionDate.split('T')[0]),\r\n )}
\r\n ${UTIL.abbreviateDateYear(\r\n UTIL.formatDateFromIso(parent.plan_year_start.split('T')[0]),\r\n )}
\r\n ${UTIL.abbreviateDateYear(\r\n UTIL.formatDateFromIso(parent.plan_year_end.split('T')[0]),\r\n )}
\r\n ${getPlanTypeFullName(parent.plantype, parent.revisionNum)}
\r\n ${parent.plVendorId ? getVendorFullName(parent.plVendorId) : ''}
\r\n ${parent.sourceAndCaption}
\r\n `;\r\n rowWrap.appendChild(mainDataRow);\r\n\r\n // SUB ROWS\r\n //---------------------------------\r\n const subRowWrap = document.createElement('div');\r\n subRowWrap.classList.add('authTable__subRowWrap');\r\n\r\n const subHeading = document.createElement('div');\r\n subHeading.classList.add('authTable__subHeader');\r\n subHeading.innerHTML = `\r\n #
\r\n Service
\r\n Service Code
\r\n Begin Date
\r\n End Date
\r\n Units
\r\n Frequency
\r\n Vendor
\r\n Auth Cost FY1
\r\n Auth Cost FY2
\r\n `;\r\n subRowWrap.appendChild(subHeading);\r\n\r\n if (authData.pageDataChild[pasID]) {\r\n authData.pageDataChild[pasID].sort((a, b) => {\r\n return parseInt(a.itemnum) - parseInt(b.itemnum);\r\n });\r\n\r\n authData.pageDataChild[pasID].forEach(child => {\r\n const subDataRow = document.createElement('div');\r\n subDataRow.classList.add('authTable__subDataRow', 'authTable__dataRow');\r\n subDataRow.innerHTML = `\r\n ${child.itemnum}
\r\n ${child.description}
\r\n ${child.service_code}
\r\n ${UTIL.abbreviateDateYear(\r\n UTIL.formatDateFromIso(child.BeginDate.split('T')[0]),\r\n )}
\r\n ${UTIL.abbreviateDateYear(\r\n UTIL.formatDateFromIso(child.EndDate.split('T')[0]),\r\n )}
\r\n ${child.MaxUnits}
\r\n ${getFreqName(child.frequency)}
\r\n ${child.vendorName}
\r\n ${convertToCurrency(child.authCostFY1)}
\r\n ${convertToCurrency(child.authCostFY2)}
\r\n `;\r\n subRowWrap.appendChild(subDataRow);\r\n });\r\n }\r\n\r\n // EVENT\r\n //---------------------------------\r\n mainDataRow.addEventListener('click', e => {\r\n const toggle = e.target.querySelector('#authToggle');\r\n\r\n if (subRowWrap.classList.contains('active')) {\r\n // close it\r\n subRowWrap.classList.remove('active');\r\n toggle.innerHTML = icons.keyArrowRight;\r\n } else {\r\n // open it\r\n subRowWrap.classList.add('active');\r\n toggle.innerHTML = icons.keyArrowDown;\r\n }\r\n });\r\n\r\n // ASSEMBLY\r\n //---------------------------------\r\n rowWrap.appendChild(subRowWrap);\r\n overviewTable.appendChild(rowWrap);\r\n });\r\n\r\n pageWrap.appendChild(overviewTable);\r\n }\r\n\r\n async function loadPage() {\r\n initFilterValues();\r\n\r\n pageWrap = document.createElement('div');\r\n const consumerCard = buildConsumerCard();\r\n\r\n filteredByData = buildFilteredByData();\r\n\r\n pageWrap.appendChild(consumerCard);\r\n pageWrap.appendChild(filteredByData);\r\n DOM.ACTIONCENTER.appendChild(pageWrap);\r\n\r\n const spinner = PROGRESS.SPINNER.get('Gathering Data...');\r\n pageWrap.appendChild(spinner);\r\n\r\n authData = await authorizationsAjax.getPageData({\r\n token: $.session.Token,\r\n selectedConsumerId: selectedConsumer.id,\r\n code: '%',\r\n matchSource: filterValues.matchSource,\r\n vendorId: filterValues.vendor,\r\n planType: filterValues.planType,\r\n planYearStartStart: filterValues.yearStartStart,\r\n planYearStartEnd: filterValues.yearStartEnd,\r\n planYearEndStart: filterValues.yearEndStart,\r\n planYearEndEnd: filterValues.yearEndEnd,\r\n completedDateStart: filterValues.completedDateStart,\r\n completedDateEnd: filterValues.completedDateEnd,\r\n });\r\n filterDropdownData = await authorizationsAjax.getFilterDropdownData({\r\n token: $.session.Token,\r\n });\r\n\r\n pageWrap.removeChild(spinner);\r\n\r\n buildOverviewTable();\r\n }\r\n\r\n function init() {\r\n setActiveModuleSectionAttribute('authorizations');\r\n $.loadedApp = 'authorizations';\r\n DOM.clearActionCenter();\r\n roster2.showMiniRoster();\r\n }\r\n\r\n return {\r\n handleActionNavEvent,\r\n clearAllData,\r\n init,\r\n };\r\n})();\r\n","const authorizationsAjax = (function () {\r\n async function getPageData(retrieveData) {\r\n // token\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getAuthorizationPageData/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.getAuthorizationPageDataResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n async function getVendorLandingPageInfoAsync(callback) {\r\n // token\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/authorizationGetLandingPageData/',\r\n data: JSON.stringify({\r\n token: $.session.Token\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n const res = data.authorizationGetLandingPageDataResult;\r\n callback(res)\r\n \r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n async function getFilterDropdownData(retrieveData) {\r\n // token\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getAuthorizationFilterData/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.getAuthorizationFilterDataResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n async function getAssessmentEntriesAsync(\r\n consumerIds,\r\n methodology,\r\n score,\r\n startDateFrom,\r\n startDateTo,\r\n endDateFrom,\r\n endDateTo,\r\n priorAuthApplFrom,\r\n priorAuthApplTo,\r\n priorAuthRecFrom,\r\n priorAuthRecTo,\r\n priorAuthAmtFrom,\r\n priorAuthAmtTo,\r\n ) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getAssessmentEntries/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"consumerIds\":\"' +\r\n consumerIds +\r\n '\", \"methodology\":\"' +\r\n methodology +\r\n '\", \"score\":\"' +\r\n score +\r\n '\", \"startDateFrom\":\"' +\r\n startDateFrom +\r\n '\", \"startDateTo\":\"' +\r\n startDateTo +\r\n '\", \"endDateFrom\":\"' +\r\n endDateFrom +\r\n '\", \"endDateTo\":\"' +\r\n endDateTo +\r\n '\", \"priorAuthApplFrom\":\"' +\r\n priorAuthApplFrom +\r\n '\", \"priorAuthApplTo\":\"' +\r\n priorAuthApplTo +\r\n '\", \"priorAuthRecFrom\":\"' +\r\n priorAuthRecFrom +\r\n '\", \"priorAuthRecTo\":\"' +\r\n priorAuthRecTo +\r\n '\", \"priorAuthAmtFrom\":\"' +\r\n priorAuthAmtFrom +\r\n '\", \"priorAuthAmtTo\":\"' +\r\n priorAuthAmtTo +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getScoreAsync(MethodologyID) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getScore/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n methodologyID: MethodologyID,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getVendorInfoAsync(dataObj, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getVendorInfo/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\",\"vendor\":\"' +\r\n dataObj.vendor +\r\n '\",\"DDNumber\":\"' +\r\n dataObj.DDNumber +\r\n '\",\"localNumber\":\"' +\r\n dataObj.localNumber +\r\n '\",\"goodStanding\":\"' +\r\n dataObj.goodStanding +\r\n '\",\"homeServices\":\"' +\r\n dataObj.homeServices +\r\n '\",\"takingNewReferrals\":\"' +\r\n dataObj.takingNewReferrals +\r\n '\",\"fundingSource\":\"' +\r\n dataObj.fundingSource +\r\n '\",\"serviceCode\":\"' +\r\n dataObj.serviceCode +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response) {\r\n var res = response.getVendorInfoResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n\r\n async function getVendorAsync() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getVendor/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getFundingSourceAsync() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getFundingSource/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getServiceCodeAsync() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getServiceCode/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getVendorEntriesByIdAsync(vendorID) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getVendorEntriesById/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"vendorID\":\"' + vendorID + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getVenderServicesEntriesAsync(vendorID) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getVenderServicesEntries/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"vendorID\":\"' + vendorID + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getVenderUCREntriesAsync(vendorID) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getVenderUCREntries/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"vendorID\":\"' + vendorID + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getProviderTypeEntriesAsync(vendorID) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getProviderTypeEntries/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"vendorID\":\"' + vendorID + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getVenderCertificationEntriesAsync(vendorID) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getVenderCertificationEntries/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"vendorID\":\"' + vendorID + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getVenderLocationReviewEntriesAsync(vendorID) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getVenderLocationReviewEntries/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"vendorID\":\"' + vendorID + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n return {\r\n getPageData,\r\n getVendorLandingPageInfoAsync,\r\n getFilterDropdownData,\r\n getAssessmentEntriesAsync,\r\n getScoreAsync,\r\n getVendorInfoAsync,\r\n getVendorAsync,\r\n getFundingSourceAsync,\r\n getServiceCodeAsync,\r\n getVendorEntriesByIdAsync,\r\n getVenderServicesEntriesAsync,\r\n getVenderUCREntriesAsync,\r\n getProviderTypeEntriesAsync,\r\n getVenderCertificationEntriesAsync,\r\n getVenderLocationReviewEntriesAsync,\r\n };\r\n})();\r\n","const newVendorInfo = (function () {\r\n\r\n let vendorID;\r\n let ispDiv;\r\n let ispNav;\r\n let ispBody;\r\n let DDNumber;\r\n let LocalNumber;\r\n let Phone;\r\n let Name;\r\n\r\n const sections = [\r\n {\r\n title: 'General',\r\n id: 0,\r\n markup: () => vendorGeneral.getMarkup(),\r\n },\r\n {\r\n title: 'Services',\r\n id: 1,\r\n markup: () => vendorServices.getMarkup(),\r\n },\r\n {\r\n title: 'UCR',\r\n id: 2,\r\n markup: () => vendorUCR.getMarkup(),\r\n },\r\n {\r\n title: 'Provider Type',\r\n id: 3,\r\n markup: () => vendorProviderType.getMarkup(),\r\n },\r\n {\r\n title: 'Certification',\r\n id: 4,\r\n markup: () => vendorCertification.getMarkup(),\r\n },\r\n {\r\n title: 'Location Reviews',\r\n id: 5,\r\n markup: () => vendorLocationReview.getMarkup(),\r\n },\r\n\r\n ];\r\n\r\n async function refreshVendor(vendorId, DDNum, localNum, phone, name) {\r\n vendorID = vendorId;\r\n DDNumber = DDNum;\r\n LocalNumber = localNum;\r\n Phone = phone;\r\n Name = name;\r\n DOM.clearActionCenter();\r\n\r\n var headingWrap = document.createElement('div');\r\n headingWrap.classList.add('vendorBtnWrap');\r\n const heading = document.createElement('div');\r\n const headingName = document.createElement('div');\r\n const localNumberheading = document.createElement('div');\r\n const head = document.createElement('div');\r\n\r\n const ispWrap = document.createElement('div');\r\n\r\n ispWrap.id = 'planISP';\r\n\r\n ispWrap.innerHTML = '';\r\n\r\n BACK_BTN = button.build({\r\n text: 'BACK',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: async () => { await vendorInfo.vendorInfoLoad() }, \r\n });\r\n\r\n const newIspMarkup = await getMarkup();\r\n\r\n heading.innerHTML = `${Name} ${Phone}
`;\r\n headingName.innerHTML = `DD Number: ${DDNumber}
`;\r\n localNumberheading.innerHTML = `Local Number: ${LocalNumber}
`;\r\n ispWrap.appendChild(newIspMarkup);\r\n\r\n head.appendChild(heading);\r\n head.appendChild(headingName);\r\n head.appendChild(localNumberheading);\r\n headingWrap.appendChild(head);\r\n headingWrap.appendChild(BACK_BTN);\r\n\r\n DOM.ACTIONCENTER.appendChild(headingWrap);\r\n DOM.ACTIONCENTER.appendChild(ispWrap);\r\n DOM.autosizeTextarea(); \r\n }\r\n function toggleActiveNavItem(selectedNavItem) {\r\n const activeNavItem = ispNav.querySelector('.active');\r\n\r\n if (activeNavItem) {\r\n activeNavItem.classList.remove('active');\r\n }\r\n\r\n selectedNavItem.classList.add('active');\r\n }\r\n function toggleActiveSection(sectionId) {\r\n const activeSection = ispBody.querySelector('.active');\r\n const targetSection = ispBody.querySelector(`[data-section-id=\"${sectionId}\"]`);\r\n\r\n if (activeSection) {\r\n activeSection.classList.remove('active');\r\n }\r\n\r\n targetSection.classList.add('active');\r\n }\r\n\r\n // Markup\r\n //---------------------------------------------\r\n function buildNavigation() {\r\n const nav = document.createElement('div');\r\n nav.classList.add('planISP__nav');\r\n\r\n sections.forEach((section, index) => {\r\n const sectionId = section.id;\r\n\r\n const navItem = document.createElement('div');\r\n navItem.classList.add('planISP__navItem');\r\n navItem.innerHTML = `${section.title}`;\r\n\r\n if (index === 0) {\r\n navItem.classList.add('active');\r\n }\r\n\r\n navItem.addEventListener('click', e => {\r\n toggleActiveNavItem(navItem);\r\n toggleActiveSection(sectionId);\r\n DOM.autosizeTextarea();\r\n });\r\n\r\n nav.appendChild(navItem);\r\n });\r\n\r\n return nav;\r\n }\r\n async function buildBody() {\r\n const body = document.createElement('div');\r\n body.classList.add('planISP__body');\r\n\r\n await vendorGeneral.init(vendorID);\r\n await vendorServices.init(vendorID);\r\n await vendorUCR.init(vendorID);\r\n await vendorProviderType.init(vendorID);\r\n await vendorCertification.init(vendorID);\r\n await vendorLocationReview.init(vendorID);\r\n\r\n sections.forEach((section, index) => {\r\n const sectionId = section.id;\r\n const sectionMarkup = section.markup();\r\n sectionMarkup.setAttribute('data-section-id', sectionId);\r\n sectionMarkup.classList.add('planISP__section');\r\n\r\n if (index === 0) { \r\n sectionMarkup.classList.add('active');\r\n }\r\n\r\n body.appendChild(sectionMarkup);\r\n });\r\n\r\n return body;\r\n }\r\n\r\n async function getMarkup() {\r\n ispDiv = document.createElement('div');\r\n ispDiv.classList.add('planISP');\r\n\r\n ispNav = buildNavigation();\r\n ispDiv.appendChild(ispNav);\r\n\r\n ispBody = await buildBody();\r\n ispDiv.appendChild(ispBody);\r\n\r\n return ispDiv;\r\n }\r\n\r\n return {\r\n refreshVendor,\r\n getMarkup,\r\n };\r\n})();\r\n","const vendorCertification = (() => {\r\n let vendorID;\r\n let certificationEntries;\r\n\r\n async function init(vendorId) {\r\n vendorID = vendorId;\r\n certificationEntries = await authorizationsAjax.getVenderCertificationEntriesAsync(vendorID);\r\n }\r\n\r\n\r\n function getMarkup() {\r\n const vendorCertificationWrap = document.createElement('div');\r\n vendorCertificationWrap.classList.add('planSummary');\r\n\r\n const importantTables = buildNewCertificationForm();\r\n vendorCertificationWrap.appendChild(importantTables);\r\n\r\n return vendorCertificationWrap;\r\n }\r\n\r\n function buildNewCertificationForm() {\r\n const vendorCertificationDiv = document.createElement('div');\r\n vendorCertificationDiv.classList.add('additionalQuestionWrap');\r\n\r\n certificationEntriesTable = buildCertificationEntriesTable();\r\n\r\n const headers = certificationEntriesTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'string'); // Certification\r\n headers[1].setAttribute('data-type', 'date'); // Start Date\r\n headers[2].setAttribute('data-type', 'date'); // End Date \r\n\r\n const column1 = document.createElement('div')\r\n column1.classList.add('col-1')\r\n const addNewCard = document.createElement(\"div\");\r\n addNewCard.classList.add(\"card\");\r\n const addNewCardBody = document.createElement(\"div\");\r\n addNewCardBody.classList.add(\"card__body\");\r\n addNewCard.innerHTML = `Certification
`;\r\n addNewCard.appendChild(addNewCardBody)\r\n column1.appendChild(addNewCard)\r\n\r\n addNewCardBody.appendChild(certificationEntriesTable);\r\n vendorCertificationDiv.appendChild(column1);\r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(certificationEntriesTable); \r\n\r\n return vendorCertificationDiv;\r\n }\r\n\r\n function buildCertificationEntriesTable() {\r\n const tableOptions = {\r\n plain: false,\r\n tableId: 'vendorInfoTable', \r\n columnHeadings: ['Certification', 'Start Date', 'End Date'],\r\n endIcon: false,\r\n };\r\n\r\n let tableData = certificationEntries.getVenderCertificationEntriesResult.map((entry) => ({\r\n values: [entry.Certifiction, entry.startDate == '' ? '' : moment(entry.startDate).format('MM/DD/YYYY'), entry.endDate == '' ? '' : moment(entry.endDate).format('MM/DD/YYYY')],\r\n }));\r\n const oTable = table.build(tableOptions);\r\n table.populate(oTable, tableData);\r\n\r\n return oTable;\r\n }\r\n\r\n return {\r\n init,\r\n buildNewCertificationForm,\r\n getMarkup,\r\n };\r\n})(); ","const vendorGeneral = (() => {\r\n let vendorID;\r\n let vendorEntriesById;\r\n\r\n async function init(vendorId) {\r\n vendorID = vendorId;\r\n vendorEntriesById = await authorizationsAjax.getVendorEntriesByIdAsync(vendorID);\r\n }\r\n\r\n function getMarkup() {\r\n const workScheduleWrap = document.createElement('div');\r\n workScheduleWrap.classList.add('planSummary');\r\n\r\n const importantTables = buildVendorGeneralForm();\r\n workScheduleWrap.appendChild(importantTables);\r\n\r\n return workScheduleWrap;\r\n }\r\n\r\n function buildVendorGeneralForm() {\r\n const employeeInfoDiv = document.createElement('div');\r\n employeeInfoDiv.classList.add('additionalQuestionWrap');\r\n\r\n\r\n nameInput = input.build({\r\n id: 'nameInput',\r\n type: 'text',\r\n label: 'Name',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].name,\r\n });\r\n dbaInput = input.build({\r\n id: 'dbaInput',\r\n type: 'text',\r\n label: 'Doing Business As',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].DBA,\r\n });\r\n contactNameInput = input.build({\r\n id: 'contactNameInput',\r\n type: 'text',\r\n label: 'Contact Name',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].contactName,\r\n });\r\n contactPhoneInput = input.build({\r\n id: 'contactPhoneInput',\r\n type: 'text',\r\n label: 'Contact Phone',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].contactPhone,\r\n });\r\n contactEmailInput = input.build({\r\n id: 'contactEmailInput',\r\n type: 'text',\r\n label: 'Contact Email',\r\n readonly: true,\r\n style: 'secondary',\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].contactEmail,\r\n });\r\n address1Input = input.build({\r\n id: 'address1Input',\r\n type: 'text',\r\n label: 'Address 1',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].address1,\r\n });\r\n address2Input = input.build({\r\n id: 'address2Input',\r\n type: 'text',\r\n label: 'Address 2',\r\n readonly: true,\r\n style: 'secondary',\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].address2,\r\n });\r\n cityInput = input.build({\r\n id: 'cityInput',\r\n type: 'text',\r\n label: 'City',\r\n readonly: true,\r\n style: 'secondary',\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].city,\r\n });\r\n stateInput = input.build({\r\n id: 'ststeInput',\r\n type: 'text',\r\n label: 'State',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].state,\r\n });\r\n zipInput = input.build({\r\n id: 'zipInput',\r\n type: 'text',\r\n label: 'Zip Code',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].zipCode,\r\n });\r\n phoneInput = input.build({\r\n id: 'phoneInput',\r\n type: 'text',\r\n label: 'Phone',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].primaryPhone,\r\n });\r\n firstNameInput = input.build({\r\n id: 'Input',\r\n type: 'text',\r\n label: 'First Name',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].providerFirstName,\r\n });\r\n lastNameInput = input.build({\r\n id: 'lastNameInput',\r\n type: 'text',\r\n label: 'Last Name',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].providerLastName,\r\n });\r\n birthDateInput = input.build({\r\n id: 'birthDateInput',\r\n type: 'text',\r\n label: 'Birth Date',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].providerBirthDate == '' ? '' : moment(vendorEntriesById.getVendorEntriesByIdResult[0].providerBirthDate).format('MM/DD/YYYY'),\r\n });\r\n buildingNumberInput = input.build({\r\n id: 'buildingNumberInput',\r\n type: 'text',\r\n label: 'Building Number',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].providerBuildingNumber,\r\n });\r\n salesforceIDInput = input.build({\r\n id: 'salesforceIDInput',\r\n type: 'text',\r\n label: 'Salesforce ID',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].salesforceId,\r\n });\r\n DDStateNumberInput = input.build({\r\n id: 'DDStateNumberInput',\r\n type: 'text',\r\n label: 'DD State Number',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].DDStateNumber,\r\n });\r\n einInput = input.build({\r\n id: 'einInput',\r\n type: 'text',\r\n label: 'EIN',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].ein,\r\n });\r\n submitterInput = input.build({\r\n id: 'submitterInput',\r\n type: 'text',\r\n label: 'Submitter',\r\n readonly: true,\r\n style: 'secondary',\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].submitterId,\r\n });\r\n localNumberInput = input.build({\r\n id: 'localNumberInput',\r\n type: 'text',\r\n label: 'Local Number',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].LocalNumber,\r\n });\r\n SSNInput = input.build({\r\n id: 'SSNInput',\r\n type: 'text',\r\n label: 'SSN',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].ssn,\r\n });\r\n senderInput = input.build({\r\n id: 'senderInput',\r\n type: 'text',\r\n label: 'Sender ',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].sender,\r\n });\r\n MHStateNumberInput = input.build({\r\n id: 'MHStateNumberInput',\r\n type: 'text',\r\n label: 'MH State Number',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].MHStateNumber,\r\n });\r\n TDDStateNumberInput = input.build({\r\n id: 'TDDStateNumberInput',\r\n type: 'text',\r\n label: 'TDD State Number',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].TDDStateNumber,\r\n });\r\n NPIInput = input.build({\r\n id: 'NPIInput',\r\n type: 'text',\r\n label: 'NPI',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].NPI,\r\n });\r\n MHNPIInput = input.build({\r\n id: 'MHNPIInput',\r\n type: 'text',\r\n label: 'MH NPI',\r\n style: 'secondary',\r\n readonly: true,\r\n value: vendorEntriesById.getVendorEntriesByIdResult[0].MHNPI,\r\n });\r\n\r\n inGoodStandingchkBox = input.buildCheckbox({\r\n text: 'In Good Standing',\r\n id: 'chkinGoodStanding',\r\n isChecked: vendorEntriesById.getVendorEntriesByIdResult[0].goodStanding == 'Y' ? true : false,\r\n isDisabled: true,\r\n style: 'secondary',\r\n });\r\n takingNewReferralschkBox = input.buildCheckbox({\r\n text: 'Taking New Referrals',\r\n id: 'chktakingNewReferrals',\r\n isChecked: vendorEntriesById.getVendorEntriesByIdResult[0].takingNewReferrals == 'Y' ? true : false,\r\n isDisabled: true,\r\n style: 'secondary',\r\n });\r\n FSSVendorchkBox = input.buildCheckbox({\r\n text: 'FSS Vendor',\r\n id: 'chkFSSVendor',\r\n isChecked: vendorEntriesById.getVendorEntriesByIdResult[0].FSSVendor == 'Y' ? true : false,\r\n isDisabled: true,\r\n style: 'secondary',\r\n });\r\n sanctionsAdministeredchkBox = input.buildCheckbox({\r\n text: 'Sanctions Administered',\r\n id: 'chkSanctionsAdministered',\r\n isChecked: vendorEntriesById.getVendorEntriesByIdResult[0].sanctionsAdministered == 'Y' ? true : false,\r\n isDisabled: true,\r\n style: 'secondary',\r\n });\r\n inHomeServiceschkBox = input.buildCheckbox({\r\n text: 'In Home Services',\r\n id: 'chkInHomeServices',\r\n isChecked: vendorEntriesById.getVendorEntriesByIdResult[0].homeServices == 'Y' ? true : false,\r\n isDisabled: true,\r\n style: 'secondary',\r\n });\r\n\r\n\r\n const column1 = document.createElement('div')\r\n column1.classList.add('col-1')\r\n const addNewCard = document.createElement(\"div\");\r\n addNewCard.classList.add(\"card\");\r\n const addNewCardBody = document.createElement(\"div\");\r\n addNewCardBody.classList.add(\"card__body\");\r\n addNewCard.innerHTML = `General
`;\r\n addNewCard.appendChild(addNewCardBody)\r\n column1.appendChild(addNewCard)\r\n\r\n const consumerNameDisplay = document.createElement(\"p\");\r\n consumerNameDisplay.classList.add(\"heading\");\r\n consumerNameDisplay.innerHTML = `${'Contact Information'}`;\r\n addNewCardBody.appendChild(consumerNameDisplay);\r\n\r\n nameInput.classList.add('marginTop2Per');\r\n addNewCardBody.appendChild(nameInput);\r\n dbaInput.classList.add('marginTop2Per');\r\n addNewCardBody.appendChild(dbaInput);\r\n\r\n var dropWrap = document.createElement('div');\r\n dropWrap.classList.add('vendorDTWrap');\r\n contactNameInput.classList.add('width35Per');\r\n dropWrap.appendChild(contactNameInput);\r\n contactPhoneInput.classList.add('width30Per');\r\n dropWrap.appendChild(contactPhoneInput);\r\n contactEmailInput.classList.add('width30Per'); \r\n dropWrap.appendChild(contactEmailInput);\r\n addNewCardBody.appendChild(dropWrap);\r\n\r\n var dropWrap1 = document.createElement('div');\r\n dropWrap1.classList.add('vendorDTWrap');\r\n address1Input.classList.add('width50Per');\r\n dropWrap1.appendChild(address1Input);\r\n address2Input.classList.add('width50Per');\r\n dropWrap1.appendChild(address2Input);\r\n addNewCardBody.appendChild(dropWrap1);\r\n\r\n var dropWrap2 = document.createElement('div');\r\n dropWrap2.classList.add('vendorDTWrap');\r\n cityInput.classList.add('width30Per');\r\n dropWrap2.appendChild(cityInput);\r\n stateInput.classList.add('width10Per');\r\n dropWrap2.appendChild(stateInput);\r\n zipInput.classList.add('width20Per');\r\n dropWrap2.appendChild(zipInput);\r\n phoneInput.classList.add('width32Per');\r\n dropWrap2.appendChild(phoneInput);\r\n addNewCardBody.appendChild(dropWrap2);\r\n\r\n const consumerNameDisplay1 = document.createElement(\"p\");\r\n consumerNameDisplay1.classList.add(\"heading\");\r\n consumerNameDisplay1.innerHTML = `${'Ohio ISP Information'}`;\r\n addNewCardBody.appendChild(consumerNameDisplay1);\r\n\r\n var dropWrap3 = document.createElement('div');\r\n dropWrap3.classList.add('marginTop2Per');\r\n dropWrap3.classList.add('vendorDTWrap');\r\n firstNameInput.classList.add('width25Per');\r\n dropWrap3.appendChild(firstNameInput);\r\n lastNameInput.classList.add('width23Per');\r\n dropWrap3.appendChild(lastNameInput);\r\n birthDateInput.classList.add('width23Per');\r\n dropWrap3.appendChild(birthDateInput);\r\n buildingNumberInput.classList.add('width23Per');\r\n dropWrap3.appendChild(buildingNumberInput);\r\n addNewCardBody.appendChild(dropWrap3);\r\n\r\n var dropWrap4 = document.createElement('div');\r\n dropWrap4.classList.add('vendorDTWrap');\r\n salesforceIDInput.classList.add('width40Per');\r\n dropWrap4.appendChild(salesforceIDInput);\r\n addNewCardBody.appendChild(dropWrap4);\r\n\r\n const consumerNameDisplay2 = document.createElement(\"p\");\r\n consumerNameDisplay2.classList.add(\"heading\");\r\n consumerNameDisplay2.innerHTML = `${'Billing/Authorization'}`;\r\n addNewCardBody.appendChild(consumerNameDisplay2);\r\n\r\n var dropWrap5 = document.createElement('div');\r\n dropWrap5.classList.add('marginTop2Per');\r\n dropWrap5.classList.add('vendorDTWrap');\r\n DDStateNumberInput.classList.add('width19Per');\r\n dropWrap5.appendChild(DDStateNumberInput);\r\n einInput.classList.add('width18Per');\r\n dropWrap5.appendChild(einInput);\r\n submitterInput.classList.add('width18Per');\r\n dropWrap5.appendChild(submitterInput);\r\n localNumberInput.classList.add('width18Per');\r\n dropWrap5.appendChild(localNumberInput);\r\n SSNInput.classList.add('width18Per');\r\n dropWrap5.appendChild(SSNInput);\r\n addNewCardBody.appendChild(dropWrap5);\r\n\r\n var dropWrap6 = document.createElement('div');\r\n dropWrap6.classList.add('vendorDTWrap');\r\n senderInput.classList.add('width19Per');\r\n dropWrap6.appendChild(senderInput);\r\n MHStateNumberInput.classList.add('width18Per');\r\n dropWrap6.appendChild(MHStateNumberInput);\r\n TDDStateNumberInput.classList.add('width18Per');\r\n dropWrap6.appendChild(TDDStateNumberInput);\r\n NPIInput.classList.add('width18Per');\r\n dropWrap6.appendChild(NPIInput);\r\n MHNPIInput.classList.add('width18Per');\r\n dropWrap6.appendChild(MHNPIInput);\r\n addNewCardBody.appendChild(dropWrap6);\r\n\r\n const consumerNameDisplay3 = document.createElement(\"p\");\r\n consumerNameDisplay3.classList.add(\"heading\");\r\n consumerNameDisplay3.innerHTML = `${'Miscellaneous'}`;\r\n addNewCardBody.appendChild(consumerNameDisplay3);\r\n\r\n var chkDiv = document.createElement('div');\r\n chkDiv.classList.add('marginTop2Per');\r\n chkDiv.appendChild(inGoodStandingchkBox);\r\n addNewCardBody.appendChild(chkDiv);\r\n\r\n var chkDiv1 = document.createElement('div');\r\n chkDiv1.appendChild(takingNewReferralschkBox);\r\n addNewCardBody.appendChild(chkDiv1);\r\n\r\n var chkDiv2 = document.createElement('div');\r\n chkDiv2.appendChild(FSSVendorchkBox);\r\n addNewCardBody.appendChild(chkDiv2);\r\n\r\n var chkDiv3 = document.createElement('div');\r\n chkDiv3.appendChild(sanctionsAdministeredchkBox);\r\n addNewCardBody.appendChild(chkDiv3);\r\n\r\n var chkDiv4 = document.createElement('div');\r\n chkDiv4.appendChild(inHomeServiceschkBox);\r\n addNewCardBody.appendChild(chkDiv4);\r\n\r\n employeeInfoDiv.appendChild(column1);\r\n return employeeInfoDiv;\r\n }\r\n\r\n return {\r\n init,\r\n buildVendorGeneralForm,\r\n getMarkup,\r\n };\r\n})(); ","const vendorInfo = (function () {\r\n let SEARCH_WRAP;\r\n let SEARCH_BTN;\r\n let SEARCH_INPUT;\r\n let userTableData = [];\r\n let tempUserTableData = [];\r\n let displayedUsers = [];\r\n var userTable;\r\n\r\n let btnWrap;\r\n let vendorBtnWrap;\r\n let DDNumberBtnWrap;\r\n let localNumberBtnWrap;\r\n let goodStandingBtnWrap;\r\n let homeServicesBtnWrap;\r\n let takingNewReferralsBtnWrap;\r\n let fundingSourceBtnWrap;\r\n let serviceCodeBtnWrap;\r\n\r\n let vendorsData;\r\n let groupedVendors;\r\n let vendorGroupCount;\r\n let activeGroup;\r\n let loadMoreVendors = [];\r\n let chunkedArray;\r\n //filter\r\n let filterValues;\r\n function init() {\r\n filterValues = undefined;\r\n vendorInfoLoad();\r\n }\r\n\r\n async function vendorInfoLoad(fromFilter = false) {\r\n DOM.clearActionCenter();\r\n const topNav = buildRosterTopNav();\r\n userTable = buildTable();\r\n\r\n // Set the data type for each header, for sorting purposes\r\n const headers = userTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'string'); // Name\r\n headers[1].setAttribute('data-type', 'string'); // DBA\r\n headers[2].setAttribute('data-type', 'string'); // DD Number\r\n headers[3].setAttribute('data-type', 'string'); // Local Number \r\n headers[4].setAttribute('data-type', 'string'); // Contact \r\n headers[5].setAttribute('data-type', 'string'); // Phone\r\n\r\n filterRow = document.createElement('div');\r\n filterRow.classList.add('filterElement');\r\n\r\n const filteredBy = buildFilteredBy();\r\n filterRow.appendChild(filteredBy);\r\n topNav.classList.add('marginBottomFilter');\r\n LOAD_MORE_BTN = buildLoadMoreBtn();\r\n\r\n DOM.ACTIONCENTER.appendChild(topNav);\r\n DOM.ACTIONCENTER.appendChild(filterRow);\r\n DOM.ACTIONCENTER.appendChild(userTable);\r\n DOM.ACTIONCENTER.appendChild(LOAD_MORE_BTN);\r\n document.getElementById('loadMoreBtn').style.display = 'none';\r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(userTable);\r\n\r\n SEARCH_BTN.addEventListener('click', event => {\r\n SEARCH_WRAP.classList.toggle('searchOpen');\r\n SEARCH_INPUT.value = '';\r\n SEARCH_INPUT.focus();\r\n });\r\n\r\n SEARCH_INPUT.addEventListener('keyup', event => {\r\n tableUserSearch(event.target.value);\r\n });\r\n await loadReviewPage(fromFilter);\r\n document.getElementById('searchBtn').click();\r\n }\r\n\r\n function buildSearchBtn() {\r\n return button.build({\r\n id: 'searchBtn',\r\n text: 'Search',\r\n icon: 'search',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: ['searchBtn'],\r\n });\r\n }\r\n\r\n function buildNewFilterBtn() {\r\n if (!filterValues)\r\n filterValues = {\r\n token: $.session.Token,\r\n vendor: '%',\r\n DDNumber: '',\r\n localNumber: '',\r\n goodStanding: '%',\r\n homeServices: '%',\r\n takingNewReferrals: '%',\r\n fundingSource: '%',\r\n serviceCode: '%',\r\n };\r\n }\r\n\r\n function buildTable() {\r\n var tableOptions = {\r\n plain: false,\r\n headline: 'Vendor Info',\r\n tableId: 'vendorInfoTable',\r\n columnHeadings: ['Name', 'DBA', 'DD Number', 'Local Number', 'Contact', 'Phone'],\r\n callback: handleVendorInfoTableEvents,\r\n endIcon: false,\r\n secondendIcon: false,\r\n };\r\n\r\n return table.build(tableOptions);\r\n }\r\n\r\n function populateTable(results) {\r\n userTableData = results.map(td => {\r\n var vendorID = td.vendorID;\r\n var name = td.name;\r\n var DDNumber = td.DDNumber;\r\n var localNumber = td.localNumber;\r\n var contact = td.contact;\r\n var phone = td.phone;\r\n var DBA = td.DBA;\r\n\r\n return {\r\n vendorID: vendorID,\r\n name: name,\r\n DBA: DBA,\r\n DDNumber: DDNumber,\r\n localNumber: localNumber,\r\n contact: contact,\r\n phone: phone,\r\n values: [name, DBA, DDNumber, localNumber, contact, formatPhoneNumber(phone)],\r\n attributes: [{ key: 'vendorId', value: vendorID }],\r\n };\r\n });\r\n\r\n table.populate(userTable, userTableData, false, true);\r\n if (chunkedArray.length < 2) {\r\n document.getElementById('loadMoreBtn').style.display = 'none';\r\n } else {\r\n document.getElementById('loadMoreBtn').style.display = 'block';\r\n }\r\n }\r\n\r\n function handleVendorInfoTableEvents(event) {\r\n if (event.target.childNodes[0].innerText == undefined) return;\r\n var name = event.target.childNodes[0].innerText;\r\n var DDNum = event.target.childNodes[2].innerText;\r\n var localNum = event.target.childNodes[3].innerText;\r\n var phone = event.target.childNodes[5].innerText;\r\n var vendorId = event.target.attributes.vendorId.value;\r\n newVendorInfo.refreshVendor(vendorId, DDNum, localNum, phone, name);\r\n }\r\n\r\n function buildRosterTopNav() {\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('roster-top-nav');\r\n\r\n SEARCH_BTN = buildSearchBtn();\r\n buildNewFilterBtn();\r\n\r\n // custom search stuff\r\n SEARCH_WRAP = document.createElement('div');\r\n SEARCH_WRAP.classList.add('rosterSearch');\r\n SEARCH_INPUT = document.createElement('input');\r\n SEARCH_INPUT.setAttribute('placeholder', 'search vendors');\r\n SEARCH_WRAP.appendChild(SEARCH_BTN);\r\n SEARCH_WRAP.appendChild(SEARCH_INPUT);\r\n\r\n var wrap1 = document.createElement('div');\r\n wrap1.classList.add('btnWrap');\r\n wrap1.appendChild(SEARCH_WRAP);\r\n\r\n btnWrap.appendChild(wrap1);\r\n return btnWrap;\r\n }\r\n\r\n function tableUserSearch(searchValue) {\r\n searchValue = searchValue.toLowerCase();\r\n displayedUsers = [];\r\n\r\n tempUserTableData.forEach(consumer => {\r\n var Name = consumer.name.toLowerCase();\r\n var fullName = `${Name}`;\r\n var matchesName = fullName.indexOf(searchValue);\r\n\r\n if (matchesName !== -1) {\r\n consumerObj = {\r\n vendorID: consumer.vendorID,\r\n name: consumer.name,\r\n DBA: consumer.DBA, \r\n DDNumber: consumer.DDNumber, \r\n localNumber: consumer.localNumber,\r\n contact: consumer.contact,\r\n phone: consumer.phone,\r\n };\r\n displayedUsers.push(consumerObj);\r\n }\r\n });\r\n\r\n groupVendorData(displayedUsers);\r\n }\r\n\r\n function buildFilteredBy() {\r\n var filteredBy = document.querySelector('.filteredByData');\r\n\r\n if (!filteredBy) {\r\n filteredBy = document.createElement('div');\r\n filteredBy.classList.add('filteredByData');\r\n filterButtonSet();\r\n filteredBy.appendChild(btnWrap);\r\n }\r\n\r\n filteredBy.style.maxWidth = '100%';\r\n\r\n if (filterValues.vendor === '%' || filterValues.vendor === 'ALL') {\r\n btnWrap.appendChild(vendorBtnWrap);\r\n btnWrap.removeChild(vendorBtnWrap);\r\n } else {\r\n btnWrap.appendChild(vendorBtnWrap);\r\n }\r\n\r\n if (filterValues.DDNumber === '') {\r\n btnWrap.appendChild(DDNumberBtnWrap);\r\n btnWrap.removeChild(DDNumberBtnWrap);\r\n } else {\r\n btnWrap.appendChild(DDNumberBtnWrap);\r\n }\r\n\r\n if (filterValues.localNumber === '') {\r\n btnWrap.appendChild(localNumberBtnWrap);\r\n btnWrap.removeChild(localNumberBtnWrap);\r\n } else {\r\n btnWrap.appendChild(localNumberBtnWrap);\r\n }\r\n\r\n if (filterValues.goodStanding === '%' || filterValues.goodStanding === 'ALL') {\r\n btnWrap.appendChild(goodStandingBtnWrap);\r\n btnWrap.removeChild(goodStandingBtnWrap);\r\n } else {\r\n btnWrap.appendChild(goodStandingBtnWrap);\r\n }\r\n\r\n if (filterValues.homeServices === '%' || filterValues.homeServices === 'ALL') {\r\n btnWrap.appendChild(homeServicesBtnWrap);\r\n btnWrap.removeChild(homeServicesBtnWrap);\r\n } else {\r\n btnWrap.appendChild(homeServicesBtnWrap);\r\n }\r\n\r\n if (filterValues.takingNewReferrals === '%' || filterValues.takingNewReferrals === 'ALL') {\r\n btnWrap.appendChild(takingNewReferralsBtnWrap);\r\n btnWrap.removeChild(takingNewReferralsBtnWrap);\r\n } else {\r\n btnWrap.appendChild(takingNewReferralsBtnWrap);\r\n }\r\n\r\n if (filterValues.fundingSource === '%' || filterValues.fundingSource === 'ALL') {\r\n btnWrap.appendChild(fundingSourceBtnWrap);\r\n btnWrap.removeChild(fundingSourceBtnWrap);\r\n } else {\r\n btnWrap.appendChild(fundingSourceBtnWrap);\r\n }\r\n if (filterValues.serviceCode === '%' || filterValues.serviceCode === 'ALL') {\r\n btnWrap.appendChild(serviceCodeBtnWrap);\r\n btnWrap.removeChild(serviceCodeBtnWrap);\r\n } else {\r\n btnWrap.appendChild(serviceCodeBtnWrap);\r\n }\r\n\r\n return filteredBy;\r\n }\r\n\r\n function filterButtonSet() {\r\n filterBtn = button.build({\r\n text: 'Filter',\r\n icon: 'filter',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'filterBtnNew',\r\n callback: () => {\r\n buildFilterPopUp('ALL');\r\n },\r\n });\r\n\r\n DDNumberBtn = button.build({\r\n id: 'DDNumberBtn',\r\n text: 'DD ',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtnVendorInfo',\r\n callback: () => {\r\n buildFilterPopUp('DDNumberBtn');\r\n },\r\n });\r\n\r\n DDNumberBtn2 = button.build({\r\n id: 'DDNumberBtn2',\r\n text: 'Number: ' + filterValues.DDNumber,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('DDNumberBtn');\r\n },\r\n });\r\n DDNumberCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('DDNumberBtn');\r\n },\r\n });\r\n\r\n localNumberBtn = button.build({\r\n id: 'localNumberBtn',\r\n text: 'Local Number: ' + filterValues.localNumber,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('localNumberBtn');\r\n },\r\n });\r\n localNumberCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('localNumberBtn');\r\n },\r\n });\r\n vendorBtn = button.build({\r\n id: 'vendorBtn',\r\n text: 'Vendor: ' + filterValues.vendor,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('vendorBtn');\r\n },\r\n });\r\n vendorCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('vendorBtn');\r\n },\r\n });\r\n\r\n goodStandingBtn = button.build({\r\n id: 'goodStandingBtn',\r\n text: filterValues.goodStanding == 'Y' ? 'In Good Standing: Yes' : 'In Good Standing: No',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('goodStandingBtn');\r\n },\r\n });\r\n goodStandingCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('goodStandingBtn');\r\n },\r\n });\r\n\r\n homeServicesBtn = button.build({\r\n id: 'homeServicesBtn',\r\n text: filterValues.homeServices == 'Y' ? 'In Home Services: Yes' : 'In Home Services: No',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('homeServicesBtn');\r\n },\r\n });\r\n homeServicesCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('homeServicesBtn');\r\n },\r\n });\r\n\r\n takingNewReferralsBtn = button.build({\r\n id: 'takingNewReferralsBtn',\r\n text: filterValues.takingNewReferrals == 'Y' ? 'Taking New Referrals: Yes' : 'Taking New Referrals: No',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('takingNewReferralsBtn');\r\n },\r\n });\r\n takingNewReferralsCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('takingNewReferralsBtn');\r\n },\r\n });\r\n\r\n fundingSourceBtn = button.build({\r\n id: 'fundingSourceBtn',\r\n text: 'Funding Source: ' + filterValues.fundingSource,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('fundingSourceBtn');\r\n },\r\n });\r\n fundingSourceCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('fundingSourceBtn');\r\n },\r\n });\r\n\r\n serviceCodeBtn = button.build({\r\n id: 'serviceCodeBtn',\r\n text: 'Service Code: ' + filterValues.serviceCode,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('serviceCodeBtn');\r\n },\r\n });\r\n serviceCodeCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('serviceCodeBtn');\r\n },\r\n });\r\n\r\n btnWrap = document.createElement('div');\r\n btnWrap.classList.add('filterBtnWrap');\r\n btnWrap.appendChild(filterBtn);\r\n\r\n vendorBtnWrap = document.createElement('div');\r\n vendorBtnWrap.classList.add('filterSelectionBtnWrap');\r\n vendorBtnWrap.appendChild(vendorBtn);\r\n vendorBtnWrap.appendChild(vendorCloseBtn);\r\n btnWrap.appendChild(vendorBtnWrap);\r\n\r\n DDNumberBtnWrap = document.createElement('div');\r\n DDNumberBtnWrap.classList.add('filterSelectionBtnWrap');\r\n DDNumberBtnWrap.appendChild(DDNumberBtn);\r\n DDNumberBtnWrap.appendChild(DDNumberBtn2);\r\n DDNumberBtnWrap.appendChild(DDNumberCloseBtn);\r\n btnWrap.appendChild(DDNumberBtnWrap);\r\n\r\n localNumberBtnWrap = document.createElement('div');\r\n localNumberBtnWrap.classList.add('filterSelectionBtnWrap');\r\n localNumberBtnWrap.appendChild(localNumberBtn);\r\n localNumberBtnWrap.appendChild(localNumberCloseBtn);\r\n btnWrap.appendChild(localNumberBtnWrap);\r\n\r\n goodStandingBtnWrap = document.createElement('div');\r\n goodStandingBtnWrap.classList.add('filterSelectionBtnWrap');\r\n goodStandingBtnWrap.appendChild(goodStandingBtn);\r\n goodStandingBtnWrap.appendChild(goodStandingCloseBtn);\r\n btnWrap.appendChild(goodStandingBtnWrap);\r\n\r\n homeServicesBtnWrap = document.createElement('div');\r\n homeServicesBtnWrap.classList.add('filterSelectionBtnWrap');\r\n homeServicesBtnWrap.appendChild(homeServicesBtn);\r\n homeServicesBtnWrap.appendChild(homeServicesCloseBtn);\r\n btnWrap.appendChild(homeServicesBtnWrap);\r\n\r\n takingNewReferralsBtnWrap = document.createElement('div');\r\n takingNewReferralsBtnWrap.classList.add('filterSelectionBtnWrap');\r\n takingNewReferralsBtnWrap.appendChild(takingNewReferralsBtn);\r\n takingNewReferralsBtnWrap.appendChild(takingNewReferralsCloseBtn);\r\n btnWrap.appendChild(takingNewReferralsBtnWrap);\r\n\r\n fundingSourceBtnWrap = document.createElement('div');\r\n fundingSourceBtnWrap.classList.add('filterSelectionBtnWrap');\r\n fundingSourceBtnWrap.appendChild(fundingSourceBtn);\r\n fundingSourceBtnWrap.appendChild(fundingSourceCloseBtn);\r\n btnWrap.appendChild(fundingSourceBtnWrap);\r\n\r\n serviceCodeBtnWrap = document.createElement('div');\r\n serviceCodeBtnWrap.classList.add('filterSelectionBtnWrap');\r\n serviceCodeBtnWrap.appendChild(serviceCodeBtn);\r\n serviceCodeBtnWrap.appendChild(serviceCodeCloseBtn);\r\n btnWrap.appendChild(serviceCodeBtnWrap);\r\n }\r\n\r\n function closeFilter(closeFilter) {\r\n if (closeFilter == 'DDNumberBtn') {\r\n filterValues.DDNumber = '';\r\n }\r\n if (closeFilter == 'localNumberBtn') {\r\n filterValues.localNumber = '';\r\n }\r\n if (closeFilter == 'vendorBtn') {\r\n filterValues.vendor = '%';\r\n }\r\n if (closeFilter == 'goodStandingBtn') {\r\n filterValues.goodStanding = '%';\r\n }\r\n if (closeFilter == 'homeServicesBtn') {\r\n filterValues.homeServices = '%';\r\n }\r\n if (closeFilter == 'fundingSourceBtn') {\r\n filterValues.fundingSource = '%';\r\n }\r\n if (closeFilter == 'serviceCodeBtn') {\r\n filterValues.serviceCode = '%';\r\n }\r\n if (closeFilter == 'takingNewReferralsBtn') {\r\n filterValues.takingNewReferrals = '%';\r\n }\r\n\r\n vendorInfoLoad(true);\r\n }\r\n\r\n // build Filter pop-up that displays when an \"Filter\" button is clicked\r\n function buildFilterPopUp(IsShow) {\r\n // popup\r\n filterPopup = POPUP.build({\r\n classNames: ['rosterFilterPopup'],\r\n hideX: true,\r\n });\r\n\r\n // dropdowns & inputs\r\n vendorDropdown = dropdown.build({\r\n id: 'vendorDropdown',\r\n label: 'Vendors',\r\n dropdownId: 'vendorDropdown',\r\n });\r\n\r\n DDNumberInput = input.build({\r\n id: 'DDNumberInput',\r\n type: 'text',\r\n label: 'DD Number',\r\n style: 'secondary',\r\n value: filterValues.DDNumber,\r\n });\r\n\r\n localNumberInput = input.build({\r\n id: 'localNumberInput',\r\n type: 'text',\r\n label: 'Local Number',\r\n style: 'secondary',\r\n value: filterValues.localNumber,\r\n });\r\n\r\n goodStandingDropdown = dropdown.build({\r\n id: 'goodStandingDropdown',\r\n label: 'In Good Standing',\r\n dropdownId: 'goodStandingDropdown',\r\n });\r\n\r\n homeServicesDropdown = dropdown.build({\r\n id: 'homeServicesDropdown',\r\n label: 'In Home Services',\r\n dropdownId: 'homeServicesDropdown',\r\n });\r\n\r\n takingNewReferralsDropdown = dropdown.build({\r\n id: 'takingNewReferralsDropdown',\r\n label: 'Taking New Referrals',\r\n dropdownId: 'takingNewReferralsDropdown',\r\n });\r\n\r\n fundingSourceDropdown = dropdown.build({\r\n id: 'fundingSourceDropdown',\r\n label: 'Funding Source',\r\n dropdownId: 'fundingSourceDropdown',\r\n });\r\n\r\n serviceCodeDropdown = dropdown.build({\r\n id: 'serviceCodeDropdown',\r\n label: 'Service Code',\r\n dropdownId: 'serviceCodeDropdown',\r\n });\r\n\r\n // apply filters button\r\n APPLY_BTN = button.build({\r\n text: 'Apply',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n CANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => filterPopupCancelBtn(),\r\n });\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(APPLY_BTN);\r\n btnWrap.appendChild(CANCEL_BTN);\r\n\r\n if (IsShow == 'ALL' || IsShow == 'vendorBtn') filterPopup.appendChild(vendorDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'DDNumberBtn') filterPopup.appendChild(DDNumberInput);\r\n if (IsShow == 'ALL' || IsShow == 'localNumberBtn') filterPopup.appendChild(localNumberInput);\r\n if (IsShow == 'ALL' || IsShow == 'goodStandingBtn') filterPopup.appendChild(goodStandingDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'homeServicesBtn') filterPopup.appendChild(homeServicesDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'takingNewReferralsBtn') filterPopup.appendChild(takingNewReferralsDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'fundingSourceBtn') filterPopup.appendChild(fundingSourceDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'serviceCodeBtn') filterPopup.appendChild(serviceCodeDropdown);\r\n\r\n filterPopup.appendChild(btnWrap);\r\n\r\n POPUP.show(filterPopup);\r\n eventListeners();\r\n populateFilterDropdown();\r\n }\r\n\r\n // binding filter events\r\n function eventListeners() {\r\n var tmpVendor;\r\n var tmpDDNumber;\r\n var tmpLocalNumber;\r\n var tmpGoodStanding;\r\n var tmpHomeServices;\r\n var tmpTakingNewReferrals;\r\n var tmpFundingSource;\r\n var tmpServiceCode;\r\n\r\n vendorDropdown.addEventListener('change', event => {\r\n tmpVendor = event.target.value;\r\n });\r\n DDNumberInput.addEventListener('input', event => {\r\n tmpDDNumber = event.target.value.trim();\r\n });\r\n localNumberInput.addEventListener('input', event => {\r\n tmpLocalNumber = event.target.value.trim();\r\n });\r\n goodStandingDropdown.addEventListener('change', event => {\r\n tmpGoodStanding = event.target.value;\r\n });\r\n homeServicesDropdown.addEventListener('change', event => {\r\n tmpHomeServices = event.target.value;\r\n });\r\n takingNewReferralsDropdown.addEventListener('change', event => {\r\n tmpTakingNewReferrals = event.target.value;\r\n });\r\n fundingSourceDropdown.addEventListener('change', event => {\r\n tmpFundingSource = event.target.value;\r\n });\r\n serviceCodeDropdown.addEventListener('change', event => {\r\n tmpServiceCode = event.target.value;\r\n });\r\n\r\n APPLY_BTN.addEventListener('click', () => {\r\n updateFilterData({\r\n tmpVendor,\r\n tmpDDNumber,\r\n tmpLocalNumber,\r\n tmpGoodStanding,\r\n tmpHomeServices,\r\n tmpTakingNewReferrals,\r\n tmpFundingSource,\r\n tmpServiceCode,\r\n });\r\n\r\n POPUP.hide(filterPopup);\r\n vendorInfoLoad(true);\r\n });\r\n }\r\n\r\n function updateFilterData(data) {\r\n if (data.tmpVendor) filterValues.vendor = data.tmpVendor;\r\n if (data.tmpDDNumber != undefined) filterValues.DDNumber = data.tmpDDNumber;\r\n if (data.tmpLocalNumber != undefined) filterValues.localNumber = data.tmpLocalNumber;\r\n if (data.tmpGoodStanding) filterValues.goodStanding = data.tmpGoodStanding;\r\n if (data.tmpHomeServices) filterValues.homeServices = data.tmpHomeServices;\r\n if (data.tmpTakingNewReferrals) filterValues.takingNewReferrals = data.tmpTakingNewReferrals;\r\n if (data.tmpFundingSource) filterValues.fundingSource = data.tmpFundingSource;\r\n if (data.tmpServiceCode) filterValues.serviceCode = data.tmpServiceCode;\r\n }\r\n\r\n async function populateFilterDropdown() {\r\n const { getVendorResult: Vendor } = await authorizationsAjax.getVendorAsync();\r\n let vendorData = Vendor.map(vendor => ({\r\n id: vendor.Description,\r\n value: vendor.Description,\r\n text: vendor.Description,\r\n }));\r\n vendorData.unshift({ id: null, value: '%', text: 'ALL' });\r\n dropdown.populate('vendorDropdown', vendorData, filterValues.vendor);\r\n\r\n const { getFundingSourceResult: FundingSource } = await authorizationsAjax.getFundingSourceAsync();\r\n let fundingSourceData = FundingSource.map(fundingSource => ({\r\n id: fundingSource.ID,\r\n value: fundingSource.Description,\r\n text: fundingSource.Description,\r\n }));\r\n fundingSourceData.unshift({ id: null, value: '%', text: 'ALL' });\r\n dropdown.populate('fundingSourceDropdown', fundingSourceData, filterValues.fundingSource);\r\n\r\n const { getServiceCodeResult: ServiceCode } = await authorizationsAjax.getServiceCodeAsync();\r\n let serviceCodeData = ServiceCode.map(serviceCode => ({\r\n id: serviceCode.ID,\r\n value: serviceCode.Description,\r\n text: serviceCode.Description,\r\n }));\r\n serviceCodeData.unshift({ id: null, value: '%', text: 'ALL' });\r\n dropdown.populate('serviceCodeDropdown', serviceCodeData, filterValues.serviceCode);\r\n\r\n const goodStandingData = [\r\n { id: 1, value: 'N', text: 'No' },\r\n { id: 2, value: 'Y', text: 'Yes' },\r\n ];\r\n goodStandingData.unshift({ id: '%', value: '%', text: 'ALL' });\r\n dropdown.populate('goodStandingDropdown', goodStandingData, filterValues.goodStanding);\r\n\r\n const homeServicesData = [\r\n { id: 1, value: 'N', text: 'No' },\r\n { id: 2, value: 'Y', text: 'Yes' },\r\n ];\r\n homeServicesData.unshift({ id: '%', value: '%', text: 'ALL' });\r\n dropdown.populate('homeServicesDropdown', homeServicesData, filterValues.homeServices);\r\n\r\n const takingNewReferralsData = [\r\n { id: 1, value: 'N', text: 'No' },\r\n { id: 2, value: 'Y', text: 'Yes' },\r\n ];\r\n takingNewReferralsData.unshift({ id: '%', value: '%', text: 'ALL' });\r\n dropdown.populate('takingNewReferralsDropdown', takingNewReferralsData, filterValues.takingNewReferrals);\r\n }\r\n\r\n function filterPopupCancelBtn() {\r\n POPUP.hide(filterPopup);\r\n }\r\n\r\n // load\r\n async function loadReviewPage(fromFilter) {\r\n var DDNum = filterValues.DDNumber == '' ? '%' : filterValues.DDNumber;\r\n var localNum = filterValues.localNumber == '' ? '%' : filterValues.localNumber;\r\n if (fromFilter) {\r\n await authorizationsAjax.getVendorInfoAsync(\r\n {\r\n vendor: filterValues.vendor,\r\n DDNumber: DDNum,\r\n localNumber: localNum,\r\n goodStanding: filterValues.goodStanding,\r\n homeServices: filterValues.homeServices,\r\n takingNewReferrals: filterValues.takingNewReferrals,\r\n fundingSource: filterValues.fundingSource,\r\n serviceCode: filterValues.serviceCode,\r\n },\r\n async function (results) {\r\n tempUserTableData = results;\r\n vendorsData = results;\r\n await groupVendorData();\r\n },\r\n );\r\n return;\r\n }\r\n\r\n await authorizationsAjax.getVendorLandingPageInfoAsync(async function (results) {\r\n tempUserTableData = results;\r\n vendorsData = results;\r\n await groupVendorData();\r\n });\r\n }\r\n\r\n function pouplateVendors() {\r\n if (!groupedVendors[activeGroup + 1]) {\r\n document.getElementById('loadMoreBtn').style.display = 'none';\r\n } else {\r\n document.getElementById('loadMoreBtn').style.display = 'block';\r\n }\r\n loadMoreVendors = loadMoreVendors.concat(groupedVendors[activeGroup]);\r\n populateTable(loadMoreVendors);\r\n }\r\n\r\n async function groupVendorData(vendors) {\r\n const chunkBy = 50;\r\n chunkedArray = vendors ? UTIL.chunkArray(vendors, chunkBy) : UTIL.chunkArray(vendorsData, chunkBy);\r\n groupedVendors = {};\r\n chunkedArray.forEach((a, index) => (groupedVendors[index] = a));\r\n const vendorKeys = Object.keys(groupedVendors);\r\n vendorGroupCount = vendorKeys && vendorKeys.length;\r\n activeGroup = 0;\r\n loadMoreVendors = groupedVendors[activeGroup];\r\n populateTable(loadMoreVendors);\r\n }\r\n\r\n function buildLoadMoreBtn() {\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('loadMoreVendorBtn');\r\n\r\n const btn = button.build({\r\n id: 'loadMoreBtn',\r\n text: 'Load More...',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n activeGroup++;\r\n pouplateVendors();\r\n },\r\n });\r\n\r\n btnWrap.appendChild(btn);\r\n\r\n return btnWrap;\r\n }\r\n\r\n function formatPhoneNumber(number) {\r\n if (number == '' || number == ' ') return '';\r\n\r\n const phoneNumber = UTIL.formatPhoneNumber(number.substr(0, 10));\r\n const phoneExt = number.substr(10);\r\n\r\n const phonebracket = phoneNumber.substr(0, 3);\r\n const phonenum = phoneNumber.substr(4, 11);\r\n\r\n const phone = `(${phonebracket})` + ` ` + ` ${phonenum}` + ` ` + `${phoneExt}`;\r\n\r\n return phone;\r\n }\r\n\r\n return {\r\n init,\r\n vendorInfoLoad,\r\n };\r\n})();\r\n","const vendorLocationReview = (() => {\r\n let vendorID;\r\n let locationReviewEntries;\r\n\r\n async function init(vendorId) {\r\n vendorID = vendorId;\r\n locationReviewEntries = await authorizationsAjax.getVenderLocationReviewEntriesAsync(vendorID);\r\n }\r\n\r\n function getMarkup() {\r\n const locatationReviewWrap = document.createElement('div');\r\n locatationReviewWrap.classList.add('planSummary');\r\n\r\n const importantTables = buildNewVendorLocationReviewForm();\r\n locatationReviewWrap.appendChild(importantTables);\r\n\r\n return locatationReviewWrap;\r\n }\r\n\r\n function buildNewVendorLocationReviewForm() {\r\n const locatationReviewDiv = document.createElement('div');\r\n locatationReviewDiv.classList.add('additionalQuestionWrap');\r\n\r\n locationReviewEntriesTable = buildLocationReviewEntriesTable();\r\n\r\n // Set the data type for each header, for sorting purposes\r\n const headers = locationReviewEntriesTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'string'); // Location\r\n headers[1].setAttribute('data-type', 'string'); // Review Type\r\n headers[2].setAttribute('data-type', 'date'); // Due Date \r\n headers[3].setAttribute('data-type', 'date'); // Completed Date \r\n headers[4].setAttribute('data-type', 'string'); // Responsible Staff \r\n\r\n\r\n const column1 = document.createElement('div')\r\n column1.classList.add('col-1')\r\n const addNewCard = document.createElement(\"div\");\r\n addNewCard.classList.add(\"card\");\r\n const addNewCardBody = document.createElement(\"div\");\r\n addNewCardBody.classList.add(\"card__body\");\r\n addNewCard.innerHTML = `Location Review
`;\r\n addNewCard.appendChild(addNewCardBody)\r\n column1.appendChild(addNewCard)\r\n\r\n addNewCardBody.appendChild(locationReviewEntriesTable);\r\n locatationReviewDiv.appendChild(column1);\r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(locationReviewEntriesTable); \r\n\r\n return locatationReviewDiv;\r\n }\r\n\r\n function buildLocationReviewEntriesTable() {\r\n const tableOptions = {\r\n plain: false,\r\n tableId: 'vendorInfoTable', \r\n columnHeadings: ['Location ', 'Review Type', 'Due Date', 'Completed Date', 'Responsible Staff'],\r\n endIcon: false,\r\n };\r\n\r\n let tableData = locationReviewEntries.getVenderLocationReviewEntriesResult.map((entry) => ({\r\n values: [entry.location, entry.reviewType, entry.dueDate == '' ? '' : moment(entry.dueDate).format('MM/DD/YYYY'), entry.completedDate == '' ? '' : moment(entry.completedDate).format('MM/DD/YYYY'), entry.responsibleStaff],\r\n }));\r\n const oTable = table.build(tableOptions);\r\n table.populate(oTable, tableData);\r\n\r\n return oTable;\r\n }\r\n\r\n\r\n return {\r\n init,\r\n buildNewVendorLocationReviewForm,\r\n getMarkup,\r\n };\r\n})(); ","const vendorProviderType = (() => {\r\n let vendorID;\r\n let providerTypeEntries;\r\n\r\n async function init(vendorId) {\r\n vendorID = vendorId;\r\n providerTypeEntries = await authorizationsAjax.getProviderTypeEntriesAsync(vendorID);\r\n }\r\n\r\n function getMarkup() {\r\n const vendorProviderWrap = document.createElement('div');\r\n vendorProviderWrap.classList.add('planSummary');\r\n\r\n const importantTables = buildNewVendorProviderTypeForm();\r\n vendorProviderWrap.appendChild(importantTables);\r\n\r\n return vendorProviderWrap;\r\n }\r\n\r\n function buildNewVendorProviderTypeForm() {\r\n const vendorProviderDiv = document.createElement('div');\r\n vendorProviderDiv.classList.add('additionalQuestionWrap');\r\n\r\n providerTypeEntriesTable = buildProviderTypeEntriesTable();\r\n\r\n const headers = providerTypeEntriesTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'string'); // Provider Type\r\n headers[1].setAttribute('data-type', 'date'); // Start Date\r\n headers[2].setAttribute('data-type', 'date'); // End Date \r\n headers[3].setAttribute('data-type', 'string'); // Notes \r\n\r\n const column1 = document.createElement('div')\r\n column1.classList.add('col-1')\r\n const addNewCard = document.createElement(\"div\");\r\n addNewCard.classList.add(\"card\");\r\n const addNewCardBody = document.createElement(\"div\");\r\n addNewCardBody.classList.add(\"card__body\");\r\n addNewCard.innerHTML = `Provider Type
`;\r\n addNewCard.appendChild(addNewCardBody)\r\n column1.appendChild(addNewCard)\r\n\r\n addNewCardBody.appendChild(providerTypeEntriesTable);\r\n vendorProviderDiv.appendChild(column1);\r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(providerTypeEntriesTable); \r\n\r\n return vendorProviderDiv;\r\n }\r\n\r\n function buildProviderTypeEntriesTable() {\r\n const tableOptions = {\r\n plain: false,\r\n tableId: 'vendorInfoTable',\r\n columnHeadings: ['Provider Type', 'Start Date', 'End Date', 'Notes'],\r\n endIcon: false,\r\n };\r\n\r\n let tableData = providerTypeEntries.getProviderTypeEntriesResult.map((entry) => ({\r\n values: [entry.ProviderType, entry.startDate == '' ? '' : moment(entry.startDate).format('MM/DD/YYYY'), entry.endDate == '' ? '' : moment(entry.endDate).format('MM/DD/YYYY'), entry.Notes],\r\n }));\r\n const oTable = table.build(tableOptions);\r\n table.populate(oTable, tableData);\r\n\r\n return oTable;\r\n }\r\n\r\n return {\r\n init,\r\n buildNewVendorProviderTypeForm,\r\n getMarkup,\r\n };\r\n})(); ","const vendorServices = (() => {\r\n let vendorID;\r\n let ServicesEntries;\r\n\r\n async function init(vendorId) {\r\n vendorID = vendorId;\r\n ServicesEntries = await authorizationsAjax.getVenderServicesEntriesAsync(vendorID);\r\n }\r\n\r\n function getMarkup() {\r\n const vendorServicesWrap = document.createElement('div');\r\n vendorServicesWrap.classList.add('planSummary');\r\n\r\n const importantTables = buildNewVendorServicesForm();\r\n vendorServicesWrap.appendChild(importantTables);\r\n\r\n return vendorServicesWrap;\r\n }\r\n\r\n function buildNewVendorServicesForm() {\r\n const vendorServicesDiv = document.createElement('div');\r\n vendorServicesDiv.classList.add('additionalQuestionWrap');\r\n\r\n serviceEntriesTable = buildServicesEntriesTable();\r\n\r\n const column1 = document.createElement('div')\r\n column1.classList.add('col-1')\r\n const addNewCard = document.createElement(\"div\");\r\n addNewCard.classList.add(\"card\");\r\n const addNewCardBody = document.createElement(\"div\");\r\n addNewCardBody.classList.add(\"card__body\");\r\n addNewCard.innerHTML = `Services
`;\r\n addNewCard.appendChild(addNewCardBody)\r\n column1.appendChild(addNewCard)\r\n\r\n addNewCardBody.appendChild(serviceEntriesTable);\r\n vendorServicesDiv.appendChild(column1);\r\n return vendorServicesDiv;\r\n }\r\n\r\n function buildServicesEntriesTable() {\r\n const tableOptions = {\r\n plain: false,\r\n tableId: 'vendorInfoTable',\r\n columnHeadings: ['Funding Source', 'Service Code', 'Service Description'],\r\n endIcon: false,\r\n };\r\n\r\n let tableData = ServicesEntries.getVenderServicesEntriesResult.map((entry) => ({\r\n values: [entry.fundingSource, entry.serviceCode, entry.serviceDescription], \r\n }));\r\n const oTable = table.build(tableOptions);\r\n\r\n // Set the data type for each header, for sorting purposes\r\n const headers = oTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'string'); // Funding Source\r\n headers[1].setAttribute('data-type', 'string'); // Service Code\r\n headers[2].setAttribute('data-type', 'string'); // Service Description \r\n\r\n table.populate(oTable, tableData);\r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(oTable); \r\n\r\n return oTable;\r\n }\r\n\r\n return {\r\n init,\r\n buildNewVendorServicesForm,\r\n getMarkup,\r\n };\r\n})(); ","const vendorUCR = (() => {\r\n\r\n let vendorID;\r\n let UCREntries;\r\n\r\n\r\n async function init(vendorId) {\r\n vendorID = vendorId;\r\n UCREntries = await authorizationsAjax.getVenderUCREntriesAsync(vendorID);\r\n }\r\n\r\n\r\n function getMarkup() {\r\n const vendorUCRWrap = document.createElement('div');\r\n vendorUCRWrap.classList.add('planSummary');\r\n\r\n const importantTables = buildNewVendorUCRForm();\r\n vendorUCRWrap.appendChild(importantTables);\r\n\r\n return vendorUCRWrap;\r\n }\r\n\r\n function buildNewVendorUCRForm() {\r\n const vendorUCRDiv = document.createElement('div');\r\n vendorUCRDiv.classList.add('additionalQuestionWrap');\r\n\r\n UCREntriesTable = buildUCREntriesTable();\r\n\r\n const headers = UCREntriesTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'string'); // Service\r\n headers[1].setAttribute('data-type', 'string'); // Group Size\r\n headers[2].setAttribute('data-type', 'string'); // Service Location \r\n headers[3].setAttribute('data-type', 'string'); // CDB Category \r\n headers[4].setAttribute('data-type', 'string'); // Assessment/ Acuity Score\r\n headers[5].setAttribute('data-type', 'date'); // Start Date\r\n headers[6].setAttribute('data-type', 'date'); // End Date \r\n headers[7].setAttribute('data-type', 'amount'); // UCR\r\n\r\n\r\n const column1 = document.createElement('div')\r\n column1.classList.add('col-1')\r\n const addNewCard = document.createElement(\"div\");\r\n addNewCard.classList.add(\"card\");\r\n const addNewCardBody = document.createElement(\"div\");\r\n addNewCardBody.classList.add(\"card__body\");\r\n addNewCard.innerHTML = `UCR
`;\r\n addNewCard.appendChild(addNewCardBody)\r\n column1.appendChild(addNewCard)\r\n\r\n addNewCardBody.appendChild(UCREntriesTable);\r\n vendorUCRDiv.appendChild(column1);\r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(UCREntriesTable); \r\n\r\n return vendorUCRDiv;\r\n }\r\n\r\n function buildUCREntriesTable() {\r\n const tableOptions = {\r\n plain: false,\r\n tableId: 'vendorInfoUCRTable',\r\n columnHeadings: ['Service ', 'Group Size', 'Service Location', 'CDB Category', 'Assessment/ Acuity Score', 'Start Date', 'End Date', 'UCR'],\r\n endIcon: false,\r\n };\r\n\r\n let tableData = UCREntries.getVenderUCREntriesResult.map((entry) => ({\r\n values: [entry.service, entry.groupSize, entry.serviceLocation, entry.CDBCategory, entry.assessmentAcuityScore, entry.startDate == '' ? '' : moment(entry.startDate).format('MM/DD/YYYY'), entry.endDate == '' ? '' : moment(entry.endDate).format('MM/DD/YYYY'), entry.UCR == '' ? entry.UCR : '$' + entry.UCR],\r\n }));\r\n const oTable = table.build(tableOptions);\r\n table.populate(oTable, tableData);\r\n\r\n return oTable;\r\n }\r\n\r\n\r\n return {\r\n init,\r\n buildNewVendorUCRForm,\r\n getMarkup,\r\n };\r\n})(); ","const CaseNotes = (() => {\r\n //--------------------------\r\n // SESSION DATA\r\n //--------------------------\r\n let caseNoteId = null;\r\n let caseNoteGroupId = null;\r\n let caseNoteEditData = {};\r\n let caseNoteAttachmentsEditData = [];\r\n let attachmentsForDelete = [];\r\n let caseManagerId;\r\n let selectedConsumers = [];\r\n let selectedDate = null;\r\n let selectedServiceCode;\r\n let updatedInputs = {};\r\n let allowGroupNotes = false;\r\n let defaultServiceCode;\r\n //--------------------------\r\n // PERMISSIONS\r\n //--------------------------\r\n let isReadOnly;\r\n //--------------------------\r\n // DOM\r\n //--------------------------\r\n let moduleWrap;\r\n let cnHeader;\r\n let cnDateNavWrap;\r\n let cnFormWrap;\r\n let cnRosterWrap;\r\n //--------------------------\r\n // UI INSTANCES\r\n //--------------------------\r\n let dateNavigation;\r\n let rosterPicker;\r\n let cnForm;\r\n let cnOverview;\r\n let cnPhrases;\r\n let cnDocTimer;\r\n let reqVisualizer;\r\n\r\n function resetModuleData() {\r\n _DOM.ACTIONCENTER.removeAttribute('data-ui');\r\n\r\n moduleWrap = undefined;\r\n cnHeader = undefined;\r\n cnDateNavWrap = undefined;\r\n cnFormWrap = undefined;\r\n cnRosterWrap = undefined;\r\n dateNavigation = undefined;\r\n rosterPicker = undefined;\r\n cnForm = undefined;\r\n cnOverview = undefined;\r\n cnPhrases = undefined;\r\n cnDocTimer = undefined;\r\n reqVisualizer = undefined;\r\n\r\n resetNoteData();\r\n }\r\n function resetNoteData() {\r\n caseNoteId = null;\r\n caseNoteGroupId = null;\r\n caseNoteEditData = {};\r\n caseNoteAttachmentsEditData = [];\r\n attachmentsForDelete = [];\r\n caseManagerId = $.session.PeopleId;\r\n selectedConsumers = [];\r\n selectedServiceCode = defaultServiceCode ? defaultServiceCode : '';\r\n updatedInputs = {};\r\n }\r\n function resetModule() {\r\n resetModuleData();\r\n resetNoteData();\r\n }\r\n\r\n // UTILS\r\n //--------------------------------------------------\r\n function isNoteConfidential() {\r\n // old function = checkConfidential\r\n }\r\n function setPermissions() {\r\n //TODO-ASH: check if case note is batched | *ONLY FOR REVIEW*\r\n // batched notes are readonly, if batched status === '' it is NOT BATCHED\r\n\r\n //! GK ONLY\r\n //? If note is batched then we shouldn't hit this if bc note is read only\r\n if ($.session.applicationName === 'Gatekeeper') {\r\n if ($.session.CaseNotesUpdate) {\r\n if (\r\n !$.session.CaseNotesUpdateEntered ||\r\n ($.session.CaseNotesUpdateEntered && caseManagerId === $.session.PeopleId)\r\n ) {\r\n //can edit (correct alignment of Update and UpdateEntered Case Notes permissions)\r\n isReadOnly = false;\r\n } else {\r\n //can not edit (with UpdateEntered permission, can't edit other people's case notes)\r\n isReadOnly = true;\r\n }\r\n } else {\r\n isReadOnly = true; //can not edit (no overall update permission)\r\n }\r\n }\r\n }\r\n function checkServiceFundingADV() {\r\n //! ADV ONLY\r\n // based off selected servBillCode\r\n // check its service funding value\r\n // if funding value is \"N\" - disable service location dropdown\r\n // else - enable dropdown, make required\r\n }\r\n function checkGroupNotesPermission() {\r\n allowGroupNotes;\r\n\r\n if ($.session.applicationName === 'Gatekeeper') {\r\n allowGroupNotes = cnData.allowGroupNotes(selectedServiceCode);\r\n } else {\r\n allowGroupNotes = true;\r\n }\r\n\r\n rosterPicker.toggleMultiSelectOption(allowGroupNotes);\r\n }\r\n function extractCaseNoteId(xmlString) {\r\n const match = xmlString.match(/Case Notes
` });\r\n cnDateNavWrap = _DOM.createElement('div', { class: 'caseNotesDateNav' });\r\n cnFormWrap = _DOM.createElement('div', { class: 'caseNotesForm' });\r\n cnRosterWrap = _DOM.createElement('div', { class: 'caseNotesRosterPicker' });\r\n\r\n moduleWrap.appendChild(cnHeader);\r\n moduleWrap.appendChild(cnDateNavWrap);\r\n moduleWrap.appendChild(cnRosterWrap);\r\n moduleWrap.appendChild(cnFormWrap);\r\n _DOM.ACTIONCENTER.appendChild(moduleWrap);\r\n }\r\n\r\n // INIT (data & defaults)\r\n //--------------------------------------------------\r\n function initComponents() {\r\n // Date Navigation\r\n dateNavigation = new DateNavigation({\r\n selectedDate: selectedDate,\r\n allowFutureDate: false,\r\n });\r\n\r\n // Roster Picker\r\n rosterPicker = new RosterPicker({\r\n allowMultiSelect: false,\r\n consumerRequired: true,\r\n selectionDate: undefined, \r\n });\r\n\r\n // Form\r\n cnForm = new Form({\r\n fields: [\r\n //confidential\r\n {\r\n type: 'checkbox',\r\n label: 'Confidential',\r\n id: 'confidential',\r\n },\r\n //outcomeServiceMonitoring\r\n {\r\n type: 'checkbox',\r\n label: 'Outcome/Service Monitoring',\r\n id: 'outcomeServiceMonitoring',\r\n hidden: $.session.applicationName === 'Advisor',\r\n //disabled: true,\r\n },\r\n //startTime\r\n {\r\n type: 'time',\r\n label: 'Start Time',\r\n id: 'startTime',\r\n required: true,\r\n },\r\n //endTime\r\n {\r\n type: 'time',\r\n label: 'End Time',\r\n id: 'endTime',\r\n required: true,\r\n },\r\n //serviceCode\r\n {\r\n type: 'select',\r\n label: $.session.applicationName === 'Gatekeeper' ? 'Bill Code:' : 'Serv. Code:',\r\n id: 'serviceCode',\r\n required: true,\r\n data: cnData.getServiceBillCodeDropdownData(),\r\n defaultValue: selectedServiceCode,\r\n includeBlankOption: true,\r\n },\r\n //location\r\n {\r\n type: 'select',\r\n label: 'Location',\r\n id: 'location',\r\n disabled: true,\r\n includeBlankOption: true,\r\n },\r\n //service\r\n {\r\n type: 'select',\r\n label: 'Service',\r\n id: 'service',\r\n disabled: true,\r\n includeBlankOption: true,\r\n },\r\n //need\r\n {\r\n type: 'select',\r\n label: 'Need',\r\n id: 'need',\r\n disabled: true,\r\n includeBlankOption: true,\r\n },\r\n //contact\r\n {\r\n type: 'select',\r\n label: 'Contact',\r\n id: 'contact',\r\n disabled: true,\r\n includeBlankOption: true,\r\n },\r\n //vendor\r\n {\r\n type: 'select',\r\n label: 'Vendor',\r\n id: 'vendor',\r\n note: 'Requires a consumer(s) to be selected',\r\n },\r\n //serviceLocation\r\n {\r\n type: 'select',\r\n label: 'Service Location',\r\n id: 'serviceLocation',\r\n hidden: $.session.applicationName === 'Gatekeeper',\r\n disabled: true,\r\n },\r\n //noteText\r\n {\r\n type: 'textarea',\r\n label: 'Note',\r\n id: 'noteText',\r\n required: true,\r\n fullscreen: true,\r\n speechToText: true,\r\n note: `Use the new quick insert key for phrases, type #ph. (#ph must not be apart of another word)`,\r\n },\r\n //mileage\r\n {\r\n type: 'number',\r\n label: 'Mileage',\r\n id: 'mileage',\r\n disabled: $.session.applicationName === 'Gatekeeper' ? true : false,\r\n },\r\n //travelTime\r\n {\r\n type: 'number',\r\n label: 'Travel Time',\r\n id: 'travelTime',\r\n hidden: $.session.applicationName === 'Advisor',\r\n disabled: true,\r\n },\r\n //attachment\r\n {\r\n type: 'attachment',\r\n label: 'Add Attachment',\r\n id: 'attachment',\r\n hidden: $.session.applicationName === 'Advisor',\r\n },\r\n ],\r\n buttons: [\r\n {\r\n type: 'submit',\r\n text: 'Save & New',\r\n icon: 'add',\r\n name: 'saveAndNew',\r\n style: 'primary',\r\n styleType: 'outlined',\r\n },\r\n {\r\n type: 'submit',\r\n text: 'Update',\r\n icon: 'save',\r\n name: 'update',\r\n hidden: true,\r\n },\r\n ],\r\n });\r\n cnFormToast = new Toast();\r\n\r\n // Overview Cards\r\n // OVERVIEW // cnOverview = new CaseNotesOverview(cnData);\r\n\r\n // Phrases\r\n cnPhrases = new CaseNotesPhrases();\r\n\r\n // Documentation Timer\r\n if ($.session.applicationName === 'Gatekeeper') {\r\n cnDocTimer = new CaseNotesTimer();\r\n cnDocTimer.renderTo(cnFormWrap);\r\n }\r\n\r\n // Req Visualizer\r\n reqVisualizer = new AsyncRequestVisualizer();\r\n reqVisualizer.renderTo(_DOM.ACTIONCENTER);\r\n\r\n // Overlap Popup\r\n overlapPopup = new ConfirmationPopup({ className: 'overlapWarning' });\r\n overlapPopup.renderTo(_DOM.ACTIONCENTER);\r\n\r\n // DeleteConfirmation Popup\r\n deleteConfirmationPopup = new WarningPopup({ className: 'deleteCaseWarning' });\r\n deleteConfirmationPopup.renderTo(_DOM.ACTIONCENTER);\r\n }\r\n async function init(fromDashboard) {\r\n setPermissions();\r\n\r\n selectedDate = dates.getTodaysDateObj();\r\n caseManagerId = $.session.PeopleId;\r\n if (fromDashboard === true) {\r\n selectedConsumers = [CN_CaseLoadWidget.getCurrentlyselectedConsumerId()];\r\n }\r\n\r\n loadPageSkeleton();\r\n\r\n // init case notes data\r\n cnData = new CaseNotesData(); \r\n await cnData.fetchDropdownData();\r\n await cnData.fetchCaseManagerReviewData(caseManagerId);\r\n defaultServiceCode = cnData.getDefaultServiceCode();\r\n selectedServiceCode = defaultServiceCode;\r\n if ($.session.applicationName === 'Advisor') {\r\n await cnData.fetchConsumersThatCanHaveMileage();\r\n }\r\n\r\n initComponents();\r\n await loadPage();\r\n await populatePage();\r\n\r\n onServiceCodeChange();\r\n\r\n // if (isReadOnly) {\r\n // cnForm.disableFormInputs();\r\n // toggleFormButtonsDisabled();\r\n // rosterPicker.toggleRosterDisabled(true, true);\r\n // return;\r\n // }\r\n\r\n checkRequiredFields();\r\n }\r\n\r\n return {\r\n init,\r\n resetModule,\r\n };\r\n})();\r\n","(function (global, factory) {\r\n global.CaseNotesData = factory();\r\n})(this, function () {\r\n function dealWithDropdownDataHugeString(res) {\r\n function decipherXML(res) {\r\n const xmlDoc = UTIL.parseXml('' + res);\r\n const data = [];\r\n\r\n const billingCodes = [].slice.call(xmlDoc.getElementsByTagName('billingcode'));\r\n billingCodes.forEach(bc => {\r\n const tmpServiceCode = [].slice.call(bc.getElementsByTagName('codename'))[0];\r\n const tmpServiceId = [].slice.call(bc.getElementsByTagName('serviceid'))[0];\r\n const tmpServiceFunding = [].slice.call(bc.getElementsByTagName('includeinfunding'))[0];\r\n const tmpServiceRequired = [].slice.call(bc.getElementsByTagName('servicerequired'))[0];\r\n const tmpLocationRequired = [].slice.call(bc.getElementsByTagName('locationrequired'))[0];\r\n const tmpNeedRequired = [].slice.call(bc.getElementsByTagName('needrequired'))[0];\r\n const tmpContactRequired = [].slice.call(bc.getElementsByTagName('contactrequired'))[0];\r\n const tmpAllowGroupNotes = [].slice.call(bc.getElementsByTagName('allowgroupnotes'))[0];\r\n const tmpMileageRequired = [].slice.call(bc.getElementsByTagName('mileagerequired'))[0];\r\n const tmpDocTimeRequired = [].slice.call(bc.getElementsByTagName('doctimerequired'))[0];\r\n const tmpTravelTimeRequired = [].slice.call(bc.getElementsByTagName('traveltimerequired'))[0];\r\n const locations = [].slice.call(bc.getElementsByTagName('location'));\r\n const contacts = [].slice.call(bc.getElementsByTagName('contact'));\r\n const services = [].slice.call(bc.getElementsByTagName('service'));\r\n const needs = [].slice.call(bc.getElementsByTagName('need'));\r\n\r\n const tmpObject = {};\r\n tmpObject.serviceCode = tmpServiceCode ? tmpServiceCode.textContent : '';\r\n tmpObject.serviceId = tmpServiceId ? tmpServiceId.textContent : '';\r\n tmpObject.serviceFunding = tmpServiceFunding ? tmpServiceFunding.textContent : '';\r\n tmpObject.serviceRequired = tmpServiceRequired ? tmpServiceRequired.textContent : '';\r\n tmpObject.locationRequired = tmpLocationRequired ? tmpLocationRequired.textContent : '';\r\n tmpObject.needRequired = tmpNeedRequired ? tmpNeedRequired.textContent : '';\r\n tmpObject.contactRequired = tmpContactRequired ? tmpContactRequired.textContent : '';\r\n tmpObject.allowGroupNotes = tmpAllowGroupNotes ? tmpAllowGroupNotes.textContent : '';\r\n tmpObject.mileageRequired = tmpMileageRequired ? tmpMileageRequired.textContent : '';\r\n tmpObject.docTimeRequired = tmpDocTimeRequired ? tmpDocTimeRequired.textContent : '';\r\n tmpObject.travelTimeRequired = tmpTravelTimeRequired ? tmpTravelTimeRequired.textContent : '';\r\n tmpObject.locations = [];\r\n tmpObject.contacts = [];\r\n tmpObject.services = [];\r\n tmpObject.needs = [];\r\n\r\n locations.forEach(loc => {\r\n const tmpLocName = [].slice.call(loc.getElementsByTagName('locname'))[0].textContent;\r\n const tmpLocCode = [].slice.call(loc.getElementsByTagName('loccode'))[0].textContent;\r\n tmpObject.locations.push({\r\n locName: tmpLocName,\r\n locCode: tmpLocCode,\r\n });\r\n });\r\n contacts.forEach(loc => {\r\n const tmpContactName = [].slice.call(loc.getElementsByTagName('contactname'))[0].textContent;\r\n const tmpContactCode = [].slice.call(loc.getElementsByTagName('contactcode'))[0].textContent;\r\n tmpObject.contacts.push({\r\n contactName: tmpContactName,\r\n contactCode: tmpContactCode,\r\n });\r\n });\r\n services.forEach(loc => {\r\n const tmpServiceName = [].slice.call(loc.getElementsByTagName('servicename'))[0].textContent;\r\n const tmpServiceCode = [].slice.call(loc.getElementsByTagName('servicecode'))[0].textContent;\r\n tmpObject.services.push({\r\n serviceName: tmpServiceName,\r\n serviceCode: tmpServiceCode,\r\n });\r\n });\r\n needs.forEach(loc => {\r\n const tmpNeedName = [].slice.call(loc.getElementsByTagName('needname'))[0].textContent;\r\n const tmpNeedCode = [].slice.call(loc.getElementsByTagName('needcode'))[0].textContent;\r\n tmpObject.needs.push({\r\n needName: tmpNeedName,\r\n needCode: tmpNeedCode,\r\n });\r\n });\r\n\r\n data.push(tmpObject);\r\n });\r\n\r\n return data;\r\n }\r\n\r\n const beautifulObject = decipherXML(res);\r\n let dropdownDataObj = {};\r\n\r\n // create object for quick access\r\n beautifulObject.forEach(dd => {\r\n // create object for each billercode\r\n if (!dropdownDataObj[dd.serviceId]) {\r\n dropdownDataObj[dd.serviceId] = {\r\n serviceId: dd.serviceId,\r\n serviceCode: dd.serviceCode,\r\n serviceFunding: dd.serviceFunding,\r\n locations: [...dd.locations],\r\n contacts: [...dd.contacts],\r\n services: [...dd.services],\r\n needs: [...dd.needs],\r\n docTimeRequired: dd.docTimeRequired,\r\n travelTimeRequired: dd.travelTimeRequired,\r\n mileageRequired: dd.mileageRequired,\r\n locationRequired: dd.locationRequired,\r\n needRequired: dd.needRequired,\r\n serviceRequired: dd.serviceRequired,\r\n contactRequired: dd.contactRequired,\r\n allowGroupNotes: dd.allowGroupNotes,\r\n };\r\n }\r\n });\r\n\r\n //dropdownDataKeys = Object.keys(dropdownDataObj);\r\n return dropdownDataObj;\r\n }\r\n\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Constructor function for creating a Case Notes Data set.\r\n *\r\n * @constructor\r\n * @returns {CaseNotesData}\r\n */\r\n function CaseNotesData() {\r\n // Review Data\r\n this.caseLoadOnly = $.session.CaseNotesCaseloadRestrictions;\r\n this.viewEntered = $.session.CaseNotesViewEntered;\r\n this.caseLoadRestrictions = null;\r\n this.reviewGroups = {};\r\n this.reviewConsumers = [];\r\n\r\n // Dropdown Data\r\n this.dropdownData = {};\r\n this.vendorDropdownData = [];\r\n this.serviceLocationDropdownData = [];\r\n\r\n // case manager related\r\n this.caseManagerReview = {};\r\n this.reviewRequired = null;\r\n this.defaultServiceCode = null;\r\n\r\n // Other Data\r\n this.consumersThatCanHaveMileage = [];\r\n this.attachmentList = null;\r\n this.overlapData = null;\r\n }\r\n\r\n // FETCH DATA\r\n //---------------------------------------\r\n /**\r\n * @function\r\n * @returns {CaseNotesData}\r\n */\r\n CaseNotesData.prototype.fetchDropdownData = async function () {\r\n const data = await _UTIL.fetchData('populateDropdownData');\r\n this.dropdownData = dealWithDropdownDataHugeString(data.populateDropdownDataResult);\r\n\r\n return this;\r\n };\r\n /**\r\n * @function\r\n * @param {String} selectedConsumerId\r\n * @param {Date} selectedDate\r\n * @returns {CaseNotesData}\r\n */\r\n CaseNotesData.prototype.fetchVendorDropdownData = async function ({ consumerId, serviceDate }) {\r\n const data = await _UTIL.fetchData('getConsumerSpecificVendorsJSON', {\r\n consumerId,\r\n serviceDate,\r\n });\r\n this.vendorDropdownData = data.getConsumerSpecificVendorsJSONResult;\r\n\r\n return this;\r\n };\r\n /**\r\n * @function\r\n * @param {String} selectedConsumerId\r\n * @param {Date} selectedDate\r\n * @returns {CaseNotesData}\r\n */\r\n CaseNotesData.prototype.fetchServiceLocationDropdownData = async function ({ consumerId, serviceDate }) {\r\n const data = await _UTIL.fetchData('getServiceLocationsForCaseNoteDropdown', {\r\n consumerId,\r\n serviceDate,\r\n });\r\n this.serviceLocationDropdownData = data.getServiceLocationsForCaseNoteDropDownResult;\r\n\r\n return this;\r\n };\r\n /**\r\n * @function\r\n * @param {String} caseManagerId\r\n * @returns {CaseNotesData}\r\n */\r\n CaseNotesData.prototype.fetchCaseManagerReviewData = async function (caseManagerId) {\r\n const data = await _UTIL.fetchData('getReviewRequiredForCaseManager', {\r\n caseManagerId,\r\n });\r\n this.caseManagerReview = data.getReviewRequiredForCaseManagerResult[0];\r\n this.reviewRequired = this.caseManagerReview.reviewrequired === '' || this.caseManagerReview.reviewrequired === 'N' ? 'N' : 'Y';\r\n this.defaultServiceCode = this.caseManagerReview.serviceid;\r\n\r\n return this;\r\n };\r\n /**\r\n * @function\r\n * @returns {CaseNotesData}\r\n */\r\n CaseNotesData.prototype.fetchConsumersThatCanHaveMileage = async function () {\r\n //* GATEKEEPER ALL CONSUMERS CAN HAVE MILEAGE\r\n //if ($.session.applicationName === 'Gatekeeper') return this;\r\n\r\n let data = await _UTIL.fetchData('getConsumersThatCanHaveMileageJSON');\r\n data = data.getConsumersThatCanHaveMileageJSONResult;\r\n this.consumersThatCanHaveMileage = data.map(({ consumerid }) => consumerid);\r\n\r\n return this;\r\n };\r\n /**\r\n * @function\r\n * @param {String} caseNoteId\r\n * @returns {CaseNotesData}\r\n */\r\n CaseNotesData.prototype.fetchAttachmentsGK = async function (caseNoteId) {\r\n // const data = await _UTIL.fetchData('getCaseNoteAttachmentsList', { caseNoteId });\r\n // this.attachmentList = data.getCaseNoteAttachmentsListResult;\r\n\r\n const data2 = await _UTIL.fetchData('getCaseNoteAttachmentsListForGroupNote', { caseNoteId });\r\n this.attachmentList = data2.getCaseNoteAttachmentsListForGroupNoteResult;\r\n\r\n return this;\r\n };\r\n /**\r\n * @function\r\n * @param {Object} retrieveData\r\n * @returns {CaseNotesData}\r\n */\r\n CaseNotesData.prototype.fetchTimeOverlapData = async function (retrieveData) {\r\n const data = await _UTIL.fetchData('caseNoteOverlapCheck', { ...retrieveData });\r\n this.overlapData = JSON.parse(data.caseNoteOverlapCheckResult);\r\n\r\n return this;\r\n };\r\n /**\r\n * @function\r\n * @param {Object} retrieveData\r\n * @returns {CaseNotesData}\r\n */\r\n CaseNotesData.prototype.fetchReviewData = async function (retrieveData) {\r\n if (this.caseLoadOnly) {\r\n const restrictionsResponse = await _UTIL.fetchData('getCaseLoadRestriction');\r\n this.caseLoadRestrictions = restrictionsResponse.getCaseLoadRestrictionResult;\r\n }\r\n\r\n const data = await _UTIL.fetchData('caseNotesFilteredSearchJSON', {\r\n ...retrieveData,\r\n });\r\n this.caseNoteReviewData = data.caseNotesFilteredSearchJSONResult;\r\n\r\n return this;\r\n };\r\n /**\r\n * @function\r\n * @param {Object} retrieveData\r\n * @returns {CaseNotesData}\r\n */\r\n CaseNotesData.prototype.fetchNoteData = async function (retrieveData) {\r\n return this;\r\n };\r\n\r\n // DROPDOWN DATA MAPPING\r\n //---------------------------------------\r\n CaseNotesData.prototype.getServiceBillCodeDropdownData = function () {\r\n let data = [];\r\n\r\n for (serviceId in this.dropdownData) {\r\n data.push({\r\n value: serviceId,\r\n text: UTIL.removeQuotes(this.dropdownData[serviceId].serviceCode),\r\n });\r\n }\r\n\r\n return data;\r\n };\r\n /**\r\n * @function\r\n * @param {String} selectedServiceCode\r\n * @returns {Array}\r\n */\r\n CaseNotesData.prototype.getLocationDropdownData = function (selectedServiceCode) {\r\n return this.dropdownData[selectedServiceCode].locations.map(location => {\r\n return {\r\n value: location.locCode,\r\n text: location.locName,\r\n };\r\n });\r\n };\r\n /**\r\n * @function\r\n * @param {String} selectedServiceCode\r\n * @returns {Array}\r\n */\r\n CaseNotesData.prototype.getServicesDropdownData = function (selectedServiceCode) {\r\n return this.dropdownData[selectedServiceCode].services.map(service => {\r\n return {\r\n value: service.serviceCode,\r\n text: service.serviceName,\r\n };\r\n });\r\n };\r\n /**\r\n * @function\r\n * @param {String} selectedServiceCode\r\n * @returns {Array}\r\n */\r\n CaseNotesData.prototype.getContactsDropdownData = function (selectedServiceCode) {\r\n return this.dropdownData[selectedServiceCode].contacts.map(contact => {\r\n return {\r\n value: contact.contactCode,\r\n text: contact.contactName,\r\n };\r\n });\r\n };\r\n /**\r\n * @function\r\n * @param {String} selectedServiceCode\r\n * @returns {Array}\r\n */\r\n CaseNotesData.prototype.getNeedsDropdownData = function (selectedServiceCode) {\r\n return this.dropdownData[selectedServiceCode].needs.map(need => {\r\n return {\r\n value: need.needCode,\r\n text: need.needName,\r\n };\r\n });\r\n };\r\n /**\r\n * @function\r\n * @returns {Array}\r\n */\r\n CaseNotesData.prototype.getVendorDropdownData = function () {\r\n return this.vendorDropdownData.map(vendor => {\r\n return {\r\n value: vendor.vendorId,\r\n text: vendor.vendorName,\r\n };\r\n });\r\n };\r\n /**\r\n * @function\r\n * @returns {Array}\r\n */\r\n CaseNotesData.prototype.getServiceLocationDropdownData = function () {\r\n return this.serviceLocationDropdownData.map(location => {\r\n return {\r\n value: location.code,\r\n text: location.caption,\r\n };\r\n });\r\n };\r\n\r\n // DATA GETTERS\r\n //---------------------------------------\r\n /**\r\n * @function\r\n * @param {Object} retrieveData\r\n * @returns {CaseNotesData}\r\n */\r\n CaseNotesData.prototype.getReviewData = async function (retrieveData) {\r\n return this.caseNoteReviewData.filter(data => {\r\n // GROUPING\r\n if (data.numberInGroup !== '1') {\r\n const groupNoteId = data.groupnoteid.split('.')[0];\r\n const consumerId = data.consumerid.split('.')[0];\r\n const name = `${data.lastname}, ${data.firstname}`;\r\n\r\n this.reviewGroups[groupNoteId] = this.reviewGroups[groupNoteId] ?? {};\r\n this.reviewGroups[groupNoteId][consumerId] = name;\r\n }\r\n\r\n // TABLE CONSUMERS\r\n this.reviewConsumers.push({\r\n id: data.casenoteid.split('.')[0],\r\n FirstName: data.firstname,\r\n LastName: data.lastname,\r\n });\r\n\r\n // FOR VIEW ENTERED & CASELOAD ONLY\r\n if (this.viewEntered && this.caseLoadOnly) {\r\n const enteredByUser = data.enteredby.toUpperCase() === $.session.UserId.toUpperCase();\r\n const onCaseload = this.caseLoadRestrictions.some(\r\n cl => cl.id.toUpperCase() === data.consumerid.split('.')[0].toUpperCase(),\r\n );\r\n return enteredByUser || onCaseload;\r\n }\r\n\r\n // FOR VIEW ENTERED ONLY\r\n if (this.viewEntered) {\r\n return data.enteredby.toUpperCase() === $.session.UserId.toUpperCase();\r\n }\r\n\r\n // FOR CASELOAD ONLY\r\n if (this.caseLoadOnly) {\r\n return this.caseLoadRestrictions.some(cl => cl.id === data.consumerid.split('.')[0]);\r\n }\r\n\r\n return true; // If no conditions met, return the data as is\r\n });\r\n };\r\n /**\r\n * @function\r\n * @param {String} selectedServiceCode\r\n * @returns {Boolean}\r\n */\r\n CaseNotesData.prototype.isLocationRequired = function (selectedServiceCode) {\r\n return this.dropdownData[selectedServiceCode].locationRequired === 'Y' ? true : false;\r\n };\r\n /**\r\n * @function\r\n * @param {String} selectedServiceCode\r\n * @returns {Boolean}\r\n */\r\n CaseNotesData.prototype.isNeedRequired = function (selectedServiceCode) {\r\n return this.dropdownData[selectedServiceCode].needRequired === 'Y' ? true : false;\r\n };\r\n /**\r\n * @function\r\n * @param {String} selectedServiceCode\r\n * @returns {Boolean}\r\n */\r\n CaseNotesData.prototype.isContactRequired = function (selectedServiceCode) {\r\n return this.dropdownData[selectedServiceCode].contactRequired === 'Y' ? true : false;\r\n };\r\n /**\r\n * @function\r\n * @param {String} selectedServiceCode\r\n * @returns {Boolean}\r\n */\r\n CaseNotesData.prototype.isServiceRequired = function (selectedServiceCode) {\r\n return this.dropdownData[selectedServiceCode].serviceRequired === 'Y' ? true : false;\r\n };\r\n /**\r\n * @param {String} selectedServiceCode\r\n * @returns {Boolean}\r\n */\r\n CaseNotesData.prototype.isMileageRequired = function (selectedServiceCode) {\r\n return this.dropdownData[selectedServiceCode].mileageRequired === 'Y' ? true : false;\r\n };\r\n /**\r\n * @function\r\n * @param {String} selectedServiceCode\r\n * @returns {Boolean}\r\n */\r\n CaseNotesData.prototype.isTravelTimeRequired = function (selectedServiceCode) {\r\n return this.dropdownData[selectedServiceCode].travelTimeRequired === 'Y' ? true : false;\r\n };\r\n /**\r\n * @function\r\n * @param {String} selectedServiceCode\r\n * @returns {Boolean}\r\n */\r\n CaseNotesData.prototype.isDocTimeRequired = function (selectedServiceCode) {\r\n return this.dropdownData[selectedServiceCode].docTimeRequired === 'Y' ? true : false;\r\n };\r\n /**\r\n * @function\r\n * @param {String} selectedServiceCode\r\n * @returns {Boolean}\r\n */\r\n CaseNotesData.prototype.isServiceFunding = function (selectedServiceCode) {\r\n const serviceCode = selectedServiceCode ? selectedServiceCode : this.defaultServiceCode;\r\n return this.dropdownData[serviceCode].serviceFunding === 'Y' ? true : false;\r\n };\r\n /**\r\n * @function\r\n * @returns {Boolean}\r\n */\r\n CaseNotesData.prototype.isReviewRequired = function () {\r\n return this.caseManagerReview.reviewrequired === 'Y' ? true : false;\r\n };\r\n /**\r\n * @function\r\n * @param {String} selectedServiceCode\r\n * @returns {Boolean}\r\n */\r\n CaseNotesData.prototype.allowGroupNotes = function (selectedServiceCode) {\r\n const serviceCode = selectedServiceCode ? selectedServiceCode : this.defaultServiceCode;\r\n return this.dropdownData[serviceCode].allowGroupNotes === 'Y' ? true : false;\r\n };\r\n /**\r\n * @function\r\n * @returns {String}\r\n */\r\n CaseNotesData.prototype.getDefaultServiceCode = function () {\r\n return this.defaultServiceCode;\r\n };\r\n /**\r\n * @function\r\n * @param {String} serviceCode\r\n * @returns {String}\r\n */\r\n CaseNotesData.prototype.getMainServiceCodeNameById = function (serviceCode) {\r\n return this.dropdownData[serviceCode].serviceCode;\r\n };\r\n /**\r\n * @function\r\n * @returns {Array}\r\n */\r\n CaseNotesData.prototype.getOverlapData = function () {\r\n if (this.overlapData && this.overlapData.length > 0) {\r\n return this.overlapData.map(d => d.consumername);\r\n }\r\n\r\n return '';\r\n };\r\n /**\r\n * @function\r\n * @returns {Array}\r\n */\r\n CaseNotesData.prototype.getAttachmentsList = function () {\r\n return this.attachmentList.map(att => {\r\n return {\r\n description: att.description,\r\n type: att.attachmentType,\r\n attachment: att.attachment,\r\n attachmentId: att.attachmentId,\r\n };\r\n });\r\n };\r\n /**\r\n * @function\r\n * @param {String} consumerId\r\n * @returns {Boolean}\r\n */\r\n CaseNotesData.prototype.canConsumerHaveMileage = function (consumerId) {\r\n return this.consumersThatCanHaveMileage.includes(consumerId);\r\n };\r\n\r\n return CaseNotesData;\r\n});\r\n","(function (global, factory) {\r\n global.CaseNotesOverview = factory();\r\n})(this, function () {\r\n function buildMostRecentUpdateElement(dateObj) {\r\n let mostRecentUpdate = new Intl.DateTimeFormat('en-US', {\r\n day: 'numeric',\r\n month: 'numeric',\r\n year: '2-digit',\r\n hour: 'numeric',\r\n minute: 'numeric',\r\n weekday: 'long',\r\n }).format(new Date(dateObj));\r\n mostRecentUpdate = mostRecentUpdate.split(', ');\r\n mostRecentUpdate = `${mostRecentUpdate[0].substring(0, 3)}, ${mostRecentUpdate[1]} at ${mostRecentUpdate[2]}`;\r\n return _DOM.createElement('p', { class: 'noteText', text: mostRecentUpdate });\r\n }\r\n function buildEnteredByElement(enteredBy, originalUserFullName) {\r\n return _DOM.createElement('div', {\r\n class: 'withLabelWrap',\r\n html: `${enteredBy} (${originalUserFullName})
`,\r\n });\r\n }\r\n function buildStartTimeElement(dirtyStart) {\r\n const time = UTIL.convertFromMilitary(dirtyStart);\r\n return _DOM.createElement('div', {\r\n class: 'withLabelWrap',\r\n html: `\r\n\r\n ${time.split(' ')[0]}\r\n ${time.split(' ')[1]}\r\n
\r\n `,\r\n });\r\n }\r\n function buildEndTimeElement(dirtyEnd) {\r\n const time = UTIL.convertFromMilitary(dirtyEnd);\r\n return _DOM.createElement('div', {\r\n class: 'withLabelWrap',\r\n html: `\r\n\r\n ${time.split(' ')[0]}\r\n ${time.split(' ')[1]}\r\n
\r\n `,\r\n });\r\n }\r\n function buildTimeDiffElement(dirtyStart, dirtyEnd) {\r\n const timDiff = dates.getMilitaryTimeDifference(dirtyStart, dirtyEnd, true);\r\n return _DOM.createElement('div', {\r\n class: 'withLabelWrap',\r\n html: `${timDiff}
`,\r\n });\r\n }\r\n function buildConsumerElement(id, firstname, lastname) {\r\n const consumerFullName = `${lastname}, ${firstname}`;\r\n\r\n const consumerNameEle = _DOM.createElement('div', {\r\n class: 'consumer',\r\n html: `${consumerFullName}
`,\r\n });\r\n const portrait = new Portrait(id);\r\n portrait.renderTo(consumerNameEle);\r\n\r\n return consumerNameEle;\r\n }\r\n function buildServiceInfoElement(mainService, service) {\r\n return _DOM.createElement('p', {\r\n class: 'serviceInfo',\r\n text: `${mainService}${service ? ` - ${service}` : ''}`,\r\n });\r\n }\r\n function buildNoteElement(noteText) {\r\n const note = noteText.length > 100 ? `${noteText.replace(/(\\r\\n|\\n|\\r)/gm, '').slice(0, 100)}...` : noteText;\r\n return _DOM.createElement('p', { class: 'noteText', text: note });\r\n }\r\n\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Constructor function for creating the Case Notes Overview component.\r\n *\r\n * @constructor\r\n * @returns {CaseNotesOverview}\r\n */\r\n function CaseNotesOverview(cnData) {\r\n // Data Init\r\n this.cnData = cnData;\r\n this.caseLoadOnly = $.session.CaseNotesCaseloadRestrictions;\r\n this.viewEntered = $.session.CaseNotesViewEntered;\r\n this.reviewGroups = {};\r\n this.reviewConsumers = [];\r\n this.showAllNotes = false;\r\n this.selectedDate = null;\r\n\r\n this.caseLoadRestrictions = null;\r\n this.caseLoadReviewData = [];\r\n\r\n // DOM Ref\r\n this.overviewWrap = null;\r\n this.overviewSearch = null;\r\n this.showAllNotesToggle = null;\r\n this.overviewCardsWrap = null;\r\n this.overviewCards = {};\r\n\r\n this._init();\r\n this._build();\r\n this._setupEvents();\r\n }\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesOverview.prototype._init = function () {\r\n const showAllNotesLS = _UTIL.localStorageHandler.get('casenotes-showAllNotes');\r\n this.showAllNotes = showAllNotesLS === 'Y' ? true : false;\r\n };\r\n\r\n /**\r\n * Builds the CaseNotesOverview component HTML\r\n *\r\n * @function\r\n */\r\n CaseNotesOverview.prototype._build = function () {\r\n this.overviewWrap = _DOM.createElement('div', { class: 'caseNotesOverview' });\r\n\r\n // Header\r\n //---------------------------------\r\n const overviewHeader = _DOM.createElement('div', { class: 'caseNotesOverview__header' });\r\n this.overviewWrap.appendChild(overviewHeader);\r\n\r\n // search\r\n //---------------------------------\r\n this.overviewSearch = new Input({\r\n type: 'search',\r\n id: 'overviewSearch',\r\n placeholder: 'Search...',\r\n });\r\n this.overviewSearch.renderTo(overviewHeader);\r\n\r\n // all notes toggle\r\n //---------------------------------\r\n this.showAllNotesToggle = new Checkbox({\r\n id: 'notesView',\r\n label: 'My Notes',\r\n toggle: true,\r\n checked: !this.showAllNotes,\r\n });\r\n this.showAllNotesToggle.renderTo(overviewHeader);\r\n\r\n // Cards\r\n //---------------------------------\r\n this.overviewCardsWrap = _DOM.createElement('div', { class: 'caseNotesOverview__cardsWrap' });\r\n this.overviewWrap.appendChild(this.overviewCardsWrap);\r\n\r\n deleteConfirmationPopup = new WarningPopup({ className: 'deleteCaseWarning' });\r\n deleteConfirmationPopup.renderTo(_DOM.ACTIONCENTER);\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesOverview.prototype._setupEvents = function () {\r\n this.showAllNotesToggle.onChange(async e => {\r\n this.showAllNotes = e.target.checked ? true : false;\r\n _UTIL.localStorageHandler.set('casenotes-showAllNotes', this.showAllNotes ? 'Y' : 'N');\r\n\r\n await this.fetchData();\r\n\r\n this.populate();\r\n });\r\n\r\n this.overviewSearch.onKeyup(\r\n _UTIL.debounce(e => {\r\n this._filterOverviewOnSearch(e);\r\n }, 500),\r\n );\r\n };\r\n\r\n /**\r\n * Filters overview on search\r\n *\r\n * @function\r\n * @param {Event} e\r\n */\r\n CaseNotesOverview.prototype._filterOverviewOnSearch = function (e) {\r\n this.caseLoadReviewData.forEach(rd => {\r\n const caseNoteId = rd.casenoteid.split('.')[0];\r\n\r\n const firstName = rd.firstname.toLowerCase().trim();\r\n const lastName = rd.lastname.toLowerCase().trim();\r\n const enteredBy = rd.enteredby.toLowerCase().trim();\r\n const serviceName = rd.serviceName?.toLowerCase().trim() || '';\r\n\r\n const searchFields = [\r\n `${firstName} ${lastName}`,\r\n `${lastName}, ${firstName}`,\r\n firstName,\r\n lastName,\r\n enteredBy,\r\n serviceName,\r\n ];\r\n\r\n const isMatch = searchFields.some(combo => combo.indexOf(e.target.value.toLowerCase()) !== -1);\r\n if (isMatch) {\r\n this.overviewCards[caseNoteId].classList.remove('closed');\r\n } else {\r\n this.overviewCards[caseNoteId].classList.add('closed');\r\n }\r\n });\r\n };\r\n\r\n /**\r\n * Populates the overview page\r\n *\r\n * @function\r\n */\r\n CaseNotesOverview.prototype.populate = function () {\r\n this.overviewCardsWrap.innerHTML = '';\r\n\r\n this.caseLoadReviewData\r\n .sort((a, b) => {\r\n if (a.starttime < b.starttime) return 1;\r\n if (a.starttime > b.starttime) return -1;\r\n if (a.endtime < b.endtime) return 1;\r\n if (a.endtime > b.endtime) return -1;\r\n return 0;\r\n })\r\n .forEach(rd => {\r\n console.table(rd);\r\n // Review Data\r\n //---------------------------------\r\n const caseNoteId = rd.casenoteid.split('.')[0];\r\n const consumerId = rd.consumerid.split('.')[0];\r\n const mainService = this.cnData.getMainServiceCodeNameById(rd.mainbillingorservicecodeid.split('.')[0]);\r\n const isConfidential = rd.confidential === 'Y' ? true : false;\r\n const attachmentCountGK = rd.attachcount;\r\n\r\n // Overview Card\r\n //---------------------------------\r\n const overviewCardWrap = _DOM.createElement('div', {\r\n class: 'caseNotesOverview__overviewCard',\r\n 'data-noteid': caseNoteId,\r\n });\r\n const overviewCard = _DOM.createElement('div', {\r\n class: 'overviewCardInner',\r\n });\r\n overviewCardWrap.appendChild(overviewCard);\r\n\r\n // IDK YET??\r\n const mostRecentUpdateEle = buildMostRecentUpdateElement(rd.mostrecentupdate);\r\n const enteredByEle = buildEnteredByElement(rd.enteredby, rd.originalUserFullName);\r\n\r\n // BUTTONS\r\n const btnWrap = _DOM.createElement('div', { class: 'button-wrap' });\r\n const editButton = new Button({\r\n text: 'edit',\r\n style: 'primary',\r\n styleType: 'contained',\r\n icon: 'edit',\r\n });\r\n const deleteButton = new Button({\r\n text: 'delete',\r\n style: 'danger',\r\n styleType: 'outlined',\r\n icon: 'delete',\r\n });\r\n editButton.renderTo(btnWrap);\r\n deleteButton.renderTo(btnWrap);\r\n editButton.onClick(e => {\r\n const customEvent = new CustomEvent('onCardEdit', {\r\n bubbles: true,\r\n cancelable: true,\r\n detail: { caseNoteId },\r\n });\r\n this.overviewCardsWrap.dispatchEvent(customEvent);\r\n });\r\n deleteButton.onClick(async e => {\r\n const continueSave = await deleteConfirmationPopup.show(\r\n 'Are you sure you would like to delete this case note?',\r\n );\r\n \r\n if (continueSave !== 'confirm') {\r\n return;\r\n }\r\n\r\n const customEvent = new CustomEvent('onCardDelete', {\r\n bubbles: true,\r\n cancelable: true,\r\n detail: { caseNoteId },\r\n });\r\n this.overviewCardsWrap.dispatchEvent(customEvent);\r\n }); \r\n\r\n // TOP\r\n const startTimeEle = buildStartTimeElement(rd.starttime);\r\n const endTimeEle = buildEndTimeElement(rd.endtime);\r\n const timeDurationEle = buildTimeDiffElement(rd.starttime, rd.endtime);\r\n overviewCard.appendChild(startTimeEle);\r\n overviewCard.appendChild(endTimeEle);\r\n overviewCard.appendChild(timeDurationEle);\r\n overviewCard.appendChild(btnWrap);\r\n\r\n // MAIN\r\n const consumerNameEle = buildConsumerElement(consumerId, rd.firstname, rd.lastname);\r\n const serviceInfoEle = buildServiceInfoElement(mainService, rd.serviceName);\r\n const noteTextEle = buildNoteElement(rd.caseNote);\r\n overviewCard.appendChild(consumerNameEle);\r\n overviewCard.appendChild(serviceInfoEle);\r\n overviewCard.appendChild(noteTextEle);\r\n // overviewCard.appendChild(enteredByEle);\r\n // overviewCard.appendChild(mostRecentUpdateEle);\r\n\r\n //---------------------------------\r\n this.overviewCards[caseNoteId] = overviewCardWrap;\r\n this.overviewCardsWrap.appendChild(overviewCardWrap);\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesOverview.prototype.fetchData = async function (selectedDate) {\r\n if (selectedDate) {\r\n this.selectedDate = selectedDate;\r\n }\r\n\r\n if (this.caseLoadOnly) {\r\n const restrictionsResponse = await _UTIL.fetchData('getCaseLoadRestriction');\r\n this.caseLoadRestrictions = restrictionsResponse.getCaseLoadRestrictionResult;\r\n }\r\n\r\n const filteredSearchResponse = await _UTIL.fetchData('caseNotesFilteredSearchJSON', {\r\n applicationName: $.session.applicationName,\r\n attachments: '%',\r\n billerId: this.showAllNotes ? '%' : $.session.PeopleId,\r\n billingCode: '%',\r\n billed: '%',\r\n consumerId: '%',\r\n contact: '%',\r\n confidential: '%',\r\n corrected: '%',\r\n dateEnteredStart: '1900-01-01',\r\n dateEnteredEnd: dates.formatISO(dates.getTodaysDateObj(), { representation: 'date' }),\r\n location: '%',\r\n need: '%',\r\n noteText: '%%%',\r\n overlaps: 'N',\r\n reviewStatus: '%',\r\n service: '%',\r\n serviceStartDate: dates.formatISO(this.selectedDate, { representation: 'date' }),\r\n serviceEndDate: dates.formatISO(this.selectedDate, { representation: 'date' }),\r\n });\r\n\r\n this.caseLoadReviewData = filteredSearchResponse.caseNotesFilteredSearchJSONResult.filter(data => {\r\n // GROUPING\r\n if (data.numberInGroup !== '1') {\r\n const groupNoteId = data.groupnoteid.split('.')[0];\r\n const consumerId = data.consumerid.split('.')[0];\r\n const name = `${data.lastname}, ${data.firstname}`;\r\n\r\n this.reviewGroups[groupNoteId] = this.reviewGroups[groupNoteId] ?? {};\r\n this.reviewGroups[groupNoteId][consumerId] = name;\r\n }\r\n\r\n // TABLE CONSUMERS\r\n this.reviewConsumers.push({\r\n id: data.casenoteid.split('.')[0],\r\n FirstName: data.firstname,\r\n LastName: data.lastname,\r\n });\r\n\r\n // FOR VIEW ENTERED & CASELOAD ONLY\r\n if (this.viewEntered && this.caseLoadOnly) {\r\n const enteredByUser = data.enteredby.toUpperCase() === $.session.UserId.toUpperCase();\r\n const onCaseload = this.caseLoadRestrictions.some(\r\n cl => cl.id.toUpperCase() === data.consumerid.split('.')[0].toUpperCase(),\r\n );\r\n return enteredByUser || onCaseload;\r\n }\r\n\r\n // FOR VIEW ENTERED only\r\n if (this.viewEntered) {\r\n return data.enteredby.toUpperCase() === $.session.UserId.toUpperCase();\r\n }\r\n\r\n // FOR CASELOAD ONLY\r\n if (this.caseLoadOnly) {\r\n return this.caseLoadRestrictions.some(cl => cl.id === data.consumerid.split('.')[0]);\r\n }\r\n\r\n return true; // If no conditions met, return the data as is\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n * @param {Function} cbFunc Callback function to call\r\n */\r\n CaseNotesOverview.prototype.onCardEdit = function (cbFunc) {\r\n this.overviewCardsWrap.addEventListener('onCardEdit', e => {\r\n cbFunc(e.detail.caseNoteId);\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n * @param {Function} cbFunc Callback function to call\r\n */\r\n CaseNotesOverview.prototype.onCardDelete = function (cbFunc) {\r\n this.overviewCardsWrap.addEventListener('onCardDelete', e => {\r\n // remove data\r\n const noteId = e.detail.caseNoteId;\r\n const index = this.caseLoadReviewData.findIndex(obj => obj.casenoteid === noteId);\r\n this.caseLoadReviewData.splice(index, 1);\r\n\r\n // remove card\r\n this.overviewCards[noteId].remove();\r\n delete this.overviewCards[noteId];\r\n\r\n cbFunc(noteId);\r\n });\r\n };\r\n\r\n /**\r\n * Renders Case Notes Overview markup to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render case notes overview to\r\n * @returns {CaseNotesOverview} Returns the current instances for chaining\r\n */\r\n CaseNotesOverview.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.overviewWrap);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return CaseNotesOverview;\r\n});\r\n","(function (global, factory) {\r\n global.CaseNotesPhrases = factory();\r\n})(this, function () {\r\n //=======================================\r\n // ADDING NEW PHRASES\r\n //---------------------------------------\r\n /**\r\n * Constructor function for creating the Case Notes Add Phrases component.\r\n *\r\n * @constructor\r\n * @returns {CaseNotesAddPhrases}\r\n */\r\n function CaseNotesAddPhrases(phrasesInstance) {\r\n // Data Init\r\n // Instances\r\n this.dialog = null;\r\n this.addPhraseForm = null;\r\n this.PhrasesInstance = phrasesInstance;\r\n // DOM Ref\r\n }\r\n\r\n /**\r\n * @function\r\n * @returns {CaseNotesAddPhrases} - Returns the current instances for chaining\r\n */\r\n CaseNotesAddPhrases.prototype.build = function () {\r\n this.dialog = new Dialog({ className: 'addPhrases' });\r\n\r\n this.addPhraseForm = new Form({\r\n fields: [\r\n {\r\n type: 'checkbox',\r\n label: 'Publicly Available',\r\n id: 'public',\r\n },\r\n {\r\n type: 'text',\r\n label: 'shortcut',\r\n id: 'shortcut',\r\n required: true,\r\n maxlength: 10,\r\n //showCount: true,\r\n },\r\n {\r\n type: 'textarea',\r\n label: 'phrase',\r\n id: 'phrase',\r\n required: true,\r\n },\r\n ],\r\n // buttons: [\r\n // {\r\n // text: 'Cancel',\r\n // icon: 'cancel',\r\n // style: 'primary',\r\n // styleType: 'outlined',\r\n // name: 'cancel',\r\n // },\r\n // ],\r\n });\r\n\r\n this.addPhraseForm.renderTo(this.dialog.dialog);\r\n\r\n this.setupEvents();\r\n\r\n return this;\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesAddPhrases.prototype.show = function () {\r\n this.dialog.show();\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesAddPhrases.prototype.close = function () {\r\n this.dialog.close();\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesAddPhrases.prototype.setupEvents = function () {\r\n this.addPhraseForm.onSubmit(async formData => {\r\n const data = await _UTIL.fetchData('insertCustomPhrase', {\r\n shortcut: formData.shortcut,\r\n phrase: formData.phrase,\r\n makePublic: formData.public === 'on' ? 'Y' : 'N',\r\n });\r\n const success = data.insertCustomPhraseResult;\r\n\r\n this.close();\r\n\r\n // update phrases list for inserting\r\n await this.PhrasesInstance.InsertPhrases.fetchData();\r\n this.PhrasesInstance.InsertPhrases.populate();\r\n });\r\n this.addPhraseForm.onChange(event => {\r\n const value = event.target.value;\r\n const name = event.target.name;\r\n const input = this.addPhraseForm.inputs[name];\r\n });\r\n };\r\n\r\n /**\r\n * Renders Case Notes Phrase makrup to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node - DOM node to render case notes phrases to\r\n * @returns {CaseNotesAddPhrases} - Returns the current instances for chaining\r\n */\r\n CaseNotesAddPhrases.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.dialog.dialog);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n //=======================================\r\n // INSERTING PHRASES\r\n //---------------------------------------\r\n /**\r\n * Constructor function for creating the Case Notes Insert Phrases component.\r\n *\r\n * @constructor\r\n * @returns {CaseNotesInsertPhrases}\r\n */\r\n function CaseNotesInsertPhrases(phrasesInstance) {\r\n // Data Init\r\n this.phrasesData = [];\r\n this.showAllPhrases = null;\r\n\r\n // Instance Ref\r\n this.PhrasesInstance = phrasesInstance;\r\n\r\n // DOM Ref\r\n this.dialog = null;\r\n this.showAllPhrasesToggle = null;\r\n this.addPhraseButton = null;\r\n this.phraseWrap = null;\r\n }\r\n\r\n /**\r\n * @function\r\n * @returns {CaseNotesInsertPhrases} - Returns the current instances for chaining\r\n */\r\n CaseNotesInsertPhrases.prototype.build = function () {\r\n this.showAllPhrases = _UTIL.localStorageHandler.get('casenotes-showAllPhrases');\r\n this.showAllPhrases = this.showAllPhrases === 'Y' ? true : false;\r\n\r\n this.dialog = new Dialog({ className: 'insertPhrases' });\r\n\r\n this.showAllPhrasesToggle = new Checkbox({\r\n id: 'phraseView',\r\n label: 'Show All Phrases',\r\n toggle: true,\r\n checked: this.showAllPhrases,\r\n });\r\n this.showAllPhrasesToggle.renderTo(this.dialog.dialog);\r\n\r\n this.phraseWrap = _DOM.createElement('div', { class: 'phraseWrap' });\r\n this.dialog.dialog.appendChild(this.phraseWrap);\r\n\r\n this.addPhraseButton = new Button({ text: 'New Phrase', icon: 'add' }).renderTo(this.dialog.dialog);\r\n\r\n this.setupEvents();\r\n\r\n return this;\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesInsertPhrases.prototype.populate = function () {\r\n this.phraseWrap.innerHTML = '';\r\n\r\n const sortedKeys = Object.keys(this.phrasesData).sort((a, b) => {\r\n return this.phrasesData[a].shortcut.localeCompare(this.phrasesData[b].shortcut);\r\n });\r\n\r\n sortedKeys.forEach(id => {\r\n const phrase = this.phrasesData[id].phrase;\r\n const shortcut = this.phrasesData[id].shortcut;\r\n\r\n const phraseEle = _DOM.createElement('p', {\r\n id,\r\n html: `${shortcut}${phrase.slice(0, 35)}...`,\r\n class: 'phrase',\r\n 'data-target': 'phrase',\r\n });\r\n\r\n this.phraseWrap.appendChild(phraseEle);\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesInsertPhrases.prototype.show = function () {\r\n this.dialog.show();\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesInsertPhrases.prototype.close = function () {\r\n this.dialog.close();\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesInsertPhrases.prototype.onPhraseSelect = function (cb) {\r\n const handleClick = e => {\r\n if (e.target.dataset.target === 'phrase') {\r\n cb(this.phrasesData[e.target.id].phrase);\r\n this.phraseWrap.removeEventListener('click', handleClick);\r\n }\r\n };\r\n\r\n this.phraseWrap.addEventListener('click', handleClick);\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesInsertPhrases.prototype.setupEvents = function () {\r\n // PHRASE LIST TOGGLE\r\n this.showAllPhrasesToggle.onChange(async e => {\r\n this.showAllPhrases = e.target.checked ? true : false;\r\n _UTIL.localStorageHandler.set('casenotes-showAllPhrases', this.showAllPhrases ? 'Y' : 'N');\r\n\r\n await this.fetchData();\r\n\r\n this.populate();\r\n });\r\n\r\n // ADD NEW PHRASE BUTTON CLICK\r\n this.addPhraseButton.onClick(async e => {\r\n this.PhrasesInstance.AddPhrases.show();\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesInsertPhrases.prototype.fetchData = async function () {\r\n const data = await _UTIL.fetchData('getCustomPhrases', {\r\n showAll: this.showAllPhrases ? 'Y' : 'N',\r\n });\r\n\r\n this.phrasesData = data.getCustomPhrasesResult.reduce((obj, phrase) => {\r\n if (!obj[phrase.phrase_id]) {\r\n obj[phrase.phrase_id] = {\r\n shortcut: phrase.phrase_shortcut,\r\n phrase: phrase.phrase,\r\n };\r\n }\r\n\r\n return obj;\r\n }, {});\r\n };\r\n\r\n /**\r\n * Renders Case Notes Phrase makrup to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render case notes phrases to\r\n * @returns {CaseNotesInsertPhrases} Returns the current instances for chaining\r\n */\r\n CaseNotesInsertPhrases.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.dialog.dialog);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Constructor function for creating the Case Notes Phrases component.\r\n *\r\n * @constructor\r\n * @returns {CaseNotesPhrases}\r\n */\r\n function CaseNotesPhrases() {\r\n // Data Init\r\n this.AddPhrases = new CaseNotesAddPhrases(this);\r\n this.InsertPhrases = new CaseNotesInsertPhrases(this);\r\n\r\n this._build();\r\n }\r\n\r\n /**\r\n * @function\r\n *\r\n * @returns {CaseNotesPhrases} Returns the current instances for chaining\r\n */\r\n CaseNotesPhrases.prototype._build = function () {\r\n this.AddPhrases.build();\r\n this.InsertPhrases.build();\r\n };\r\n\r\n /**\r\n * Renders Case Notes Phrase Dialogs to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render case notes phrases to\r\n * @returns {CaseNotesPhrases} Returns the current instances for chaining\r\n */\r\n CaseNotesPhrases.prototype.renderTo = function (node) {\r\n this.AddPhrases.renderTo(node);\r\n this.InsertPhrases.renderTo(node);\r\n };\r\n\r\n return CaseNotesPhrases;\r\n});\r\n","(function (global, factory) {\r\n global.CaseNotesReports = factory();\r\n})(this, function () {\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Constructor function for Case Notes Reports.\r\n *\r\n * @constructor\r\n * @returns {CaseNotesReports}\r\n */\r\n function CaseNotesReports() {\r\n // Instance Ref\r\n this.dialog = null;\r\n\r\n // DOM Ref\r\n\r\n this._build();\r\n this._setupEvents();\r\n }\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesReports.prototype._build = function () {\r\n this.dialog = new Dialog({ className: 'addPhrases' });\r\n\r\n //TODO-ASH: build form to allow user to select criteria for report\r\n this.detailReportForm = new Form({\r\n fields: [\r\n {\r\n type: 'time',\r\n label: 'Start Time',\r\n id: 'startTime',\r\n required: true,\r\n },\r\n ],\r\n });\r\n\r\n this.timeAnalysisReportForm = new Form({\r\n fields: [\r\n {\r\n type: 'time',\r\n label: 'Start Time',\r\n id: 'startTime',\r\n required: true,\r\n },\r\n ],\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesReports.prototype._setupEvents = function () {\r\n this.detailReportForm.onSubmit(data => {\r\n this.generateDetailReport();\r\n });\r\n this.timeAnalysisReportForm.onSubmit(data => {\r\n this.generateTimeAnalysisReport();\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesReports.prototype.show = function () {\r\n this.dialog.show();\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesReports.prototype.close = function () {\r\n this.dialog.close();\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesReports.prototype.generateDetailReport = async function () {\r\n const success = await _UTIL.fetchData('generateCNDetailReport', {\r\n userId: $.session.UserId,\r\n });\r\n\r\n const debounceTime = parseInt($.session.reportSeconds) * 1000;\r\n _UTIL.debounce(\r\n (async () => {\r\n const doesReportExist = await _UTIL.fetchData('checkIfCNReportExists', {\r\n reportScheduleId: success[0].reportScheduleId,\r\n });\r\n\r\n if (doesReportExist.indexOf('1') !== -1) {\r\n this.viewReport(success[0].reportScheduleId);\r\n }\r\n })(),\r\n debounceTime,\r\n );\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesReports.prototype.generateTimeAnalysisReport = async function () {\r\n const success = await _UTIL.fetchData('generateCNTimeAnalysisReport', {\r\n userId: $.session.UserId,\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesReports.prototype.viewReport = async function (reportScheduleId) {\r\n const action = `${$.webServer.protocol}://${$.webServer.address}:${$.webServer.port}/${$.webServer.serviceName}/viewCaseNoteReport/`;\r\n\r\n var form = document.createElement('form');\r\n form.style.position = 'absolute';\r\n form.style.opacity = '0';\r\n form.setAttribute('action', action);\r\n form.setAttribute('method', 'POST');\r\n form.setAttribute('target', '_blank');\r\n form.setAttribute('enctype', 'application/json');\r\n form.setAttribute('success', () => {\r\n form.remove();\r\n });\r\n\r\n var tokenInput = document.createElement('input');\r\n tokenInput.setAttribute('name', 'token');\r\n tokenInput.setAttribute('value', $.session.Token);\r\n tokenInput.id = 'token';\r\n\r\n var attachmentInput = document.createElement('input');\r\n attachmentInput.setAttribute('name', 'reportScheduleId');\r\n attachmentInput.setAttribute('value', reportScheduleId);\r\n attachmentInput.id = 'reportScheduleId';\r\n\r\n form.appendChild(tokenInput);\r\n form.appendChild(attachmentInput);\r\n\r\n document.body.appendChild(form);\r\n\r\n form.submit();\r\n };\r\n\r\n /**\r\n * Renders Case Notes Report Popup markup to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render case notes report popup to\r\n * @returns {CaseNotesReports} Returns the current instances for chaining\r\n */\r\n CaseNotesReports.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.dialog.dialog);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return CaseNotesReports;\r\n});\r\n","(function (global, factory) {\r\n global.CaseNotesReviewTable = factory();\r\n})(this, function () {\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Constructor function for creating the Case Notes Review Table component.\r\n *\r\n * @constructor\r\n * @returns {CaseNotesReviewTable}\r\n */\r\n function CaseNotesReviewTable(cnData) {\r\n // Data Init\r\n this.cnData = cnData;\r\n this.caseLoadOnly = $.session.CaseNotesCaseloadRestrictions;\r\n this.viewEntered = $.session.CaseNotesViewEntered;\r\n this.reviewGroups = {};\r\n this.reviewConsumers = [];\r\n\r\n this.caseLoadRestrictions = null;\r\n this.caseLoadReviewData = [];\r\n\r\n // DOM Ref\r\n\r\n this._build();\r\n }\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesReviewTable.prototype._build = function () {\r\n this.rootElement = _DOM.createElement('div');\r\n\r\n this.reviewTable = new Table({\r\n data: {\r\n headings: [\r\n {\r\n text: 'Service Date',\r\n type: 'date',\r\n },\r\n {\r\n text: 'Start Time',\r\n type: 'time',\r\n },\r\n {\r\n text: 'End Time',\r\n type: 'time',\r\n },\r\n {\r\n text: 'Name',\r\n type: 'string',\r\n },\r\n {\r\n text: 'Created',\r\n type: 'date',\r\n },\r\n {\r\n text: 'User Updated',\r\n type: 'string',\r\n },\r\n ],\r\n },\r\n });\r\n\r\n this.reviewTable.renderTo(this.rootElement);\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesReviewTable.prototype.fetchData = async function (selectedDate) {\r\n if (this.caseLoadOnly) {\r\n const restrictionsResponse = await _UTIL.fetchData('getCaseLoadRestriction');\r\n this.caseLoadRestrictions = restrictionsResponse.getCaseLoadRestrictionResult;\r\n }\r\n\r\n const filteredSearchResponse = await _UTIL.fetchData('caseNotesFilteredSearchJSON', {\r\n applicationName: $.session.applicationName,\r\n attachments: '%',\r\n billerId: this.showAllNotes ? '%' : $.session.PeopleId,\r\n billingCode: '%',\r\n billed: '%',\r\n consumerId: '%',\r\n contact: '%',\r\n confidential: '%',\r\n corrected: '%',\r\n dateEnteredStart: '1900-01-01',\r\n dateEnteredEnd: dates.formatISO(selectedDate, { representation: 'date' }),\r\n location: '%',\r\n need: '%',\r\n noteText: '%%%',\r\n overlaps: 'N',\r\n reviewStatus: '%',\r\n service: '%',\r\n serviceStartDate: dates.formatISO(selectedDate, { representation: 'date' }),\r\n serviceEndDate: dates.formatISO(selectedDate, { representation: 'date' }),\r\n });\r\n\r\n this.caseLoadReviewData = filteredSearchResponse.caseNotesFilteredSearchJSONResult.filter(data => {\r\n // GROUPING\r\n if (data.numberInGroup !== '1') {\r\n const groupNoteId = data.groupnoteid.split('.')[0];\r\n const consumerId = data.consumerid.split('.')[0];\r\n const name = `${data.lastname}, ${data.firstname}`;\r\n\r\n this.reviewGroups[groupNoteId] = this.reviewGroups[groupNoteId] ?? {};\r\n this.reviewGroups[groupNoteId][consumerId] = name;\r\n }\r\n\r\n // TABLE CONSUMERS\r\n this.reviewConsumers.push({\r\n id: data.casenoteid.split('.')[0],\r\n FirstName: data.firstname,\r\n LastName: data.lastname,\r\n });\r\n\r\n // FOR VIEW ENTERED & CASELOAD ONLY\r\n if (this.viewEntered && this.caseLoadOnly) {\r\n const enteredByUser = data.enteredby.toUpperCase() === $.session.UserId.toUpperCase();\r\n const onCaseload = this.caseLoadRestrictions.some(\r\n cl => cl.id.toUpperCase() === data.consumerid.split('.')[0].toUpperCase(),\r\n );\r\n return enteredByUser || onCaseload;\r\n }\r\n\r\n // FOR VIEW ENTERED only\r\n if (this.viewEntered) {\r\n return data.enteredby.toUpperCase() === $.session.UserId.toUpperCase();\r\n }\r\n\r\n // FOR CASELOAD ONLY\r\n if (this.caseLoadOnly) {\r\n return this.caseLoadRestrictions.some(cl => cl.id === data.consumerid.split('.')[0]);\r\n }\r\n\r\n return true; // If no conditions met, return the data as is\r\n });\r\n };\r\n\r\n /**\r\n * Renders Case Notes Review Table markup to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render case notes review table to\r\n * @returns {CaseNotesReviewTable} Returns the current instances for chaining\r\n */\r\n CaseNotesReviewTable.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.rootElement);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return CaseNotesReviewTable;\r\n});\r\n","(function (global, factory) {\r\n global.CaseNotesTimer = factory();\r\n})(this, function () {\r\n //=======================================\r\n // INACTIVITY\r\n //---------------------------------------\r\n /**\r\n * @constructor\r\n */\r\n function InactivityWarningPopup() {\r\n this.dialog = null;\r\n\r\n this.yesButton = null;\r\n this.noButton = null;\r\n\r\n this.build();\r\n }\r\n\r\n /**\r\n * @function\r\n */\r\n InactivityWarningPopup.prototype.build = function () {\r\n // Inactivity Warning\r\n this.dialog = new Dialog({ className: 'inactivityWarning' });\r\n\r\n const messageEle = _DOM.createElement('p', {\r\n text: 'Your documentation timer has been paused. Continue timing?',\r\n });\r\n\r\n const btnWrap = _DOM.createElement('div', { class: 'button-wrap' });\r\n this.yesButton = new Button({ text: 'yes' });\r\n this.noButton = new Button({ text: 'no', styleType: 'outlined' });\r\n this.yesButton.renderTo(btnWrap);\r\n this.noButton.renderTo(btnWrap);\r\n\r\n this.dialog.dialog.appendChild(messageEle);\r\n this.dialog.dialog.appendChild(btnWrap);\r\n\r\n return this;\r\n };\r\n\r\n /**\r\n * Shows the inactivity warning dialog\r\n *\r\n * @function\r\n */\r\n InactivityWarningPopup.prototype.show = function () {\r\n this.dialog.show();\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n InactivityWarningPopup.prototype.onClick = function (cbFunc) {\r\n this.yesButton.onClick(e => {\r\n cbFunc(true);\r\n this.dialog.close();\r\n });\r\n this.noButton.onClick(e => {\r\n cbFunc(false);\r\n this.dialog.close();\r\n });\r\n };\r\n\r\n /**\r\n * Renders the built InactivityWarningPopup element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the Inactivity Warning Popup to\r\n * @returns {InactivityWarningPopup} Returns the current instances for chaining\r\n */\r\n InactivityWarningPopup.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.dialog.dialog);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n //=======================================\r\n // AUTO START\r\n //---------------------------------------\r\n /**\r\n * @constructor\r\n */\r\n function TimerAutoStartPopup() {\r\n this.prevDocumentationTime = 0;\r\n this.dialog = null;\r\n\r\n this.yesButton = null;\r\n this.noButton = null;\r\n\r\n this.build();\r\n }\r\n\r\n /**\r\n * @function\r\n */\r\n TimerAutoStartPopup.prototype.build = function () {\r\n this.dialog = new Dialog({ className: 'timerAutoStart' });\r\n\r\n const messageEle = _DOM.createElement('p', {\r\n text: 'Documentation Time is allowed for this bill code. Would you like to start the timer now?',\r\n });\r\n\r\n const btnWrap = _DOM.createElement('div', { class: 'button-wrap' });\r\n this.yesButton = new Button({ text: 'yes' });\r\n this.noButton = new Button({ text: 'no', styleType: 'outlined' });\r\n this.yesButton.renderTo(btnWrap);\r\n this.noButton.renderTo(btnWrap);\r\n\r\n this.dialog.dialog.appendChild(messageEle);\r\n this.dialog.dialog.appendChild(btnWrap);\r\n\r\n return this;\r\n };\r\n\r\n /**\r\n * Shows the auto start dialog\r\n *\r\n * @function\r\n */\r\n TimerAutoStartPopup.prototype.show = function (prevDocumentationTime) {\r\n this.prevDocumentationTime = prevDocumentationTime;\r\n this.dialog.show();\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n TimerAutoStartPopup.prototype.onClick = function (cbFunc) {\r\n this.yesButton.onClick(e => {\r\n cbFunc(true, this.prevDocumentationTime);\r\n this.dialog.close();\r\n this.prevDocumentationTime = 0;\r\n });\r\n this.noButton.onClick(e => {\r\n cbFunc(false);\r\n this.dialog.close();\r\n this.prevDocumentationTime = 0;\r\n });\r\n };\r\n\r\n /**\r\n * Renders the built TimerAutoStartPopup element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the Timer Auto Start Popup to\r\n * @returns {TimerAutoStartPopup} Returns the current instances for chaining\r\n */\r\n TimerAutoStartPopup.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.dialog.dialog);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Constructor function for creating the Case Notes Timer component.\r\n *\r\n * @constructor\r\n * @returns {CaseNotesTimer}\r\n */\r\n function CaseNotesTimer() {\r\n this.startTime = null; // To store the time when the timer starts\r\n this.timeOffset = 0; // To store additional time in seconds\r\n this.elapsedTimeInSeconds = 0; // To store the elapsed time in seconds\r\n\r\n this.intervalId = null; // To store the ID of the timer interval\r\n this.inactivityIntervalId = null; // to store the ID of the inactivity timeout\r\n\r\n // Instance Ref\r\n this.inactivityWarningDialog = null;\r\n\r\n // DOM Ref\r\n this.rootElement = null;\r\n this.timeDisplay = null;\r\n this.playButton = null;\r\n this.stopButton = null;\r\n\r\n this._build();\r\n }\r\n\r\n /**\r\n * Builds the Case Notes Timer element component HTML\r\n *\r\n * @function\r\n * @private\r\n * @returns {CaseNotesTimer} Returns the current instances for chaining\r\n */\r\n CaseNotesTimer.prototype._build = function () {\r\n this.rootElement = _DOM.createElement('div', { class: 'caseNotesTimer' });\r\n\r\n this.playButton = new Button({ icon: 'play', style: 'secondary', styleType: 'outlined' });\r\n this.stopButton = new Button({ icon: 'stop', style: 'danger', styleType: 'outlined' });\r\n this.timeDisplay = _DOM.createElement('p', { text: dates.formatSecondsToFullTime(this.elapsedTimeInSeconds) });\r\n\r\n this.rootElement.appendChild(this.timeDisplay);\r\n this.playButton.renderTo(this.rootElement);\r\n this.stopButton.renderTo(this.rootElement);\r\n\r\n // Inactivity Warning\r\n this.inactivityWarningPopup = new InactivityWarningPopup();\r\n this.inactivityWarningPopup.renderTo(_DOM.ACTIONCENTER);\r\n\r\n // Auto Start\r\n this.timerAutoStartPopup = new TimerAutoStartPopup();\r\n this.timerAutoStartPopup.renderTo(_DOM.ACTIONCENTER);\r\n\r\n this._setupEvents();\r\n\r\n return this;\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesTimer.prototype._setupEvents = function () {\r\n this.playButton.onClick(e => {\r\n this.start(this.elapsedTimeInSeconds);\r\n this.playButton.toggleDisabled(true);\r\n });\r\n this.stopButton.onClick(e => {\r\n this.stop();\r\n this.playButton.toggleDisabled(false);\r\n\r\n if (this.inactivityTimeoutId) {\r\n clearTimeout(this.inactivityTimeoutId);\r\n }\r\n });\r\n this.inactivityWarningPopup.onClick(continueTimer => {\r\n if (continueTimer) {\r\n this.start(this.elapsedTimeInSeconds);\r\n }\r\n });\r\n this.timerAutoStartPopup.onClick((autoStart, prevDocTime) => {\r\n if (autoStart) {\r\n this.start(prevDocTime);\r\n }\r\n });\r\n };\r\n\r\n /**\r\n * Starts the Doc Timer.\r\n * Should not be used to start timer after its been stopped\r\n *\r\n * @function\r\n * @param {Number} options\r\n */\r\n CaseNotesTimer.prototype.start = function (additionalTimeInSeconds = 0) {\r\n this.startTime = Date.now(); // Capture the start time\r\n this.timeOffset = additionalTimeInSeconds; // Store the additional time\r\n\r\n // Clear any existing interval\r\n if (this.intervalId) {\r\n clearInterval(this.intervalId);\r\n }\r\n\r\n // Start a new interval\r\n this.intervalId = setInterval(() => {\r\n const currentTime = Date.now();\r\n this.elapsedTimeInSeconds = Math.floor((currentTime - this.startTime) / 1000) + this.timeOffset;\r\n this.timeDisplay.innerText = dates.formatSecondsToFullTime(this.elapsedTimeInSeconds);\r\n //console.log(`Elapsed Time: ${this.elapsedTimeInSeconds} seconds`);\r\n }, 1000);\r\n\r\n // clear existing inactivity interval\r\n if (this.inactivityIntervalId) {\r\n clearTimeout(this.inactivityIntervalId);\r\n }\r\n // Start inactivity timer\r\n this.inactivityIntervalId = setTimeout(() => {\r\n this.stop();\r\n this.inactivityWarningPopup.show();\r\n }, 120000);\r\n };\r\n\r\n /**\r\n * Stops the Doc Timer. (aka pause)\r\n *\r\n * @function\r\n * @returns {CaseNotesTimer} Returns the current instances for chaining\r\n */\r\n CaseNotesTimer.prototype.stop = function () {\r\n clearInterval(this.intervalId);\r\n clearTimeout(this.inactivityTimeoutId);\r\n this.intervalId = null;\r\n this.inactivityTimeoutId = null;\r\n\r\n return this;\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesTimer.prototype.clear = function () {\r\n if (this.intervalId) {\r\n clearInterval(this.intervalId);\r\n }\r\n if (this.inactivityTimeoutId) {\r\n clearTimeout(this.inactivityTimeoutId);\r\n }\r\n\r\n this.startTime = null;\r\n this.timeOffset = 0;\r\n this.intervalId = null;\r\n this.inactivityTimeoutId = null;\r\n this.elapsedTimeInSeconds = 0;\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesTimer.prototype.getTime = function () {\r\n return this.elapsedTimeInSeconds;\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n CaseNotesTimer.prototype.showAutoStartPopup = function (prevDocumentationTime) {\r\n if (this.intervalId) return;\r\n\r\n this.timerAutoStartPopup.show(prevDocumentationTime);\r\n };\r\n\r\n /**\r\n * Renders Case Notes Timer makrup to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render case notes timer to\r\n * @returns {CaseNotesTimer} Returns the current instances for chaining\r\n */\r\n CaseNotesTimer.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.rootElement);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return CaseNotesTimer;\r\n});\r\n","","//test df\r\nvar caseNotes = (function () {\r\n function loadCaseNotesLanding() {\r\n let newBtn = button.build({\r\n text: 'New Note',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n note.init('new');\r\n },\r\n });\r\n let newSSABtn = button.build({\r\n text: 'New SSA Note',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n noteSSA.init('new');\r\n },\r\n });//test\r\n\r\n let overviewBtn = button.build({\r\n text: 'Review Notes',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: notesOverview.init,\r\n });\r\n let editPhrasesBtn = button.build({\r\n text: 'Edit My Phrases',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: cnEditPhrases.init,\r\n });\r\n let tryNewCaseNotes = button.build({\r\n text: 'NEW! Case Note Entry',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: CaseNotes.init,\r\n });\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('landingBtnWrap');\r\n btnWrap.appendChild(tryNewCaseNotes);\r\n if ($.session.CaseNotesUpdate && $.session.CaseNotesSSANotes) btnWrap.appendChild(newSSABtn);\r\n if ($.session.CaseNotesUpdate) btnWrap.appendChild(newBtn);\r\n btnWrap.appendChild(overviewBtn);\r\n btnWrap.appendChild(editPhrasesBtn);\r\n DOM.ACTIONCENTER.appendChild(btnWrap);\r\n }\r\n\r\n function init() {\r\n DOM.clearActionCenter();\r\n //PERMISSION// caseNotesUpdate === false means they have view only permisison\r\n //Can't create new notes or update/delete notes. -- Skip the landing, and just load the overview page\r\n if (!$.session.CaseNotesUpdate) {\r\n notesOverview.init();\r\n return;\r\n }\r\n loadCaseNotesLanding();\r\n }\r\n\r\n return {\r\n load: init,\r\n };\r\n})();\r\n","var caseNotesAjax = (function () {\r\n // GET\r\n function getFilteredCaseNotesList(data, callback) {\r\n const spinner = PROGRESS.SPINNER.get('Loading Overlaps...');\r\n const reviewTable = document.querySelector('#caseNotesReviewTable .table__body');\r\n const submitData = {\r\n token: $.session.Token,\r\n billerId: data.billerId,\r\n consumerId: data.consumer,\r\n serviceStartDate: data.serviceDateStart,\r\n serviceEndDate: data.serviceDateEnd,\r\n dateEnteredStart: data.enteredDateStart,\r\n dateEnteredEnd: data.enteredDateEnd,\r\n billingCode: data.billingCode,\r\n reviewStatus: data.reviewStatus,\r\n location: data.location,\r\n service: data.service,\r\n need: data.need,\r\n contact: data.contact,\r\n confidential: data.confidential,\r\n corrected: data.corrected,\r\n billed: data.billed,\r\n attachments: data.attachments,\r\n overlaps: data.overlaps,\r\n noteText: data.noteText !== '' ? `%${data.noteText}%` : '',\r\n applicationName: $.session.applicationName,\r\n outcomeServiceMonitoring: data.outcomeServiceMonitoring\r\n };\r\n if (data.overlaps === 'Y') {\r\n reviewTable.innerHTML = '';\r\n reviewTable.appendChild(spinner);\r\n spinner.style.top = 0;\r\n }\r\n\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/caseNotesFilteredSearchJSON/',\r\n // data:\r\n // '{\"token\":\"' +\r\n // $.session.Token +\r\n // '\", \"billerId\":\"' +\r\n // data.billerId +\r\n // '\", \"consumerId\":\"' +\r\n // data.consumer +\r\n // '\", \"serviceStartDate\":\"' +\r\n // data.serviceDateStart +\r\n // '\", \"serviceEndDate\":\"' +\r\n // data.serviceDateEnd +\r\n // '\", \"dateEnteredStart\":\"' +\r\n // data.enteredDateStart +\r\n // '\", \"dateEnteredEnd\":\"' +\r\n // data.enteredDateEnd +\r\n // '\", \"billingCode\":\"' +\r\n // data.billingCode +\r\n // '\", \"reviewStatus\":\"' +\r\n // data.reviewStatus +\r\n // '\", \"location\":\"' +\r\n // data.location +\r\n // '\", \"service\":\"' +\r\n // data.service +\r\n // '\", \"need\":\"' +\r\n // data.need +\r\n // '\", \"contact\":\"' +\r\n // data.contact +\r\n // '\", \"confidential\":\"' +\r\n // data.confidential +\r\n // '\", \"billed\":\"' +\r\n // data.billed +\r\n // '\", \"attachments\":\"' +\r\n // data.attachments +\r\n // '\", \"overlaps\":\"' +\r\n // data.overlaps +\r\n // '\", \"noteText\":\"' +\r\n // data.noteText +\r\n // '\"}',\r\n data: JSON.stringify(submitData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.caseNotesFilteredSearchJSONResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getCaseNoteEdit(noteId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getCaseNoteEditJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"noteId\":\"' + noteId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getCaseNoteEditJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n function getGroupNoteId(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getGroupNoteId/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.parse(response.getGroupNoteIdResult);\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n function getDropdownData(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/populateDropdownData/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getConsumersThatCanHaveMileage(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getConsumersThatCanHaveMileageJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getConsumersThatCanHaveMileageJSONResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getBillersListForDropDown(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getBillersListForDropDownJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getBillersListForDropDownJSONResult;\r\n // var allString = '${selectedConsumersName}
`;\r\n } else {\r\n addNewCard.innerHTML = `${selectedConsumersName}
Account : ${account}
`;\r\n }\r\n\r\n addNewCard.appendChild(addNewCardBody);\r\n column1.appendChild(addNewCard);\r\n\r\n var drWrap = document.createElement('div');\r\n drWrap.classList.add('editAccountDTWrap');\r\n inputName.classList.add('width23Per');\r\n drWrap.appendChild(inputName);\r\n inputNumber.classList.add('width23Per');\r\n drWrap.appendChild(inputNumber);\r\n typeDropdown.classList.add('width16Per');\r\n drWrap.appendChild(typeDropdown);\r\n statusDropdown.classList.add('width16Per');\r\n drWrap.appendChild(statusDropdown);\r\n classDropdown.classList.add('width16Per');\r\n drWrap.appendChild(classDropdown);\r\n addNewCardBody.appendChild(drWrap);\r\n\r\n var drWrap1 = document.createElement('div');\r\n drWrap1.classList.add('editAccountDTWrap');\r\n drWrap1.classList.add('width50Per');\r\n opendDate.classList.add('width32Per');\r\n drWrap1.appendChild(opendDate);\r\n inputOpeningBal.classList.add('width32Per');\r\n drWrap1.appendChild(inputOpeningBal);\r\n closeDate.classList.add('width32Per');\r\n drWrap1.appendChild(closeDate);\r\n addNewCardBody.appendChild(drWrap1);\r\n\r\n var drWrap2 = document.createElement('div');\r\n drWrap2.classList.add('editAccountDTWrap');\r\n drWrap2.classList.add('width33Per');\r\n\r\n lastReconciledDate.classList.add('width50Per');\r\n drWrap2.appendChild(lastReconciledDate);\r\n inputBal.classList.add('width50Per');\r\n drWrap2.appendChild(inputBal);\r\n //addNewCardBody.appendChild(drWrap2); //Due to new requirenment hide reconciled and opening balance\r\n\r\n var drWrap3 = document.createElement('div');\r\n drWrap3.classList.add('editAccountDTWrap');\r\n inputDesc.classList.add('width50Per');\r\n drWrap3.appendChild(inputDesc);\r\n addNewCardBody.appendChild(drWrap3);\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('editAccountBtnWrap');\r\n btnWrap.style.marginLeft = '25%';\r\n btnWrap.style.width = '50%';\r\n\r\n SAVE_BTN.style.width = '52%';\r\n btnWrap.appendChild(SAVE_BTN);\r\n\r\n CANCEL_BTN.style.width = '52%';\r\n CANCEL_BTN.style.marginLeft = '5%';\r\n btnWrap.appendChild(CANCEL_BTN);\r\n addNewCardBody.appendChild(btnWrap);\r\n\r\n employeeInfoDiv.appendChild(column1);\r\n populateDropdown();\r\n eventListeners();\r\n\r\n checkRequiredFieldsOfAccountInfo(name, type, status, dateOpened, dateClosed);\r\n return employeeInfoDiv;\r\n }\r\n\r\n function disabledEnabledAccounts() {\r\n if ($.session.CFUpdateEditAccounts && page == 'Update') {\r\n IsDisabledAccount = false;\r\n } else if ($.session.CFInsertAccounts && page == 'Add') {\r\n IsDisabledAccount = false;\r\n } else {\r\n IsDisabledAccount = true;\r\n }\r\n }\r\n // Populate the Account DDL\r\n async function populateAccountDropdown() {\r\n const { getEditAccountResult: accounts } = await ConsumerFinancesAjax.getEditAccountAsync(\r\n selectedConsumersId,\r\n accountPermission,\r\n );\r\n\r\n let dataAccount = accounts.map(account => ({\r\n id: account.accountName,\r\n value: account.accountId,\r\n text: account.accountName + ' - $' + (account.totalBalance == '' ? '0.00' : account.totalBalance),\r\n }));\r\n dropdown.populate('accountDropdown', dataAccount, accountId);\r\n }\r\n\r\n async function populateDropdown() {\r\n const { getAccountClassResult: classAccount } = await ConsumerFinancesAjax.getAccountClassAsync();\r\n let dataClass = classAccount.map(accountClass => ({\r\n id: accountClass.SystemClass,\r\n value: accountClass.accountClass,\r\n text: accountClass.accountClass,\r\n }));\r\n dataClass.unshift({ id: null, value: '', text: '' }); //ADD Blank value\r\n dropdown.populate('classDropdown', dataClass, classofAccount);\r\n\r\n const typeData = [\r\n { id: 1, value: 'A', text: 'Asset ' },\r\n { id: 2, value: 'L', text: 'Liability' },\r\n ];\r\n typeData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate('typeDropdown', typeData, type);\r\n\r\n const statusData = [\r\n { id: 1, value: 'O', text: 'Open' },\r\n { id: 2, value: 'I', text: 'Inactive' },\r\n { id: 3, value: 'C', text: 'Closed' },\r\n ];\r\n statusData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate('statusDropdown', statusData, status);\r\n }\r\n\r\n function eventListeners() {\r\n inputName.addEventListener('input', event => {\r\n nameTemp = 'Changed';\r\n name = event.target.value.trim();\r\n getRequiredFieldsOfAccountInfo();\r\n });\r\n inputNumber.addEventListener('input', event => {\r\n numberTemp = 'Changed';\r\n number = event.target.value;\r\n getRequiredFieldsOfAccountInfo();\r\n });\r\n opendDate.addEventListener('input', event => {\r\n dateOpenedTemp = 'Changed';\r\n dateOpened = event.target.value;\r\n getRequiredFieldsOfAccountInfo();\r\n });\r\n closeDate.addEventListener('input', event => {\r\n dateClosedTemp = 'Changed';\r\n dateClosed = event.target.value;\r\n getRequiredFieldsOfAccountInfo();\r\n });\r\n inputDesc.addEventListener('input', event => {\r\n descriptionTemp = 'Changed';\r\n description = event.target.value;\r\n getRequiredFieldsOfAccountInfo();\r\n });\r\n inputOpeningBal.addEventListener('input', event => {\r\n let minAmount = event.target.value;\r\n var reg = new RegExp('^[0-9 . $ -]+$');\r\n if (!reg.test(minAmount) && minAmount != '') {\r\n document.getElementById('inputOpeningBal').value = minAmount.substring(0, minAmount.length - 1);\r\n return;\r\n } else if (\r\n minAmount.includes('.') &&\r\n (minAmount.match(/\\./g).length > 1 || minAmount.toString().split('.')[1].length > 2)\r\n ) {\r\n document.getElementById('inputOpeningBal').value = minAmount.substring(0, minAmount.length - 1);\r\n return;\r\n }\r\n openingBalance = minAmount.replace('$', '');\r\n openingBalanceTemp = 'Changed';\r\n getRequiredFieldsOfAccountInfo();\r\n });\r\n typeDropdown.addEventListener('change', event => {\r\n typeTemp = 'Changed';\r\n type = event.target.value;\r\n getRequiredFieldsOfAccountInfo();\r\n });\r\n statusDropdown.addEventListener('change', event => {\r\n statusTemp = 'Changed';\r\n status = event.target.value;\r\n getRequiredFieldsOfAccountInfo();\r\n });\r\n classDropdown.addEventListener('change', event => {\r\n classofAccountTemp = 'Changed';\r\n classofAccount = event.target.value;\r\n getRequiredFieldsOfAccountInfo();\r\n });\r\n }\r\n\r\n function getRequiredFieldsOfAccountInfo() {\r\n var openDateVal = opendDate.querySelector('#opendDate');\r\n var closeDateVal = closeDate.querySelector('#closeDate');\r\n var nameVal = inputName.querySelector('#inputName');\r\n var typeVal = typeDropdown.querySelector('#typeDropdown');\r\n var statusVal = statusDropdown.querySelector('#statusDropdown');\r\n checkRequiredFieldsOfAccountInfo(\r\n nameVal.value,\r\n typeVal.value,\r\n statusVal.value,\r\n openDateVal.value,\r\n closeDateVal.value,\r\n );\r\n }\r\n\r\n function checkRequiredFieldsOfAccountInfo(nameVal, typeVal, statusVal, openDateVal, closeDateVal) {\r\n if (nameVal.trim() === '') {\r\n inputName.classList.add('error');\r\n } else {\r\n inputName.classList.remove('error');\r\n }\r\n\r\n if (typeVal === '') {\r\n typeDropdown.classList.add('error');\r\n } else {\r\n typeDropdown.classList.remove('error');\r\n }\r\n\r\n if (statusVal === '') {\r\n statusDropdown.classList.add('error');\r\n } else {\r\n statusDropdown.classList.remove('error');\r\n }\r\n\r\n if (openDateVal === '') {\r\n opendDate.classList.add('error');\r\n } else {\r\n opendDate.classList.remove('error');\r\n }\r\n\r\n if (closeDateVal != null && closeDateVal != '' && openDateVal > closeDateVal) {\r\n closeDate.classList.add('error');\r\n } else {\r\n closeDate.classList.remove('error');\r\n }\r\n setBtnStatusOfAccountInfo();\r\n }\r\n\r\n function setBtnStatusOfAccountInfo() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.error'));\r\n if (hasErrors.length !== 0) {\r\n SAVE_BTN.classList.add('disabled');\r\n return;\r\n } else {\r\n if (\r\n nameTemp != '' ||\r\n numberTemp != '' ||\r\n typeTemp != '' ||\r\n statusTemp != '' ||\r\n classofAccountTemp != '' ||\r\n dateOpenedTemp != '' ||\r\n dateClosedTemp != '' ||\r\n openingBalanceTemp != '' ||\r\n descriptionTemp != ''\r\n ) {\r\n if (accountId == '0' && page == 'Update') {\r\n SAVE_BTN.classList.add('disabled');\r\n } else {\r\n SAVE_BTN.classList.remove('disabled');\r\n }\r\n } else {\r\n SAVE_BTN.classList.add('disabled');\r\n }\r\n }\r\n }\r\n\r\n function cancleAccount() {\r\n if (page == 'Add') {\r\n page = 'Update';\r\n load = 1;\r\n loadCFEditLanding();\r\n } else {\r\n roster2.clearSelectedConsumers();\r\n roster2.clearActiveConsumers();\r\n CFEditAccount.init();\r\n }\r\n }\r\n\r\n async function saveUpdateAccount() {\r\n if (page == 'Add') {\r\n accountId = '0';\r\n }\r\n\r\n if (dateClosed == '') dateClosed = null;\r\n const result = await ConsumerFinancesAjax.insertEditRegisterAccountAsync(\r\n selectedConsumersId,\r\n accountId,\r\n name,\r\n number == '' ? null : number,\r\n type,\r\n status,\r\n classofAccount == '' ? null : classofAccount,\r\n dateOpened,\r\n dateClosed,\r\n openingBalance,\r\n description == '' ? null : description,\r\n );\r\n const { insertEditRegisterAccountResult } = result;\r\n if (insertEditRegisterAccountResult.accountId != null) {\r\n page = 'Update';\r\n loadCFEditLanding();\r\n }\r\n }\r\n\r\n function init() {\r\n setActiveModuleAttribute('CFEditAccount');\r\n DOM.clearActionCenter();\r\n let defaultCFLocation = defaults.getLocation('moneyManagement');\r\n if (defaultCFLocation === '') {\r\n defaults.setLocation('moneyManagement', 0);\r\n defaultCFLocation = '0';\r\n }\r\n roster2.miniRosterinit(\r\n {\r\n locationId: defaultCFLocation,\r\n locationName: '',\r\n },\r\n {\r\n hideDate: true,\r\n },\r\n );\r\n\r\n roster2.showMiniRoster();\r\n }\r\n\r\n function getaccountPermission() {\r\n accountPermission = '';\r\n tempAccountPer = [];\r\n if ($.session.CFViewChecking) tempAccountPer.push('Checking');\r\n\r\n if ($.session.CFViewCraditCard) {\r\n tempAccountPer.push('Credit Card');\r\n }\r\n\r\n if ($.session.CFViewFoodStamp) {\r\n tempAccountPer.push('Food Stamps');\r\n }\r\n\r\n if ($.session.CFViewPettyCash) {\r\n tempAccountPer.push('Petty Cash');\r\n }\r\n\r\n if ($.session.CFViewShaving) {\r\n tempAccountPer.push('Savings');\r\n }\r\n\r\n if ($.session.CFViewChristmasClub) {\r\n tempAccountPer.push('Christmas Club');\r\n }\r\n if ($.session.CFViewSystem20183A) {\r\n tempAccountPer.push('System 2018.3A');\r\n }\r\n if ($.session.CFViewSystem20183) {\r\n tempAccountPer.push('System 2018.3');\r\n }\r\n if ($.session.CFViewOhioEBT) {\r\n tempAccountPer.push('Ohio EBT');\r\n }\r\n if ($.session.CFViewViewFoodStampDebitCardEBT) {\r\n tempAccountPer.push('Food Stamp Debit Card EBT');\r\n }\r\n\r\n if (tempAccountPer.length > 0) {\r\n accountPermission = tempAccountPer.toString();\r\n } else accountPermission = '';\r\n }\r\n\r\n return {\r\n init,\r\n handleActionNavEvent,\r\n loadCFEditLanding,\r\n loadCFEditFromAccountRegister,\r\n };\r\n})();\r\n","const consumerFinanceAttachment = (() => {\r\n let attachments = [];\r\n class ConsumerFinanceAttachment {\r\n\r\n constructor(header, regId, IsDisabled, attachID) {\r\n this.attachmentsForQuestion = header;\r\n this.regId = regId;\r\n this.IsDisabledBtn = IsDisabled;\r\n this.attachID = attachID;\r\n }\r\n\r\n buildAttachmentButton() {\r\n const attachmentButton = button.build({\r\n id: `attachConsumer`,\r\n text: `ATTACHMENTS (${this.attachmentsForQuestion.length})`,\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n this.attachmentPopup();\r\n },\r\n });\r\n\r\n attachmentButton.classList.add('attachmentBtn');\r\n if (this.attachmentsForQuestion.length > 0)\r\n attachmentButton.classList.add('hasAttachments');\r\n\r\n return attachmentButton;\r\n }\r\n\r\n attachmentPopup() {\r\n const regId = this.regId;\r\n const attachmentsForQuestion = this.attachmentsForQuestion;\r\n const attachmentsToDelete = [];\r\n const attachmentsAdded = [];\r\n\r\n // Adds attachments to the existing attachments section in popup\r\n function populateExistingAttachments() {\r\n\r\n const header = document.createElement('h5');\r\n header.innerText = 'Existing Attachments:';\r\n reviewAttachmentList.appendChild(header);\r\n\r\n attachmentsForQuestion.forEach(attachment => {\r\n const fileContainer = document.createElement('div');\r\n fileContainer.classList.add('reviewAttachmentContainer');\r\n fileContainer.setAttribute('id', attachment.attachmentID);\r\n fileContainer.setAttribute('delete', false);\r\n const removeAttachmentBtn = button.build({\r\n style: 'secondary',\r\n type: 'text',\r\n icon: 'delete',\r\n callback: event => addRemoveAttachmentToDeleteList(event.target.parentElement),\r\n });\r\n const file = document.createElement('p');\r\n file.innerText = attachment.description;\r\n fileContainer.appendChild(removeAttachmentBtn);\r\n fileContainer.appendChild(file);\r\n file.addEventListener('click', event => {\r\n const attachmentId = event.target.parentElement.id;\r\n ConsumerFinancesAjax.viewCFAttachment(attachmentId, '');\r\n });\r\n reviewAttachmentList.appendChild(fileContainer);\r\n });\r\n }\r\n // CB for clicking the delete button on attachments in existing attachment section\r\n function addRemoveAttachmentToDeleteList(attachmentElement) {\r\n\r\n const currentDeleteStatus = attachmentElement.getAttribute('delete');\r\n const attachmentId = attachmentElement.getAttribute('id');\r\n switch (currentDeleteStatus) {\r\n case 'false':\r\n attachmentElement.classList.add('deleteAttachment');\r\n attachmentsToDelete.push(attachmentId);\r\n attachmentElement.setAttribute('delete', true);\r\n break;\r\n case 'true':\r\n attachmentElement.classList.remove('deleteAttachment');\r\n attachmentsToDelete = attachmentsToDelete.filter(\r\n attachment => attachment !== attachmentId,\r\n );\r\n attachmentElement.setAttribute('delete', false);\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n // checks file is a valid type\r\n function fileValidation(target) {\r\n const fileType = target.files[0].type;\r\n const reFileTypeTest = new RegExp('(audio/)|(video/)');\r\n if (reFileTypeTest.test(fileType)) {\r\n alert('Anywhere currently does not accept audio or video files');\r\n target.value = '';\r\n return false;\r\n }\r\n }\r\n // CB for clicking the add attachment button. doesn't do anything if they haven't yet chosen an\r\n // attachment for existing add attachment input.\r\n function addNewAttachment() {\r\n\r\n function addRemoveAttachmentEventListener(btn) {\r\n btn.addEventListener('click', event => {\r\n const fileInput = event.target.parentElement.getElementsByTagName('input')[0];\r\n if (fileInput !== '') {\r\n event.target.parentElement.remove();\r\n }\r\n });\r\n }\r\n // Don't add new attachment input if the last attachment is empty\r\n const form = document.getElementById('attachmentForm');\r\n const lastAttachment = form.lastChild;\r\n if (lastAttachment && lastAttachment.querySelector('.attachmentInput').value === '') {\r\n return;\r\n }\r\n const newFileContainer = attachmentContainer.cloneNode(true);\r\n newFileContainer.getElementsByTagName('input')[0].value = ''; //remove file for new container\r\n newFileContainer\r\n .getElementsByTagName('input')[0]\r\n .addEventListener('change', evt => fileValidation(evt.target));\r\n attachmentList.appendChild(newFileContainer);\r\n addRemoveAttachmentEventListener(newFileContainer.firstElementChild);\r\n attachmentContainer = newFileContainer;\r\n }\r\n\r\n // CB for Done Button\r\n async function saveAction() {\r\n async function saveAttachmentsToDB() {\r\n const attachmentSaveArray = [];\r\n if (attachmentArray.length === 0) return;\r\n\r\n attachmentArray.forEach(attachment => {\r\n const saveProm = new Promise(resolve => {\r\n const saveData = {\r\n token: $.session.Token,\r\n attachmentType: attachment.type,\r\n attachment: attachment.arrayBuffer,\r\n regId: regId,\r\n };\r\n\r\n ConsumerFinancesAjax.addCFAttachment(saveData).then(res => resolve(res));\r\n });\r\n attachmentSaveArray.push(saveProm);\r\n });\r\n\r\n const attSaveRes = await Promise.all(attachmentSaveArray);\r\n let count = 0;\r\n attSaveRes.forEach(att => {\r\n attachmentsAdded.push(att);\r\n });\r\n attachmentArray.forEach(att => {\r\n att.attachmentID = attSaveRes[count];\r\n attachments.push(att);\r\n count++;\r\n });\r\n\r\n }\r\n // DELETE ATTACHMENTS\r\n attachmentsToDelete.forEach(attachment => {\r\n ConsumerFinancesAjax.deleteCFAttachment(attachment);\r\n });\r\n\r\n // ADD ATTACHMENTS\r\n const attachmentInputs = document.querySelectorAll('.attachmentInput');\r\n if (attachmentInputs.length === 0) {\r\n console.log('no attachments to add');\r\n return;\r\n }\r\n\r\n let attachmentProms = [];\r\n let attachmentArray = [];\r\n attachmentInputs.forEach(inputElement => {\r\n if (inputElement.value === '') {\r\n return;\r\n }\r\n const attPromise = new Promise(resolve => {\r\n const attachmentObj = {};\r\n const attachmentFile = inputElement.files.item(0);\r\n const attachmentName = attachmentFile.name;\r\n const attachmentType = attachmentFile.name.split('.').pop();\r\n attachmentObj.description = attachmentName;\r\n attachmentObj.type = attachmentType;\r\n attachmentObj.attachmentID = 0;\r\n attachmentObj.registerID = 0;\r\n // new Response(file) was added for Safari compatibility\r\n new Response(attachmentFile).arrayBuffer().then(res => {\r\n attachmentObj.arrayBuffer = res;\r\n attachmentArray.push(attachmentObj);\r\n resolve();\r\n });\r\n });\r\n\r\n attachmentProms.push(attPromise);\r\n });\r\n\r\n await Promise.all(attachmentProms);\r\n await saveAttachmentsToDB();\r\n\r\n POPUP.hide(popup);\r\n //NewEntryCF.buildNewEntryForm(regId, attachmentsForQuestion, attachmentsAdded) \r\n }\r\n //===========================================\r\n //===========================================\r\n\r\n const popup = POPUP.build({\r\n header: this.header,\r\n id: 'planAttachmentPopup',\r\n });\r\n\r\n const addAttachmentBtn = button.build({\r\n text: 'Add Attachment',\r\n style: 'secondary',\r\n type: 'text',\r\n icon: 'add',\r\n callback: () => {\r\n if (!addAttachmentBtn.classList.contains('disabled')) {\r\n addNewAttachment(); \r\n }\r\n },\r\n });\r\n addAttachmentBtn.type = 'button';\r\n\r\n const removeAttachmentBtn = button.build({\r\n style: 'secondary',\r\n type: 'text',\r\n icon: 'delete',\r\n });\r\n removeAttachmentBtn.type = 'button';\r\n\r\n const saveBtn = button.build({\r\n id: 'attachmentSave',\r\n text: 'Save',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n try {\r\n if (!saveBtn.classList.contains('disabled')) {\r\n await saveAction();\r\n await this.cleanAttachmentLists(attachmentsAdded, attachmentsToDelete);\r\n } \r\n } catch (error) {\r\n pendingSave.reject('Error saving attachment changes');\r\n setTimeout(() => {\r\n failSave.hide(false);\r\n popup.style.removeProperty('display');\r\n }, 2000);\r\n console.error(error);\r\n }\r\n },\r\n });\r\n const cancelBtn = button.build({\r\n id: 'attachmentCancel',\r\n text: 'cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n POPUP.hide(popup);\r\n },\r\n });\r\n\r\n if (this.IsDisabledBtn == true) {\r\n removeAttachmentBtn.classList.add('disabled');\r\n saveBtn.classList.add('disabled');\r\n addAttachmentBtn.classList.add('disabled');\r\n }\r\n else {\r\n removeAttachmentBtn.classList.remove('disabled');\r\n saveBtn.classList.remove('disabled');\r\n addAttachmentBtn.classList.remove('disabled');\r\n }\r\n\r\n const reviewAttachmentList = document.createElement('div');\r\n reviewAttachmentList.classList.add('reviewAttachmentList');\r\n const newAttachmentList = document.createElement('div');\r\n newAttachmentList.classList.add('newAttachmentList');\r\n const newAttachmentsHeader = document.createElement('h5');\r\n newAttachmentsHeader.innerText = 'Attachments to be added:';\r\n newAttachmentList.appendChild(newAttachmentsHeader);\r\n\r\n const attachmentInput = document.createElement('input');\r\n attachmentInput.type = 'file';\r\n attachmentInput.classList.add('input-field__input', 'attachmentInput');\r\n attachmentInput.addEventListener('change', evt => fileValidation(evt.target));\r\n\r\n let attachmentContainer = document.createElement('div');\r\n attachmentContainer.classList.add('attachmentContainer');\r\n const attachmentList = document.createElement('form');\r\n attachmentList.setAttribute('id', 'attachmentForm');\r\n attachmentList.appendChild(attachmentContainer);\r\n attachmentContainer.appendChild(removeAttachmentBtn);\r\n attachmentContainer.appendChild(attachmentInput);\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n\r\n popup.appendChild(reviewAttachmentList);\r\n\r\n popup.appendChild(newAttachmentList);\r\n popup.appendChild(attachmentList);\r\n popup.appendChild(addAttachmentBtn);\r\n btnWrap.appendChild(saveBtn);\r\n\r\n\r\n btnWrap.appendChild(cancelBtn);\r\n popup.appendChild(btnWrap);\r\n\r\n if (attachmentsForQuestion.length > 0) populateExistingAttachments();\r\n\r\n POPUP.show(popup);\r\n }\r\n\r\n /**\r\n * Gets the attachment button element\r\n * @return {HTMLButtonElement} Attachment Button Element\r\n */\r\n get attachmentButton() {\r\n return this.buildAttachmentButton();\r\n }\r\n\r\n cleanAttachmentLists(attachmentsToAdd, attachmentsToRemove) {\r\n if (attachmentsToRemove.length > 0) {\r\n attachments = this.attachmentsForQuestion;\r\n }\r\n attachmentsToRemove.forEach(attId => {\r\n attachments.forEach(attach => {\r\n if (attach.attachmentID == attId) {\r\n const index = attachments.indexOf(attach);\r\n attachments.splice(index, 1)\r\n this.attachmentsForQuestion = attachments;\r\n }\r\n });\r\n });\r\n\r\n attachmentsToAdd.forEach(attId => {\r\n attachments.forEach(attach => {\r\n let isAttacExist = this.attachmentsForQuestion.filter(a => a.attachmentID === attId);\r\n if (attach.attachmentID == attId && isAttacExist.length == 0) {\r\n this.attachmentsForQuestion.push(attach);\r\n }\r\n });\r\n });\r\n\r\n\r\n const attachmentBtn = document.getElementById(`attachConsumer`);\r\n attachmentBtn.innerText = `ATTACHMENTS (${this.attachmentsForQuestion.length})`;\r\n\r\n if (this.attachmentsForQuestion.length > 0) {\r\n attachmentBtn.classList.add('hasAttachments');\r\n } else {\r\n attachmentBtn.classList.remove('hasAttachments');\r\n }\r\n\r\n NewEntryCF.buildNewEntryForm(this.regId, this.attachmentsForQuestion, attachmentsToAdd, false)\r\n }\r\n }\r\n\r\n async function getConsumerFinanceAttachments(regID) {\r\n attachments = [];\r\n const retData = {\r\n token: $.session.Token,\r\n regId: regID,\r\n };\r\n const res = await ConsumerFinancesAjax.getCFAttachmentsList(retData);\r\n res.forEach(attachment => {\r\n attachments.push(attachment);\r\n });\r\n return attachments;\r\n }\r\n\r\n return {\r\n ConsumerFinanceAttachment,\r\n getConsumerFinanceAttachments,\r\n };\r\n})();\r\n","const ConsumerFinances = (() => {\r\n //Inputs\r\n let ConsumerFinanceEntriesTable = [];\r\n let CFConsumerBtns;\r\n let consumerRow;\r\n let consumerElement;\r\n let filterPopup;\r\n var selectedConsumers;\r\n var selectedConsumersName;\r\n var selectedConsumersId;\r\n //filter\r\n let accountDropdown;\r\n let filterValues;\r\n let btnWrap;\r\n let activityStartDateBtnWrap;\r\n let activityEndDateBtnWrap;\r\n let minamountBtnWrap;\r\n let maxamountBtnWrap;\r\n let transectionTypeBtnWrap;\r\n let accountNameBtnWrap;\r\n let payeeBtnWrap;\r\n let categoryBtnWrap;\r\n let enteredByBtnWrap;\r\n let isattachmentBtnWrap;\r\n let accountPermission;\r\n let tempAccountPer;\r\n\r\n //service filter options\r\n let selectedConsumerIds;\r\n\r\n // get the Consumers selected from the Roster\r\n async function handleActionNavEvent(target) {\r\n var targetAction = target.dataset.actionNav;\r\n\r\n switch (targetAction) {\r\n case 'miniRosterDone': {\r\n selectedConsumers = roster2.getActiveConsumers();\r\n filterValues = undefined;\r\n await loadConsumerFinanceLanding();\r\n DOM.toggleNavLayout();\r\n break;\r\n }\r\n case 'miniRosterCancel': {\r\n DOM.toggleNavLayout();\r\n loadApp('home');\r\n break;\r\n }\r\n }\r\n }\r\n\r\n async function backFromConsumerFinanceEditAccount(Consumers) {\r\n setActiveModuleAttribute('ConsumerFinances');\r\n DOM.clearActionCenter();\r\n selectedConsumers = Consumers;\r\n filterValues = undefined;\r\n await loadConsumerFinanceLanding();\r\n DOM.toggleNavLayout();\r\n }\r\n\r\n // Build Consumer Finance Module Landing Page\r\n async function loadConsumerFinanceLanding(value) {\r\n DOM.clearActionCenter();\r\n DOM.scrollToTopOfPage();\r\n\r\n if (value) {\r\n filterValues.accountName = value;\r\n }\r\n\r\n if (!document.querySelector('.consumerListBtn')) roster2.miniRosterinit();\r\n landingPage = document.createElement('div');\r\n if (selectedConsumers != undefined) {\r\n selectedConsumersId = selectedConsumers[selectedConsumers.length - 1].id;\r\n $.session.consumerId = selectedConsumersId;\r\n } else {\r\n dashboard.load();\r\n return;\r\n }\r\n\r\n const name = (\r\n await ConsumerFinancesAjax.getConsumerNameByID({\r\n token: $.session.Token,\r\n consumerId: selectedConsumersId,\r\n })\r\n ).getConsumerNameByIDResult;\r\n\r\n getaccountPermission();\r\n\r\n selectedConsumersName = name[0].FullName;\r\n const topButton = buildHeaderButton(selectedConsumers[0]);\r\n landingPage.appendChild(topButton);\r\n filterRow = document.createElement('div');\r\n filterRow.classList.add('filterElement');\r\n\r\n const filteredBy = buildFilteredBy();\r\n filterRow.appendChild(filteredBy);\r\n landingPage.appendChild(filterRow);\r\n ConsumerFinanceEntriesTable = await buildConsumerFinanceEntriesTable(filterValues);\r\n landingPage.appendChild(ConsumerFinanceEntriesTable);\r\n populateAccountDropdown();\r\n DOM.ACTIONCENTER.appendChild(landingPage);\r\n }\r\n\r\n function getaccountPermission() {\r\n accountPermission = '';\r\n tempAccountPer = [];\r\n if ($.session.CFViewChecking) tempAccountPer.push('Checking');\r\n\r\n if ($.session.CFViewCraditCard) {\r\n tempAccountPer.push('Credit Card');\r\n }\r\n\r\n if ($.session.CFViewFoodStamp) {\r\n tempAccountPer.push('Food Stamps');\r\n }\r\n\r\n if ($.session.CFViewPettyCash) {\r\n tempAccountPer.push('Petty Cash');\r\n }\r\n\r\n if ($.session.CFViewShaving) {\r\n tempAccountPer.push('Savings');\r\n }\r\n\r\n if ($.session.CFViewChristmasClub) {\r\n tempAccountPer.push('Christmas Club');\r\n }\r\n if ($.session.CFViewSystem20183A) {\r\n tempAccountPer.push('System 2018.3A');\r\n }\r\n if ($.session.CFViewSystem20183) {\r\n tempAccountPer.push('System 2018.3');\r\n }\r\n if ($.session.CFViewOhioEBT) {\r\n tempAccountPer.push('Ohio EBT');\r\n }\r\n if ($.session.CFViewViewFoodStampDebitCardEBT) {\r\n tempAccountPer.push('Food Stamp Debit Card EBT');\r\n }\r\n\r\n if (tempAccountPer.length > 0) {\r\n accountPermission = tempAccountPer.toString();\r\n } else accountPermission = '';\r\n }\r\n\r\n // build the listing of OOD Entries (based off of filter settings)\r\n async function buildConsumerFinanceEntriesTable(filterValues) {\r\n const tableOptions = {\r\n plain: false,\r\n tableId: 'singleEntryAdminReviewTable',\r\n headline: selectedConsumersName,\r\n columnHeadings: ['Date', 'Account', 'Payee', 'Category', 'Amount', 'Check No.', 'Balance', 'Entered By'],\r\n endIcon: true,\r\n };\r\n\r\n selectedConsumerIds = selectedConsumers.map(function (x) {\r\n return x.id;\r\n });\r\n let ConsumerFinancesEntries = await ConsumerFinancesAjax.getAccountTransectionEntriesAsync(\r\n selectedConsumerIds.join(', '),\r\n filterValues.activityStartDate,\r\n filterValues.activityEndDate,\r\n filterValues.accountName,\r\n filterValues.payee,\r\n filterValues.category,\r\n filterValues.minamount,\r\n filterValues.maxamount,\r\n filterValues.checkNo,\r\n filterValues.Balance,\r\n filterValues.enteredBy,\r\n filterValues.isattachment,\r\n filterValues.transectionType,\r\n accountPermission,\r\n );\r\n\r\n ConsumerFinancesEntries.getAccountTransectionEntriesResult.forEach(function (entry) {\r\n let newDate = new Date(entry.activityDate);\r\n let theMonth = newDate.getMonth() + 1;\r\n let formatActivityDate =\r\n UTIL.leadingZero(theMonth) + '/' + UTIL.leadingZero(newDate.getDate()) + '/' + newDate.getFullYear();\r\n entry.activityDate = formatActivityDate;\r\n });\r\n\r\n let tableData = ConsumerFinancesEntries.getAccountTransectionEntriesResult.map(entry => {\r\n let checkNo = entry.checkno;\r\n let category = entry.category;\r\n let payee = entry.payee;\r\n\r\n if (entry.categoryCode !== 'C') {\r\n category = '';\r\n payee = entry.payee2;\r\n\r\n if (entry.categoryCode === 'T') {\r\n checkNo = 'Transfer';\r\n }\r\n }\r\n\r\n return {\r\n values: [\r\n entry.activityDate,\r\n entry.account,\r\n payee,\r\n category,\r\n '$' + entry.amount,\r\n checkNo,\r\n '$' + entry.balance,\r\n entry.enteredby,\r\n ],\r\n attributes: [\r\n { key: 'registerId', value: entry.ID },\r\n { key: 'data-plan-active', value: entry.isExpance },\r\n ],\r\n onClick: e => {\r\n if (entry.categoryCode === 'C') {\r\n handleAccountTableEvents(e.target.attributes.registerId.value);\r\n }\r\n },\r\n endIcon: entry.AttachmentsID == 0 ? `${icons['Empty']}` : `${icons['attachmentSmall']}`,\r\n };\r\n });\r\n const oTable = table.build(tableOptions);\r\n\r\n // Set the data type for each header, for sorting purposes\r\n const headers = oTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'date'); // Date\r\n headers[1].setAttribute('data-type', 'string'); // Account\r\n headers[2].setAttribute('data-type', 'string'); // Payee\r\n headers[3].setAttribute('data-type', 'string'); // Category\r\n headers[4].setAttribute('data-type', 'amount'); // Amount\r\n headers[5].setAttribute('data-type', 'string'); // Check No\r\n headers[6].setAttribute('data-type', 'amount'); // Balance\r\n headers[7].setAttribute('data-type', 'string'); // Enter By\r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(oTable);\r\n\r\n table.populate(oTable, tableData);\r\n\r\n return oTable;\r\n }\r\n\r\n function handleAccountTableEvents(registerId) {\r\n NewEntryCF.buildNewEntryForm(registerId);\r\n }\r\n\r\n // build display of Account and button\r\n function buildHeaderButton(consumer) {\r\n consumerElement = document.createElement('div');\r\n consumerRow = document.createElement('div');\r\n consumerRow.classList.add('consumerHeader');\r\n CFConsumerBtns = buildButtonBar(consumer);\r\n consumerRow.appendChild(CFConsumerBtns);\r\n consumerElement.appendChild(consumerRow);\r\n return consumerElement;\r\n }\r\n\r\n function buildButtonBar(consumer) {\r\n const buttonBar = document.createElement('div');\r\n buttonBar.classList.add('OODbuttonBar');\r\n buttonBar.style.maxHeight = '50px';\r\n buttonBar.style.minWidth = '100%';\r\n\r\n const dropdownButtonBar = document.createElement('div');\r\n const entryButtonBar = document.createElement('div');\r\n const editButtonBar = document.createElement('div');\r\n dropdownButtonBar.style.width = '32%';\r\n entryButtonBar.style.width = '32%';\r\n editButtonBar.style.width = '32%';\r\n\r\n accountDropdown = dropdown.build({\r\n label: 'Accounts:',\r\n dropdownId: 'accountDropdown',\r\n });\r\n\r\n accountDropdown.addEventListener('change', event => {\r\n filterValues.accountName = event.target.value;\r\n loadConsumerFinanceLanding(filterValues.accountName);\r\n });\r\n\r\n const entryBtn = button.build({\r\n text: '+ New Entry',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'newEntryBtn',\r\n callback: async () => {\r\n if (!entryBtn.classList.contains('disabled')) {\r\n NewEntryCF.init();\r\n }\r\n },\r\n });\r\n\r\n const editAccountBtn = button.build({\r\n text: 'Edit Accounts',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n if (!editAccountBtn.classList.contains('disabled')) {\r\n CFEditAccount.loadCFEditFromAccountRegister(selectedConsumers);\r\n }\r\n },\r\n });\r\n\r\n if ($.session.CFInsert) {\r\n entryBtn.classList.remove('disabled');\r\n } else {\r\n entryBtn.classList.add('disabled');\r\n }\r\n\r\n if ($.session.CFViewEditAccounts) {\r\n editAccountBtn.classList.remove('disabled');\r\n } else {\r\n editAccountBtn.classList.add('disabled');\r\n }\r\n\r\n entryBtn.style.height = '50px';\r\n entryBtn.style.minWidth = '100%';\r\n editAccountBtn.style.height = '50px';\r\n editAccountBtn.style.minWidth = '100%';\r\n\r\n buildNewFilterBtn();\r\n accountDropdown.style.minWidth = '100%';\r\n dropdownButtonBar.appendChild(accountDropdown);\r\n editButtonBar.appendChild(editAccountBtn);\r\n editButtonBar.style.marginLeft = '2%';\r\n entryButtonBar.appendChild(entryBtn);\r\n entryButtonBar.style.marginLeft = '2%';\r\n buttonBar.appendChild(dropdownButtonBar);\r\n buttonBar.appendChild(editButtonBar);\r\n buttonBar.appendChild(entryButtonBar);\r\n return buttonBar;\r\n }\r\n\r\n function buildNewFilterBtn() {\r\n if (!filterValues)\r\n filterValues = {\r\n token: $.session.Token,\r\n activityStartDate: UTIL.formatDateFromDateObj(dates.subDays(new Date(), 30)),\r\n activityEndDate: UTIL.getTodaysDate(),\r\n accountName: '%',\r\n payee: '%',\r\n category: '%',\r\n minamount: '-10000.00',\r\n maxamount: '10000.00',\r\n checkNo: '',\r\n Balance: '',\r\n enteredBy: '%',\r\n isattachment: '%',\r\n transectionType: '%',\r\n };\r\n }\r\n\r\n // Populate the Account DDL\r\n async function populateAccountDropdown() {\r\n const { getActiveAccountResult: accounts } = await ConsumerFinancesAjax.getActiveAccountAsync(\r\n selectedConsumersId,\r\n accountPermission,\r\n );\r\n let data = accounts.map(account => ({\r\n id: account.accountId,\r\n value: account.accountName,\r\n text: account.accountName + ' - $' + (account.totalBalance == '' ? '0.00' : account.totalBalance),\r\n }));\r\n if (data.length > 0) data.unshift({ id: null, value: '%', text: 'ALL' }); //ADD Blank value\r\n dropdown.populate('accountDropdown', data, filterValues.accountName);\r\n }\r\n\r\n // build the display of the current Filter Settings (next to the Filter button)\r\n function buildFilteredBy() {\r\n var filteredBy = document.querySelector('.filteredByData');\r\n\r\n if (!filteredBy) {\r\n filteredBy = document.createElement('div');\r\n filteredBy.classList.add('filteredByData');\r\n filterButtonSet();\r\n filteredBy.appendChild(btnWrap);\r\n }\r\n\r\n filteredBy.style.maxWidth = '100%';\r\n\r\n if (filterValues.transectionType === '%' || filterValues.transectionType === 'ALL') {\r\n btnWrap.appendChild(transectionTypeBtnWrap);\r\n btnWrap.removeChild(transectionTypeBtnWrap);\r\n } else {\r\n btnWrap.appendChild(transectionTypeBtnWrap);\r\n }\r\n\r\n if (filterValues.accountName === '%' || filterValues.accountName === 'ALL') {\r\n btnWrap.appendChild(accountNameBtnWrap);\r\n btnWrap.removeChild(accountNameBtnWrap);\r\n } else {\r\n btnWrap.appendChild(accountNameBtnWrap);\r\n }\r\n\r\n if (filterValues.payee === '%' || filterValues.payee === 'ALL') {\r\n btnWrap.appendChild(payeeBtnWrap);\r\n btnWrap.removeChild(payeeBtnWrap);\r\n } else {\r\n btnWrap.appendChild(payeeBtnWrap);\r\n }\r\n\r\n if (filterValues.category === '%' || filterValues.category === 'ALL') {\r\n btnWrap.appendChild(categoryBtnWrap);\r\n btnWrap.removeChild(categoryBtnWrap);\r\n } else {\r\n btnWrap.appendChild(categoryBtnWrap);\r\n }\r\n\r\n if (filterValues.enteredBy === '%' || filterValues.enteredBy === 'ALL') {\r\n btnWrap.appendChild(enteredByBtnWrap);\r\n btnWrap.removeChild(enteredByBtnWrap);\r\n } else {\r\n btnWrap.appendChild(enteredByBtnWrap);\r\n }\r\n if (filterValues.isattachment === '%' || filterValues.isattachment === 'ALL') {\r\n btnWrap.appendChild(isattachmentBtnWrap);\r\n btnWrap.removeChild(isattachmentBtnWrap);\r\n } else {\r\n btnWrap.appendChild(isattachmentBtnWrap);\r\n }\r\n return filteredBy;\r\n }\r\n\r\n function filterButtonSet() {\r\n filterBtn = button.build({\r\n text: 'Filter',\r\n icon: 'filter',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'filterBtnNew',\r\n callback: () => {\r\n buildFilterPopUp('ALL');\r\n },\r\n });\r\n activityStartDateBtn = button.build({\r\n id: 'activityStartDateBtn',\r\n text: 'From Date: ' + moment(filterValues.activityStartDate, 'YYYY-MM-DD').format('M/D/YYYY'),\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('activityStartDateBtn');\r\n },\r\n });\r\n activityEndDateBtn = button.build({\r\n id: 'activityEndDateBtn',\r\n text: 'To date: ' + moment(filterValues.activityEndDate, 'YYYY-MM-DD').format('M/D/YYYY'),\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('activityEndDateBtn');\r\n },\r\n });\r\n minamountBtn = button.build({\r\n id: 'minamountBtn',\r\n text: 'Min Amount: $' + filterValues.minamount,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('minamountBtn');\r\n },\r\n });\r\n maxamountBtn = button.build({\r\n id: 'maxamountBtn',\r\n text: 'Max Amount: $' + filterValues.maxamount,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('maxamountBtn');\r\n },\r\n });\r\n transectionTypeBtn = button.build({\r\n id: 'transectionTypeBtn',\r\n text: filterValues.transectionType == 'false' ? 'Transaction Type: Deposit' : 'Transaction Type: Expense',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('transectionTypeBtn');\r\n },\r\n });\r\n transectionTypeCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('transectionTypeBtn');\r\n },\r\n });\r\n accountNameBtn = button.build({\r\n id: 'accountNameBtn',\r\n text: 'Account: ' + filterValues.accountName,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('accountNameBtn');\r\n },\r\n });\r\n accountNameCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('accountNameBtn');\r\n },\r\n });\r\n payeeBtn = button.build({\r\n id: 'payeeBtn',\r\n text: 'Payee: ' + filterValues.payee,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('payeeBtn');\r\n },\r\n });\r\n payeeCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('payeeBtn');\r\n },\r\n });\r\n categoryBtn = button.build({\r\n id: 'categoryBtn',\r\n text: 'Category: ' + filterValues.category,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('categoryBtn');\r\n },\r\n });\r\n categoryCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('categoryBtn');\r\n },\r\n });\r\n enteredByBtn = button.build({\r\n id: 'enteredByBtn',\r\n text: 'Last Updated By: ' + filterValues.userName,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('enteredByBtn');\r\n },\r\n });\r\n enteredByCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('enteredByBtn');\r\n },\r\n });\r\n isattachmentBtn = button.build({\r\n id: 'isattachmentBtn',\r\n text: 'Has Attachment: ' + filterValues.isattachment,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopUp('isattachmentBtn');\r\n },\r\n });\r\n isattachmentCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('isattachmentBtn');\r\n },\r\n });\r\n\r\n btnWrap = document.createElement('div');\r\n btnWrap.classList.add('filterBtnWrap');\r\n btnWrap.appendChild(filterBtn);\r\n\r\n activityStartDateBtnWrap = document.createElement('div');\r\n activityStartDateBtnWrap.classList.add('filterSelectionBtnWrap');\r\n activityStartDateBtnWrap.appendChild(activityStartDateBtn);\r\n btnWrap.appendChild(activityStartDateBtnWrap);\r\n\r\n activityEndDateBtnWrap = document.createElement('div');\r\n activityEndDateBtnWrap.classList.add('filterSelectionBtnWrap');\r\n activityEndDateBtnWrap.appendChild(activityEndDateBtn);\r\n btnWrap.appendChild(activityEndDateBtnWrap);\r\n\r\n minamountBtnWrap = document.createElement('div');\r\n minamountBtnWrap.classList.add('filterSelectionBtnWrap');\r\n minamountBtnWrap.appendChild(minamountBtn);\r\n btnWrap.appendChild(minamountBtnWrap);\r\n\r\n maxamountBtnWrap = document.createElement('div');\r\n maxamountBtnWrap.classList.add('filterSelectionBtnWrap');\r\n maxamountBtnWrap.appendChild(maxamountBtn);\r\n btnWrap.appendChild(maxamountBtnWrap);\r\n\r\n transectionTypeBtnWrap = document.createElement('div');\r\n transectionTypeBtnWrap.classList.add('filterSelectionBtnWrap');\r\n transectionTypeBtnWrap.appendChild(transectionTypeBtn);\r\n transectionTypeBtnWrap.appendChild(transectionTypeCloseBtn);\r\n btnWrap.appendChild(transectionTypeBtnWrap);\r\n\r\n accountNameBtnWrap = document.createElement('div');\r\n accountNameBtnWrap.classList.add('filterSelectionBtnWrap');\r\n accountNameBtnWrap.appendChild(accountNameBtn);\r\n accountNameBtnWrap.appendChild(accountNameCloseBtn);\r\n btnWrap.appendChild(accountNameBtnWrap);\r\n\r\n payeeBtnWrap = document.createElement('div');\r\n payeeBtnWrap.classList.add('filterSelectionBtnWrap');\r\n payeeBtnWrap.appendChild(payeeBtn);\r\n payeeBtnWrap.appendChild(payeeCloseBtn);\r\n btnWrap.appendChild(payeeBtnWrap);\r\n\r\n categoryBtnWrap = document.createElement('div');\r\n categoryBtnWrap.classList.add('filterSelectionBtnWrap');\r\n categoryBtnWrap.appendChild(categoryBtn);\r\n categoryBtnWrap.appendChild(categoryCloseBtn);\r\n btnWrap.appendChild(categoryBtnWrap);\r\n\r\n enteredByBtnWrap = document.createElement('div');\r\n enteredByBtnWrap.classList.add('filterSelectionBtnWrap');\r\n enteredByBtnWrap.appendChild(enteredByBtn);\r\n enteredByBtnWrap.appendChild(enteredByCloseBtn);\r\n btnWrap.appendChild(enteredByBtnWrap);\r\n\r\n isattachmentBtnWrap = document.createElement('div');\r\n isattachmentBtnWrap.classList.add('filterSelectionBtnWrap');\r\n isattachmentBtnWrap.appendChild(isattachmentBtn);\r\n isattachmentBtnWrap.appendChild(isattachmentCloseBtn);\r\n btnWrap.appendChild(isattachmentBtnWrap);\r\n }\r\n\r\n function closeFilter(closeFilter) {\r\n if (closeFilter == 'transectionTypeBtn') {\r\n filterValues.transectionType = '%';\r\n }\r\n if (closeFilter == 'accountNameBtn') {\r\n filterValues.accountName = '%';\r\n }\r\n if (closeFilter == 'payeeBtn') {\r\n filterValues.payee = '%';\r\n }\r\n if (closeFilter == 'enteredByBtn') {\r\n filterValues.enteredBy = '%';\r\n }\r\n if (closeFilter == 'isattachmentBtn') {\r\n filterValues.isattachment = '%';\r\n }\r\n if (closeFilter == 'categoryBtn') {\r\n filterValues.category = '%';\r\n }\r\n loadConsumerFinanceLanding();\r\n }\r\n\r\n // build Filter pop-up that displays when an \"Filter\" button is clicked\r\n function buildFilterPopUp(IsShow) {\r\n // popup\r\n filterPopup = POPUP.build({\r\n classNames: ['rosterFilterPopup'],\r\n hideX: true,\r\n });\r\n\r\n // dropdowns & inputs\r\n fromDateInput = input.build({\r\n id: 'fromDateInput',\r\n type: 'date',\r\n label: 'From Date',\r\n style: 'secondary',\r\n value: filterValues.activityStartDate,\r\n });\r\n\r\n toDateInput = input.build({\r\n id: 'toDateInput',\r\n type: 'date',\r\n label: 'To Date',\r\n style: 'secondary',\r\n value: filterValues.activityEndDate,\r\n });\r\n\r\n minAmountInput = input.build({\r\n id: 'minAmountInput',\r\n type: 'text',\r\n label: 'Min Amount',\r\n style: 'secondary',\r\n value: '$' + (filterValues.minamount ? filterValues.minamount : ''),\r\n });\r\n\r\n maxAmountInput = input.build({\r\n id: 'maxAmountInput',\r\n type: 'text',\r\n label: 'Max Amount',\r\n style: 'secondary',\r\n value: '$' + (filterValues.maxamount ? filterValues.maxamount : ''),\r\n });\r\n\r\n transectionTypeFilterDropdown = dropdown.build({\r\n label: 'Transaction Type',\r\n dropdownId: 'transectionTypeFilterDropdown',\r\n });\r\n\r\n accountFilterDropdown = dropdown.build({\r\n label: 'Account',\r\n dropdownId: 'accountFilterDropdown',\r\n });\r\n\r\n payeeDropdown = dropdown.build({\r\n id: 'payeeDropdown',\r\n label: 'Payee',\r\n dropdownId: 'payeeDropdown',\r\n });\r\n\r\n categoryDropdown = dropdown.build({\r\n id: 'categoryDropdown',\r\n label: 'Category',\r\n dropdownId: 'categoryDropdown',\r\n });\r\n\r\n lastUpdateDropdown = dropdown.build({\r\n id: 'lastUpdateDropdown',\r\n label: 'Last Updated By',\r\n dropdownId: 'lastUpdateDropdown',\r\n });\r\n\r\n isAttachedDropdown = dropdown.build({\r\n id: 'isAttachedDropdown',\r\n label: 'Has Attachment?',\r\n dropdownId: 'isAttachedDropdown',\r\n });\r\n\r\n // apply filters button\r\n APPLY_BTN = button.build({\r\n text: 'Apply',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n CANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => filterPopupCancelBtn(),\r\n });\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(APPLY_BTN);\r\n btnWrap.appendChild(CANCEL_BTN);\r\n\r\n var dateWrap = document.createElement('div');\r\n dateWrap.classList.add('dateWrap');\r\n if (IsShow == 'ALL' || IsShow == 'activityStartDateBtn') dateWrap.appendChild(fromDateInput);\r\n if (IsShow == 'ALL' || IsShow == 'activityEndDateBtn') dateWrap.appendChild(toDateInput);\r\n\r\n var amountWrap = document.createElement('div');\r\n amountWrap.classList.add('dateWrap');\r\n if (IsShow == 'ALL' || IsShow == 'minamountBtn') amountWrap.appendChild(minAmountInput);\r\n if (IsShow == 'ALL' || IsShow == 'maxamountBtn') amountWrap.appendChild(maxAmountInput);\r\n\r\n // build popup\r\n filterPopup.appendChild(dateWrap);\r\n filterPopup.appendChild(amountWrap);\r\n if (IsShow == 'ALL' || IsShow == 'transectionTypeBtn') filterPopup.appendChild(transectionTypeFilterDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'accountNameBtn') filterPopup.appendChild(accountFilterDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'payeeBtn') filterPopup.appendChild(payeeDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'categoryBtn') filterPopup.appendChild(categoryDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'enteredByBtn') filterPopup.appendChild(lastUpdateDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'isattachmentBtn') filterPopup.appendChild(isAttachedDropdown);\r\n\r\n filterPopup.appendChild(btnWrap);\r\n eventListeners();\r\n populateFilterDropdown();\r\n POPUP.show(filterPopup);\r\n checkValidationOfFilter();\r\n }\r\n\r\n // binding filter events\r\n function eventListeners() {\r\n var tmpactivityStartDate;\r\n var tmpactivityEndDate;\r\n var tmpminAmount;\r\n var tmpmaxAmount;\r\n var tmpaccountName;\r\n var tmpenteredBy;\r\n var tmppayee;\r\n var tmpcategory;\r\n var tmpisattachment;\r\n var tmptransectionType;\r\n\r\n fromDateInput.addEventListener('change', event => {\r\n tmpactivityStartDate = event.target.value;\r\n checkValidationOfFilter();\r\n });\r\n toDateInput.addEventListener('change', event => {\r\n tmpactivityEndDate = event.target.value;\r\n checkValidationOfFilter();\r\n });\r\n\r\n minAmountInput.addEventListener('keyup', event => {\r\n minAmount = event.target.value;\r\n var reg = new RegExp('^[0-9 . $ -]+$');\r\n if (!reg.test(minAmount)) {\r\n document.getElementById('minAmountInput').value = minAmount.substring(0, minAmount.length - 1);\r\n return;\r\n } else if (\r\n minAmount.includes('.') &&\r\n (minAmount.match(/\\./g).length > 1 || minAmount.toString().split('.')[1].length > 2)\r\n ) {\r\n document.getElementById('minAmountInput').value = minAmount.substring(0, minAmount.length - 1);\r\n return;\r\n }\r\n\r\n tmpminAmount = minAmount.trim().replace('$', '');\r\n tmpminAmount = parseFloat(tmpminAmount).toFixed(2);\r\n });\r\n\r\n maxAmountInput.addEventListener('keyup', event => {\r\n maxAmount = event.target.value;\r\n var reg = new RegExp('^[0-9 . $ -]+$');\r\n if (!reg.test(maxAmount)) {\r\n document.getElementById('maxAmountInput').value = maxAmount.substring(0, maxAmount.length - 1);\r\n return;\r\n } else if (\r\n maxAmount.includes('.') &&\r\n (maxAmount.match(/\\./g).length > 1 || maxAmount.toString().split('.')[1].length > 2)\r\n ) {\r\n document.getElementById('maxAmountInput').value = maxAmount.substring(0, maxAmount.length - 1);\r\n return;\r\n }\r\n tmpmaxAmount = maxAmount.trim().replace('$', '');\r\n tmpmaxAmount = parseFloat(tmpmaxAmount).toFixed(2);\r\n });\r\n\r\n transectionTypeFilterDropdown.addEventListener('change', event => {\r\n tmptransectionType = event.target.value;\r\n });\r\n accountFilterDropdown.addEventListener('change', event => {\r\n tmpaccountName = event.target.value;\r\n });\r\n lastUpdateDropdown.addEventListener('change', event => {\r\n tmpenteredBy =\r\n event.target.options[event.target.selectedIndex].innerHTML == 'ALL'\r\n ? '%'\r\n : event.target.options[event.target.selectedIndex].id; //event.target.options[event.target.selectedIndex].innerHTML;\r\n filterValues.userName = event.target.options[event.target.selectedIndex].innerHTML;\r\n });\r\n payeeDropdown.addEventListener('change', event => {\r\n tmppayee = event.target.value;\r\n });\r\n categoryDropdown.addEventListener('change', event => {\r\n tmpcategory = event.target.value;\r\n });\r\n isAttachedDropdown.addEventListener('change', event => {\r\n tmpisattachment = event.target.value;\r\n });\r\n\r\n APPLY_BTN.addEventListener('click', () => {\r\n if (!APPLY_BTN.classList.contains('disabled')) {\r\n updateFilterData({\r\n tmpactivityStartDate,\r\n tmpactivityEndDate,\r\n tmpminAmount,\r\n tmpmaxAmount,\r\n tmpaccountName,\r\n tmpenteredBy,\r\n tmppayee,\r\n tmpcategory,\r\n tmpisattachment,\r\n tmptransectionType,\r\n });\r\n POPUP.hide(filterPopup);\r\n loadConsumerFinanceLanding();\r\n }\r\n });\r\n }\r\n\r\n function updateFilterData(data) {\r\n if (data.tmpactivityStartDate) filterValues.activityStartDate = data.tmpactivityStartDate;\r\n if (data.tmpactivityEndDate) filterValues.activityEndDate = data.tmpactivityEndDate;\r\n if (data.tmpminAmount) filterValues.minamount = data.tmpminAmount;\r\n if (data.tmpmaxAmount) filterValues.maxamount = data.tmpmaxAmount;\r\n if (data.tmpaccountName) filterValues.accountName = data.tmpaccountName;\r\n if (data.tmpenteredBy) filterValues.enteredBy = data.tmpenteredBy;\r\n if (data.tmppayee) filterValues.payee = data.tmppayee;\r\n if (data.tmpcategory) filterValues.category = data.tmpcategory;\r\n if (data.tmpisattachment) filterValues.isattachment = data.tmpisattachment;\r\n if (data.tmptransectionType) filterValues.transectionType = data.tmptransectionType;\r\n }\r\n\r\n function checkValidationOfFilter() {\r\n var fromDate = fromDateInput.querySelector('#fromDateInput');\r\n var toDate = toDateInput.querySelector('#toDateInput');\r\n\r\n if (fromDate.value > toDate.value) {\r\n toDateInput.classList.add('errorPopup');\r\n } else {\r\n toDateInput.classList.remove('errorPopup');\r\n }\r\n setBtnStatusOfFilter();\r\n }\r\n\r\n function setBtnStatusOfFilter() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.errorPopup'));\r\n if (hasErrors.length !== 0) {\r\n APPLY_BTN.classList.add('disabled');\r\n return;\r\n } else {\r\n APPLY_BTN.classList.remove('disabled');\r\n }\r\n }\r\n\r\n async function populateFilterDropdown() {\r\n const { getActiveAccountResult: accounts } = await ConsumerFinancesAjax.getActiveAccountAsync(\r\n selectedConsumersId,\r\n accountPermission,\r\n );\r\n let accountData = accounts.map(account => ({\r\n id: account.accountId,\r\n value: account.accountName,\r\n text: account.accountName,\r\n }));\r\n accountData.unshift({ id: null, value: '%', text: 'ALL' }); //ADD Blank value\r\n dropdown.populate('accountFilterDropdown', accountData, filterValues.accountName);\r\n\r\n const { getPayeesResult: Payees } = await ConsumerFinancesAjax.getPayeesAsync($.session.consumerId);\r\n let payeeData = Payees.map(payees => ({\r\n id: payees.CategoryID,\r\n value: payees.Description,\r\n text: payees.Description,\r\n }));\r\n payeeData.unshift({ id: null, value: '%', text: 'ALL' });\r\n dropdown.populate('payeeDropdown', payeeData, filterValues.payee);\r\n\r\n let categoryID;\r\n const { getCategoriesSubCategoriesResult: Category } = await ConsumerFinancesAjax.getCategoriesSubCategoriesAsync(\r\n categoryID,\r\n );\r\n let categoryData = Category.map(category => ({\r\n id: category.CategoryID,\r\n value: category.CategoryDescription,\r\n text: category.CategoryDescription,\r\n }));\r\n categoryData.unshift({ id: null, value: '%', text: 'ALL' });\r\n dropdown.populate('categoryDropdown', categoryData, filterValues.category);\r\n\r\n const { getActiveUsedByResult: employees } = await ConsumerFinancesAjax.getActiveEmployeesAsync();\r\n let data = employees.map(employee => ({\r\n id: employee.userId,\r\n value: employee.userId,\r\n text: employee.userName,\r\n }));\r\n data.unshift({ id: null, value: '%', text: 'ALL' });\r\n dropdown.populate('lastUpdateDropdown', data, filterValues.enteredBy);\r\n\r\n const condfidentialDropdownData = [\r\n { text: 'Yes', value: 'Yes' },\r\n { text: 'No', value: 'No' },\r\n ];\r\n condfidentialDropdownData.unshift({ id: null, value: '%', text: 'ALL' });\r\n dropdown.populate('isAttachedDropdown', condfidentialDropdownData, filterValues.isattachment);\r\n\r\n const TransectionTypeDropdownData = [\r\n { text: 'Deposit', value: 'false' },\r\n { text: 'Expense', value: 'true' },\r\n ];\r\n TransectionTypeDropdownData.unshift({ id: null, value: '%', text: 'ALL' });\r\n dropdown.populate('transectionTypeFilterDropdown', TransectionTypeDropdownData, filterValues.transectionType);\r\n }\r\n\r\n function filterPopupCancelBtn() {\r\n POPUP.hide(filterPopup);\r\n }\r\n\r\n function init() {\r\n setActiveModuleAttribute('ConsumerFinances');\r\n DOM.clearActionCenter();\r\n\r\n let defaultCFLocation = defaults.getLocation('moneyManagement');\r\n if (defaultCFLocation === '') {\r\n defaults.setLocation('moneyManagement', 0);\r\n defaultCFLocation = '0';\r\n }\r\n roster2.miniRosterinit(\r\n {\r\n locationId: defaultCFLocation,\r\n locationName: '',\r\n },\r\n {\r\n hideDate: true,\r\n },\r\n );\r\n\r\n roster2.showMiniRoster();\r\n }\r\n\r\n return {\r\n init,\r\n handleActionNavEvent,\r\n loadConsumerFinanceLanding,\r\n getaccountPermission,\r\n backFromConsumerFinanceEditAccount,\r\n };\r\n})();\r\n","var ConsumerFinancesAjax = (function () {\r\n // OOD Main/Landing Page\r\n async function getAccountTransectionEntriesAsync(\r\n consumerIds,\r\n activityStartDate,\r\n activityEndDate,\r\n accountName,\r\n payee,\r\n category,\r\n minamount,\r\n maxamount,\r\n checkNo,\r\n balance,\r\n enteredBy,\r\n isattachment,\r\n transectionType,\r\n accountPermission,\r\n ) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getAccountTransectionEntries/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"consumerIds\":\"' +\r\n consumerIds +\r\n '\", \"activityStartDate\":\"' +\r\n activityStartDate +\r\n '\", \"activityEndDate\":\"' +\r\n activityEndDate +\r\n '\", \"accountName\":\"' +\r\n accountName +\r\n '\", \"payee\":\"' +\r\n payee +\r\n '\", \"category\":\"' +\r\n category +\r\n '\", \"minamount\":\"' +\r\n minamount +\r\n '\", \"maxamount\":\"' +\r\n maxamount +\r\n '\", \"checkNo\":\"' +\r\n checkNo +\r\n '\", \"balance\":\"' +\r\n balance +\r\n '\", \"enteredBy\":\"' +\r\n enteredBy +\r\n '\", \"isattachment\":\"' +\r\n isattachment +\r\n '\", \"transectionType\":\"' +\r\n transectionType +\r\n '\", \"accountPermission\":\"' +\r\n accountPermission +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getActiveAccountAsync(ConsumersId, accountPermission) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getActiveAccount/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n consumerId: ConsumersId,\r\n accountPermission: accountPermission,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getPayeesAsync(ConsumersId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getPayees/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n consumerId: ConsumersId,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getCategoriesAsync(CategoryID) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getCatogories/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n categoryID: CategoryID,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getSubCategoriesAsync(Category) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSubCatogories/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n category: Category,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getCategoriesSubCategoriesByPayeeAsync(CategoryID) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getCategoriesSubCategoriesByPayee/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n categoryID: CategoryID,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function insertPayeeAsync(payeeName, payeeaddress1, payeeaddress2, payeecity, payeestate, payeezipcode) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertPayee/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n payeeName: payeeName,\r\n address1: payeeaddress1,\r\n address2: payeeaddress2,\r\n city: payeecity,\r\n state: payeestate,\r\n zipcode: payeezipcode,\r\n userId: $.session.UserId,\r\n consumerId: $.session.consumerId,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function insertAccountAsync(\r\n date,\r\n amount,\r\n amountType,\r\n AccountID,\r\n payee,\r\n CategoryID,\r\n subCategory,\r\n checkNo,\r\n description,\r\n attachmentID,\r\n attachmentDesc,\r\n receipt,\r\n BtnName,\r\n regId,\r\n splitAmount,\r\n categoryID,\r\n ) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertAccount/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n date: date,\r\n amount: amount,\r\n amountType: amountType,\r\n account: AccountID,\r\n payee: payee,\r\n category: CategoryID,\r\n subCategory: subCategory,\r\n checkNo: checkNo,\r\n description: description,\r\n attachmentId: attachmentID,\r\n attachmentDesc: attachmentDesc,\r\n receipt: receipt,\r\n userId: $.session.UserId,\r\n eventType: BtnName,\r\n regId: regId,\r\n splitAmount: splitAmount,\r\n categoryID: categoryID,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getAccountEntriesByIDAsync(registerId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getAccountEntriesById/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"registerId\":\"' + registerId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function deleteConsumerFinanceAccountAsync(registerId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/deleteConsumerFinanceAccount/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"registerId\":\"' + registerId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getActiveEmployeesAsync() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getActiveUsedBy/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function addCFAttachment(retrieveData) {\r\n try {\r\n var binary = '';\r\n var bytes = new Uint8Array(retrieveData.attachment);\r\n var len = bytes.byteLength;\r\n for (var i = 0; i < len; i++) {\r\n binary += String.fromCharCode(bytes[i]);\r\n }\r\n let abString = window.btoa(binary);\r\n retrieveData.attachment = abString;\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/addCFAttachment/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.addCFAttachmentResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n function deleteCFAttachment(attachmentId) {\r\n data = {\r\n token: $.session.Token,\r\n attachmentId: attachmentId,\r\n };\r\n try {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/deleteCFAttachment/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.deletePlanAttachmentResult;\r\n },\r\n });\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n async function getCFAttachmentsList(retrieveData) {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getCFAttachmentsList/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.getCFAttachmentsListResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n async function getConsumerNameByID(retrieveData) {\r\n //token, consumerId\r\n return $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getConsumerNameByID/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n }\r\n\r\n function viewCFAttachment(attachmentId, section) {\r\n data = {\r\n attachmentId: attachmentId,\r\n };\r\n var action = `${$.webServer.protocol}://${$.webServer.address}:${$.webServer.port}/${$.webServer.serviceName}/viewCFAttachment/`;\r\n var successFunction = function (resp) {\r\n var res = JSON.stringify(response);\r\n };\r\n\r\n var form = document.createElement('form');\r\n form.setAttribute('action', action);\r\n form.setAttribute('method', 'POST');\r\n form.setAttribute('target', '_blank');\r\n form.setAttribute('enctype', 'application/json');\r\n form.setAttribute('success', successFunction);\r\n var tokenInput = document.createElement('input');\r\n tokenInput.setAttribute('name', 'token');\r\n tokenInput.setAttribute('value', $.session.Token);\r\n tokenInput.id = 'token';\r\n var attachmentInput = document.createElement('input');\r\n attachmentInput.setAttribute('name', 'attachmentId');\r\n attachmentInput.setAttribute('value', attachmentId);\r\n attachmentInput.id = 'attachmentId';\r\n var sectionInput = document.createElement('input');\r\n sectionInput.setAttribute('name', 'section');\r\n sectionInput.setAttribute('value', section);\r\n sectionInput.id = 'section';\r\n\r\n form.appendChild(tokenInput);\r\n form.appendChild(attachmentInput);\r\n form.appendChild(sectionInput);\r\n form.style.position = 'absolute';\r\n form.style.opacity = '0';\r\n document.body.appendChild(form);\r\n\r\n form.submit();\r\n form.remove();\r\n }\r\n\r\n async function getCategoriesSubCategoriesAsync(CategoryID) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getCategoriesSubCategories/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n categoryID: CategoryID,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getEditAccountInfoByIdAsync(accountId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getEditAccountInfoById/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"accountId\":\"' + accountId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getAccountClassAsync() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getAccountClass/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function insertEditRegisterAccountAsync(\r\n selectedConsumersId,\r\n accountId,\r\n name,\r\n number,\r\n type,\r\n status,\r\n classofAccount,\r\n dateOpened,\r\n dateClosed,\r\n openingBalance,\r\n description,\r\n ) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertEditRegisterAccount/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n selectedConsumersId: selectedConsumersId,\r\n accountId: accountId,\r\n name: name,\r\n number: number,\r\n type: type,\r\n status: status,\r\n classofAccount: classofAccount,\r\n dateOpened: dateOpened,\r\n dateClosed: dateClosed,\r\n openingBalance: openingBalance,\r\n description: description,\r\n userId: $.session.UserId,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getEditAccountAsync(ConsumersId, accountPermission) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getEditAccount/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n consumerId: ConsumersId,\r\n accountPermission: accountPermission,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getSplitRegisterAccountEntriesByIDAsync(registerId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSplitRegisterAccountEntriesByID/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"registerId\":\"' + registerId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getSplitCategoriesSubCategoriesAsync(CategoryID) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSplitCategoriesSubCategories/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n categoryID: CategoryID,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n return {\r\n getAccountTransectionEntriesAsync,\r\n getActiveAccountAsync,\r\n getPayeesAsync,\r\n getCategoriesAsync,\r\n getSubCategoriesAsync,\r\n getCategoriesSubCategoriesByPayeeAsync,\r\n insertPayeeAsync,\r\n insertAccountAsync,\r\n getAccountEntriesByIDAsync,\r\n deleteConsumerFinanceAccountAsync,\r\n getActiveEmployeesAsync,\r\n addCFAttachment,\r\n deleteCFAttachment,\r\n getCFAttachmentsList,\r\n getConsumerNameByID,\r\n viewCFAttachment,\r\n getCategoriesSubCategoriesAsync,\r\n getEditAccountInfoByIdAsync,\r\n getAccountClassAsync,\r\n insertEditRegisterAccountAsync,\r\n getEditAccountAsync,\r\n getSplitRegisterAccountEntriesByIDAsync,\r\n getSplitCategoriesSubCategoriesAsync,\r\n };\r\n})();\r\n","const NewEntryCF = (() => {\r\n // dropdown and inputs declaration\r\n let newDateInput;\r\n let newAmountInput;\r\n let newAccountDropdown;\r\n let newPayeeDropdown;\r\n let ADD_NEW_PAYEE_BTN;\r\n let newCategoryDropdown;\r\n let newSubCategoryDropdown;\r\n let newCheckNoInput;\r\n let newDescriptionInput;\r\n let newReceiptInput;\r\n let NEW_SAVE_BTN;\r\n let NEW_CANCEL_BTN;\r\n\r\n let attachmentArray = [];\r\n let prevAttachmentArray = [];\r\n let attachmentId = [];\r\n let attachmentDesc = [];\r\n let categoryID;\r\n let Description;\r\n let BtnName;\r\n let regId;\r\n let IsDisabledBtn = false;\r\n let lastUpdateBy;\r\n let IsReconciled = 'N';\r\n let IsAddNewPayDisable = true;\r\n let IsSaveDisable = true;\r\n let IsDeleteDisable = true;\r\n let splitAmountInputN = [];\r\n let splitCategoryDropdownN = [];\r\n let splitDescriptionInputN = [];\r\n let categoryOldVal;\r\n let totalAmount;\r\n let regTotalAmount;\r\n let numberOfRows;\r\n let splitAmount = [];\r\n let splitTransPopup;\r\n let tempAmountval;\r\n let tempSplit;\r\n let tempAmouts;\r\n let totalAmountSaved;\r\n let accountPermission;\r\n let tempAccountPer;\r\n let pageName;\r\n\r\n async function init() {\r\n buildNewEntryForm(registerId = undefined, attachment = undefined, attachmentID = undefined, IsNewRefresh = true);\r\n }\r\n\r\n async function buildNewEntryForm(registerId, attachment, attachmentID, IsNewRefresh = true) {\r\n prevAttachmentArray = [];\r\n numberOfRows = 5;\r\n if (registerId && IsNewRefresh) {\r\n splitAmount = [];\r\n totalAmountSaved = 0;\r\n prevAttachmentArray = await consumerFinanceAttachment.getConsumerFinanceAttachments(registerId);\r\n BtnName = 'UPDATE'\r\n pageName = 'Update';\r\n regId = registerId;\r\n const result = await ConsumerFinancesAjax.getAccountEntriesByIDAsync(registerId);\r\n const { getAccountEntriesByIdResult } = result;\r\n date = moment(getAccountEntriesByIdResult[0].activityDate).format('YYYY-MM-DD');\r\n amount = getAccountEntriesByIdResult[0].amount != '' ? parseFloat(getAccountEntriesByIdResult[0].amount).toFixed(2) : '';\r\n tempAmountval = getAccountEntriesByIdResult[0].amount;\r\n account = getAccountEntriesByIdResult[0].account;\r\n payee = getAccountEntriesByIdResult[0].payee;\r\n category = getAccountEntriesByIdResult[0].category;\r\n subCategory = getAccountEntriesByIdResult[0].subCategory;\r\n checkNo = getAccountEntriesByIdResult[0].checkno;\r\n description = getAccountEntriesByIdResult[0].description;\r\n receipt = getAccountEntriesByIdResult[0].receipt;\r\n accountID = getAccountEntriesByIdResult[0].accountID;\r\n accountType = getAccountEntriesByIdResult[0].accountType;\r\n IsReconciled = getAccountEntriesByIdResult[0].reconciled;\r\n lastUpdateBy = getAccountEntriesByIdResult[0].lastUpdateBy;\r\n categoryOldVal = category;\r\n const SplitDataresult = await ConsumerFinancesAjax.getSplitRegisterAccountEntriesByIDAsync(registerId);\r\n const { getSplitRegisterAccountEntriesByIDResult } = SplitDataresult;\r\n splitAmount = getSplitRegisterAccountEntriesByIDResult;\r\n var sum = 0;\r\n for (var i = 0; i < splitAmount.length; i++) {\r\n if (splitAmount[i].amount != '')\r\n sum += parseFloat(splitAmount[i].amount);\r\n }\r\n totalAmount = sum.toFixed(2);\r\n totalAmountSaved = totalAmount;\r\n }\r\n else if (registerId && !IsNewRefresh) {\r\n BtnName = 'UPDATE';\r\n pageName = 'Update';\r\n }\r\n else if (registerId == 0 && attachmentID) {\r\n regId = 0;\r\n BtnName = 'SAVE';\r\n pageName = 'New';\r\n }\r\n else {\r\n regId = 0;\r\n BtnName = 'SAVE';\r\n pageName = 'New';\r\n date = UTIL.getTodaysDate();\r\n amount = '';\r\n account = '';\r\n payee = '';\r\n category = '';\r\n subCategory = '';\r\n checkNo = '';\r\n description = '';\r\n attachment = '';\r\n receipt = '';\r\n accountID = '';\r\n accountType = 'E';\r\n IsReconciled = 'N';\r\n IsDisabledBtn = false;\r\n categoryOldVal = '';\r\n totalAmount = 0;\r\n tempAmountval = 0;\r\n splitAmount = [];\r\n totalAmountSaved = 0;\r\n }\r\n\r\n tempdate = '';\r\n tempamount = '';\r\n tempaccount = '';\r\n tempaccountType = '';\r\n temppayee = '';\r\n tempcategory = '';\r\n tempsubCategory = '';\r\n tempcheckNo = '';\r\n tempdescription = '';\r\n tempattachment = '';\r\n tempreceipt = '';\r\n tempSplit = '';\r\n if (attachment) {\r\n attachmentArray = attachment;\r\n attachmentId = attachmentID;\r\n attachment.forEach(att => {\r\n if (att.registerID == 0) {\r\n attachmentDesc.push(att.description);\r\n tempattachment = attachmentID;\r\n }\r\n });\r\n\r\n }\r\n else {\r\n attachmentArray = [];\r\n attachmentId = [];\r\n attachmentDesc = [];\r\n prevAttachmentArray.forEach(att => {\r\n attachmentArray.push(att);\r\n });\r\n }\r\n getaccountPermission();\r\n DOM.clearActionCenter();\r\n\r\n const column1 = document.createElement('div')\r\n const column2 = document.createElement('div')\r\n column1.classList.add('col-1')\r\n column2.classList.add('col-2')\r\n\r\n newDateInput = input.build({\r\n id: 'newDateInput',\r\n type: 'date',\r\n label: 'Date',\r\n style: 'secondary',\r\n value: (date) ? date : '',\r\n });\r\n\r\n newAmountInput = input.build({\r\n id: 'newAmountInput',\r\n type: 'number',\r\n label: 'Amount',\r\n style: 'secondary',\r\n value: (amount) ? amount : '',\r\n });\r\n\r\n newAccountDropdown = dropdown.build({\r\n id: 'newAccountDropdown',\r\n label: \"Account\",\r\n dropdownId: \"newAccountDropdown\",\r\n value: (account) ? account : '',\r\n });\r\n\r\n newPayeeDropdown = dropdown.build({\r\n id: 'newPayeeDropdown',\r\n label: \"Payee\",\r\n dropdownId: \"newPayeeDropdown\",\r\n value: (payee) ? payee : '',\r\n });\r\n\r\n ADD_NEW_PAYEE_BTN = button.build({\r\n text: 'ADD NEW PAYEE',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n\r\n newCategoryDropdown = dropdown.build({\r\n id: 'newCategoryDropdown',\r\n label: \"Category\",\r\n dropdownId: \"newCategoryDropdown\",\r\n value: (category) ? category : '',\r\n });\r\n\r\n SPLIT_BTN = button.build({\r\n id: 'SPLIT_BTN',\r\n text: 'Split',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n\r\n newSubCategoryDropdown = dropdown.build({\r\n id: 'newSubCategoryDropdown',\r\n label: \"Sub Category\",\r\n dropdownId: \"newSubCategoryDropdown\",\r\n value: (subCategory) ? subCategory : '',\r\n });\r\n\r\n newCheckNoInput = input.build({\r\n type: 'text',\r\n label: 'Check No.',\r\n style: 'secondary',\r\n value: (checkNo) ? checkNo : '',\r\n });\r\n\r\n newDescriptionInput = input.build({\r\n type: 'textarea',\r\n label: 'Description',\r\n style: 'secondary',\r\n classNames: 'autosize',\r\n value: (description) ? description : '',\r\n });\r\n\r\n newReceiptInput = input.build({\r\n type: 'text',\r\n label: 'Receipt',\r\n style: 'secondary',\r\n value: (receipt) ? receipt : '',\r\n });\r\n\r\n NEW_SAVE_BTN = button.build({\r\n text: BtnName,\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n NEW_CANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: async () => { ConsumerFinances.loadConsumerFinanceLanding() },\r\n });\r\n\r\n NEW_DELETE_BTN = button.build({\r\n text: 'DELETE ENTRY',\r\n style: 'secondary',\r\n type: 'outlined',\r\n });\r\n\r\n // Billing Radios //\r\n expenseRadio = input.buildRadio({\r\n id: `expenseRadio`,\r\n text: \"Expense\",\r\n name: \"amountType\",\r\n isChecked: accountType == 'D' ? false : true,\r\n });\r\n depositRadio = input.buildRadio({\r\n id: `depositRadio`,\r\n text: \"Deposit\",\r\n name: \"amountType\",\r\n isChecked: accountType == 'D' ? true : false,\r\n });\r\n\r\n const radioDiv = document.createElement(\"div\");\r\n radioDiv.classList.add(\"addCFRadioDiv\");\r\n radioDiv.appendChild(expenseRadio);\r\n radioDiv.appendChild(depositRadio);\r\n /////////////////\r\n\r\n var space = document.createElement('h3');\r\n space.innerHTML = '';\r\n var LineBr = document.createElement('br');\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n\r\n\r\n if (registerId) {\r\n btnWrap.appendChild(NEW_SAVE_BTN);\r\n btnWrap.appendChild(NEW_DELETE_BTN);\r\n\r\n if (payee == 'Opening Balance') {\r\n DisabledAllInputs();\r\n }\r\n else {\r\n enableDisabledInputs();\r\n }\r\n }\r\n else {\r\n btnWrap.appendChild(NEW_SAVE_BTN);\r\n btnWrap.appendChild(NEW_CANCEL_BTN);\r\n if ($.session.CFADDPayee) {\r\n ADD_NEW_PAYEE_BTN.classList.remove('disabled');\r\n }\r\n else {\r\n ADD_NEW_PAYEE_BTN.classList.add('disabled');\r\n }\r\n }\r\n\r\n var dropWrap = document.createElement('div');\r\n dropWrap.classList.add('vehicleInspectionDTWrap');\r\n dropWrap.appendChild(newDateInput);\r\n dropWrap.appendChild(newAmountInput);\r\n\r\n var radioWrap = document.createElement('div');\r\n radioWrap.classList.add('vehicleInspectionDTWrap');\r\n radioWrap.appendChild(space);\r\n radioWrap.appendChild(radioDiv);\r\n\r\n // New Entry Card//\r\n const addNewCard = document.createElement(\"div\");\r\n addNewCard.classList.add(\"card\");\r\n const addNewCardBody = document.createElement(\"div\");\r\n addNewCardBody.classList.add(\"card__body\");\r\n addNewCard.innerHTML = `Account : ${account}
${pageName} Entry
`; \r\n addNewCard.appendChild(addNewCardBody)\r\n\r\n column1.appendChild(addNewCard)\r\n addNewCardBody.appendChild(LineBr);\r\n addNewCardBody.appendChild(dropWrap);\r\n addNewCardBody.appendChild(radioWrap);\r\n addNewCardBody.appendChild(LineBr);\r\n addNewCardBody.appendChild(newAccountDropdown);\r\n addNewCardBody.appendChild(newPayeeDropdown);\r\n addNewCardBody.appendChild(ADD_NEW_PAYEE_BTN);\r\n addNewCardBody.appendChild(newCategoryDropdown);\r\n addNewCardBody.appendChild(SPLIT_BTN);\r\n addNewCardBody.appendChild(newSubCategoryDropdown);\r\n addNewCardBody.appendChild(newCheckNoInput);\r\n\r\n const addRightCard = document.createElement(\"div\");\r\n const addRightHeader = document.createElement(\"div\");\r\n const addRightBody = document.createElement(\"div\");\r\n addRightCard.classList.add(\"card\");\r\n addRightHeader.classList.add(\"card__header\");\r\n addRightBody.classList.add(\"card__body\");\r\n addRightBody.id = 'consumerOnRouteSection';\r\n addRightCard.appendChild(addRightBody);\r\n\r\n addRightBody.appendChild(newDescriptionInput);\r\n const questionAttachment = new consumerFinanceAttachment.ConsumerFinanceAttachment(attachmentArray, regId, IsDisabledBtn, attachmentId);\r\n addRightBody.appendChild(questionAttachment.attachmentButton);\r\n\r\n addRightBody.appendChild(newReceiptInput);\r\n if (registerId) {\r\n addRightBody.appendChild(btnWrap);\r\n NEW_CANCEL_BTN.style.width = '100%';\r\n addRightBody.appendChild(NEW_CANCEL_BTN);\r\n }\r\n else {\r\n addRightBody.appendChild(btnWrap);\r\n }\r\n\r\n column2.appendChild(addRightCard);\r\n\r\n DOM.ACTIONCENTER.appendChild(column1);\r\n DOM.ACTIONCENTER.appendChild(column2);\r\n eventListeners();\r\n\r\n populateAccountDropdown();\r\n populatePayeeDropdown();\r\n populateCategoryDropdown(categoryID);\r\n populateSubCategoryDropdown(category);\r\n checkRequiredFieldsOfNewEntry();\r\n\r\n if (category == '--Split--') {\r\n document.getElementById('SPLIT_BTN').style.display = 'block';\r\n }\r\n else {\r\n document.getElementById('SPLIT_BTN').style.display = 'none';\r\n }\r\n }\r\n\r\n async function getSplitdata() {\r\n const SplitDataresult = await ConsumerFinancesAjax.getSplitRegisterAccountEntriesByIDAsync(regId);\r\n const { getSplitRegisterAccountEntriesByIDResult } = SplitDataresult;\r\n splitAmount = getSplitRegisterAccountEntriesByIDResult;\r\n\r\n buildSplitTransectionPopUp();\r\n if (splitAmount.length > 0) {\r\n document.getElementById('SPLIT_BTN').style.display = 'block';\r\n }\r\n }\r\n\r\n function enableDisabledInputs() {\r\n if (IsReconciled == 'Y') {\r\n DisabledAllInputs();\r\n } else if (IsReconciled == 'N') {\r\n if (!$.session.CFUpdate) {\r\n DisabledAllInputs();\r\n }\r\n else if (!$.session.CFEditAccountEntries && lastUpdateBy != $.session.UserId) {\r\n DisabledAllInputs();\r\n }\r\n else if (($.session.CFDelete || $.session.CFUpdate || $.session.CFView) && lastUpdateBy == $.session.UserId) {\r\n EnabledAllInputs();\r\n if (!$.session.CFDelete) {\r\n NEW_DELETE_BTN.classList.add('disabled');\r\n }\r\n if (!$.session.CFADDPayee) {\r\n ADD_NEW_PAYEE_BTN.classList.add('disabled');\r\n }\r\n if (!$.session.CFUpdate) {\r\n NEW_SAVE_BTN.classList.add('disabled');\r\n }\r\n }\r\n else if ($.session.CFDelete || $.session.CFUpdate || $.session.CFView || $.session.CFEditAccountEntries) {\r\n EnabledAllInputs();\r\n if (!$.session.CFDelete) {\r\n NEW_DELETE_BTN.classList.add('disabled');\r\n }\r\n if (!$.session.CFADDPayee) {\r\n ADD_NEW_PAYEE_BTN.classList.add('disabled');\r\n }\r\n if (!$.session.CFUpdate) {\r\n NEW_SAVE_BTN.classList.add('disabled');\r\n }\r\n }\r\n else {\r\n DisabledAllInputs();\r\n }\r\n }\r\n else {\r\n DisabledAllInputs();\r\n }\r\n }\r\n\r\n function DisabledAllInputs() {\r\n NEW_SAVE_BTN.classList.add('disabled');\r\n newDateInput.classList.add('disabled');\r\n newAmountInput.classList.add('disabled');\r\n newAccountDropdown.classList.add('disabled');\r\n newPayeeDropdown.classList.add('disabled');\r\n ADD_NEW_PAYEE_BTN.classList.add('disabled');\r\n newCategoryDropdown.classList.add('disabled');\r\n newSubCategoryDropdown.classList.add('disabled');\r\n newCheckNoInput.classList.add('disabled');\r\n newDescriptionInput.classList.add('disabled');\r\n newReceiptInput.classList.add('disabled');\r\n NEW_DELETE_BTN.classList.add('disabled');\r\n expenseRadio.classList.add('disabled');\r\n depositRadio.classList.add('disabled');\r\n IsDisabledBtn = true;\r\n }\r\n\r\n function EnabledAllInputs() {\r\n NEW_SAVE_BTN.classList.remove('disabled');\r\n newDateInput.classList.remove('disabled');\r\n newAmountInput.classList.remove('disabled');\r\n newAccountDropdown.classList.remove('disabled');\r\n newPayeeDropdown.classList.remove('disabled');\r\n newCategoryDropdown.classList.remove('disabled');\r\n newSubCategoryDropdown.classList.remove('disabled');\r\n newCheckNoInput.classList.remove('disabled');\r\n newDescriptionInput.classList.remove('disabled');\r\n newReceiptInput.classList.remove('disabled');\r\n NEW_DELETE_BTN.classList.remove('disabled');\r\n expenseRadio.classList.remove('disabled');\r\n depositRadio.classList.remove('disabled');\r\n IsDisabledBtn = false;\r\n }\r\n\r\n function checkRequiredFieldsOfNewEntry() {\r\n var date = newDateInput.querySelector('#newDateInput');\r\n var amount = newAmountInput.querySelector('#newAmountInput');\r\n var account = newAccountDropdown.querySelector('#newAccountDropdown');\r\n var payee = newPayeeDropdown.querySelector('#newPayeeDropdown');\r\n var category = newCategoryDropdown.querySelector('#newCategoryDropdown');\r\n var subCategory = newSubCategoryDropdown.querySelector('#newSubCategoryDropdown');\r\n\r\n if (date.value === '') {\r\n newDateInput.classList.add('error');\r\n } else {\r\n newDateInput.classList.remove('error');\r\n }\r\n\r\n if (amount.value === '') {\r\n newAmountInput.classList.add('error');\r\n } else {\r\n newAmountInput.classList.remove('error');\r\n }\r\n\r\n if (account.value === '') {\r\n newAccountDropdown.classList.add('error');\r\n } else {\r\n newAccountDropdown.classList.remove('error');\r\n }\r\n\r\n if (payee.value === '' || payee.value === 'Opening Balance') {\r\n newPayeeDropdown.classList.add('error');\r\n } else {\r\n newPayeeDropdown.classList.remove('error');\r\n }\r\n\r\n if (category.value === '') {\r\n newCategoryDropdown.classList.add('error');\r\n } else {\r\n newCategoryDropdown.classList.remove('error');\r\n }\r\n\r\n if (IsReconciled == 'N') {\r\n setBtnStatusOfNewEntry();\r\n }\r\n }\r\n\r\n function setBtnStatusOfNewEntry() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.error'));\r\n if (hasErrors.length !== 0) {\r\n NEW_SAVE_BTN.classList.add('disabled');\r\n return;\r\n } else {\r\n if (tempdate != '' || tempamount != '' || tempaccount != '' || tempaccountType != '' || temppayee != '' || tempcategory != '' || tempsubCategory != '' || tempcheckNo != '' || tempdescription != '' || tempattachment != '' || tempreceipt != '' || tempSplit != '') {\r\n NEW_SAVE_BTN.classList.remove('disabled');\r\n }\r\n else {\r\n NEW_SAVE_BTN.classList.add('disabled');\r\n }\r\n }\r\n }\r\n\r\n function eventListeners() {\r\n ADD_NEW_PAYEE_BTN.addEventListener('keypress', event => {\r\n if (event.keyCode === 13 && ADD_NEW_PAYEE_BTN.classList.contains('disabled')) {\r\n IsAddNewPayDisable = false;\r\n }\r\n });\r\n ADD_NEW_PAYEE_BTN.addEventListener('click', event => {\r\n if (IsAddNewPayDisable) {\r\n buildNewPayeePopUp();\r\n }\r\n IsAddNewPayDisable = true;\r\n });\r\n SPLIT_BTN.addEventListener('click', event => {\r\n buildSplitTransectionPopUp();\r\n });\r\n NEW_SAVE_BTN.addEventListener('keypress', event => {\r\n if (event.keyCode === 13 && NEW_SAVE_BTN.classList.contains('disabled')) {\r\n NEW_SAVE_BTN.classList.add('disabled');\r\n IsSaveDisable = false;\r\n }\r\n });\r\n NEW_SAVE_BTN.addEventListener('click', event => {\r\n if (IsSaveDisable) {\r\n NEW_SAVE_BTN.classList.add('disabled');\r\n saveNewAccount();\r\n }\r\n IsSaveDisable = true;\r\n });\r\n NEW_DELETE_BTN.addEventListener('keypress', event => {\r\n if (event.keyCode === 13 && NEW_DELETE_BTN.classList.contains('disabled')) {\r\n IsDeleteDisable = false;\r\n }\r\n });\r\n NEW_DELETE_BTN.addEventListener('click', event => {\r\n if (IsDeleteDisable) {\r\n deleteAccountPOPUP();\r\n }\r\n IsDeleteDisable = true;\r\n });\r\n\r\n newDateInput.addEventListener('input', event => {\r\n if (!newDateInput.classList.contains('disabled')) {\r\n date = event.target.value;\r\n tempdate = 'ChangedValue';\r\n checkRequiredFieldsOfNewEntry();\r\n }\r\n });\r\n newAmountInput.addEventListener('input', event => {\r\n if (!newAmountInput.classList.contains('disabled')) {\r\n amount = event.target.value;\r\n if (amount.includes('.') && (amount.match(/\\./g).length > 1 || amount.toString().split('.')[1].length > 2)) {\r\n document.getElementById('newAmountInput').value = amount.substring(0, amount.length - 1);\r\n return;\r\n }\r\n tempamount = 'ChangedValue';\r\n checkRequiredFieldsOfNewEntry();\r\n }\r\n });\r\n\r\n newAmountInput.addEventListener('focusout', event => {\r\n if (totalAmountSaved > 0 && totalAmountSaved != event.target.value && category == '--Split--') {\r\n errorPopup(2);\r\n }\r\n if (document.getElementById('newAmountInput').value != '')\r\n document.getElementById('newAmountInput').value = parseFloat(document.getElementById('newAmountInput').value).toFixed(2);\r\n });\r\n\r\n newPayeeDropdown.addEventListener('change', event => {\r\n if (!newPayeeDropdown.classList.contains('disabled')) {\r\n categoryID = event.target.options[event.target.selectedIndex].id;\r\n if (categoryID != '') {\r\n getCategorySubCategorybyPayee(categoryID);\r\n }\r\n payee = event.target.options[event.target.selectedIndex].text;\r\n temppayee = 'ChangedValue';\r\n checkRequiredFieldsOfNewEntry();\r\n }\r\n });\r\n newAccountDropdown.addEventListener('change', event => {\r\n if (!newAccountDropdown.classList.contains('disabled')) {\r\n accountID = event.target.options[event.target.selectedIndex].id;\r\n account = event.target.options[event.target.selectedIndex].text;\r\n tempaccount = 'ChangedValue';\r\n checkRequiredFieldsOfNewEntry();\r\n }\r\n });\r\n newCategoryDropdown.addEventListener('change', event => {\r\n if (!newCategoryDropdown.classList.contains('disabled')) {\r\n categoryID = event.target.options[event.target.selectedIndex].id;\r\n category = event.target.options[event.target.selectedIndex].text;\r\n if (category == '--Split--') {\r\n getSplitdata();\r\n }\r\n else {\r\n document.getElementById('SPLIT_BTN').style.display = 'none';\r\n totalAmountSaved = '';\r\n splitAmount = [];\r\n }\r\n tempcategory = 'ChangedValue';\r\n subCategory = '';\r\n populateSubCategoryDropdown(category);\r\n checkRequiredFieldsOfNewEntry();\r\n }\r\n });\r\n newSubCategoryDropdown.addEventListener('change', event => {\r\n if (!newSubCategoryDropdown.classList.contains('disabled')) {\r\n categoryID = event.target.options[event.target.selectedIndex].id;\r\n subCategory = event.target.options[event.target.selectedIndex].text;\r\n tempsubCategory = 'ChangedValue';\r\n checkRequiredFieldsOfNewEntry();\r\n }\r\n });\r\n newCheckNoInput.addEventListener('input', event => {\r\n if (!newCheckNoInput.classList.contains('disabled')) {\r\n checkNo = event.target.value;\r\n tempcheckNo = 'ChangedValue';\r\n checkRequiredFieldsOfNewEntry();\r\n }\r\n });\r\n newDescriptionInput.addEventListener('input', event => {\r\n if (!newDescriptionInput.classList.contains('disabled')) {\r\n description = event.target.value;\r\n tempdescription = 'ChangedValue';\r\n checkRequiredFieldsOfNewEntry();\r\n }\r\n });\r\n newReceiptInput.addEventListener('input', event => {\r\n if (!newReceiptInput.classList.contains('disabled')) {\r\n receipt = event.target.value;\r\n tempreceipt = 'ChangedValue';\r\n checkRequiredFieldsOfNewEntry();\r\n }\r\n });\r\n expenseRadio.addEventListener('change', event => {\r\n if (!expenseRadio.classList.contains('disabled')) {\r\n accountType = 'E';\r\n tempaccountType = 'E';\r\n checkRequiredFieldsOfNewEntry();\r\n }\r\n });\r\n depositRadio.addEventListener('change', event => {\r\n if (!depositRadio.classList.contains('disabled')) {\r\n accountType = 'D';\r\n tempaccountType = 'D';\r\n checkRequiredFieldsOfNewEntry();\r\n }\r\n });\r\n }\r\n\r\n async function saveNewAccount() {\r\n if (document.getElementById('newCategoryDropdown').value != '--Split--') {\r\n splitAmount = [];\r\n }\r\n const amountType = document.getElementById(\"expenseRadio\").checked ? \"E\" : \"D\";\r\n if (attachmentArray == undefined || attachmentArray.length == 0) {\r\n const result = await ConsumerFinancesAjax.insertAccountAsync(date, amount, amountType, accountID, payee, category, subCategory, checkNo, description, null, null, receipt, BtnName, regId, splitAmount, categoryID);\r\n const { insertAccountResult } = result;\r\n if (insertAccountResult.registerId != null) {\r\n ConsumerFinances.loadConsumerFinanceLanding();\r\n }\r\n }\r\n else {\r\n const result = await ConsumerFinancesAjax.insertAccountAsync(date, amount, amountType, accountID, payee, category, subCategory, checkNo, description, attachmentId, attachmentDesc, receipt, BtnName, regId, splitAmount, categoryID);\r\n const { insertAccountResult } = result;\r\n\r\n if (insertAccountResult.registerId != null) {\r\n splitAmount = [];\r\n ConsumerFinances.loadConsumerFinanceLanding();\r\n }\r\n }\r\n }\r\n\r\n function deleteAccountPOPUP() {\r\n const confirmPopup = POPUP.build({\r\n hideX: true,\r\n classNames: ['warning'],\r\n });\r\n\r\n YES_BTN = button.build({\r\n text: 'YES',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n deleteAccount(confirmPopup);\r\n },\r\n });\r\n\r\n NO_BTN = button.build({\r\n text: 'NO',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n POPUP.hide(confirmPopup);\r\n },\r\n });\r\n\r\n const message = document.createElement('p');\r\n\r\n message.innerText = 'Are you sure you would like to delete this record?';\r\n message.style.textAlign = 'center';\r\n message.style.marginBottom = '15px';\r\n confirmPopup.appendChild(message);\r\n var popupbtnWrap = document.createElement('div');\r\n popupbtnWrap.classList.add('btnWrap');\r\n popupbtnWrap.appendChild(YES_BTN);\r\n popupbtnWrap.appendChild(NO_BTN);\r\n confirmPopup.appendChild(popupbtnWrap);\r\n YES_BTN.focus();\r\n POPUP.show(confirmPopup);\r\n }\r\n\r\n async function deleteAccount(confirmPopup) {\r\n await ConsumerFinancesAjax.deleteConsumerFinanceAccountAsync(regId);\r\n POPUP.hide(confirmPopup);\r\n ConsumerFinances.loadConsumerFinanceLanding();\r\n }\r\n\r\n async function getCategorySubCategorybyPayee(categoryID) {\r\n const {\r\n getCategoriesSubCategoriesByPayeeResult: CategoriesSubCategory,\r\n } = await ConsumerFinancesAjax.getCategoriesSubCategoriesByPayeeAsync(categoryID);\r\n\r\n if (payee == 'Opening Balance') {\r\n category = '';\r\n } else {\r\n category = CategoriesSubCategory[0].CategoryDescription;\r\n }\r\n subCategory = CategoriesSubCategory[0].SubCategoryDescription;\r\n populateCategoryDropdown(categoryID);\r\n populateSubCategoryDropdown(category);\r\n checkRequiredFieldsOfNewEntry();\r\n }\r\n\r\n // Populate the Account DDL \r\n async function populateAccountDropdown() {\r\n const {\r\n getActiveAccountResult: accounts,\r\n } = await ConsumerFinancesAjax.getActiveAccountAsync($.session.consumerId, accountPermission);\r\n let data = accounts.map((account) => ({\r\n id: account.accountId,\r\n value: account.accountName,\r\n text: account.accountName\r\n }));\r\n if (data.length == 1) {\r\n account = data[0].value;\r\n accountID = data[0].id;\r\n }\r\n data.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"newAccountDropdown\", data, account);\r\n checkRequiredFieldsOfNewEntry();\r\n }\r\n\r\n async function populatePayeeDropdown() {\r\n const {\r\n getPayeesResult: Payees,\r\n } = await ConsumerFinancesAjax.getPayeesAsync($.session.consumerId);\r\n let data = Payees.map((payees) => ({\r\n id: payees.CategoryID,\r\n value: payees.Description,\r\n text: payees.Description\r\n }));\r\n data.unshift({ id: null, value: 'Opening Balance', text: 'Opening Balance' });\r\n data.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"newPayeeDropdown\", data, payee);\r\n checkRequiredFieldsOfNewEntry();\r\n }\r\n\r\n async function populateCategoryDropdown(categoryID) {\r\n const {\r\n getCatogoriesResult: Category,\r\n } = await ConsumerFinancesAjax.getCategoriesAsync(categoryID);\r\n let data = Category.map((category) => ({\r\n id: category.CategoryID,\r\n value: category.CategoryDescription,\r\n text: category.CategoryDescription\r\n }));\r\n\r\n data.unshift({ id: null, value: '--Split--', text: '--Split--' });\r\n data.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"newCategoryDropdown\", data, category);\r\n if (category == '--Split--' && document.getElementById('SPLIT_BTN').style.display == 'none' && payee != 'Opening Balance') {\r\n buildSplitTransectionPopUp();\r\n }\r\n checkRequiredFieldsOfNewEntry();\r\n }\r\n\r\n async function populateSubCategoryDropdown(category) {\r\n const {\r\n getSubCatogoriesResult: SubCategory,\r\n } = await ConsumerFinancesAjax.getSubCategoriesAsync(category);\r\n let data = SubCategory.map((subCategory) => ({\r\n id: subCategory.CategoryID,\r\n value: subCategory.SubCategoryDescription,\r\n text: subCategory.SubCategoryDescription\r\n }));\r\n data.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"newSubCategoryDropdown\", data, subCategory);\r\n checkRequiredFieldsOfNewEntry();\r\n\r\n }\r\n\r\n // build payee pop-up used for adding payee information\r\n async function buildNewPayeePopUp() {\r\n payeeId = '';\r\n payeeName = '';\r\n payeeaddress1 = '';\r\n payeeaddress2 = '';\r\n payeecity = '';\r\n payeestate = 'OH';\r\n payeezipcode = '';\r\n\r\n\r\n let addPayeePopup = POPUP.build({\r\n header: \"Add payee\",\r\n hideX: true,\r\n id: \"addPayeePopup\"\r\n });\r\n\r\n payeeInput = input.build({\r\n id: 'payeeInput',\r\n label: 'Name',\r\n value: (payeeName) ? payeeName : '',\r\n });\r\n\r\n address1Input = input.build({\r\n id: 'address1Input',\r\n label: 'Address 1',\r\n value: (payeeaddress1) ? payeeaddress1 : '',\r\n });\r\n\r\n address2Input = input.build({\r\n label: 'Address 2',\r\n value: (payeeaddress2) ? payeeaddress2 : '',\r\n });\r\n\r\n cityInput = input.build({\r\n id: 'cityInput',\r\n label: 'City',\r\n value: (payeecity) ? payeecity : '',\r\n });\r\n\r\n stateInput = input.build({\r\n id: 'stateInput',\r\n label: 'State',\r\n attributes: [{ key: 'maxlength', value: '2' }],\r\n value: (payeestate) ? payeestate : '',\r\n });\r\n\r\n zipcodeInput = input.build({\r\n id: 'zipcodeInput',\r\n label: 'Zip Code',\r\n type: 'text',\r\n style: 'secondary',\r\n classNames: ['zip'],\r\n attributes: [{ key: 'maxlength', value: '10' }],\r\n value: (payeezipcode) ? payeezipcode : '',\r\n });\r\n\r\n saveBtn = button.build({\r\n id: \"addpayeeSaveBtn\",\r\n text: \"save\",\r\n type: \"contained\",\r\n style: \"secondary\",\r\n classNames: 'disabled',\r\n callback: () => addPayeePopupDoneBtn()\r\n });\r\n\r\n cancelBtn = button.build({\r\n id: \"addpayeeCancelBtn\",\r\n text: \"cancel\",\r\n type: \"outlined\",\r\n style: \"secondary\",\r\n callback: () => POPUP.hide(addPayeePopup)\r\n });\r\n\r\n let btnWrap = document.createElement(\"div\");\r\n btnWrap.classList.add(\"btnWrap\");\r\n btnWrap.appendChild(saveBtn);\r\n btnWrap.appendChild(cancelBtn);\r\n\r\n addPayeePopup.appendChild(payeeInput);\r\n addPayeePopup.appendChild(address1Input);\r\n addPayeePopup.appendChild(address2Input);\r\n addPayeePopup.appendChild(cityInput);\r\n addPayeePopup.appendChild(stateInput);\r\n addPayeePopup.appendChild(zipcodeInput);\r\n\r\n var confirmMessage = document.createElement('div');\r\n confirmMessage.innerHTML = ``;\r\n addPayeePopup.appendChild(confirmMessage);\r\n\r\n addPayeePopup.appendChild(btnWrap);\r\n popUpEventHandlers();\r\n POPUP.show(addPayeePopup);\r\n checkRequiredFields();\r\n\r\n }\r\n\r\n function popUpEventHandlers() {\r\n\r\n payeeInput.addEventListener('input', event => {\r\n payeeName = event.target.value;\r\n checkRequiredFields();\r\n });\r\n\r\n address1Input.addEventListener('input', event => {\r\n payeeaddress1 = event.target.value;\r\n checkRequiredFields();\r\n });\r\n\r\n address2Input.addEventListener('input', event => {\r\n payeeaddress2 = event.target.value;\r\n checkRequiredFields();\r\n });\r\n\r\n cityInput.addEventListener('input', event => {\r\n payeecity = event.target.value;\r\n checkRequiredFields();\r\n });\r\n\r\n stateInput.addEventListener('input', event => {\r\n payeestate = event.target.value;\r\n checkRequiredFields();\r\n });\r\n\r\n zipcodeInput.addEventListener('input', event => {\r\n payeezipcode = event.target.value;\r\n var reg = new RegExp('^[0-9 -]+$');\r\n if (payeezipcode) {\r\n if (!reg.test(payeezipcode)) {\r\n document.getElementById('zipcodeInput').value = payeezipcode.substring(0, payeezipcode.length - 1);\r\n return;\r\n }\r\n payeezipcode = payeezipcode.split('-').join('');\r\n let finalVal = payeezipcode.match(/.{1,5}/g).join('-');\r\n document.getElementById('zipcodeInput').value = finalVal;\r\n }\r\n checkRequiredFields();\r\n });\r\n\r\n }\r\n\r\n function checkRequiredFields() {\r\n var payee = payeeInput.querySelector('#payeeInput');\r\n var address1 = address1Input.querySelector('#address1Input');\r\n var city = cityInput.querySelector('#cityInput');\r\n var state = stateInput.querySelector('#stateInput');\r\n var zipcode = zipcodeInput.querySelector('#zipcodeInput');\r\n\r\n if (payee.value === '') {\r\n payeeInput.classList.add('errorPopup');\r\n } else {\r\n payeeInput.classList.remove('errorPopup');\r\n }\r\n\r\n if (address1.value === '') {\r\n address1Input.classList.add('errorPopup');\r\n } else {\r\n address1Input.classList.remove('errorPopup');\r\n }\r\n\r\n if (city.value === '') {\r\n cityInput.classList.add('errorPopup');\r\n } else {\r\n cityInput.classList.remove('errorPopup');\r\n }\r\n\r\n if (state.value === '') {\r\n stateInput.classList.add('errorPopup');\r\n } else {\r\n stateInput.classList.remove('errorPopup');\r\n }\r\n\r\n if (zipcode.value === '') {\r\n zipcodeInput.classList.add('errorPopup');\r\n } else {\r\n zipcodeInput.classList.remove('errorPopup');\r\n }\r\n setBtnStatus();\r\n }\r\n\r\n function setBtnStatus() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.errorPopup'));\r\n if (hasErrors.length !== 0) {\r\n saveBtn.classList.add('disabled');\r\n return;\r\n } else {\r\n saveBtn.classList.remove('disabled');\r\n }\r\n }\r\n\r\n async function addPayeePopupDoneBtn() {\r\n const result = await ConsumerFinancesAjax.insertPayeeAsync(payeeName, payeeaddress1, payeeaddress2, payeecity, payeestate, payeezipcode);\r\n const { insertPayeeResult } = result;\r\n\r\n var messagetext = document.getElementById('confirmMessage');\r\n messagetext.innerHTML = ``;\r\n if (insertPayeeResult.RegionID == '-1') {\r\n duplicatePayeErrorPopup();\r\n\r\n }\r\n else {\r\n POPUP.hide(addPayeePopup);\r\n payee = payeeName;\r\n document.getElementById('newCategoryDropdown').value = '';\r\n document.getElementById('newSubCategoryDropdown').value = '';\r\n temppayee = 'ChangedValue';\r\n populatePayeeDropdown();\r\n }\r\n\r\n }\r\n\r\n function duplicatePayeErrorPopup() {\r\n const duplicatePayeErrorConfPOPUP = POPUP.build({\r\n hideX: true,\r\n classNames: ['warning'],\r\n });\r\n const okBtn = button.build({\r\n text: 'OK',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n POPUP.hide(duplicatePayeErrorConfPOPUP);\r\n POPUP.show(addPayeePopup);\r\n },\r\n });\r\n okBtn.style.width = '100%';\r\n const message = document.createElement('p');\r\n message.innerText = 'You are trying to add a payee that already exists, please select the existing payee or enter a new payee with a different name.';\r\n message.style.textAlign = 'center';\r\n message.style.marginBottom = '15px';\r\n duplicatePayeErrorConfPOPUP.appendChild(message);\r\n duplicatePayeErrorConfPOPUP.appendChild(okBtn);\r\n okBtn.focus();\r\n POPUP.show(duplicatePayeErrorConfPOPUP);\r\n }\r\n\r\n async function buildSplitTransectionPopUp() {\r\n if (splitAmount.length > 3) {\r\n numberOfRows = splitAmount.length + 2;\r\n }\r\n\r\n regTotalAmount = document.getElementById('newAmountInput').value != '' ? parseFloat(document.getElementById('newAmountInput').value).toFixed(2) : 0;\r\n splitTransPopup = POPUP.build({\r\n header: \"Split Transaction\",\r\n hideX: true,\r\n id: \"splitTransPopup\"\r\n });\r\n\r\n splitTransPopup.style.maxWidth = '900px';\r\n\r\n for (let i = 0; i < numberOfRows; i++) {\r\n splitCategoryDropdownN[i] = dropdown.build({\r\n id: 'splitCategoryDropdownN' + i,\r\n label: \"Category\",\r\n dropdownId: \"splitCategoryDropdownN\" + i,\r\n });\r\n\r\n splitDescriptionInputN[i] = input.build({\r\n id: 'splitDescriptionInputN' + i,\r\n type: 'text',\r\n label: 'Description',\r\n style: 'secondary',\r\n classNames: 'autosize',\r\n value: splitAmount[i] != undefined ? splitAmount[i].description : '',\r\n });\r\n\r\n splitAmountInputN[i] = input.build({\r\n id: 'splitAmountInputN' + i,\r\n type: 'number',\r\n label: 'Amount',\r\n style: 'secondary',\r\n value: splitAmount[i] != undefined ? splitAmount[i].amount : '',\r\n });\r\n\r\n btnWrapInputsN = document.createElement(\"div\");\r\n btnWrapInputsN.classList.add(\"cFInputWrap\");\r\n splitCategoryDropdownN[i].classList.add('width37Per');\r\n btnWrapInputsN.appendChild(splitCategoryDropdownN[i]);\r\n splitDescriptionInputN[i].classList.add('width37Per');\r\n btnWrapInputsN.appendChild(splitDescriptionInputN[i]);\r\n splitAmountInputN[i].classList.add('width21Per');\r\n btnWrapInputsN.appendChild(splitAmountInputN[i]);\r\n splitTransPopup.appendChild(btnWrapInputsN);\r\n }\r\n\r\n\r\n regAmountTotalInput = input.build({\r\n id: 'regAmountTotalInput',\r\n type: 'number',\r\n label: 'Register Total',\r\n style: 'secondary',\r\n readonly: true,\r\n value: regTotalAmount,\r\n });\r\n\r\n amountTotalInput = input.build({\r\n id: 'amountTotalInput',\r\n type: 'number',\r\n label: 'Total',\r\n style: 'secondary',\r\n readonly: true,\r\n value: totalAmount,\r\n });\r\n\r\n let totalBtnWrapInputs = document.createElement(\"div\");\r\n totalBtnWrapInputs.classList.add(\"cFInputWrap\");\r\n regAmountTotalInput.classList.add('width21Per');\r\n regAmountTotalInput.classList.add('marginLeft50Per');\r\n totalBtnWrapInputs.appendChild(regAmountTotalInput);\r\n amountTotalInput.classList.add('width21Per');\r\n totalBtnWrapInputs.appendChild(amountTotalInput);\r\n splitTransPopup.appendChild(totalBtnWrapInputs);\r\n\r\n saveSplitBtn = button.build({\r\n id: \"saveSplitBtn\",\r\n text: \"save\",\r\n type: \"contained\",\r\n style: \"secondary\",\r\n classNames: 'disabled',\r\n callback: () => splitTransPopupSaveBtn()\r\n });\r\n\r\n cancelSplitBtn = button.build({\r\n id: \"cancelSplitBtn\",\r\n text: \"cancel\",\r\n type: \"outlined\",\r\n style: \"secondary\",\r\n callback: () => {\r\n document.getElementById('newCategoryDropdown').value = categoryOldVal;\r\n\r\n if (tempAmountval) {\r\n document.getElementById('newAmountInput').value = tempAmountval;\r\n amount = tempAmountval;\r\n }\r\n\r\n POPUP.hide(splitTransPopup);\r\n checkRequiredFieldsOfNewEntry();\r\n },\r\n });\r\n\r\n let btnWrap = document.createElement(\"div\");\r\n btnWrap.classList.add(\"btnWrap\");\r\n btnWrap.appendChild(saveSplitBtn);\r\n btnWrap.appendChild(cancelSplitBtn);\r\n splitTransPopup.appendChild(btnWrap);\r\n popUpSplitTransectionEventHandlers();\r\n POPUP.show(splitTransPopup);\r\n populateSplitCategoryDropdown('');\r\n splitAmountTotal();\r\n }\r\n\r\n function popUpSplitTransectionEventHandlers() {\r\n for (let i = 0; i < numberOfRows; i++) {\r\n splitAmountInputN[i].addEventListener('input', event => {\r\n tempAmouts = event.target.value;\r\n if (tempAmouts.includes('.') && (tempAmouts.match(/\\./g).length > 1 || tempAmouts.toString().split('.')[1].length > 2)) {\r\n splitAmountInputN[i].querySelector('#splitAmountInputN' + i).value = tempAmouts.substring(0, tempAmouts.length - 1);\r\n return;\r\n }\r\n checkRequiredFieldsSplitTransection();\r\n splitAmountTotal();\r\n });\r\n splitAmountInputN[i].addEventListener('focusout', event => {\r\n tempAmouts = event.target.value;\r\n if (tempAmouts.includes('.') && (tempAmouts.match(/\\./g).length > 1 || tempAmouts.toString().split('.')[1].length > 2)) {\r\n splitAmountInputN[i].querySelector('#splitAmountInputN' + i).value = tempAmouts.substring(0, tempAmouts.length - 1);\r\n return;\r\n }\r\n checkRequiredFieldsSplitTransection();\r\n splitAmountTotal();\r\n if (splitAmountInputN[i].querySelector('#splitAmountInputN' + i).value != '')\r\n splitAmountInputN[i].querySelector('#splitAmountInputN' + i).value = parseFloat(splitAmountInputN[i].querySelector('#splitAmountInputN' + i).value).toFixed(2);\r\n });\r\n\r\n splitDescriptionInputN[i].addEventListener('input', event => {\r\n checkRequiredFieldsSplitTransection();\r\n });\r\n\r\n splitCategoryDropdownN[i].addEventListener('change', event => {\r\n checkRequiredFieldsSplitTransection();\r\n });\r\n }\r\n }\r\n\r\n function checkRequiredFieldsSplitTransection() {\r\n for (let i = 0; i < 2; i++) {\r\n var SplitCategory = splitCategoryDropdownN[i].querySelector('#splitCategoryDropdownN' + i);\r\n var splitAmt = splitAmountInputN[i].querySelector('#splitAmountInputN' + i);\r\n if (SplitCategory.value === '') {\r\n splitCategoryDropdownN[i].classList.add('errorPopup');\r\n } else {\r\n splitCategoryDropdownN[i].classList.remove('errorPopup');\r\n }\r\n\r\n if (splitAmt.value === '') {\r\n splitAmountInputN[i].classList.add('errorPopup');\r\n } else {\r\n splitAmountInputN[i].classList.remove('errorPopup');\r\n }\r\n }\r\n\r\n for (let i = 2; i < numberOfRows; i++) {\r\n var SplitCategory = splitCategoryDropdownN[i].querySelector('#splitCategoryDropdownN' + i);\r\n var splitAmt = splitAmountInputN[i].querySelector('#splitAmountInputN' + i);\r\n if (SplitCategory.value !== '' && splitAmt.value === '') {\r\n splitAmountInputN[i].classList.add('errorPopup');\r\n } else {\r\n splitAmountInputN[i].classList.remove('errorPopup');\r\n }\r\n if (SplitCategory.value === '' && splitAmt.value !== '') {\r\n splitCategoryDropdownN[i].classList.add('errorPopup');\r\n } else {\r\n splitCategoryDropdownN[i].classList.remove('errorPopup');\r\n }\r\n }\r\n\r\n setBtnStatusSplitTransection();\r\n }\r\n\r\n function setBtnStatusSplitTransection() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.errorPopup'));\r\n if (hasErrors.length !== 0) {\r\n saveSplitBtn.classList.add('disabled');\r\n return;\r\n } else {\r\n saveSplitBtn.classList.remove('disabled');\r\n }\r\n }\r\n\r\n async function populateSplitCategoryDropdown(categoryID) { \r\n const {\r\n getSplitCategoriesSubCategoriesResult: Category,\r\n } = await ConsumerFinancesAjax.getSplitCategoriesSubCategoriesAsync(categoryID);\r\n let data = Category.map((category) => ({\r\n id: category.CategoryID,\r\n value: category.CategoryID,\r\n text: category.CategoryDescription\r\n }));\r\n data.unshift({ id: null, value: '', text: '' });\r\n for (let i = 0; i < numberOfRows; i++) {\r\n dropdown.populate(\"splitCategoryDropdownN\" + i, data, splitAmount[i] != undefined ? splitAmount[i].categoryId : '');\r\n }\r\n checkRequiredFieldsSplitTransection();\r\n }\r\n\r\n function splitAmountTotal() {\r\n var sum = 0;\r\n for (var i = 0; i < numberOfRows; i++) {\r\n if (splitAmountInputN[i].querySelector('#splitAmountInputN' + i).value != '')\r\n sum += parseFloat(splitAmountInputN[i].querySelector('#splitAmountInputN' + i).value);\r\n }\r\n totalAmount = parseFloat(sum).toFixed(2); \r\n document.getElementById('amountTotalInput').value = sum.toFixed(2);\r\n if (document.getElementById('newAmountInput').value == '') {\r\n document.getElementById('newAmountInput').value = sum.toFixed(2);\r\n document.getElementById('regAmountTotalInput').value = sum.toFixed(2);\r\n amount = sum.toFixed(2);\r\n }\r\n }\r\n\r\n async function splitTransPopupSaveBtn() {\r\n if (regTotalAmount != totalAmount) {\r\n errorPopup(1);\r\n }\r\n else {\r\n splitTransSaveData();\r\n POPUP.hide(splitTransPopup);\r\n }\r\n }\r\n\r\n function errorPopup(errorCode) {\r\n const errorConfPOPUP = POPUP.build({\r\n hideX: true,\r\n classNames: ['warning', 'popupSize'],\r\n });\r\n const yesBtn = button.build({\r\n text: 'Yes',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n if (errorCode == 1) {\r\n cancelSplitBtn.classList.remove('disabled');\r\n POPUP.hide(errorConfPOPUP);\r\n POPUP.hide(splitTransPopup);\r\n document.getElementById('newAmountInput').value = parseFloat(totalAmount).toFixed(2);\r\n amount = parseFloat(totalAmount).toFixed(2);\r\n splitTransSaveData();\r\n }\r\n else {\r\n POPUP.hide(errorConfPOPUP);\r\n buildSplitTransectionPopUp();\r\n }\r\n },\r\n });\r\n const noBtn = button.build({\r\n text: 'No',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n if (errorCode == 1) {\r\n cancelSplitBtn.classList.remove('disabled');\r\n POPUP.hide(errorConfPOPUP);\r\n POPUP.show(splitTransPopup);\r\n } else {\r\n document.getElementById('newAmountInput').value = parseFloat(totalAmount).toFixed(2);\r\n amount = parseFloat(totalAmount).toFixed(2);\r\n POPUP.hide(errorConfPOPUP);\r\n }\r\n },\r\n });\r\n\r\n const message = document.createElement('p');\r\n if (errorCode == 1)\r\n message.innerText = 'The total of this split transaction dose not match the total entered on the New Entry form. Would you like to change the total on the New Entry form.';\r\n else\r\n message.innerText = 'The Amount entered does not equal the total amount for this split transaction. Would you like to edit the split transaction?';\r\n\r\n let btnWrap = document.createElement(\"div\");\r\n btnWrap.classList.add(\"btnWrap\");\r\n btnWrap.appendChild(yesBtn);\r\n btnWrap.appendChild(noBtn);\r\n message.style.textAlign = 'center';\r\n message.style.marginBottom = '15px';\r\n errorConfPOPUP.appendChild(message);\r\n errorConfPOPUP.appendChild(btnWrap);\r\n POPUP.show(errorConfPOPUP);\r\n if (errorCode == 1)\r\n cancelSplitBtn.classList.add('disabled');\r\n }\r\n\r\n async function splitTransSaveData() {\r\n splitAmount = [];\r\n for (let i = 0; i < numberOfRows; i++) {\r\n var SplitCategory = splitCategoryDropdownN[i].querySelector('#splitCategoryDropdownN' + i);\r\n var desc = splitDescriptionInputN[i].querySelector('#splitDescriptionInputN' + i);\r\n var splitAmt = splitAmountInputN[i].querySelector('#splitAmountInputN' + i);\r\n if (SplitCategory.value !== '') {\r\n splitAmount.push({\r\n \"itemNumber\": i + 1,\r\n \"categoryId\": SplitCategory.options[SplitCategory.selectedIndex].id,\r\n \"category\": SplitCategory.options[SplitCategory.selectedIndex].value,\r\n \"description\": desc.value,\r\n \"amount\": splitAmt.value\r\n });\r\n }\r\n }\r\n document.getElementById('SPLIT_BTN').style.display = 'block';\r\n tempSplit = 'ChangedValue';\r\n tempAmountval = totalAmount;\r\n totalAmountSaved = totalAmount;\r\n categoryOldVal = document.getElementById('newCategoryDropdown').value;\r\n checkRequiredFieldsOfNewEntry();\r\n }\r\n\r\n function getaccountPermission() {\r\n accountPermission = '';\r\n tempAccountPer = [];\r\n if ($.session.CFViewChecking)\r\n tempAccountPer.push('Checking');\r\n\r\n if ($.session.CFViewCraditCard) {\r\n tempAccountPer.push('Credit Card');\r\n }\r\n\r\n if ($.session.CFViewFoodStamp) {\r\n tempAccountPer.push('Food Stamps');\r\n }\r\n\r\n if ($.session.CFViewPettyCash) {\r\n tempAccountPer.push('Petty Cash');\r\n }\r\n\r\n if ($.session.CFViewShaving) {\r\n tempAccountPer.push('Savings');\r\n }\r\n\r\n if ($.session.CFViewChristmasClub) {\r\n tempAccountPer.push('Christmas Club');\r\n }\r\n if ($.session.CFViewSystem20183A) {\r\n tempAccountPer.push('System 2018.3A');\r\n }\r\n if ($.session.CFViewSystem20183) {\r\n tempAccountPer.push('System 2018.3');\r\n }\r\n if ($.session.CFViewOhioEBT) {\r\n tempAccountPer.push('Ohio EBT');\r\n }\r\n if ($.session.CFViewViewFoodStampDebitCardEBT) {\r\n tempAccountPer.push('Food Stamp Debit Card EBT'); \r\n }\r\n\r\n if (tempAccountPer.length > 0)\r\n accountPermission = tempAccountPer.toString();\r\n else\r\n accountPermission = '';\r\n }\r\n\r\n return {\r\n init,\r\n buildNewEntryForm,\r\n populatePayeeDropdown,\r\n populateCategoryDropdown,\r\n populateAccountDropdown,\r\n };\r\n})(); ","const covidChecklist = (function () {\r\n let inputs, checklistTable, tableContainer;\r\n let completedChecklistData, activeChecklistId, rosterLocations;\r\n let checklistMode; //'update' || 'insert'\r\n let typeOfChecklist; // 'employee' || 'consumer'\r\n let initialLoad;\r\n let consumer;\r\n\r\n function buildEmployeePage() {\r\n ////////////////////\r\n // Main Checklist Card Element\r\n const checklistCard = document.createElement(\"div\");\r\n checklistCard.classList.add(\"card\", \"checklistCard\");\r\n ////////////////////\r\n // Heading for checklist card\r\n const mainHeading = document.createElement(\"div\");\r\n mainHeading.classList.add(\"card__header\");\r\n mainHeading.innerHTML =\r\n typeOfChecklist === \"employee\"\r\n ? \"My Covid-19 Checklist
\"\r\n : \"Consumer Covid-19 Checklist
\";\r\n checklistCard.appendChild(mainHeading);\r\n ////////////////////\r\n // Consumer Name display (Consumer Checklist only)\r\n if (typeOfChecklist === \"consumer\") {\r\n const consumerNameDisplay = document.createElement(\"p\");\r\n consumerNameDisplay.classList.add(\"currConsumerDisp\");\r\n consumerNameDisplay.innerHTML = `Checklist for: ${consumer.name}`;\r\n checklistCard.appendChild(consumerNameDisplay);\r\n }\r\n ////////////////////\r\n //Top Questions\r\n const mainSection = document.createElement(\"div\");\r\n mainSection.classList.add(\"card__body\", \"covidEmployeeCard_details\");\r\n checklistCard.appendChild(mainSection);\r\n mainSection.appendChild(inputs.dateInput);\r\n mainSection.appendChild(inputs.timeInput);\r\n mainSection.appendChild(inputs.locationDropdown);\r\n mainSection.appendChild(inputs.settingInput);\r\n ////////////////////\r\n // Symptom Questions\r\n const symptomHeading = document.createElement(\"h3\");\r\n symptomHeading.classList.add(\"covidSubHeading\");\r\n symptomHeading.innerText = \"Symptoms\";\r\n const symptomSection = document.createElement(\"div\");\r\n symptomSection.classList.add(\"symptomSection\");\r\n mainSection.appendChild(symptomHeading);\r\n inputs.symptomElements.forEach((el) => {\r\n symptomSection.appendChild(el);\r\n });\r\n symptomSection.appendChild(inputs.otherInput);\r\n mainSection.appendChild(symptomSection);\r\n ////////////////////\r\n // Buttons\r\n const buttonDiv = document.createElement(\"div\");\r\n buttonDiv.classList.add(\"btnWrap\");\r\n const buttonDiv2 = buttonDiv.cloneNode();\r\n buttonDiv2.id = \"editButtonDiv\";\r\n buttonDiv2.style.display = \"none\";\r\n buttonDiv.appendChild(inputs.saveBtn);\r\n buttonDiv.appendChild(inputs.cancelBtn);\r\n buttonDiv2.appendChild(inputs.deleteBtn);\r\n mainSection.appendChild(buttonDiv);\r\n mainSection.appendChild(buttonDiv2);\r\n ////////////////////\r\n // Warning about not a checklist you didn't create\r\n // (consumer only, they can't edit or delete them)\r\n if (typeOfChecklist === \"consumer\") {\r\n const noEditWarning = document.createElement(\"div\");\r\n noEditWarning.innerHTML = `This record was created by another user. \r\n Deleting and editing is disabled.
`;\r\n noEditWarning.classList.add(\"covidNoEdit\");\r\n noEditWarning.style.display = \"none\";\r\n mainSection.appendChild(noEditWarning);\r\n }\r\n ////////////////////\r\n // Adding Card and table to action center\r\n DOM.ACTIONCENTER.appendChild(checklistCard);\r\n tableContainer = document.createElement(\"div\");\r\n tableContainer.classList.add(\"covidTableContainer\");\r\n DOM.ACTIONCENTER.appendChild(tableContainer);\r\n tableContainer.appendChild(checklistTable);\r\n ////////////////////\r\n // After Build actions\r\n populateLocationDropdown();\r\n populateTable(UTIL.getTodaysDate(false));\r\n }\r\n\r\n function buildEmployeeChecklistTable() {\r\n const date = UTIL.formatDateFromIso(UTIL.getTodaysDate());\r\n checklistTable = table.build({\r\n tableId: \"employeeChecklistTable\",\r\n headline: `Completed Checklists for ${date}`,\r\n columnHeadings: [\"Time\", \"Location\", \"Setting\"],\r\n });\r\n\r\n // Set the data type for each header, for sorting purposes\r\n const headers = checklistTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'date'); // Time\r\n headers[1].setAttribute('data-type', 'string'); // Location\r\n headers[2].setAttribute('data-type', 'string'); //Setting\r\n\r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(checklistTable);\r\n }\r\n\r\n async function populateTable(date) {\r\n try {\r\n completedChecklistData = {};\r\n const peopleId =\r\n typeOfChecklist === \"employee\" ? $.session.PeopleId : consumer.id;\r\n const consumerChecklist = typeOfChecklist === 'consumer' ? 'T' : 'F';\r\n const checklistResult = (\r\n await covidAjax.getCovidChecklists(peopleId, date, consumerChecklist)\r\n ).getIndividualsCovidDetailsResult;\r\n // Update Table Header //\r\n const displayDate = UTIL.formatDateFromIso(date);\r\n const tableHeader = document\r\n .getElementById(\"employeeChecklistTable\")\r\n .querySelector(\".table__headline\")\r\n .getElementsByTagName(\"h2\")[0];\r\n tableHeader.innerText = `Completed Checklists for ${displayDate}`;\r\n ///////////////////\r\n // Break Down Data //\r\n checklistResult.forEach((checklist) => {\r\n //Create Completed Checklist Object//\r\n const checklistData = {\r\n enteredBy: checklist.enteredBy,\r\n time: checklist.assessmentTime,\r\n locationId: checklist.locationId,\r\n setting: checklist.settingType,\r\n cough: checklist.cough,\r\n diarrhea: checklist.diarrhea,\r\n fever: checklist.fever,\r\n malaise: checklist.malaise,\r\n nasalCong: checklist.nasalCong,\r\n nausea: checklist.nausea,\r\n tasteAndSmell: checklist.tasteAndSmell,\r\n other: checklist.notes,\r\n shortnessBreath: checklist.shortnessBreath,\r\n soreThroat: checklist.soreThroat,\r\n };\r\n completedChecklistData[checklist.assessmentId] = checklistData;\r\n });\r\n // Create Table Data for populating table //\r\n let tableData = []\r\n checklistResult.forEach((checklist) => {\r\n let location\r\n try {\r\n location = rosterLocations[checklist.locationId].name;\r\n } catch (error) {\r\n console.info(`NOTICE: skipping record ${checklist.assessmentId}. User might not have permission to locaiton ${checklist.locationId}`)\r\n return;\r\n }\r\n const time = UTIL.formatTimeString(checklist.assessmentTime);\r\n const setting = checklist.settingType;\r\n tableData.push({\r\n values: [time, location, setting],\r\n id: checklist.assessmentId,\r\n onClick: () => {\r\n // Clicking on row of a table goes into edit mode //\r\n activeChecklistId = checklist.assessmentId;\r\n covidChecklistActions.loadChecklist(\r\n checklist.assessmentId,\r\n completedChecklistData,\r\n inputs\r\n );\r\n inputs.saveBtn.innerText = \"Update\";\r\n inputs.saveBtn.setAttribute(\"data-function\", \"update\");\r\n checklistMode = \"update\";\r\n // If they didn't create the checklist they can't make changes to it\r\n if (typeOfChecklist === \"consumer\") {\r\n if (checklist.enteredBy.toLowerCase() !== $.session.UserId.toLowerCase()) {\r\n inputs.saveBtn.classList.add(\"disabled\");\r\n document.querySelector(\".covidNoEdit\").style.display = \"block\";\r\n document.getElementById(\"editButtonDiv\").style.display = \"none\";\r\n } else {\r\n inputs.saveBtn.classList.remove(\"disabled\");\r\n document.querySelector(\".covidNoEdit\").style.display = \"none\";\r\n document.getElementById(\"editButtonDiv\").style.display = \"flex\";\r\n }\r\n } else {\r\n inputs.saveBtn.classList.remove(\"disabled\");\r\n document.getElementById(\"editButtonDiv\").style.display = \"flex\";\r\n }\r\n },\r\n });\r\n });\r\n\r\n table.populate(checklistTable, tableData);\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n }\r\n\r\n function populateLocationDropdown() {\r\n const rawLocations = covidLanding.locations();\r\n rosterLocations = {};\r\n\r\n const dropdownData = rawLocations.map((location) => {\r\n const id = location.ID;\r\n const name = location.Name;\r\n // rosterLocations Object is used for getting the Name of the location\r\n // in the Completed checklist table\r\n rosterLocations[id] = { name: name };\r\n\r\n return {\r\n text: name,\r\n value: id,\r\n };\r\n });\r\n const defaultLocation = defaults.getLocation('roster')\r\n dropdown.populate(inputs.locationDropdown, dropdownData, defaultLocation);\r\n }\r\n\r\n function eventListeners() {\r\n // changing date re-populates the completed checklist table for that date\r\n inputs.dateInput.addEventListener(\"input\", () => {\r\n const newDate = inputs.dateInput.firstChild.value\r\n roster2.updateSelectedDate(newDate);\r\n populateTable(newDate);\r\n });\r\n // After records are saved, or deleted the checklist gets reset to default values\r\n inputs.saveBtn.addEventListener(\"click\", () => {\r\n const peopleId =\r\n typeOfChecklist === \"employee\" ? $.session.PeopleId : consumer.id;\r\n covidChecklistActions.insertUpdateChecklist(\r\n inputs,\r\n activeChecklistId,\r\n peopleId,\r\n typeOfChecklist,\r\n resetChecklist\r\n );\r\n });\r\n /* \r\n When in 'edit mode' the cancel button resets any changes\r\n sets the checklist back to defaults, and sets the mode to 'insert'.\r\n When in 'insert new record mode' cancel button goes\r\n back to the covid landing page.\r\n */\r\n inputs.cancelBtn.addEventListener(\"click\", () => {\r\n if (checklistMode === \"update\") {\r\n resetChecklist();\r\n } else {\r\n covidChecklistActions.cancel();\r\n }\r\n });\r\n inputs.deleteBtn.addEventListener(\"click\", () => deleteConfirmation());\r\n }\r\n // Resets the checkist back to the way it was when first entering the page.\r\n function resetChecklist() {\r\n covidChecklistActions.clearChecklist(inputs);\r\n activeChecklistId = null;\r\n inputs.saveBtn.innerText = \"Save\";\r\n inputs.saveBtn.setAttribute(\"data-function\", \"insert\");\r\n checklistMode = \"insert\";\r\n if (typeOfChecklist === \"consumer\") {\r\n inputs.saveBtn.classList.remove(\"disabled\");\r\n document.querySelector(\".covidNoEdit\").style.display = \"none\";\r\n }\r\n document.getElementById(\"editButtonDiv\").style.display = \"none\";\r\n }\r\n\r\n async function deleteChecklist() {\r\n try {\r\n pendingSave.show(\"Deleting...\");\r\n await covidAjax.deleteCovidChecklist(activeChecklistId);\r\n resetChecklist();\r\n pendingSave.fulfill(\"Delete Successful\");\r\n setTimeout(() => {\r\n successfulSave.hide();\r\n }, 1000);\r\n } catch (err) {\r\n console.error(err);\r\n pendingSave.reject(\"Delete Failed. Please Try Again.\");\r\n setTimeout(() => failSave.hide(), 2000);\r\n resetChecklist();\r\n }\r\n }\r\n\r\n function deleteConfirmation() {\r\n const popup = POPUP.build({\r\n id: \"deleteWarningPopup\",\r\n classNames: \"warning\",\r\n });\r\n const btnWrap = document.createElement(\"div\");\r\n btnWrap.classList.add(\"btnWrap\");\r\n const yesBtn = button.build({\r\n text: \"Yes\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n icon: \"checkmark\",\r\n callback: function () {\r\n POPUP.hide(popup);\r\n deleteChecklist();\r\n },\r\n });\r\n const noBtn = button.build({\r\n text: \"No\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n icon: \"close\",\r\n callback: function () {\r\n POPUP.hide(popup);\r\n },\r\n });\r\n btnWrap.appendChild(yesBtn);\r\n btnWrap.appendChild(noBtn);\r\n const warningMessage = document.createElement(\"p\");\r\n warningMessage.innerHTML =\r\n \"Are you sure you would like to delete this completed COVID-19 Checklist?\";\r\n popup.appendChild(warningMessage);\r\n popup.appendChild(btnWrap);\r\n POPUP.show(popup);\r\n }\r\n\r\n function handleActionNavEvent(target) {\r\n const targetAction = target.dataset.actionNav;\r\n switch (targetAction) {\r\n case \"miniRosterDone\": {\r\n if (initialLoad) {\r\n initialLoad = false;\r\n const activeConsumer = roster2.getActiveConsumers();\r\n activeConsumer.forEach((consumer) => {\r\n roster2.removeConsumerFromActiveConsumers(consumer.id);\r\n });\r\n consumer.name = activeConsumer[0].card.innerText;\r\n consumer.id = activeConsumer[0].id;\r\n DOM.toggleNavLayout();\r\n buildEmployeeChecklistTable();\r\n buildEmployeePage();\r\n eventListeners();\r\n } else {\r\n const activeConsumer = roster2.getActiveConsumers();\r\n if (activeConsumer.length > 0) {\r\n activeConsumer.forEach((consumer) => {\r\n roster2.removeConsumerFromActiveConsumers(consumer.id);\r\n });\r\n }\r\n consumer.name = activeConsumer[0].card.innerText;\r\n consumer.id = activeConsumer[0].id;\r\n document.querySelector('.currConsumerDisp').innerHTML = `Checklist for: ${consumer.name}`\r\n DOM.toggleNavLayout();\r\n resetChecklist();\r\n }\r\n break;\r\n }\r\n case \"miniRosterCancel\": {\r\n if (initialLoad) {\r\n covidLanding.init();\r\n } else {\r\n DOM.toggleNavLayout();\r\n roster2.clearActiveConsumers();\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n\r\n function init(type) {\r\n typeOfChecklist = type;\r\n checklistMode = \"insert\";\r\n initialLoad = true;\r\n DOM.scrollToTopOfPage();\r\n DOM.clearActionCenter();\r\n inputs = covidChecklistElements.init();\r\n switch (typeOfChecklist) {\r\n case \"employee\":\r\n setActiveModuleSectionAttribute(\"checklist\");\r\n buildEmployeeChecklistTable();\r\n buildEmployeePage();\r\n eventListeners();\r\n break;\r\n case \"consumer\":\r\n consumer = {};\r\n setActiveModuleSectionAttribute(\"checklist\");\r\n roster2.miniRosterinit(null, {hideDate: true})\r\n roster2.showMiniRoster({ hideDate: true });\r\n break;\r\n default:\r\n covidLanding.init();\r\n break;\r\n }\r\n }\r\n return {\r\n init,\r\n handleActionNavEvent,\r\n };\r\n})();\r\n","const covidChecklistActions = (function () {\r\n function loadChecklist(id, completedChecklists, inputs) {\r\n inputs.timeInput.firstChild.value = completedChecklists[id].time;\r\n inputs.locationDropdown.firstChild.value = completedChecklists[id].locationId;\r\n inputs.settingInput.firstChild.value = completedChecklists[id].setting;\r\n inputs.otherInput.firstChild.value = completedChecklists[id].other;\r\n inputs.settingInput.firstChild.dispatchEvent(new Event('keyup'));\r\n inputs.otherInput.firstChild.dispatchEvent(new Event('keyup'));\r\n\r\n\r\n //symptoms\r\n //cough\r\n completedChecklists[id].cough === \"Y\"\r\n ? document.getElementById(\"cough-yes\").checked = true\r\n : document.getElementById(\"cough-no\").checked = true;\r\n //diarrhea\r\n completedChecklists[id].diarrhea === \"Y\"\r\n ? document.getElementById(\"diarrhea-yes\").checked = true\r\n : document.getElementById(\"diarrhea-no\").checked = true;\r\n //fever\r\n completedChecklists[id].fever === \"Y\"\r\n ? document.getElementById(\"fever-yes\").checked = true\r\n : document.getElementById(\"fever-no\").checked = true;\r\n //malaise\r\n completedChecklists[id].malaise === \"Y\"\r\n ? document.getElementById(\"malaise-yes\").checked = true\r\n : document.getElementById(\"malaise-no\").checked = true;\r\n //nasalCong\r\n completedChecklists[id].nasalCong === \"Y\"\r\n ? document.getElementById(\"nasal_congestion-yes\").checked = true\r\n : document.getElementById(\"nasal_congestion-no\").checked = true;\r\n //nausea\r\n completedChecklists[id].nausea === \"Y\"\r\n ? document.getElementById(\"nausea-yes\").checked = true\r\n : document.getElementById(\"nausea-no\").checked = true;\r\n //shortnessBreath\r\n completedChecklists[id].shortnessBreath === \"Y\"\r\n ? document.getElementById(\"shortness_of_breath-yes\").checked = true\r\n : document.getElementById(\"shortness_of_breath-no\").checked = true;\r\n //soreThroat\r\n completedChecklists[id].soreThroat === \"Y\"\r\n ? document.getElementById(\"sore_throat-yes\").checked = true\r\n : document.getElementById(\"sore_throat-no\").checked = true;\r\n //tasteAndSmell\r\n completedChecklists[id].tasteAndSmell === \"Y\"\r\n ? document.getElementById(\"taste_and_smell-yes\").checked = true\r\n : document.getElementById(\"taste_and_smell-no\").checked = true;\r\n }\r\n \r\n async function insertUpdateChecklist(inputs, checklistId, peopleId, checklistType, callback) {\r\n const action = document.getElementById(\"covidSaveUpdate\").getAttribute('data-function');\r\n const date = inputs.dateInput.firstChild.value;\r\n const time = inputs.timeInput.firstChild.value;\r\n const location = inputs.locationDropdown.firstChild.value;\r\n const setting = UTIL.removeUnsavableNoteText(inputs.settingInput.firstChild.value);\r\n const other = UTIL.removeUnsavableNoteText(inputs.otherInput.firstChild.value);\r\n\r\n const cough = document.getElementById(\"cough-yes\").checked ? \"Y\":\"N\";\r\n const diarrhea = document.getElementById(\"diarrhea-yes\").checked ? \"Y\":\"N\";\r\n const fever = document.getElementById(\"fever-yes\").checked ? \"Y\":\"N\";\r\n const malaise = document.getElementById(\"malaise-yes\").checked ? \"Y\":\"N\";\r\n const nasalCong = document.getElementById(\"nasal_congestion-yes\").checked ? \"Y\":\"N\";\r\n const nausea = document.getElementById(\"nausea-yes\").checked ? \"Y\":\"N\";\r\n const shortnessBreath = document.getElementById(\"shortness_of_breath-yes\").checked ? \"Y\":\"N\";\r\n const soreThroat = document.getElementById(\"sore_throat-yes\").checked ? \"Y\":\"N\";\r\n const tasteAndSmell = document.getElementById(\"taste_and_smell-yes\").checked ? \"Y\":\"N\";\r\n const data = {\r\n token: $.session.Token,\r\n assesmentDate: date,\r\n assessmentTime: time,\r\n cough: cough,\r\n diarrhea: diarrhea,\r\n fever: fever,\r\n locationId: location,\r\n malaise: malaise,\r\n nasalCong: nasalCong,\r\n nausea: nausea,\r\n tasteAndSmell: tasteAndSmell,\r\n notes: other,\r\n peopleId: peopleId,\r\n settingType: setting,\r\n shortnessBreath: shortnessBreath,\r\n soreThroat: soreThroat,\r\n assessmentId: checklistId,\r\n isConsumer: checklistType === 'consumer' ? 'T' : 'F'\r\n }\r\n pendingSave.show('Saving Checklist...')\r\n switch (action) {\r\n case \"insert\":\r\n try {\r\n data.assessmentId = '0'\r\n await covidAjax.insertUpdateCovidChecklists(data);\r\n pendingSave.fulfill(\"Saved\")\r\n setTimeout(() => {\r\n successfulSave.hide()\r\n if (callback) callback()\r\n }, 1000)\r\n } catch (err) {\r\n pendingSave.reject('Error Saving Checklist. Please Try Again.')\r\n setTimeout(() => failSave.hide(), 2000)\r\n }\r\n break;\r\n case \"update\":\r\n try {\r\n await covidAjax.insertUpdateCovidChecklists(data);\r\n pendingSave.fulfill(\"Saved\")\r\n setTimeout(() => {\r\n successfulSave.hide()\r\n if (callback) callback()\r\n }, 1000)\r\n } catch (err) {\r\n pendingSave.reject('Error Updating Checklist. Please Try Again.')\r\n setTimeout(() => failSave.hide(), 2000)\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n function clearChecklist(inputs) {\r\n inputs.dateInput.firstChild.value = UTIL.getTodaysDate(false)\r\n inputs.dateInput.dispatchEvent(new Event('input'))\r\n inputs.timeInput.firstChild.value = UTIL.getCurrentTime();\r\n // No longer re-setting location. Keep location from checklist to checklist\r\n // inputs.locationDropdown.firstChild.selectedIndex = \"0\";\r\n inputs.settingInput.firstChild.value = \"\";\r\n inputs.settingInput.firstChild.dispatchEvent(new Event('keyup'));\r\n inputs.otherInput.firstChild.value = \"\";\r\n inputs.otherInput.firstChild.dispatchEvent(new Event('keyup'));\r\n //symptoms\r\n document.getElementById(\"cough-no\").checked = true;\r\n document.getElementById(\"diarrhea-no\").checked = true;\r\n document.getElementById(\"fever-no\").checked = true;\r\n document.getElementById(\"malaise-no\").checked = true;\r\n document.getElementById(\"nasal_congestion-no\").checked = true;\r\n document.getElementById(\"nausea-no\").checked = true;\r\n document.getElementById(\"shortness_of_breath-no\").checked = true;\r\n document.getElementById(\"sore_throat-no\").checked = true;\r\n document.getElementById(\"taste_and_smell-no\").checked = true;\r\n }\r\n\r\n function cancel() {\r\n DOM.scrollToTopOfPage();\r\n DOM.clearActionCenter();\r\n setActiveModuleSectionAttribute(null);\r\n covidLanding.init()\r\n }\r\n return {\r\n insertUpdateChecklist,\r\n loadChecklist,\r\n clearChecklist,\r\n cancel\r\n };\r\n})();\r\n","//TEST FOR JOE\r\n\r\nconst covidChecklistElements = (function() {\r\n\r\n function createInputs() {\r\n const dateInput = input.build({\r\n id: \"covidDate\",\r\n label: \"Date\",\r\n type: \"date\",\r\n style: \"secondary\",\r\n value: UTIL.getTodaysDate()\r\n })\r\n const timeInput = input.build({\r\n id: \"covidTime\",\r\n label: \"Time\",\r\n type: \"time\",\r\n style: \"secondary\",\r\n value: UTIL.getCurrentTime()\r\n })\r\n //*Location drop down - include the locations the user has access to in the Roster \r\n const locationDropdown = dropdown.build({\r\n dropdownId: \"covidLocationDropdown\",\r\n label: \"Location\",\r\n })\r\n const settingInput = input.build({\r\n id: \"covidSetting\",\r\n label: \"Setting\",\r\n style: \"secondary\",\r\n charLimit: 50\r\n })\r\n const otherInput = input.build({\r\n id: \"covidOtherSymptom\",\r\n label: \"Other\",\r\n type: 'textarea',\r\n style: \"secondary\",\r\n charLimit: 50\r\n })\r\n const saveBtn = button.build({\r\n id: \"covidSaveUpdate\",\r\n attributes: [{key: 'data-function', value: 'insert'}],\r\n text: \"Save\",\r\n style: \"secondary\",\r\n type: \"contained\"\r\n })\r\n const deleteBtn = button.build({\r\n id: \"covidDeleteChecklist\",\r\n text: \"Delete\",\r\n style: \"secondary\",\r\n type: \"contained\"\r\n })\r\n const cancelBtn = button.build({\r\n id: \"covidCancel\",\r\n text: \"Cancel\",\r\n style: \"secondary\",\r\n type: \"outlined\",\r\n })\r\n // Symptom Y/N questions radios\r\n const symptoms = [\r\n \"fever\",\r\n \"cough\",\r\n \"sore_throat\",\r\n \"shortness_of_breath\",\r\n \"malaise\",\r\n \"nasal_congestion\",\r\n \"nausea\",\r\n \"diarrhea\",\r\n \"taste_and_smell\"\r\n ]\r\n// need to create a div with the symptom name, and 2 radio buttons one for yes one for no\r\n const symptomElements = symptoms.map(symptom => {\r\n let capSymptomNameArr = [];\r\n const readableSymptomNameBaseArr = symptom.split(\"_\");\r\n readableSymptomNameBaseArr.forEach(word => {\r\n const capWord = UTIL.capitalize(word)\r\n capSymptomNameArr.push(capWord)\r\n });\r\n let readableName = capSymptomNameArr.join(\" \");\r\n const yesRadio = input.buildRadio({\r\n id: `${symptom}-yes`,\r\n text: \"Yes\",\r\n name: symptom,\r\n \r\n })\r\n const noRadio = input.buildRadio({\r\n id: `${symptom}-no`,\r\n text: \"No\",\r\n name: symptom,\r\n isChecked: true,\r\n })\r\n const symptomTitle = document.createElement('h4');\r\n if (readableName === 'Fever') {\r\n readableName = 'Fever > 100°F'\r\n }\r\n if (readableName === 'Taste And Smell') {\r\n readableName = 'Loss of Taste and Smell'\r\n }\r\n symptomTitle.innerHTML = readableName;\r\n const symptomContainer = document.createElement('div');\r\n const radioDiv = document.createElement('div')\r\n radioDiv.classList.add('covid_radioDiv')\r\n radioDiv.appendChild(yesRadio)\r\n radioDiv.appendChild(noRadio)\r\n symptomContainer.appendChild(symptomTitle)\r\n symptomContainer.appendChild(radioDiv)\r\n\r\n return symptomContainer\r\n })\r\n\r\n return {\r\n dateInput,\r\n timeInput,\r\n locationDropdown,\r\n settingInput,\r\n otherInput,\r\n symptomElements,\r\n saveBtn,\r\n cancelBtn,\r\n deleteBtn\r\n }\r\n }\r\n function init() {\r\n const inputs = createInputs()\r\n return inputs\r\n }\r\n return {\r\n init\r\n }\r\n})();","const covidAjax = (function() {\r\n function getCovidChecklists(peopleId, date, consumerChecklist) {\r\n const data = {\r\n token: $.session.Token,\r\n peopleId: peopleId,\r\n assessmentDate: date,\r\n isConsumer: consumerChecklist\r\n }\r\n return $.ajax({\r\n\t\t\ttype: 'POST',\r\n\t\t\turl: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getIndividualsCovidDetails/',\r\n\t\t\tdata: JSON.stringify(data),\r\n\t\t\tcontentType: 'application/json; charset=utf-8',\r\n\t\t\tdataType: 'json',\r\n\t\t});\r\n }\r\n function insertUpdateCovidChecklists(insertData) {\r\n return $.ajax({\r\n\t\t\ttype: 'POST',\r\n\t\t\turl: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/insertUpdateCovidAssessment/',\r\n\t\t\tdata: JSON.stringify(insertData),\r\n\t\t\tcontentType: 'application/json; charset=utf-8',\r\n\t\t\tdataType: 'json',\r\n\t\t});\r\n }\r\n function deleteCovidChecklist(checklistId) {\r\n const data = {\r\n token: $.session.Token,\r\n assessmentId: checklistId\r\n }\r\n return $.ajax({\r\n\t\t\ttype: 'POST',\r\n\t\t\turl: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/deleteCovidAssessment/',\r\n\t\t\tdata: JSON.stringify(data),\r\n\t\t\tcontentType: 'application/json; charset=utf-8',\r\n\t\t\tdataType: 'json',\r\n\t\t});\r\n }\r\n return {\r\n getCovidChecklists,\r\n insertUpdateCovidChecklists,\r\n deleteCovidChecklist\r\n }\r\n})();","const covidLanding = (function() {\r\n let rosterLocations\r\n\r\n function loadCovidLanding(params) {\r\n const myChecklist = button.build({\r\n text: \"My Covid Checklist\",\r\n style: \"secondary\",\r\n type: 'contained',\r\n callback: () => {\r\n covidChecklist.init('employee')\r\n \r\n }\r\n });\r\n const consumerChecklists = button.build({\r\n text: \"Consumer Covid Checklist\",\r\n style: \"secondary\",\r\n type: 'contained',\r\n callback: () => {\r\n covidChecklist.init('consumer')\r\n }\r\n });\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('landingBtnWrap');\r\n btnWrap.appendChild(myChecklist);\r\n btnWrap.appendChild(consumerChecklists);\r\n DOM.ACTIONCENTER.appendChild(btnWrap);\r\n }\r\n\r\n function locations() {\r\n return [...rosterLocations]\r\n }\r\n\r\n async function init() {\r\n setActiveModuleSectionAttribute(null)\r\n if (!rosterLocations) {\r\n PROGRESS.init()\r\n PROGRESS.SPINNER.show('Gathering Data...')\r\n rosterLocations = (await rosterAjax.getRosterLocations()).getLocationsJSONResult; \r\n const spinner = document.querySelector('.spinner');\r\n spinner.remove();\r\n }\r\n const miniRosterBtn = document.querySelector('.consumerListBtn');\r\n if (miniRosterBtn) {\r\n miniRosterBtn.remove();\r\n DOM.toggleNavLayout();\r\n }\r\n loadCovidLanding()\r\n }\r\n return {\r\n init,\r\n locations\r\n }\r\n})();","var dashboard = (function () {\r\n var widgets;\r\n var setupFuncs;\r\n var widgetSettings;\r\n\r\n var widgetIds = {\r\n caseNotesProductivity: 1,\r\n caseNotesCaseLoad: 2,\r\n caseNotesRejected: 3,\r\n planWorkflow: 4,\r\n customLinks: 5,\r\n absent: 6,\r\n unreadLocationNotes: 7,\r\n consumerProgressNotes: 8,\r\n timeClock: 9,\r\n hoursWorked: 10,\r\n goals: 11,\r\n clockedIn: 12,\r\n singleEntry: 13,\r\n adminSingleEntry: 14,\r\n schedule: 15,\r\n incidentTracking: 16,\r\n missingSignatures: 17,\r\n moneyManagement: 18,\r\n infal: null,\r\n systemMessages: 19,\r\n rosterToDoList: 20,\r\n };\r\n\r\n // Widget Markup\r\n var html = {\r\n absent: `\r\n \r\n \r\n `,\r\n adminSingleEntry: `\r\n \r\n \r\n `,\r\n customLinks: `\r\n \r\n \r\n `,\r\n clockedIn: `\r\n \r\n \r\n `,\r\n goals: `\r\n \r\n \r\n `,\r\n hoursWorked: `\r\n \r\n \r\n `,\r\n incidentTracking: `\r\n \r\n \r\n `,\r\n infal: `\r\n \r\n \r\n `,\r\n timeClock: `\r\n \r\n \r\n `,\r\n schedule: `\r\n \r\n \r\n `,\r\n singleEntry: `\r\n \r\n \r\n `,\r\n systemMessages: `\r\n \r\n \r\n `,\r\n consumerProgressNotes: `\r\n \r\n \r\n `,\r\n unreadLocationNotes: `\r\n \r\n \r\n `,\r\n caseNotesProductivity: `\r\n \r\n \r\n `,\r\n caseNotesCaseLoad: `\r\n \r\n \r\n `,\r\n caseNotesRejected: `\r\n \r\n \r\n `,\r\n planWorkflow: `\r\n \r\n \r\n `,\r\n missingSignatures: `\r\n \r\n \r\n `,\r\n moneyManagement: `\r\n \r\n \r\n `,\r\n rosterToDoList: `\r\n \r\n \r\n `,\r\n };\r\n\r\n // Global Dash Functions\r\n function appendFilterButton(widgetId, btnId) {\r\n var filterBtn = document.getElementById(btnId);\r\n if (!filterBtn) {\r\n var headerSelector = `#${widgetId} .widget__header`;\r\n var widgetHeader = document.querySelector(headerSelector);\r\n filterBtn = button.build({\r\n id: btnId,\r\n text: 'Filter',\r\n style: 'primary',\r\n type: 'text',\r\n icon: 'filter',\r\n iconPos: 'right',\r\n callback: function () {\r\n var filtersSelector = `#${widgetId} .widget__filters`;\r\n var widgetFilters = document.querySelector(filtersSelector);\r\n overlay.show();\r\n bodyScrollLock.disableBodyScroll(widgetFilters);\r\n widgetFilters.classList.add('visible'); \r\n },\r\n });\r\n widgetHeader.appendChild(filterBtn);\r\n }\r\n }\r\n\r\n function appendAddMessageButton(widgetId, btnId) {\r\n var addMessageBtn = document.getElementById(btnId);\r\n if (!addMessageBtn) {\r\n var headerSelector = `#${widgetId} .widget__header`;\r\n var widgetHeader = document.querySelector(headerSelector);\r\n addMessageBtn = button.build({\r\n id: btnId,\r\n text: 'New',\r\n style: 'primary',\r\n type: 'text',\r\n icon: 'add',\r\n iconPos: 'right',\r\n callback: function () { \r\n linksAndMessages.buildAddMessagePopup(); \r\n }, \r\n });\r\n widgetHeader.appendChild(addMessageBtn);\r\n }\r\n }\r\n\r\n function appendPDFButton(widgetId, btnId) {\r\n var pdfBtn = document.getElementById(btnId);\r\n if (!pdfBtn) {\r\n var headerSelector = `#${widgetId} .widget__header`;\r\n var widgetHeader = document.querySelector(headerSelector);\r\n pdfBtn = button.build({\r\n id: btnId,\r\n style: 'primary',\r\n type: 'text',\r\n icon: 'PDFFormWhite', \r\n iconPos: 'right', \r\n callback: function () {\r\n generateReports.passFilterValuesForReport('My Case Load Roster List', null);\r\n generateReports.showWarningPopup('My Case Load Roster List')\r\n },\r\n });\r\n widgetHeader.appendChild(pdfBtn);\r\n }\r\n }\r\n\r\n function buildFilterPopup() {\r\n var filterPopup = document.createElement('div');\r\n filterPopup.classList.add('widget__filters', 'popup', 'popup--static', 'popup--filter');\r\n filterPopup.setAttribute('data-popup', 'true');\r\n\r\n return filterPopup;\r\n }\r\n\r\n // Widget Init Functions\r\n function initAbsentWidget() {\r\n const showHide = getWidgetSettings(widgetIds.absent).showHide;\r\n if (!infalOnly) {\r\n (function loadAbsentWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.absent);\r\n div.id = 'dashabsentconsumers';\r\n div.classList.add('widget');\r\n div.classList.add('absentWidget');\r\n div.innerHTML = html.absent;\r\n widgets.push(div);\r\n setupFuncs.push(absentWidget.init);\r\n })();\r\n }\r\n }\r\n function initLinksAndMessagesWidget() { \r\n const showHideCustomLinks = getWidgetSettings(widgetIds.customLinks).showHide;\r\n (function loadSysMessagesAndCustomLinksWidget() {\r\n var div2 = document.createElement('div');\r\n div2.setAttribute('data-show', showHideCustomLinks);\r\n div2.setAttribute('data-widgetId', widgetIds.customLinks);\r\n div2.id = 'dashcustomlinks';\r\n div2.classList.add('widget');\r\n div2.classList.add('customLinksWidget');\r\n div2.innerHTML = html.customLinks;\r\n widgets.push(div2);\r\n // Check if setupFuncs already contains linksAndMessages.init (stops duplicate messages and links)\r\n if (!setupFuncs.includes(linksAndMessages.init)) { \r\n setupFuncs.push(linksAndMessages.init);\r\n }\r\n })();\r\n }\r\n\r\n function initSystemMessagesWidget() { \r\n (function loadSysMessagesAndCustomLinksWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', 'Y');\r\n div.setAttribute('data-widgetId', widgetIds.systemMessages);\r\n div.id = 'dashsystemmessagewidget';\r\n div.classList.add('widget');\r\n div.classList.add('systemMessagesWidget');\r\n div.innerHTML = html.systemMessages;\r\n widgets.push(div);\r\n\r\n // Check if setupFuncs already contains linksAndMessages.init (stops duplicate messages and links)\r\n if (!setupFuncs.includes(linksAndMessages.init)) {\r\n setupFuncs.push(linksAndMessages.init);\r\n }\r\n })();\r\n }\r\n\r\n function initSingleEntryWidget() {\r\n const showHide = getWidgetSettings(widgetIds.singleEntry).showHide;\r\n if (\r\n $.session.applicationName !== 'Gatekeeper' &&\r\n $.session.SingleEntryView &&\r\n $.session.singleEntryPermission === 'Anywhere_SingleEntry'\r\n ) {\r\n // Single Entry\r\n (function loadAdminSingleEntryWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.singleEntry);\r\n div.id = 'dashsingleentrywidget';\r\n div.classList.add('widget');\r\n div.classList.add('singleEntryWidget');\r\n div.innerHTML = html.singleEntry;\r\n widgets.push(div);\r\n setupFuncs.push(singleEntryCountWidget.init);\r\n })();\r\n }\r\n }\r\n function initAdminSingleEntryWidget() {\r\n const showHide = getWidgetSettings(widgetIds.adminSingleEntry).showHide;\r\n if (\r\n $.session.applicationName !== 'Gatekeeper' &&\r\n $.session.ViewAdminSingleEntry &&\r\n $.session.SEViewAdminWidget\r\n ) {\r\n //TODO needs added to if $.session.singleEntryPermission == \"Anywhere_SingleEntry\"\r\n (function loadSingleEntryWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.adminSingleEntry);\r\n div.id = 'admindashsingleentrywidget';\r\n div.classList.add('widget');\r\n div.classList.add('adminSingleEntryWidget');\r\n div.innerHTML = html.adminSingleEntry;\r\n widgets.push(div);\r\n setupFuncs.push(adminSingleEntryWidget.init);\r\n })();\r\n }\r\n }\r\n function initTimeClockWidget() {\r\n const showHide = getWidgetSettings(widgetIds.timeClock).showHide;\r\n if (\r\n $.session.isPSI == false &&\r\n $.session.DayServiceUpdate &&\r\n $.session.dayServicesPermission === 'Anywhere_DayServices'\r\n ) {\r\n (function loadEmployeeDayServicesWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.timeClock);\r\n div.id = 'dashtimeclockwidget';\r\n div.classList.add('widget');\r\n div.classList.add('timeClockWidget');\r\n div.innerHTML = html.timeClock;\r\n widgets.push(div);\r\n setupFuncs.push(timeClock.init);\r\n })();\r\n }\r\n }\r\n function initHoursWorkedWidget() {\r\n const showHide = getWidgetSettings(widgetIds.hoursWorked).showHide;\r\n if (\r\n $.session.SEViewAdminWidget === true ||\r\n ($.session.DayServiceUpdate && $.session.dayServicesPermission === 'Anywhere_DayServices')\r\n ) {\r\n (function loadHoursWorkedWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.hoursWorked);\r\n div.id = 'dashhoursworkedwidget';\r\n div.classList.add('widget');\r\n div.classList.add('hoursWorkedWidget');\r\n div.innerHTML = html.hoursWorked;\r\n widgets.push(div);\r\n setupFuncs.push(hoursWorkedWidget.init);\r\n })();\r\n }\r\n }\r\n function initScheduleWidget() {\r\n const showHide = getWidgetSettings(widgetIds.schedule).showHide;\r\n if (\r\n $.session.applicationName !== 'Gatekeeper' &&\r\n $.session.schedulingPermission === 'Scheduling'\r\n ) {\r\n (function loadScheduleWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.schedule);\r\n div.id = 'dashschedulewidget';\r\n div.classList.add('widget');\r\n div.classList.add('scheduleWidget');\r\n div.innerHTML = html.schedule;\r\n widgets.push(div);\r\n setupFuncs.push(schedule.init);\r\n })();\r\n }\r\n }\r\n function initDailyServicesWidget() {\r\n const showHide = getWidgetSettings(widgetIds.goals).showHide;\r\n if (\r\n $.session.GoalsView &&\r\n $.session.outcomesPermission === 'Anywhere_Outcomes' &&\r\n !$.session.removeGoalsWidget\r\n ) {\r\n (function loadDailyServicesWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.goals);\r\n div.id = 'dashgoalswidget';\r\n div.classList.add('widget');\r\n div.classList.add('goalsWidget');\r\n div.innerHTML = html.goals;\r\n widgets.push(div);\r\n\r\n function widgetSetup() {\r\n //remainingDailyServicesWidgetAjax.populateFilteredList('%', '%', '%');\r\n remainingDailyServicesWidget.init();\r\n }\r\n\r\n setupFuncs.push(widgetSetup);\r\n })();\r\n }\r\n }\r\n function initClockedInWidget() {\r\n const showHide = getWidgetSettings(widgetIds.clockedIn).showHide;\r\n if ($.session.DayServiceView && $.session.dayServicesPermission === 'Anywhere_DayServices') {\r\n (function loadDayServicesWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.clockedIn);\r\n div.id = 'dashdsclockedin';\r\n div.classList.add('widget');\r\n div.classList.add('clockedInWidget');\r\n div.innerHTML = html.clockedIn;\r\n widgets.push(div);\r\n setupFuncs.push(clockedInWidget.init);\r\n })();\r\n }\r\n }\r\n function initIncidentTrackingWidget() {\r\n const showHide = getWidgetSettings(widgetIds.incidentTracking).showHide;\r\n if (\r\n ($.session.isASupervisor || $.session.isPSI == true) && $.session.incidentTrackingView == true && \r\n $.session.incidentTrackingPermission === 'Anywhere_Incident_Tracking'\r\n ) {\r\n (function loadIncidentTrackingWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.incidentTracking);\r\n div.id = 'incidenttrackingwidget';\r\n div.classList.add('widget');\r\n div.classList.add('incidentWidget');\r\n div.innerHTML = html.incidentTracking;\r\n widgets.push(div);\r\n setupFuncs.push(incidentTrackingWidget.init);\r\n })();\r\n }\r\n }\r\n function initConsumerProgressNotesWidget() {\r\n const showHide = getWidgetSettings(widgetIds.consumerProgressNotes).showHide;\r\n if ($.session.isPSI == true || $.session.useProgressNotes === 'Y') {\r\n (function loadConsumerProgressNotesWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.consumerProgressNotes);\r\n div.id = 'consumerprogressnoteswidget';\r\n div.classList.add('widget');\r\n div.classList.add('consumerProgressNoteWidget');\r\n div.innerHTML = html.consumerProgressNotes;\r\n widgets.push(div);\r\n setupFuncs.push(consumerProgresNotes.init);\r\n })();\r\n }\r\n }\r\n function initLocationProgressNotesWidget() {\r\n const showHide = getWidgetSettings(widgetIds.unreadLocationNotes).showHide;\r\n if ($.session.isPSI == true || $.session.useProgressNotes === 'Y') {\r\n (function loadLocationProgressNotesWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.unreadLocationNotes);\r\n div.id = 'locationprogressnoteswidget';\r\n div.classList.add('widget');\r\n div.classList.add('locationProgressNoteWidget');\r\n div.innerHTML = html.unreadLocationNotes;\r\n widgets.push(div);\r\n setupFuncs.push(unreadLocationNotes.init);\r\n })();\r\n }\r\n }\r\n function initCaseNotesProductivityWidget() {\r\n const isPSI =\r\n $.session.isPSI == true && $.session.applicationName === 'Gatekeeper' ? true : false;\r\n const hasPerm =\r\n $.session.caseNotesPermission === 'Anywhere_CaseNotes' &&\r\n $.session.applicationName === 'Gatekeeper'\r\n ? true\r\n : false;\r\n const showHide = getWidgetSettings(widgetIds.caseNotesProductivity).showHide;\r\n\r\n if (isPSI || hasPerm) {\r\n (function loadCaseNotesProdictivityWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.caseNotesProductivity);\r\n div.id = 'casenotesprodictivitywidget';\r\n div.classList.add('widget');\r\n div.classList.add('caseNotesProductivityWidget');\r\n div.innerHTML = html.caseNotesProductivity;\r\n widgets.push(div);\r\n setupFuncs.push(CN_ProductivityWidget.init);\r\n })();\r\n }\r\n }\r\n function initCaseNotesCaseLoadWidget() {\r\n const showHide = getWidgetSettings(widgetIds.caseNotesCaseLoad).showHide;\r\n if (\r\n ($.session.isPSI == true && $.session.applicationName === 'Gatekeeper') ||\r\n ($.session.caseNotesPermission === 'Anywhere_CaseNotes' &&\r\n $.session.applicationName === 'Gatekeeper')\r\n ) {\r\n (function loadCaseNotesCaseLoadWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.caseNotesCaseLoad);\r\n div.id = 'casenotescaseload';\r\n div.classList.add('widget');\r\n div.classList.add('caseNotesCaseLoadWidget');\r\n div.innerHTML = html.caseNotesCaseLoad;\r\n widgets.push(div);\r\n setupFuncs.push(CN_CaseLoadWidget.init);\r\n })();\r\n }\r\n }\r\n function initCaseNotesRejectedWidget() {\r\n const showHide = getWidgetSettings(widgetIds.caseNotesRejected).showHide;\r\n if (\r\n ($.session.isPSI == true && $.session.applicationName === 'Gatekeeper') ||\r\n ($.session.caseNotesPermission === 'Anywhere_CaseNotes' &&\r\n $.session.applicationName === 'Gatekeeper')\r\n ) {\r\n (function loadCaseNotesCaseLoadWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.caseNotesRejected);\r\n div.id = 'casenotesrejected';\r\n div.classList.add('widget');\r\n div.classList.add('caseNotesRejectedWidget');\r\n div.innerHTML = html.caseNotesRejected;\r\n widgets.push(div);\r\n setupFuncs.push(CN_RejectedWidget.init);\r\n })();\r\n }\r\n }\r\n function initPlanWorkflowWidget() {\r\n const showHide = getWidgetSettings(widgetIds.planWorkflow).showHide;\r\n if (\r\n ($.session.isPSI == true && $.session.applicationName === 'Gatekeeper') ||\r\n ($.session.anywherePlanPermission == 'Anywhere_Plan' &&\r\n $.session.applicationName === 'Gatekeeper')\r\n ) {\r\n (function loadPlanWorkflowWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.planWorkflow);\r\n div.id = 'planworkflow';\r\n div.classList.add('widget');\r\n div.classList.add('planWorkflowWidget');\r\n div.innerHTML = html.planWorkflow;\r\n widgets.push(div);\r\n setupFuncs.push(planWorkflowWidget.init);\r\n })();\r\n }\r\n }\r\n\r\n function initRosterToDoListWidget() {\r\n const showHide = getWidgetSettings(widgetIds.rosterToDoList).showHide;\r\n if (\r\n ($.session.isPSI == true && $.session.applicationName === 'Gatekeeper') ||\r\n ($.session.anywherePlanPermission == 'Anywhere_Plan' &&\r\n $.session.applicationName === 'Gatekeeper')\r\n ) {\r\n (function loadRosterToDoListWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.rosterToDoList);\r\n div.id = 'rosterToDoList';\r\n div.classList.add('widget');\r\n div.classList.add('rosterToDoListWidget');\r\n div.innerHTML = html.rosterToDoList;\r\n widgets.push(div);\r\n setupFuncs.push(rosterToDoListWidget.init);\r\n })();\r\n }\r\n }\r\n\r\n function initInfalWidget() {\r\n const showHide = getWidgetSettings(widgetIds.infal).showHide;\r\n if (\r\n $.session.infalOnly &&\r\n $.session.applicationName == 'Gatekeeper' &&\r\n $.session.infalHasConnectionString == true\r\n ) {\r\n (function anonymousFunction() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.infal);\r\n div.id = 'dashinfaltimeclockwidget';\r\n div.classList.add('widget');\r\n div.classList.add('infalWidget');\r\n div.innerHTML = html.infal;\r\n widgets.push(div);\r\n\r\n setupFuncs.push(infalTimeClockWidget.init);\r\n })();\r\n }\r\n }\r\n function initSignaturesWidget() {\r\n const showHide = getWidgetSettings(widgetIds.missingSignatures).showHide;\r\n if (!$.session.planView) return;\r\n if (!infalOnly) {\r\n (function loadSignatureWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.missingSignatures);\r\n div.id = 'dashmissingsignatures';\r\n div.classList.add('widget');\r\n div.classList.add('missingSignaturesWidget');\r\n div.innerHTML = html.missingSignatures;\r\n widgets.push(div);\r\n setupFuncs.push(signatureWidget.init);\r\n })();\r\n }\r\n }\r\n\r\n function initMoneyManagementWidget() {\r\n const showHide = getWidgetSettings(widgetIds.moneyManagement).showHide;\r\n if (\r\n $.session.anywhereConsumerFinancesPermission === 'Anywhere_Consumer_Finances' && $.session.CFView == true\r\n ) {\r\n (function loadMoneyManagementWidget() {\r\n var div = document.createElement('div');\r\n div.setAttribute('data-show', showHide);\r\n div.setAttribute('data-widgetId', widgetIds.moneyManagement);\r\n div.id = 'dashMoneyManagementwidget';\r\n div.classList.add('widget');\r\n div.classList.add('absentWidget');\r\n div.innerHTML = html.moneyManagement;\r\n widgets.push(div);\r\n setupFuncs.push(consumerFinancesWidget.init);\r\n })();\r\n }\r\n }\r\n\r\n function loadDashboardWidgets() {\r\n var actioncenter = document.getElementById('actioncenter');\r\n actioncenter.innerHTML = '';\r\n \r\n widgetSettings.forEach(widgetSetting => { \r\n // Check for invalid defaults while widgets load in background\r\n defaults.getInvalidDefaultLocations();\r\n\r\n if (widgetSetting.widgetName == 'System Messages') {\r\n /*19*/ initSystemMessagesWidget(); // System Message Widget\r\n } \r\n\r\n // The order of the function calls below determines the order of widgets\r\n if (widgetSetting.widgetName == 'Custom Links') {\r\n /*1*/ initLinksAndMessagesWidget(); // System Messages & Custom Links\r\n }\r\n else if (widgetSetting.widgetName == 'Absent Consumers') {\r\n /*2*/ initAbsentWidget(); // Absent Consumers \r\n }\r\n else if (widgetSetting.widgetName == 'Case_Note_Productivity') {\r\n /*3*/ initCaseNotesProductivityWidget(); // Case Notes Producitivity (GK Only) --- WidgetId 1\r\n }\r\n else if (widgetSetting.widgetName == 'Case Load Widget') {\r\n /*4*/ initCaseNotesCaseLoadWidget(); // Case Notes Case Load (GK Only) --- WidgetId 2\r\n }\r\n else if (widgetSetting.widgetName == 'Rejected Case Notes') {\r\n /*5*/ initCaseNotesRejectedWidget(); // Case Notes Rejected (GK Only) --- WidgetId 2\r\n }\r\n else if (widgetSetting.widgetName == 'Plan To-Do List') {\r\n /*6*/ initPlanWorkflowWidget(); // Plan Workflow To Do List Widget\r\n }\r\n else if (widgetSetting.widgetName == 'Location Progress Notes') {\r\n /*7*/ initLocationProgressNotesWidget(); //Location Progress Notes Widget\r\n }\r\n else if (widgetSetting.widgetName == 'My Unapproved Time Entries') {\r\n /*8*/ initSingleEntryWidget(); // Unapproved Time Entries - Single Entry\r\n }\r\n else if (widgetSetting.widgetName == 'Consumer Progress Notes') {\r\n /*9*/ initConsumerProgressNotesWidget(); //Consumer Progress Note Widget\r\n }\r\n else if (widgetSetting.widgetName == 'Time Entry Review') {\r\n /*10*/ initAdminSingleEntryWidget(); // Supervisor Time Entry Review - Admin Single Entry\r\n }\r\n else if (widgetSetting.widgetName == 'Day Service Time Clock') {\r\n /*11*/ initTimeClockWidget(); // Employee Day Service Time Clock\r\n }\r\n else if (widgetSetting.widgetName == 'Hours Worked') {\r\n /*12*/ initHoursWorkedWidget(); // Hours Worked\r\n }\r\n else if (widgetSetting.widgetName == 'My Schedule') {\r\n /*13*/ initScheduleWidget(); // My Schedule\r\n }\r\n else if (widgetSetting.widgetName == 'Daily Services') {\r\n /*14*/ initDailyServicesWidget(); // Remaining Daily Services\r\n }\r\n else if (widgetSetting.widgetName == 'Day Services') {\r\n /*15*/ initClockedInWidget(); // Day Services Clocked In\r\n }\r\n else if (widgetSetting.widgetName == 'Incident Tracking') {\r\n /*16*/ initIncidentTrackingWidget(); // Incident Tracking\r\n }\r\n else if (widgetSetting.widgetName == 'Plans Missing Signatures') {\r\n /*17*/ initSignaturesWidget(); // Missing Signatures Widget\r\n }\r\n else if (widgetSetting.widgetName == 'Money Management') {\r\n /*18*/ initMoneyManagementWidget(); // Money Management Widget \r\n } \r\n else if (widgetSetting.widgetName == 'Roster To-Do List') {\r\n /*20*/ initRosterToDoListWidget(); // Plan Workflow To Do List Widget\r\n }\r\n\r\n /*17*/ initInfalWidget(); // InfalTimeClock Widget\r\n });\r\n\r\n let IsSystemMessageAvailable = widgetSettings.find(x => x.widgetName == 'System Messages') == undefined ? true : false; \r\n if (IsSystemMessageAvailable) {\r\n /*19*/ initSystemMessagesWidget(); // System Message Widget\r\n } \r\n\r\n var actioncenter = document.getElementById('actioncenter');\r\n widgets.forEach(widget => {\r\n actioncenter.appendChild(widget);\r\n });\r\n\r\n setupFuncs.forEach(func => func());\r\n }\r\n\r\n function getWidgetSettings(widgetId) {\r\n if (!widgetId) {\r\n // if no widget id means no settings so go ahead and set showHide to Y\r\n return {\r\n showHide: 'Y',\r\n };\r\n }\r\n\r\n const settingForWidget = widgetSettings.filter(\r\n widget => parseInt(widget.widgetId) === parseInt(widgetId),\r\n )[0];\r\n if (settingForWidget) {\r\n return {\r\n widgetId: settingForWidget.widgetId,\r\n showHide: settingForWidget.showHide,\r\n widgetConfig:\r\n settingForWidget.widgetConfig === '' ? null : JSON.parse(settingForWidget.widgetConfig),\r\n widgetName: settingForWidget.widgetName,\r\n widgetOrder: settingForWidget.widgetOrder,\r\n };\r\n } else {\r\n return {\r\n widgetId: widgetId,\r\n showHide: 'Y',\r\n widgetConfig: null,\r\n widgetName: null,\r\n widgetOrder: null,\r\n };\r\n }\r\n }\r\n\r\n async function refreshWidgetSettings() {\r\n widgetSettings = (await widgetSettingsAjax.getWidgetSettings()).getUserWidgetSettingsResult;\r\n }\r\n\r\n async function preLoadWidget() {\r\n widgetSettings = (await widgetSettingsAjax.getWidgetSettings()).getUserWidgetSettingsResult;\r\n\r\n function getSetting(widgetId) {\r\n return widgetSettings.filter(widget => {\r\n if (widget.widgetId === widgetId) return widget;\r\n })[0];\r\n }\r\n\r\n loadDashboardWidgets();\r\n\r\n return {\r\n getSetting: getSetting,\r\n };\r\n }\r\n\r\n function init() {\r\n remainingDailyServicesWidget.filter.outcomeType = '%';\r\n remainingDailyServicesWidget.filter.location = '%';\r\n remainingDailyServicesWidget.filter.group = '%'; \r\n widgets = [];\r\n setupFuncs = [];\r\n preLoadWidget();\r\n }\r\n\r\n return {\r\n appendFilterButton,\r\n appendPDFButton,\r\n appendAddMessageButton,\r\n buildFilterPopup,\r\n getWidgetSettings,\r\n refreshWidgetSettings,\r\n load: init,\r\n };\r\n})();\r\n","var displayTimeSelect = 'Y';\r\nvar validateError = '';\r\nvar numberOfCards = 4;\r\n\r\nfunction pad(x) {\r\n\treturn x < 10 ? '0' + x : x;\r\n}\r\n\r\nfunction ticktock() {\r\n\tvar d = new Date();\r\n\tvar h = pad(d.getHours());\r\n\tvar m = pad(d.getMinutes());\r\n\tvar s = pad(d.getSeconds());\r\n\tvar current_time = [h, m].join(':');\r\n}\r\n\r\nfunction anywhere() {\r\n\twindow.location = 'anywhere.html';\r\n}\r\n\r\nfunction popCalendar(event) {\r\n\tif ($('#calendardropdown').css('opacity') == '0') {\r\n\t\t$('#calendardropdown')\r\n\t\t\t.css('opacity', '1')\r\n\t\t\t.css('display', 'block');\r\n\t} else {\r\n\t\t$('#calendardropdown')\r\n\t\t\t.css('opacity', '0')\r\n\t\t\t.css('display', 'none');\r\n\t}\r\n}\r\n\r\nfunction startMessage() {\r\n\tif ($('#messageinput').val() == 'Add a new message...') {\r\n\t\t$('#messageinput').val('');\r\n\t}\r\n}\r\n\r\nfunction swapMessageBoxes() {\r\n\tif ($('#messageboxsmall').css('opacity') == '0') {\r\n\t\t$('#messageboxsmall')\r\n\t\t\t.css('opacity', '1')\r\n\t\t\t.css('display', 'block');\r\n\t\t$('#messageinput')\r\n\t\t\t.css('opacity', '0')\r\n\t\t\t.css('display', 'none');\r\n\t\t$('#messagetypebox')\r\n\t\t\t.css('opacity', '0')\r\n\t\t\t.css('display', 'none');\r\n\t\t$('#closemessageinput')\r\n\t\t\t.css('opacity', '0')\r\n\t\t\t.css('display', 'none');\r\n\t} else {\r\n\t\t$('#messageboxsmall')\r\n\t\t\t.css('opacity', '0')\r\n\t\t\t.css('display', 'none');\r\n\t\t$('#messageinput')\r\n\t\t\t.css('opacity', '1')\r\n\t\t\t.css('display', 'block');\r\n\t\t$('#messagetypebox')\r\n\t\t\t.css('opacity', '1')\r\n\t\t\t.css('display', 'block');\r\n\t\t$('#closemessageinput')\r\n\t\t\t.css('opacity', '1')\r\n\t\t\t.css('display', 'block');\r\n\t}\r\n}\r\n\r\nfunction showDownArrow() {\r\n\tif ($('clockrow').length == 0) {\r\n\t\t$('#downarrow')\r\n\t\t\t.css('opacity', '0')\r\n\t\t\t.css('display', 'none');\r\n\t} else {\r\n\t\t$('#downarrow')\r\n\t\t\t.css('opacity', '1')\r\n\t\t\t.css('display', 'block');\r\n\t}\r\n}\r\n\r\nfunction validateTime(startTime, stopTime) {\r\n\tvar validTime = 1;\r\n\tif (startTime > stopTime && stopTime != '00:00:00') {\r\n\t\tvalidTime = 0;\r\n\t}\r\n\treturn validTime;\r\n}\r\n/////////////////// Pop the display boxes ///////////////////////////////////\r\n// Get time in and time out values for day service consumer rows:\r\nfunction popDayStaffTimeBox(tagname, event) {\r\n\tvar obj = $('#' + tagname);\r\n\tobj.blur();\r\n\t$('.timein').blur();\r\n\t$('.timeout').blur();\r\n\tif ($.session.DenyStaffClockUpdate == true) {\r\n\t\treturn;\r\n\t}\r\n\tvar now = new Date();\r\n\tvar nonFormattedTime = '';\r\n\toriginalText = $('#' + tagname).val();\r\n\tnonFormattedTime = originalText;\r\n\tif (tagname.indexOf('out') != -1) {\r\n\t\tif (originalText != '') {\r\n\t\t\toriginalText = convertTimeToMilitary(originalText);\r\n\t\t\t$.session.initialTimeOut = originalText;\r\n\t\t\t$.session.initialTimeIn = '';\r\n\t\t}\r\n\t}\r\n\tif (tagname.indexOf('in') != -1) {\r\n\t\toriginalText = convertTimeToMilitary(originalText);\r\n\t\t$.session.initialTimeIn = originalText;\r\n\t\t$.session.initialTimeOut = '';\r\n\t}\r\n\tsetupTimeInputBox(obj, event);\r\n\treturn false;\r\n}\r\n\r\nfunction validateStaffTime(tagname, valueText) {\r\n\tif (valueText.length > 8) {\r\n\t\treturn false;\r\n\t}\r\n\tvar rowid = '';\r\n\tvar timein = '';\r\n\tvar timeout = '';\r\n\r\n\tif (tagname.indexOf('out') > -1) {\r\n\t\trowid = tagname.substring(7);\r\n\t\ttimein = $('#timein' + rowid)\r\n\t\t\t.val()\r\n\t\t\t.replace(' ', '');\r\n\t\ttimein = convertTimeToMilitary(timein);\r\n\t\ttimeout = $('#' + tagname)\r\n\t\t\t.val()\r\n\t\t\t.replace(' ', '');\r\n\t\ttimeout = convertTimeToMilitary(timeout);\r\n\t}\r\n\r\n\tif (tagname.indexOf('in') > -1) {\r\n\t\trowid = tagname.substring(6);\r\n\t\ttimeout = $('#timeout' + rowid)\r\n\t\t\t.val()\r\n\t\t\t.replace(' ', '');\r\n\t\ttimeout = convertTimeToMilitary(timeout);\r\n\t\ttimein = $('#' + tagname)\r\n\t\t\t.val()\r\n\t\t\t.replace(' ', '');\r\n\t\ttimein = convertTimeToMilitary(timein);\r\n\t}\r\n\ttimein = timein.replace(':', '');\r\n\ttimeout = timeout.replace(':', '');\r\n\tif (timeout.length < 2) return true;\r\n\tif (timeout < timein && timeout != '00:00:00' && timeout != '0000:00' && timeout != '00:00') {\r\n\t\tvalidateError = 'In time can not be greater than out time.';\r\n\t\twindow.timeOverlapError = false; //ensures error message above takes priority over time overlap error\r\n\t\treturn false;\r\n\t}\r\n\treturn true;\r\n}\r\n\r\nfunction getTimeClockInput(objId, rowId) {\r\n\tvar obj = $('#' + objId),\r\n\t\ttext = obj.text();\r\n\tobj.text('');\r\n\tvar pushStr = \"';\r\n\t$(pushStr)\r\n\t\t.appendTo(obj)\r\n\t\t.val(text)\r\n\t\t.focus()\r\n\t\t.change(function() {\r\n\t\t\tvar newText = $('#tempLocation option:selected').text();\r\n\t\t\tvar newValue = $('#tempLocation option:selected').val();\r\n\t\t\tobj.text(newText).attr('locid', newValue);\r\n\t\t});\r\n}\r\n\r\nfunction textFieldEdit(objId) {\r\n\tvar text = $('#' + objId).text();\r\n\t$('#' + objId).text('');\r\n\t$('')\r\n\t\t.appendTo($('#' + objId))\r\n\t\t.val(text)\r\n\t\t.select()\r\n\t\t.blur(function() {\r\n\t\t\tvar newText = $('#temptxt').attr('value');\r\n\t\t\t$('#' + objId).text(newText); //, find('input:text').remove();\r\n\t\t});\r\n}\r\n\r\nfunction showRemainingGoals(res, $goalsCount, $listTarget, $goalsConsumerCount) {\r\n\tvar people = {},\r\n\t\tcount = 0,\r\n\t\tconsumerCount = 0;\r\n\t$('result', res).each(function() {\r\n\t\tcount++;\r\n\t\tvar ID = $('ID', this).text(),\r\n\t\t\toid = $('oid', this).text(),\r\n\t\t\tfirst_name = $('first_name', this).text(),\r\n\t\t\tlast_name = $('last_name', this).text(),\r\n\t\t\tfullName = [first_name, last_name].join(' ');\r\n\t\tif (!people[fullName]) people[fullName] = 0;\r\n\t\tpeople[fullName]++;\r\n\t});\r\n\t$goalsCount.text(count);\r\n\tvar names = Object.keys(people);\r\n\t//names.sort();\r\n\tnames.forEach(function(name) {\r\n\t\tconsumerCount++;\r\n\t\tvar li = $('')\r\n\t\t.addClass('modaloverlay')\r\n\t\t.css({\r\n\t\t\tbackgroundColor: 'rgba(0, 0, 0, 0.15)',\r\n\t\t})\r\n\t\t.appendTo($('body'));\r\n\r\n\t$.ajax({\r\n\t\ttype: 'GET',\r\n\t\turl: 'dist/templates/autologin.html?RNG=' + +new Date(),\r\n\t\tsuccess: function(HTMLresponse, status, xhr) {\r\n\t\t\t//buildAbsentCard({ card: $(\"
\").replaceWith(HTMLresponse), overlay: overlay, values: values, multi: true });\r\n\t\t\tvar card = $(HTMLresponse);\r\n\t\t\trosterAjax.getPSIUserOptionList(function(err, data) {\r\n\t\t\t\toverlay\r\n\t\t\t\t\t.click(function() {\r\n\t\t\t\t\t\t$(this).remove();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.append(card);\r\n\r\n\t\t\t\tcard\r\n\t\t\t\t\t.click(function(e) {\r\n\t\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.bind('remove', function() {\r\n\t\t\t\t\t\toverlay.remove();\r\n\t\t\t\t\t});\r\n\t\t\t\tdata.forEach(function(user) {\r\n var li = $('').text([user.last_name, user.first_name +' ('+user.user_id+')'].join(', '));\r\n\t\t\t\t\tli.click(function() {\r\n\t\t\t\t\t\t$.session.UserId = user.user_id;\r\n\t\t\t\t\t\t//homeServiceLoad(false);\r\n\t\t\t\t\t\tchangeFromPSIAjax(user.user_id);\r\n\t\t\t\t\t\tcard.trigger('remove');\r\n\t\t\t\t\t});\r\n\t\t\t\t\t$('#autologinlist').append(li);\r\n\t\t\t\t});\r\n\r\n\t\t\t});\r\n\t\t\tpsiLogin.buildPopup(overlay[0]);\r\n\t\t},\r\n\t\terror: function(xhr, status, error) {\r\n\t\t\t//alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n\t\t},\r\n\t});\r\n\treturn;\r\n}\r\n\r\nfunction isNumberKey(evt) {\r\n\tvar charCode = evt.which ? evt.which : event.keyCode;\r\n\tif (charCode > 31 && (charCode < 48 || charCode > 57)) return false;\r\n\r\n\treturn true;\r\n}\r\n\r\nfunction formatDateGFromDB(date) {\r\n\tdate = new Date(date);\r\n\tdate = ('0' + (date.getMonth() + 1)).slice(-2) + '/' + ('0' + date.getDate()).slice(-2) + '/' + date.getFullYear();\r\n\treturn date;\r\n}\r\n\r\nfunction formatTimeFromDB(time) {\r\n\tvar test = time.substr(0, 2);\r\n\tif (time.substr(0, 2) > 12 && time.substr(0, 2) < 22) {\r\n\t\ttest2 = time.substr(0, 2) - 12;\r\n\t\t//tmpStartTime = tmpStartTime.replace(test, '0' + test2)\r\n\t\ttime = time.replace(time.substring(0, 2), '0' + test2);\r\n\t} else if (time.substr(0, 2) >= 22) {\r\n\t\ttest2 = time.substr(0, 2) - 12;\r\n\t\ttime = time.replace(time.substring(0, 2), test2);\r\n\t\t//tmpStartTime = tmpStartTime.replace(test, test2)\r\n\t} else if (time.substr(0, 2) == 0) {\r\n\t\ttime = time.replace(time.substring(0, 2), 12);\r\n\t\t//tmpStartTime = tmpStartTime.replace(test, test2)\r\n\t}\r\n\t//\r\n\ttime = time.slice(0, 5);\r\n\t//\r\n\tif (test >= 12) {\r\n\t\ttime = time + ' PM';\r\n\t} else {\r\n\t\ttime = time + ' AM';\r\n\t}\r\n\treturn time;\r\n}\r\n\r\nfunction convertTimeFromMilitary(value) {\r\n\tif (value !== null && value !== undefined) {\r\n\t\t//If value is passed in\r\n\t\tif (value.indexOf('AM') > -1 || value.indexOf('PM') > -1) {\r\n\t\t\t//If time is already in standard time then don't format.\r\n\t\t\treturn value;\r\n\t\t} else {\r\n\t\t\tif (value.length == 8) {\r\n\t\t\t\t//If value is the expected length for military time then process to standard time.\r\n\t\t\t\tvar hour = value.substring(0, 2); //Extract hour\r\n\t\t\t\tvar minutes = value.substring(3, 5); //Extract minutes\r\n\t\t\t\tvar identifier = 'AM'; //Initialize AM PM identifier\r\n\r\n\t\t\t\tif (hour == 12) {\r\n\t\t\t\t\t//If hour is 12 then should set AM PM identifier to PM\r\n\t\t\t\t\tidentifier = 'PM';\r\n\t\t\t\t}\r\n\t\t\t\tif (hour == 0) {\r\n\t\t\t\t\t//If hour is 0 then set to 12 for standard time 12 AM\r\n\t\t\t\t\thour = 12;\r\n\t\t\t\t}\r\n\t\t\t\tif (hour > 12) {\r\n\t\t\t\t\t//If hour is greater than 12 then convert to standard 12 hour format and set the AM PM identifier to PM\r\n\t\t\t\t\thour = hour - 12;\r\n\t\t\t\t\tif (hour < 10) {\r\n\t\t\t\t\t\thour = '0' + hour;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tidentifier = 'PM';\r\n\t\t\t\t}\r\n\t\t\t\treturn hour + ':' + minutes + ' ' + identifier; //Return the constructed standard time\r\n\t\t\t} else {\r\n\t\t\t\t//If value is not the expected length than just return the value as is\r\n\t\t\t\treturn value;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction removeBadNoteTextToDisplay(note) {\r\n\tvar test = note.indexOf('\\\\r');\r\n\tnote = note.replace(/[\\n\\r]/g, '');\r\n\tif (note.indexOf('\\\\n') != -1) {\r\n\t\tnote = note.replace(/\\\\n/g, '\\n');\r\n\t}\r\n\tif (note.indexOf('\\\\r') != -1) {\r\n\t\tnote = note.replace(/\\\\r/g, ' ');\r\n\t}\r\n\tif (note.indexOf('\"') != -1) {\r\n\t\tnote = note.replace(/\\\"/g, '');\r\n\t}\r\n\tif (note.indexOf(\"'\") != -1) {\r\n\t\tnote = note.replace(/'/g, '');\r\n\t}\r\n\tif (note.indexOf('\\\\') != -1) {\r\n\t\tnote = note.replace(/\\\\/g, '');\r\n\t}\r\n\tnote = note.replace(' ', '');\r\n\tnote = note.replace('\\t', '');\r\n\tnote = note.replace(/\\t/g, '');\r\n\r\n\tnote = note;\r\n\treturn note;\r\n}\r\n\r\n//Gets days between passed in date and current date\r\nfunction daysBetweenDates(checkDate) {\r\n\tvar oneDay = 24 * 60 * 60 * 1000;\r\n\tvar todaysDate = new Date();\r\n\tif (checkDate == undefined) {\r\n\t\tvar checkDate = new Date();\r\n\t}\r\n\tvar changeDate = new Date(checkDate);\r\n\r\n\treturn Math.floor((todaysDate.getTime() - changeDate.getTime()) / oneDay);\r\n}\r\n\r\nfunction formatDateForDatabaseSave(date) {\r\n\tvar newDate = new Date(date);\r\n\tdate = newDate.getFullYear() + '-' + (newDate.getMonth() + 1) + '-' + newDate.getDate();\r\n\treturn date;\r\n}\r\n\r\nfunction convertTimeToMilitaryNew(inputTime) {\r\n\tif (inputTime == '') {\r\n\t\treturn '::00';\r\n\t}\r\n\tvar time = inputTime;\r\n\tvar hours = parseInt(time.match(/^(\\d+)/)[1], 10);\r\n\tvar minutes = parseInt(time.match(/:(\\d+)/)[1], 10);\r\n\tvar AMPM = time.match(/\\s(.*)$/)[1];\r\n\tif (AMPM == 'PM' && hours < 12) hours = hours + 12;\r\n\tif (AMPM == 'AM' && hours == 12) hours = hours - 12;\r\n\tvar sHours = hours.toString();\r\n\tvar sMinutes = minutes.toString();\r\n\tif (hours < 10) sHours = '0' + sHours;\r\n\tif (minutes < 10) sMinutes = '0' + sMinutes;\r\n\t//alert(sHours + \":\" + sMinutes);\r\n\treturn [sHours, sMinutes, '00'].join(':');\r\n}\r\n\r\n// Convert the input AM/PM time to a 24-hour military time:\r\nfunction convertTimeToMilitary(inputTime) {\r\n\tvar amPM = '';\r\n\tvar hour = '';\r\n\tvar minute = '';\r\n\tvar militaryTime = '';\r\n\tif (inputTime.length < 5 && inputTime != '') {\r\n\t\tinputTime = '0' + inputTime;\r\n\t}\r\n\t// Parse the input time into hours, minutes and AM/PM values:\r\n\tfor (var i = 0; i < inputTime.length; i++) {\r\n\t\tif (isNaN(inputTime.charAt(i)) == false && inputTime.charAt(i) != ' ') {\r\n\t\t\tif (i < 2) {\r\n\t\t\t\thour = hour + inputTime.charAt(i);\r\n\t\t\t}\r\n\r\n\t\t\tif (i == 3 || i == 4) {\r\n\t\t\t\tminute = minute + inputTime.charAt(i);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (inputTime.charAt(i) == 'A' || inputTime.charAt(i) == 'P' || inputTime.charAt(i) == 'M') {\r\n\t\t\tamPM = amPM + inputTime.charAt(i);\r\n\t\t}\r\n\t}\r\n\r\n\t// If a AM value, add 12 to the input hour:\r\n\tif (amPM == 'AM' && hour == '12') {\r\n\t\thour = '00';\r\n\t}\r\n\r\n\t// If a PM value, add 12 to the input hour:\r\n\tif (amPM == 'PM') {\r\n\t\tif (hour != '00') {\r\n\t\t\tif (hour != '12') {\r\n\t\t\t\tvar x = +hour;\r\n\t\t\t\tx = x + 12;\r\n\t\t\t\thour = String(x);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// Create a military time from the input time format:\r\n\tmilitaryTime = hour + ':' + minute + ':00';\r\n\r\n\treturn militaryTime;\r\n}\r\n\r\n//http://stackoverflow.com/questions/499126/jquery-set-cursor-position-in-text-area\r\nfunction setSelectionRange(input, selectionStart, selectionEnd) {\r\n\tif (input.setSelectionRange) {\r\n\t\tinput.focus();\r\n\t\tinput.setSelectionRange(selectionStart, selectionEnd);\r\n\t} else if (input.createTextRange) {\r\n\t\tvar range = input.createTextRange();\r\n\t\trange.collapse(true);\r\n\t\trange.moveEnd('character', selectionEnd);\r\n\t\trange.moveStart('character', selectionStart);\r\n\t\trange.select();\r\n\t}\r\n}\r\n\r\nfunction setCaretToPos(input, pos) {\r\n\tsetSelectionRange(input, pos, pos);\r\n}\r\n\r\nfunction getDeviceLocation(callback) {\r\n\tif (location.protocol === 'https:' || location.hostname === 'localhost') {\r\n\t\tif (navigator.geolocation) {\r\n\t\t\tnavigator.geolocation.getCurrentPosition(callback, callback, { timeout: 3000 });\r\n\t\t} else {\r\n\t\t\tcallback();\r\n\t\t}\r\n\t}\r\n}\r\n\r\n//New time enter code below\r\nfunction setTimeToScreen(amOrPm) {\r\n\tvar pmAM = amOrPm;\r\n\tvar timeDigitsEntered = $('#timedisplayfield').val();\r\n\tvar originId = '#' + $('.timebox').attr('fromid');\r\n\tif (timeDigitsEntered.length < 3) {\r\n\t\ttimeDigitsEntered = timeDigitsEntered + ':00';\r\n\t} else {\r\n\t\ttimeDigitsEntered = timeDigitsEntered.substring(0, timeDigitsEntered.length - 2) + ':' + timeDigitsEntered.slice(-2);\r\n\t}\r\n\tif (timeDigitsEntered.length < 5) {\r\n\t\ttimeDigitsEntered = '0' + timeDigitsEntered;\r\n\t}\r\n\ttimeDigitsEntered = timeDigitsEntered + ' ' + pmAM;\r\n\tvar opts = $('.timebox').data('opts');\r\n\tvar increment = opts.increment;\r\n\tvar minutes = timeDigitsEntered.split(':')[1].split(' ')[0];\r\n\tvar hours = timeDigitsEntered.split(':')[0];\r\n\tif (increment != 0 && increment != undefined) {\r\n\t\tif (parseInt(minutes, 10) % increment != 0) {\r\n\t\t\treturn $.fn.PSmodal({\r\n\t\t\t\tbody: opts.incrementMessage,\r\n\t\t\t\timmediate: true,\r\n\t\t\t\tcloseOnBlur: false,\r\n\t\t\t\tbuttons: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttext: 'OK',\r\n\t\t\t\t\t\tcallback: function() {},\r\n\t\t\t\t\t},\r\n\t\t\t\t],\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tif (parseInt(hours, 10) > 12) {\r\n\t\treturn $.fn.PSmodal({\r\n\t\t\tbody: 'You have entered invalid hours. Please correct this.',\r\n\t\t\timmediate: true,\r\n\t\t\tcloseOnBlur: false,\r\n\t\t\tbuttons: [\r\n\t\t\t\t{\r\n\t\t\t\t\ttext: 'OK',\r\n\t\t\t\t\tcallback: function() {},\r\n\t\t\t\t},\r\n\t\t\t],\r\n\t\t});\r\n\t}\r\n\tif (parseInt(minutes, 10) > 59) {\r\n\t\treturn $.fn.PSmodal({\r\n\t\t\tbody: 'You have entered invalid minutes. Please correct this.',\r\n\t\t\timmediate: true,\r\n\t\t\tcloseOnBlur: false,\r\n\t\t\tbuttons: [\r\n\t\t\t\t{\r\n\t\t\t\t\ttext: 'OK',\r\n\t\t\t\t\tcallback: function() {},\r\n\t\t\t\t},\r\n\t\t\t],\r\n\t\t});\r\n\t}\r\n\tif (opts.callback) {\r\n\t\topts.callback(timeDigitsEntered);\r\n\t} else {\r\n\t\t$(originId).val(timeDigitsEntered);\r\n\t\t$(originId).html(timeDigitsEntered);\r\n\t\t$(originId).text(timeDigitsEntered);\r\n\t\t$(originId).change();\r\n\t}\r\n\r\n\t$('#timeoverlay').remove();\r\n}\r\n\r\nfunction setupTimeInputBox(obj, event, opts) {\r\n\tURL = '/webroot/dist/templates/timeinputpad.html'; // adjust path\r\n\t$.ajax({\r\n\t\ttype: 'GET',\r\n\t\turl: URL + '?RNG=' + +new Date(),\r\n\t\tsuccess: function(response) {\r\n\t\t\thtml = response;\r\n\t\t\tdisplayTimeBox(\r\n\t\t\t\thtml,\r\n\t\t\t\tobj,\r\n\t\t\t\tevent,\r\n\t\t\t\topts || {\r\n\t\t\t\t\tincrement: 0,\r\n\t\t\t\t\tincrementMessage: '',\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t},\r\n\t});\r\n}\r\n\r\nfunction displayTimeBox(html, obj, event, opts) {\r\n\tvar x, y;\r\n\tif ($.mobile) {\r\n\t\tx = 20;\r\n\t\ty = 20;\r\n\t} else {\r\n\t\tx = event.x - 50;\r\n\t\ty = event.y - 16;\r\n\t\t$('#timeinputkeypad').css('zoom', '125%');\r\n\t}\r\n\tvar overlay = $(\"
\")\r\n\t\t.css({\r\n\t\t\tbackgroundColor: 'rgba(0, 0, 0, 0.15)',\r\n\t\t\tposition: 'absolute',\r\n\t\t\ttop: '0',\r\n\t\t\tbottom: '0',\r\n\t\t\tleft: '0',\r\n\t\t\tright: '0',\r\n\t\t\tzIndex: '99999',\r\n\t\t})\r\n\t\t.click(function() {\r\n\t\t\t$(this).remove();\r\n\t\t\treturn false;\r\n\t\t});\r\n\tvar timeBox = $('![](\"./images/portraits/${consumer.id}.png\"\r\n)
\r\n
\r\n `;\r\n popup.appendChild(textArea);\r\n });\r\n\r\n popup.appendChild(btnWrap);\r\n POPUP.show(popup);\r\n }\r\n\r\n\r\n function checkRequiredFieldsOfNewEntry() {\r\n\r\n var selectedGroupId = '';\r\n var selectedDSTypeId = '';\r\n var group = document.getElementById('groupDropdown');\r\n var dsType = document.getElementById('dsTypeDropdown');\r\n if (group)\r\n selectedGroupId = group.options[group.selectedIndex].value;\r\n if (dsType)\r\n selectedDSTypeId = dsType.options[dsType.selectedIndex].value;\r\n\r\n if (selectedGroupId === '' && (selectedDSTypeId == 'X' || selectedDSTypeId == 'S')) {\r\n groupDropdown.classList.add('error');\r\n } else {\r\n groupDropdown.classList.remove('error');\r\n }\r\n setBtnStatusOfSave();\r\n }\r\n\r\n function setBtnStatusOfSave() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.error'));\r\n if (hasErrors.length !== 0) {\r\n saveBtn.classList.add('disabled');\r\n return;\r\n } else {\r\n saveBtn.classList.remove('disabled');\r\n }\r\n }\r\n\r\n //====== POPUP DISPLAYING OPTION TO CLOCKIN OR CLOCK OUT =========================\r\n function clockInOutChoicePopup() {\r\n let popup = POPUP.build({\r\n header: 'Please Choose an Option',\r\n id: 'clockInOutChoicePopup',\r\n });\r\n\r\n let clockInBtn = button.build({\r\n text: 'Clock In',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async function () {\r\n POPUP.hide(popup);\r\n\r\n const idString = selectedConsumers.map(function (sc) {\r\n return sc.id\r\n }).join(\",\");\r\n\r\n //Get a list of any existing day service activity for this consumer, on today's date, on other locations\r\n const clockedInConsumers = await dayServiceAjax.getDayServiceClockedInConsumers({\r\n token: $.session.Token,\r\n consumerIdString: idString,\r\n serviceDate: serviceDate,\r\n locationId: locationID,\r\n });\r\n\r\n //If the consumer has no existing day service activity, behave normally...\r\n if (clockedInConsumers.length === 0) {\r\n clockInOutActionPopup('in');\r\n } else {\r\n consumerExistingDayServicePopup(clockedInConsumers);\r\n }\r\n },\r\n });\r\n let clockOutBtn = button.build({\r\n text: 'Clock Out',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(popup);\r\n clockInOutActionPopup('out');\r\n },\r\n });\r\n let btnWrap = document.createElement('div');\r\n btnWrap.classList.add('choiceBtnWrap');\r\n btnWrap.appendChild(clockInBtn);\r\n btnWrap.appendChild(clockOutBtn);\r\n popup.appendChild(btnWrap);\r\n POPUP.show(popup);\r\n }\r\n\r\n //====== ACTION FOR CLOCKING IN OR OUT =========================\r\n // in / clock out popup\r\n function clockInOutActionPopup(choice) {\r\n let inPopup = POPUP.build({\r\n header: 'Clock In',\r\n id: 'clockInOutPopup',\r\n });\r\n\r\n let outPopup = POPUP.build({\r\n header: 'Clock Out',\r\n id: 'clockInOutPopup',\r\n });\r\n\r\n var currentTime = UTIL.getCurrentTime();\r\n\r\n let timeInField = input.build({\r\n id: 'inTime',\r\n label: 'In Time',\r\n type: 'time',\r\n style: 'secondary',\r\n value: currentTime,\r\n });\r\n\r\n let timeOutField = input.build({\r\n id: 'outTime',\r\n label: 'Out Time',\r\n type: 'time',\r\n style: 'secondary',\r\n value: currentTime,\r\n });\r\n\r\n let clockInBtn = button.build({\r\n text: 'Clock In',\r\n style: 'secondary',\r\n type: 'contained',\r\n id: 'clockInBtn',\r\n callback: function () {\r\n clockIn(timeInField);\r\n POPUP.hide(inPopup);\r\n roster2.clearActiveConsumers();\r\n //Clock in function\r\n },\r\n });\r\n\r\n let clockOutBtn = button.build({\r\n text: 'Clock Out',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n clockOut();\r\n roster2.clearActiveConsumers();\r\n POPUP.hide(outPopup);\r\n //clock out function\r\n },\r\n });\r\n\r\n let inCancelBtn = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: function () {\r\n roster2.clearActiveConsumers();\r\n POPUP.hide(inPopup);\r\n },\r\n });\r\n\r\n let outCancelBtn = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: function () {\r\n roster2.clearActiveConsumers();\r\n POPUP.hide(outPopup);\r\n },\r\n });\r\n\r\n let btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n\r\n timeInField.addEventListener('change', function () {\r\n let inTimeField = document.getElementById('inTime');\r\n if (inTimeField.value === '') {\r\n clockInBtn.classList.add('disabled');\r\n timeInField.classList.add('error');\r\n } else {\r\n clockInBtn.classList.remove('disabled');\r\n timeInField.classList.remove('error');\r\n }\r\n });\r\n\r\n timeOutField.addEventListener('change', function () {\r\n let outTimeField = document.getElementById('outTime');\r\n if (outTimeField.value === '') {\r\n clockOutBtn.classList.add('disabled');\r\n timeOutField.classList.add('error');\r\n } else {\r\n clockOutBtn.classList.remove('disabled');\r\n timeOutField.classList.remove('error');\r\n }\r\n });\r\n\r\n switch (choice) {\r\n case 'in': {\r\n inPopup.appendChild(timeInField);\r\n btnWrap.appendChild(clockInBtn);\r\n btnWrap.appendChild(inCancelBtn);\r\n inPopup.appendChild(btnWrap);\r\n POPUP.show(inPopup);\r\n break;\r\n }\r\n case 'out': {\r\n outPopup.appendChild(timeOutField);\r\n btnWrap.appendChild(clockOutBtn);\r\n btnWrap.appendChild(outCancelBtn);\r\n outPopup.appendChild(btnWrap);\r\n POPUP.show(outPopup);\r\n break;\r\n }\r\n }\r\n }\r\n\r\n function clockIn() {\r\n let inTime = document.getElementById('inTime').value;\r\n inTime += ':00';\r\n let clockInConsumerString = formatConsumersForClockIn(selectedConsumers);\r\n let selectedConsumerCount = selectedConsumers.length;\r\n //get consuemrs with existing clockins TODO. call new ajax. $.session.Token\r\n dayServiceAjax.dayServiceClockIn(\r\n clockInConsumerString,\r\n serviceDate,\r\n locationID,\r\n inTime,\r\n res => {\r\n //Overlap error occured\r\n if (res.indexOf('615') !== -1) {\r\n let start = res.search('');\r\n let end = res.search(' ');\r\n var overlapConsumers = res.substring(start + 11, end - 1).split('|');\r\n }\r\n getDayServiceActivity(cb => {\r\n dsCardArea.innerHTML = '';\r\n buildCards();\r\n if (overlapConsumers) {\r\n overlapConsumers.forEach(consumer => {\r\n let card = document.getElementById('consumer-' + consumer);\r\n cardHeader = card.querySelector('.card__header');\r\n cardHeader.classList.add('overlapError');\r\n accuityDisplay = cardHeader.querySelector('.accuityDisplay');\r\n accuityDisplay.innerHTML = 'TIME OVERLAP';\r\n });\r\n }\r\n });\r\n },\r\n );\r\n selectedConsumers = null;\r\n }\r\n\r\n function clockOut() {\r\n let outTime = document.getElementById('outTime').value;\r\n outTime += ':00';\r\n let clockOutConsumerString = formatConsumersForClockOut(selectedConsumers);\r\n dayServiceAjax.updateDayServiceActivity(\r\n clockOutConsumerString,\r\n 'Stop Time',\r\n outTime,\r\n serviceDate,\r\n locationID,\r\n '',\r\n selectedGroupId,\r\n res => {\r\n //Overlap error occured\r\n if (res.indexOf('615') !== -1) {\r\n let start = res.search('');\r\n let end = res.search(' ');\r\n var overlapConsumers = res.substring(start + 11, end - 1).split('|');\r\n }\r\n getDayServiceActivity(cb => {\r\n dsCardArea.innerHTML = '';\r\n buildCards();\r\n if (overlapConsumers) {\r\n overlapConsumers.forEach(consumer => {\r\n let card = document.getElementById('consumer-' + consumer);\r\n cardHeader = card.querySelector('.card__header');\r\n cardHeader.classList.add('overlapError');\r\n accuityDisplay = cardHeader.querySelector('.accuityDisplay');\r\n accuityDisplay.innerHTML = 'TIME OVERLAP';\r\n });\r\n }\r\n });\r\n },\r\n );\r\n selectedConsumers = null;\r\n }\r\n\r\n function deleteDSRecord(consumerDeleteString) {\r\n // let consumerString = `${consumerId},${inTime}|`;\r\n dayServiceAjax.deleteDayServiceActivity(consumerDeleteString, serviceDate, locationID, res => {\r\n getDayServiceActivity(cb => {\r\n dsCardArea.innerHTML = '';\r\n buildCards();\r\n });\r\n });\r\n }\r\n //POPUP for confirming the delete action\r\n function deleteConfirmation(orgPopup, callback) {\r\n if (orgPopup) POPUP.hide(orgPopup);\r\n\r\n var confPopup = POPUP.build({\r\n classNames: 'warning',\r\n });\r\n\r\n var cancelBtn = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'contained',\r\n icon: 'no',\r\n callback: function () {\r\n POPUP.hide(confPopup);\r\n if (orgPopup) POPUP.show(orgPopup);\r\n callback((res = false));\r\n },\r\n });\r\n var confirmBtn = button.build({\r\n text: 'Delete Entry',\r\n style: 'secondary',\r\n type: 'outlined',\r\n id: 'confDeleteBtn',\r\n icon: 'delete',\r\n callback: function () {\r\n POPUP.hide(confPopup);\r\n callback((res = true));\r\n },\r\n });\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(cancelBtn);\r\n btnWrap.appendChild(confirmBtn);\r\n\r\n var textArea = document.createElement('p');\r\n textArea.classList.add('warningTextArea');\r\n textArea.innerHTML = 'Are you sure you want to delete this record?';\r\n confPopup.appendChild(textArea);\r\n confPopup.appendChild(btnWrap);\r\n POPUP.show(confPopup);\r\n }\r\n\r\n //Update single DS record from the row popup. Curently updates everything even if it wasn't changed.\r\n function saveTime(\r\n consumerId,\r\n orgInTime,\r\n newInTime,\r\n orgEndTime,\r\n newOutTime,\r\n selectedDSType,\r\n ciStaffId,\r\n ) {\r\n let consumerString = `${consumerId},${orgInTime}|`;\r\n\r\n //Update Start Time && Stop Times\r\n if (newInTime && newOutTime) {\r\n newInTime += ':00';\r\n newOutTime += ':00';\r\n try {\r\n if (newInTime > newOutTime) {\r\n throw 'overlap';\r\n }\r\n dayServiceAjax.updateDayServiceActivity(\r\n consumerString,\r\n 'Start Time',\r\n newInTime,\r\n serviceDate,\r\n locationID,\r\n '',\r\n selectedGroupId,\r\n res => {\r\n if (res.indexOf('615') !== -1) errorPopup('Start Time Overlaps with existing Activity');\r\n },\r\n );\r\n dayServiceAjax.updateDayServiceActivity(\r\n consumerString,\r\n 'Stop Time',\r\n newOutTime,\r\n serviceDate,\r\n locationID,\r\n '',\r\n selectedGroupId,\r\n res => {\r\n if (res.indexOf('615') !== -1) errorPopup('Stop Time Overlaps with existing Activity');\r\n //Finally - Reload DS Card Area\r\n getDayServiceActivity(() => {\r\n //1) get activity from DB, 2(cb) rebuild the cards.\r\n dsCardArea.innerHTML = '';\r\n buildCards();\r\n });\r\n },\r\n );\r\n newInTime = null;\r\n newOutTime = null;\r\n } catch (e) {\r\n if (e === 'overlap') {\r\n errorPopup('Times Overlap');\r\n }\r\n }\r\n }\r\n //Only New In Time\r\n else if (newInTime && !newOutTime) {\r\n newInTime += ':00';\r\n try {\r\n if (newInTime > orgEndTime) {\r\n throw 'overlap';\r\n }\r\n dayServiceAjax.updateDayServiceActivity(\r\n consumerString,\r\n 'Start Time',\r\n newInTime,\r\n serviceDate,\r\n locationID,\r\n '',\r\n selectedGroupId,\r\n res => {\r\n if (res.indexOf('615') !== -1) errorPopup('Start Time Overlaps with existing Activity');\r\n //Finally - Reload DS Card Area\r\n getDayServiceActivity(() => {\r\n //1) get activity from DB, 2(cb) rebuild the cards.\r\n dsCardArea.innerHTML = '';\r\n buildCards();\r\n });\r\n },\r\n );\r\n newInTime = null;\r\n } catch (e) {\r\n if (e === 'overlap') {\r\n errorPopup('Start Time Overlaps with End Time');\r\n }\r\n }\r\n }\r\n //Only New Out Time\r\n else if (newOutTime && !newInTime) {\r\n newOutTime += ':00';\r\n try {\r\n if (newOutTime < orgInTime) {\r\n throw 'overlap';\r\n }\r\n dayServiceAjax.updateDayServiceActivity(\r\n consumerString,\r\n 'Stop Time',\r\n newOutTime,\r\n serviceDate,\r\n locationID,\r\n '',\r\n selectedGroupId,\r\n res => {\r\n if (res.indexOf('615') !== -1) errorPopup('Stop Time Overlaps with existing Activity');\r\n //Finally - Reload DS Card Area\r\n getDayServiceActivity(() => {\r\n //1) get activity from DB, 2(cb) rebuild the cards.\r\n dsCardArea.innerHTML = '';\r\n buildCards();\r\n });\r\n },\r\n );\r\n newOutTime = null;\r\n } catch (e) {\r\n if (e === 'overlap') {\r\n errorPopup('Stop Time Overlaps with Start Time');\r\n }\r\n }\r\n } else\r\n getDayServiceActivity(() => {\r\n //1) get activity from DB, 2(cb) rebuild the cards.\r\n dsCardArea.innerHTML = '';\r\n buildCards();\r\n });\r\n }\r\n\r\n function saveTypeAndCi(\r\n consumerId,\r\n orgInTime,\r\n newInTime,\r\n orgEndTime,\r\n newOutTime,\r\n selectedDSType,\r\n ciStaffId,\r\n selectedGroupId,\r\n ) {\r\n let consumerString = `${consumerId},${orgInTime}|`;\r\n //Update Ds Type\r\n var updateDSTypePromise = new Promise(function (resolve, reject) {\r\n dayServiceAjax.updateDayServiceActivity(\r\n consumerString,\r\n 'Service Type',\r\n newInTime,\r\n serviceDate,\r\n locationID,\r\n selectedDSType,\r\n selectedGroupId,\r\n () => {\r\n resolve('success');\r\n },\r\n );\r\n });\r\n\r\n //Update CI\r\n if (checkForCI() && ciStaffId !== '') {\r\n var updateCIPromise = new Promise(function (resolve, reject) {\r\n dayServiceAjax.updateCIStaff(\r\n consumerId,\r\n ciStaffId,\r\n orgInTime,\r\n serviceDate,\r\n locationID,\r\n () => {\r\n resolve('success');\r\n },\r\n );\r\n });\r\n } else {\r\n var deleteCIPromise = new Promise(function (resolve, reject) {\r\n dayServiceAjax.deleteCIStaffId(consumerId, orgInTime, serviceDate, locationID, () => {\r\n resolve('success');\r\n });\r\n });\r\n }\r\n\r\n if (updateCIPromise) {\r\n Promise.all([updateDSTypePromise, updateCIPromise]).then(function () {\r\n saveTime(\r\n consumerId,\r\n orgInTime,\r\n newInTime,\r\n orgEndTime,\r\n newOutTime,\r\n selectedDSType,\r\n ciStaffId,\r\n );\r\n });\r\n } else if (deleteCIPromise) {\r\n Promise.all([updateDSTypePromise, deleteCIPromise]).then(function () {\r\n saveTime(\r\n consumerId,\r\n orgInTime,\r\n newInTime,\r\n orgEndTime,\r\n newOutTime,\r\n selectedDSType,\r\n ciStaffId,\r\n );\r\n });\r\n }\r\n }\r\n\r\n function buildPageComponents() {\r\n // custom search stuff\r\n SEARCH_BTN = button.build({\r\n id: 'searchBtn',\r\n text: 'Search',\r\n icon: 'search',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n\r\n SEARCH_WRAP = document.createElement('div');\r\n SEARCH_WRAP.classList.add('consumerSearch');\r\n SEARCH_INPUT = document.createElement('input');\r\n SEARCH_INPUT.setAttribute('placeholder', 'search consumers');\r\n SEARCH_WRAP.appendChild(SEARCH_BTN);\r\n SEARCH_WRAP.appendChild(SEARCH_INPUT);\r\n\r\n\r\n mulitSelectBtn = button.build({\r\n text: 'Multi Select',\r\n icon: 'multiSelect',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'multiSelectBtn',\r\n id: 'multiSelectBtn',\r\n callback: function () {\r\n enableMultiEditRows(mulitSelectBtn);\r\n filterBtn.classList.toggle('disabled');\r\n },\r\n });\r\n\r\n multiSelectAllBtn = button.build({\r\n text: 'Select All',\r\n icon: 'selectAll',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'multiSelectAllBtn',\r\n callback: function () {\r\n if (Object.keys(activityCache).length === displayedConsumers.length) {\r\n var allRows = [].slice.call(document.querySelectorAll('.table__row'));\r\n var allHeaders = [].slice.call(document.querySelectorAll('.card__header'));\r\n allRows.forEach(row => row.classList.add('selected'));\r\n allHeaders.forEach(header => header.classList.add('selected'));\r\n if (allRows.length !== 0) {\r\n multiOutRecordBtn.classList.remove('disabled');\r\n multiInRecordBtn.classList.remove('disabled');\r\n multiDeleteRecordBtn.classList.remove('disabled');\r\n }\r\n } else if (displayedConsumers.length !== 0) {\r\n displayedConsumers.forEach(consumer => {\r\n var card = document.getElementById(`consumer-${consumer}`);\r\n card.querySelector('.card__header').classList.add('selected');\r\n var rows = card.querySelectorAll('.table__row');\r\n rows.forEach(row => row.classList.add('selected'));\r\n multiOutRecordBtn.classList.remove('disabled');\r\n multiInRecordBtn.classList.remove('disabled');\r\n multiDeleteRecordBtn.classList.remove('disabled');\r\n });\r\n }\r\n },\r\n });\r\n\r\n multiSelectNoneBtn = button.build({\r\n text: 'Select None',\r\n icon: 'deSelectAll',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'multiSelectNoneBtn',\r\n callback: function () {\r\n multiOutRecordBtn.classList.add('disabled');\r\n multiInRecordBtn.classList.add('disabled');\r\n multiDeleteRecordBtn.classList.add('disabled');\r\n var highlightedRows = [].slice.call(document.querySelectorAll('.table__row.selected'));\r\n highlightedRows.forEach(row => row.classList.remove('selected'));\r\n var highlightedHeaders = [].slice.call(document.querySelectorAll('.card__header.selected'));\r\n highlightedHeaders.forEach(header => header.classList.remove('selected'));\r\n },\r\n });\r\n\r\n filterLocationDropdown = dropdown.build({\r\n dropdownId: 'dsLocationDropdown',\r\n label: 'Location',\r\n style: 'secondary',\r\n });\r\n\r\n var isDisabld = false;\r\n if ($.session.DayServiceCaseLoad === true && $.loadedApp === 'dayservices') {\r\n isDisabld = true;\r\n }\r\n\r\n filterGroupDropdown = dropdown.build({\r\n dropdownId: 'dsGroupDropdown',\r\n label: 'Group',\r\n style: 'secondary',\r\n readonly: isDisabld, \r\n });\r\n\r\n filterDateInput = input.build({\r\n id: 'dsFilterDate',\r\n label: 'Date',\r\n type: 'date',\r\n style: 'secondary',\r\n value: serviceDate,\r\n attributes: [{ key: 'max', value: UTIL.getTodaysDate() }],\r\n });\r\n\r\n fitlerApplyBtn = button.build({\r\n id: 'filterApply',\r\n text: 'Apply',\r\n style: 'secondary',\r\n type: 'contained',\r\n icon: 'checkmark',\r\n disabled: false,\r\n callback: function () {\r\n fitlerApplyBtn.disabled = true;\r\n filterApplyAction(filterPopup);\r\n POPUP.hide(filterPopup); \r\n },\r\n });\r\n\r\n updateCurrentFilterDisplay();\r\n\r\n //Disable multi-select button where there are 0 consumers displayed:\r\n // if (displayedConsumers.length === 0) multiSelectBtn.classList.add('disabled');\r\n\r\n multiSelectAllNoneArea = document.createElement('div');\r\n multiSelectAllNoneArea.classList.add('btnWrap');\r\n multiSelectAllNoneArea.setAttribute('id', 'selectAllSelectNoneWrap');\r\n multiSelectAllNoneArea.appendChild(multiSelectAllBtn);\r\n multiSelectAllNoneArea.appendChild(multiSelectNoneBtn);\r\n multiSelectAllNoneArea.classList.add('hidden');\r\n\r\n function getFilterValues() {\r\n return (filterValues = {\r\n dayServiceLocation: locationID,\r\n dayServiceServiceDate: serviceDate,\r\n });\r\n }\r\n // Helper function to create the main reports button on the module page\r\n function createMainReportButton(buttonsData) {\r\n return button.build({\r\n text: 'Reports',\r\n icon: 'add',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'reportBtn',\r\n callback: function () {\r\n // Iterate through each item in the buttonsData array\r\n buttonsData.forEach(function (buttonData) {\r\n buttonData.filterValues = getFilterValues();\r\n });\r\n\r\n generateReports.showReportsPopup(buttonsData);\r\n },\r\n });\r\n }\r\n reportsBtn = createMainReportButton([{ text: 'Individual Day Service Activity Report' }]);\r\n\r\n batchedMessageDisplay.innerHTML = 'The selected location is batched for this date.';\r\n batchedMessageDisplay.classList.add('batchedMessageDisplay');\r\n batchedMessageDisplay.classList.add('hidden');\r\n\r\n let filterSelectReportBtnWrap = document.createElement('div');\r\n filterSelectReportBtnWrap.classList.add('btnWrap', 'filterSelectReportBtnWrap'); \r\n if ($.session.DayServiceUpdate) filterSelectReportBtnWrap.appendChild(mulitSelectBtn); //No need to multi select for view only\r\n filterSelectReportBtnWrap.appendChild(reportsBtn);\r\n DOM.ACTIONCENTER.appendChild(filterSelectReportBtnWrap);\r\n if ($.session.DayServiceUpdate) DOM.ACTIONCENTER.appendChild(multiSelectAllNoneArea); //no need to multi select for view only\r\n DOM.ACTIONCENTER.appendChild(SEARCH_WRAP);\r\n\r\n const filteredBy = updateCurrentFilterDisplay();\r\n DOM.ACTIONCENTER.appendChild(filteredBy);\r\n\r\n DOM.ACTIONCENTER.appendChild(batchedMessageDisplay);\r\n //if (dsCardArea.outerHTML.indexOf('style=\\\"display: none;\\\"') != -1) {\r\n // dsCardArea.outerHTML = dsCardArea.outerHTML.replace('\"style=\\\"display: none;\\\"', '');\r\n //}\r\n\r\n DOM.ACTIONCENTER.appendChild(dsCardArea);\r\n roster2.toggleActionCenterChildrenVisiblity('show');\r\n buildCards();\r\n }\r\n\r\n async function initialPageBuild() {\r\n dsDropdownData = dsTypes.map(ds => {\r\n var id = `ds-${ds.dsType}`;\r\n var value = ds.dsType;\r\n var text = ds.dsText;\r\n return {\r\n id,\r\n value,\r\n text,\r\n };\r\n });\r\n if ($.session.applicationName.toLowerCase() === 'gatekeeper') {\r\n dsDropdownData.push({ id: '', value: '0', text: '' });\r\n }\r\n buildPageComponents();\r\n addEventListeners();\r\n //checkIfBatched();\r\n document.getElementById('searchBtn').click();\r\n rosterGroupResults = (await customGroupsAjax.getConsumerGroups(locationID))\r\n .getConsumerGroupsJSONResult;\r\n }\r\n\r\n function addEventListeners() {\r\n SEARCH_BTN.addEventListener('click', event => {\r\n SEARCH_WRAP.classList.toggle('searchOpen');\r\n SEARCH_INPUT.value = '';\r\n SEARCH_INPUT.focus();\r\n });\r\n SEARCH_INPUT.addEventListener('keyup', event => {\r\n searchDS(event.target.value);\r\n });\r\n\r\n filterLocationDropdown.addEventListener('change', async event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n temp__locationID = selectedOption.value;\r\n\r\n rosterGroupResults = (await customGroupsAjax.getConsumerGroups(temp__locationID))\r\n .getConsumerGroupsJSONResult;\r\n populateFilterGroupDropdown();\r\n });\r\n\r\n filterGroupDropdown.addEventListener('change', event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n temp__groupID = selectedOption.value;\r\n temp__retrieveID = selectedOption.dataset.retrieveid;\r\n selectedGroupName = selectedOption.innerHTML;\r\n });\r\n\r\n filterDateInput.addEventListener('change', event => {\r\n temp__serviceDate = event.target.value;\r\n });\r\n\r\n //MutationObserver to detect when leaving the module, reset values\r\n var observNode = document.getElementById('actioncenter');\r\n var config = { attributes: true };\r\n var callback = function (mutationList, observer) {\r\n for (let mutation of mutationList) {\r\n if (mutation.type === 'attributes') {\r\n if (mutation.attributeName === 'data-active-module') {\r\n observer.disconnect();\r\n miniRosterBtn = document.querySelector('.consumerListBtn');\r\n if (miniRosterBtn) miniRosterBtn.classList.remove('disabled');\r\n enableMultiEdit = false;\r\n }\r\n }\r\n }\r\n };\r\n const observer = new MutationObserver(callback);\r\n observer.observe(observNode, config);\r\n }\r\n\r\n function initPageLoad() {\r\n let tempDsConsumers = [];\r\n let dsEnabledConsumers;\r\n serviceDate = UTIL.getTodaysDate();\r\n\r\n //Check to see if CI should be enabled\r\n const checkCiPromise = new Promise(function (resolve, reject) {\r\n dayServiceAjax.getDateToCheckShowCI(res => {\r\n var today = new Date();\r\n ciDateToCompare = new Date(res[0].Setting_Value);\r\n if (ciDateToCompare <= today) {\r\n $.session.ciBShow = true;\r\n }\r\n resolve('success');\r\n });\r\n });\r\n\r\n //Get CI Staff for CI Dropdown\r\n const getCiStaffPromise = new Promise(function (resolve, reject) {\r\n dayServiceAjax.getCiStaff(serviceDate, locationID, res => {\r\n ciDropdownData = res.map(ci => {\r\n var id = `ci-${ci.id}`;\r\n var value = ci.id;\r\n var text = ci.fullName;\r\n return {\r\n id,\r\n value,\r\n text,\r\n };\r\n });\r\n ciDropdownData.unshift({ id: 'ci-0', value: '', text: '' });\r\n resolve('success');\r\n });\r\n });\r\n\r\n //Get consumer activities\r\n const getEnabledConsumersPromise = new Promise(function (resolve, reject) {\r\n dayServiceAjax.getDayServiceGetEnabledConsumers(serviceDate, locationID, res => {\r\n dsEnabledConsumers = res.map(r => r.consumerId);\r\n dayServiceAjax.getConsumerDayServiceActivity(\r\n dsEnabledConsumers,\r\n serviceDate,\r\n locationID,\r\n filterGroupID,\r\n filterGroupRetrieveID,\r\n res => {\r\n dsConsumers = [];\r\n res.forEach(res => {\r\n actObj = {\r\n Acuity: res.Acuity,\r\n AllowNonBillable: res.AllowNonBillable,\r\n Day_Service_Type: res.Day_Service_Type,\r\n FirstName: res.FirstName,\r\n LastName: res.LastName,\r\n Service_Date: res.Service_Date,\r\n Start_Time: res.Start_Time,\r\n Stop_Time: res.Stop_Time,\r\n ciStaffID: res.ciStaffID,\r\n isBatched: res.isBatched,\r\n dsGroupId: res.Day_service_group_id,\r\n };\r\n consumerObj = {\r\n id: res.ID,\r\n FirstName: res.FirstName,\r\n LastName: res.LastName,\r\n };\r\n if (activityCache[res.ID]) {\r\n arr = activityCache[res.ID];\r\n arr.push(actObj);\r\n activityCache[res.ID] = arr;\r\n } else {\r\n activityCache[res.ID] = [actObj];\r\n }\r\n // if (!dsConsumers[res.ID]) {\r\n // dsConsumers[res.ID] = consumerObj;\r\n // }\r\n tempDsConsumers.push(consumerObj);\r\n selectedGroupId = res.Day_service_group_id;\r\n });\r\n //filter out array to only get distinct consumers:\r\n var dsConsumerMap = new Map();\r\n for (const item of tempDsConsumers) {\r\n if (!dsConsumerMap.has(item.id)) {\r\n dsConsumerMap.set(item.id, true);\r\n dsConsumers.push({\r\n id: item.id,\r\n FirstName: item.FirstName,\r\n LastName: item.LastName,\r\n });\r\n }\r\n }\r\n //Add all consumers to the displayed consumers array\r\n dsConsumers.forEach(consumer => {\r\n displayedConsumers.push(consumer.id);\r\n });\r\n\r\n resolve('success');\r\n },\r\n );\r\n });\r\n });\r\n\r\n //Get Groups\r\n const getGroupsPrommise = new Promise(function (resolve, reject) {\r\n dayServiceAjax.getDayServiceGroups($.session.Token, locationID, res => {\r\n dsGroupsCache = {};\r\n groupDropdownData = res.map((group, index) => {\r\n var { groupId, groupDescription } = group;\r\n\r\n if (!dsGroupsCache[groupId]) {\r\n dsGroupsCache[groupId] = {\r\n id: groupId,\r\n value: groupDescription,\r\n };\r\n }\r\n\r\n return {\r\n id: groupId,\r\n value: groupId,\r\n text: groupDescription,\r\n };\r\n });\r\n groupDropdownData.unshift({ id: '%', value: '', text: '' });\r\n resolve('success');\r\n });\r\n });\r\n\r\n Promise.all([\r\n checkCiPromise,\r\n getCiStaffPromise,\r\n getEnabledConsumersPromise,\r\n getGroupsPrommise,\r\n ]).then(function () {\r\n initialPageBuild();\r\n enabledConsumers = dsEnabledConsumers;\r\n roster2.setAllowedConsumers(dsEnabledConsumers);\r\n let locationName = locationCache[locationID].locationName;\r\n roster2.miniRosterinit(\r\n { locationId: locationID, locationName: locationName },\r\n {\r\n hideDate: true,\r\n },\r\n );\r\n checkIfBatched();\r\n });\r\n }\r\n\r\n function locationCheck() {\r\n locationID = defaults.getLocation('dayServices');\r\n noLocationSet = locationID === '' ? true : false;\r\n serviceDate = UTIL.getTodaysDate();\r\n \r\n if ($.session.DayServiceCaseLoad === true && $.loadedApp === 'dayservices') {\r\n selectedGroupName = 'Caseload'; \r\n temp__groupID = 'CAS';\r\n } else {\r\n selectedGroupName = 'Everyone';\r\n }\r\n \r\n\r\n //get locations and cache them\r\n dayServiceAjax.getDayServiceLocations(serviceDate, loc => {\r\n loc.forEach(loc => {\r\n if (!locationCache[loc.locationId]) {\r\n obj = {\r\n locationName: loc.Name,\r\n defaultDayServiceType: loc.defaultDayServiceType,\r\n };\r\n locationCache[loc.locationId] = obj;\r\n }\r\n });\r\n\r\n locationDropdownData = loc.map(loc => {\r\n var id = `loc${loc.locationId}`;\r\n var value = loc.locationId;\r\n var text = loc.Name;\r\n return {\r\n id,\r\n value,\r\n text,\r\n };\r\n });\r\n\r\n //Add \"\" location for users that don't have a default location set\r\n locationCache[''] = {\r\n locationName: 'Select a location from the filter',\r\n defaultDayServiceType: '',\r\n };\r\n\r\n //When done, if they don't have a default location set, or the default loaction is set that they don't have permisison to (Advisor bug)\r\n //display a popup that has a location selection\r\n if (noLocationSet || !Object.keys(locationCache).includes(locationID)) {\r\n var popup = document.createElement('div');\r\n popup.classList.add('popup', 'visable', 'locationPicker');\r\n let header = document.createElement('h2');\r\n header.classList.add('popupHeader');\r\n popup.appendChild(header);\r\n\r\n header.innerHTML = 'No Default Location Set. Please Choose a Location:';\r\n var locationDropdown = dropdown.build({\r\n dropdownId: 'locationDropdown',\r\n label: 'location',\r\n style: 'secondary',\r\n });\r\n\r\n var applyBtn = button.build({\r\n id: 'apply',\r\n text: 'Apply',\r\n style: 'secondary',\r\n type: 'contained',\r\n icon: 'checkmark',\r\n callback: function () {\r\n locationID =\r\n locationDropdown.firstElementChild.options[\r\n locationDropdown.firstElementChild.selectedIndex\r\n ].value;\r\n let locationName =\r\n locationDropdown.firstElementChild.options[\r\n locationDropdown.firstElementChild.selectedIndex\r\n ].innerText;\r\n if (defaults.rememberLastLocation('dayServices'))\r\n defaults.setLocation('dayServices', locationID);\r\n DOM.ACTIONCENTER.removeChild(popup);\r\n noLocationSet = false;\r\n overlay.hide();\r\n\r\n initPageLoad();\r\n },\r\n });\r\n var btnWrap = document.createElement('div');\r\n btnWrap.appendChild(applyBtn);\r\n btnWrap.classList.add('btnWrap');\r\n\r\n popup.appendChild(locationDropdown);\r\n popup.appendChild(btnWrap);\r\n DOM.ACTIONCENTER.appendChild(popup);\r\n overlay.show();\r\n\r\n dropdown.populate(locationDropdown, locationDropdownData);\r\n } else {\r\n initPageLoad();\r\n }\r\n });\r\n }\r\n\r\n function init() {\r\n initRosterSelection = true;\r\n setActiveModuleSectionAttribute('dayServices');\r\n\r\n //clear cache\r\n locationCache = {};\r\n activityCache = {};\r\n\r\n dsCardArea.innerHTML = '';\r\n\r\n DOM.clearActionCenter();\r\n locationCheck();\r\n }\r\n\r\n return {\r\n init,\r\n handleActionNavEvent,\r\n };\r\n})();\r\n","const dayServiceAjax = (function () {\r\n function checkConsumersForDate(locationId, consumerList, serviceDate, callback) {\r\n //CONSUMER LIST = \"id|id|id|id\" or \"id|\"\r\n //massUserCheckByDate\r\n // var consumerIds = '';\r\n\r\n // // For every consumer that is \"active\":\r\n // $('#consumerlist')\r\n // \t.children()\r\n // \t.each(function() {\r\n // \t\t// Add the consumer day service record for update:\r\n // \t\tconsumerId = $(this).attr('id');\r\n // \t\tconsumerIds = consumerIds + consumerId + '|';\r\n // \t});\r\n\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/massUserCheckByDateJSON/',\r\n data:\r\n '{\"consumerIds\":\"' +\r\n consumerList +\r\n '\", \"serviceDate\":\"' +\r\n serviceDate +\r\n '\", \"locationId\":\"' +\r\n locationId +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n\r\n success: function (response, status, xhr) {\r\n // var res = JSON.stringify(response);\r\n var res = response.massUserCheckByDateJSONResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getDayServiceGetEnabledConsumers(serviceDate, locationId, callback) {\r\n //* serviceDate, locationId & groupId are set by filter\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getDayServiceGetEnabledConsumers/',\r\n data: '{\"serviceDate\":\"' + serviceDate + '\", \"locationId\":\"' + locationId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n\r\n success: function (response, status, xhr) {\r\n // var res = JSON.stringify(response);\r\n var res = response.getDayServiceGetEnabledConsumersResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function dayServiceClockIn(consumerIds, serviceDate, locationId, startTime, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/addDayServiceActivityMassClockInConsumer/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"consumerIds\":\"' +\r\n consumerIds +\r\n '\", \"serviceDate\":\"' +\r\n serviceDate +\r\n '\", \"locationId\":\"' +\r\n locationId +\r\n '\", \"startTime\":\"' +\r\n startTime +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n callback(res);\r\n return;\r\n errorMessage = '';\r\n var errorId;\r\n var errorConsumerIds;\r\n\r\n $('dayrow', res).each(function () {\r\n // Look for errors:\r\n $('errors', res).each(function () {\r\n // Get the error code:\r\n tmpErrorCode = $('error_code', this).text();\r\n // If time overlaps:\r\n if (tmpErrorCode == '615') {\r\n // Set the error message:\r\n errorMessage = ' Time overlaps found, with people exsiting in the database';\r\n setErrorBox(errorMessage);\r\n // Get the consumer IDs:\r\n errorConsumerIds = $('consumers', this).text();\r\n }\r\n });\r\n });\r\n\r\n //alert('success: ' + res);\r\n\r\n // After clockin, refresh data\r\n if (errorConsumerIds != null) {\r\n getConsumerDayServiceActivity(errorConsumerIds);\r\n } else {\r\n getConsumerDayServiceActivity();\r\n }\r\n },\r\n\r\n //error: function (xhr, status, error) { alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText); },\r\n });\r\n }\r\n function dayServiceClockOut(consumerIds, stopTime) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/addDayServiceActivityMassClockOutConsumer/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"consumerIds\":\"' +\r\n consumerIds +\r\n '\", \"serviceDate\":\"' +\r\n $('#dsdatebox').val() +\r\n '\", \"locationId\":\"' +\r\n $('#dslocationbox').attr('locid') +\r\n '\", \"stopTime\":\"' +\r\n stopTime +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n //alert('success: ' + res);\r\n\r\n //615 156|156| 
\";\r\n } else {\r\n icon = \"
\";\r\n }\r\n\r\n if (tmpId == '') {\r\n tmpId = tmpId2;\r\n }\r\n\r\n // If more than 1 location for the selected consumers:\r\n if (serviceLocationCount > 1) {\r\n // Populate the day services location box with all the locations and a link to the changeTheDSLocation function in dayservices.js:\r\n optionsHtml.push(\r\n \"\" +\r\n icon +\r\n ' ' +\r\n tmpName +\r\n '',\r\n );\r\n } else {\r\n // If only 1 location for the selected consumers and the location id is the same as the selected location:\r\n if (serviceLocationCount == 1 && locationIds[0] == currentlocationId) {\r\n // If the location id = the selected location:\r\n if (tmpId == currentlocationId) {\r\n currentlocationId = tmpId;\r\n\r\n // Display the location name:\r\n $('#dslocationbox').html(\r\n tmpName +\r\n \"000 All Y
' + html + '
')\r\n\t\t.click(function(e) {\r\n\t\t\treturn false;\r\n\t\t})\r\n\t\t.data('opts', opts);\r\n\r\n\ttimeBox.css({\r\n\t\topacity: '1.0 !important',\r\n\t\tmarginLeft: x,\r\n\t\tmarginTop: y,\r\n\t});\r\n\r\n\toverlay.append(timeBox);\r\n\t$('body').append(overlay);\r\n}\r\n\r\nfunction clearTimepadInputField() {\r\n\t$('#timedisplayfield').val('');\r\n}\r\n\r\nfunction convertDaysBack(daysBackIn) {\r\n\tvar dateOffset = 24 * 60 * 60 * 1000 * daysBackIn;\r\n\tvar daysBackDate = new Date();\r\n\tdaysBackDate.setTime(daysBackDate.getTime() - dateOffset);\r\n\tvar dateToPass = daysBackDate.getFullYear() + '-' + UTIL.leadingZero(daysBackDate.getMonth() + 1) + '-' + UTIL.leadingZero(daysBackDate.getDate());\r\n\treturn dateToPass;\r\n}\r\n\r\nfunction convertDaysBackGoals(daysBackIn) {\r\n\tvar dateOffset = 24 * 60 * 60 * 1000 * daysBackIn;\r\n\tvar daysBackDate = new Date();\r\n\tdaysBackDate.setTime(daysBackDate.getTime() - dateOffset);\r\n\tif (daysBackIn < 31) {\r\n\t\treturn new Date(daysBackDate.getFullYear(), daysBackDate.getMonth(), daysBackDate.getDate());\r\n\t} else {\r\n\t\treturn new Date(daysBackDate.getFullYear(), daysBackDate.getMonth() + 1, daysBackDate.getDate());\r\n\t}\r\n}\r\n\r\nfunction popupCalendar(opts) {\r\n\tvar minDate = opts.minDate || null,\r\n\t\tmaxDate = opts.maxDate || null,\r\n\t\tcurrVal = opts.currVal || null,\r\n\t\tcallback = opts.callback || function() {},\r\n\t\ttarget = opts.target;\r\n\r\n\tvar obj = {\r\n\t\tdateFormat: 'mm/dd/yy',\r\n\t\ttheme: 'wp',\r\n\t\taccent: 'steel',\r\n\t\tdisplay: 'bubble',\r\n\t\tmode: 'scroller',\r\n\t\tpreset: 'date',\r\n\t\tonSelect: function(valueText, inst) {\r\n\t\t\ttarget.text(valueText);\r\n\t\t\tcallback();\r\n\t\t},\r\n\t\tonShow: function() {\r\n\t\t\tif (currVal != null) {\r\n\t\t\t\t$(this).scroller('setDate', new Date(currVal.getFullYear(), currVal.getMonth(), currVal.getDate()), false);\r\n\t\t\t}\r\n\r\n\t\t\t$('.dw-arr').css('display', 'none');\r\n\t\t},\r\n\t};\r\n\r\n\tif (minDate != null) {\r\n\t\tobj.minDate = minDate;\r\n\t}\r\n\r\n\tif (maxDate != null) {\r\n\t\tobj.maxDate = maxDate;\r\n\t}\r\n\r\n\ttarget\r\n\t\t.mobiscroll()\r\n\t\t.date(obj)\r\n\t\t.mobiscroll('show');\r\n}\r\n\r\nfunction openCaraSolva() {\r\n\tvar form = $('', {\r\n\t\taction: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/CaraSolvaSignIn/',\r\n\t\tmethod: 'POST',\r\n\t\ttarget: '_blank',\r\n\t\tenctype: 'application/json',\r\n\t});\r\n\tform.hide().append(\"\");\r\n\tform.appendTo($('body'));\r\n\tform.submit();\r\n}\r\n\r\n(function(scope) {\r\n\tif (!scope.Anywhere) {\r\n\t\tscope.Anywhere = {};\r\n\t}\r\n\tscope.Anywhere.promptYesNo = function(message, yesCallback, noCallback) {\r\n\t\t$.fn.PSmodal({\r\n\t\t\tbody: message,\r\n\t\t\timmediate: true,\r\n\t\t\tbuttons: [\r\n\t\t\t\t{\r\n\t\t\t\t\ttext: 'Yes',\r\n\t\t\t\t\tcallback: function() {\r\n\t\t\t\t\t\tif (yesCallback) yesCallback();\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\ttext: 'No',\r\n\t\t\t\t\tcallback: function() {\r\n\t\t\t\t\t\tif (noCallback) noCallback();\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t],\r\n\t\t});\r\n\t};\r\n})(window);\r\n","// function getLocationNameFromId(id) {\r\n// \tfor (var i in $.session.locations) {\r\n// \t\tif ($.session.locationids[i] == id) return $.session.locations[i];\r\n// \t}\r\n// }\r\n\r\n//ANYW_Dashboard_GetRemainingGoalsCount\r\n// Not Being Called\r\n// function getRemainingGoalsCountForDashboard(callback) {\r\n// \t$.ajax({\r\n// \t\ttype: 'POST',\r\n// \t\turl: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getRemainingGoalsCountForDashboard/',\r\n// \t\tdata: '{\"token\":\"' + $.session.Token + '\"}',\r\n// \t\tcontentType: 'application/json; charset=utf-8',\r\n// \t\tdataType: 'json',\r\n// \t\tsuccess: function(response, status, xhr) {\r\n// \t\t\tvar res = JSON.stringify(response);\r\n// \t\t\tcallback(null, res);\r\n// \t\t},\r\n// \t\terror: function(xhr, status, error) {\r\n// \t\t\t//alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n// \t\t\tcallback(error, null);\r\n// \t\t},\r\n// \t});\r\n// }\r\n\r\n// function getLocationsForDashboardAbsent\r\n// function getConsumerGroupsForDashboardAbsent\r\n\r\n// Not Being Called\r\n// function getClockedInDayServicesAtLocationCountsAjax(locationId, callback) {\r\n// \t$.ajax({\r\n// \t\ttype: 'POST',\r\n// \t\turl: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getClockedInDayServicesAtLocationCounts/',\r\n// \t\tdata: '{\"token\":\"' + $.session.Token + '\", \"locationId\":\"' + locationId + '\"}',\r\n// \t\tcontentType: 'application/json; charset=utf-8',\r\n// \t\tdataType: 'json',\r\n// \t\tsuccess: function(response, status, xhr) {\r\n// \t\t\tvar res = JSON.stringify(response);\r\n// \t\t\tcallback(null, res);\r\n// \t\t},\r\n// \t\terror: function(xhr, status, error) {\r\n// \t\t\tcallback(error, null);\r\n// \t\t},\r\n// \t});\r\n// }\r\n\r\n// function getInfalLoginCredentialsAjax(callback) {\r\n// \t$.ajax({\r\n// \t\ttype: 'POST',\r\n// \t\turl: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getInfalLoginCredentials/',\r\n// \t\tdata: '{\"token\":\"' + $.session.Token + '\"}',\r\n// \t\tcontentType: 'application/json; charset=utf-8',\r\n// \t\tdataType: 'json',\r\n// \t\tsuccess: function(response, status, xhr) {\r\n// \t\t\tvar res = JSON.parse(response.getInfalLoginCredentialsResult);\r\n// \t\t\tif (res[0] && res[0].App_Password) ID = res[0].App_Password;\r\n// \t\t\tif ((ID = 0)) {\r\n// \t\t\t\t//go get ssn and use it to get emp id from infal, pass it along and then update user application cred table\r\n// \t\t\t}\r\n// \t\t\tcallback(null, res);\r\n// \t\t},\r\n// \t\terror: function(xhr, status, error) {\r\n// \t\t\t//alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n// \t\t},\r\n// \t});\r\n// }\r\n\r\nfunction changeFromPSIAjax(userId, callback) {\r\n\t$.ajax({\r\n\t\ttype: 'POST',\r\n\t\turl: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/changeFromPSI/',\r\n\t\tdata: '{\"token\":\"' + $.session.Token + '\", \"userID\":\"' + userId + '\"}',\r\n\t\tcontentType: 'application/json; charset=utf-8',\r\n\t\tdataType: 'json',\r\n\t\tsuccess: function(response, status, xhr) {\r\n\t\t\tvar res = JSON.stringify(response);\r\n\t\t\teraseCookie('psiuser');\r\n\t\t\tvar overlay = document.createElement('div');\r\n\t\t\tif ($('permissions', res).is('*') && checkforErrors(res) == 0) {\r\n\t\t\t\teraseCookie('psi');\r\n\t\t\t\tcreateCookie('psi', res, 1);\r\n\t\t\t\tsuccess = true;\r\n\t\t\t\tdocument.location.href = 'anywhere.html';\r\n\t\t\t} else if (res.indexOf('609') > -1) {\r\n\t\t\t\t//checkForErrors();\r\n\t\t\t\tcustomPasswordChange();\r\n\t\t\t} else {\r\n\t\t\t\t$('#error').css('opacity', '1');\r\n\t\t\t\t$('#error').css('display', 'block');\r\n\t\t\t\tif ($('#error').hasClass('hippaRestriction')) {\r\n\t\t\t\t\t$('#errortext').text('Password cannot match a recently used password');\r\n\t\t\t\t} else if ($('#error').hasClass('userInputError')) {\r\n\t\t\t\t\t$('#errortext').text('Invalid username or password');\r\n\t\t\t\t} else if (res.indexOf('608') > -1) {\r\n\t\t\t\t\t$('#errortext').text('This user name does not exist in demographics.');\r\n\t\t\t\t} else {\r\n $('#errortext').text('Invalid user name or password.');\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\terror: function(xhr, status, error) {\r\n\t\t\t//alert(\r\n\t\t\t// \"There was a problem connecting to the database. Please click OK to continue. If the problem persists, please contact Primary Solutions.\" +\r\n\t\t\t// xhr.status + '\\n' + xhr.responseText);\r\n\t\t},\r\n\t\tcomplete: function() {\r\n\t\t\t// hide gif here, eg:\r\n\t\t\t$('body').css('cursor', 'auto');\r\n\t\t},\r\n\t});\r\n}\r\n","const psiLogin = (function() {\r\n let userPopup\r\n \r\n function buildPopup(userElemet) {\r\n\r\n userPopup = POPUP.build({\r\n header: \"Select a User\",\r\n id: \"psiUserSelectPopup\"\r\n })\r\n userPopup.appendChild(userElemet)\r\n \r\n POPUP.show(userPopup)\r\n}\r\n\r\n return {\r\n buildPopup\r\n }\r\n})()","const dayServices = (function () {\r\n //DOM ELEMENTS\r\n let multiDeleteRecordBtn;\r\n let multiSelectAllBtn;\r\n let multiSelectNoneBtn;\r\n let multiOutRecordBtn;\r\n let multiInRecordBtn;\r\n let filterBtn;\r\n let filterLocationDropdown;\r\n let filterGroupDropdown;\r\n let filterPopup;\r\n let filterDateInput;\r\n let fitlerApplyBtn;\r\n let batchedMessageDisplay = document.createElement('h3');\r\n let mulitSelectBtn;\r\n let multiSelectAllNoneArea;\r\n let dsCardArea = document.createElement('div');\r\n dsCardArea.classList.add('dsCardArea');\r\n\r\n let SEARCH_WRAP;\r\n let SEARCH_BTN;\r\n let SEARCH_INPUT;\r\n\r\n let saveBtn;\r\n let groupDropdown;\r\n\r\n // New Roster\r\n let initRosterSelection;\r\n let activeConsumers;\r\n\r\n // Filter Data\r\n let rosterGroupResults;\r\n let serviceDate;\r\n let locationID;\r\n let filterGroupID;\r\n let filterGroupRetrieveID;\r\n let temp__locationID;\r\n let temp__groupID;\r\n let temp__retrieveID;\r\n let temp__serviceDate;\r\n let btnWrap;\r\n let locationBtnWrap;\r\n let serviceDateBtnWrap;\r\n let selectedGroupNameBtnWrap;\r\n\r\n // DATA\r\n let displayedConsumers = [];\r\n let enabledConsumers;\r\n let noLocationSet;\r\n let enabledConsumerString;\r\n let selectedConsumers;\r\n let currentLocationBatched;\r\n let locationCache = {};\r\n let activityCache = {};\r\n let dsConsumers = [];\r\n let dsGroupsCache;\r\n let dsDropdownData;\r\n let ciDropdownData;\r\n let groupDropdownData;\r\n let selectedDSType;\r\n let selectedGroup;\r\n let selectedGroupId;\r\n let locationDropdownData;\r\n let enableMultiEdit = false;\r\n let IsSaveBtnDisable = true;\r\n //permission\r\n // var PERMISSION__viewOnly = !$.session.DayServiceUpdate;\r\n\r\n const dsTypes = [\r\n { dsType: 'A', dsText: 'Adult Day' },\r\n { dsType: 'G', dsText: 'Group Employment' },\r\n //{ dsType: 'H', dsText: 'Restart Voc. Hab.' },\r\n //{ dsType: 'R', dsText: 'Restart Adult Day' },\r\n { dsType: 'X', dsText: 'STEP Voc. Hab.' },\r\n { dsType: 'S', dsText: 'STEP Adult Day' },\r\n { dsType: 'D', dsText: 'Virtual Adult Day' },\r\n { dsType: 'Y', dsText: 'Virtual Voc. Hab.' },\r\n { dsType: 'V', dsText: 'Voc. Hab.' },\r\n { dsType: 'N', dsText: 'Non-Billable' },\r\n //{ dsType: 'C', dsText: 'Combo' },\r\n //{ dsType: 'E', dsText: 'Enclave' },\r\n\r\n // { dsType: \"0\", dsText: \"Day Service\" }\r\n ];\r\n\r\n // Util\r\n //-------------------------------------------------------------------------\r\n function formatConsumersForClockIn(consumerIds) {\r\n var consumerString = consumerIds.map(c => c.id).join('|');\r\n consumerString += '|';\r\n return consumerString;\r\n }\r\n\r\n function formatConsumersForClockOut(consumerIds) {\r\n consumerIds = consumerIds.map(c => c.id);\r\n let consumerString = '';\r\n consumerIds.forEach(id => {\r\n activityCache[id].forEach(act => {\r\n if (act.Stop_Time === '') {\r\n consumerString += `${id},${act.Start_Time}|`;\r\n }\r\n });\r\n });\r\n return consumerString;\r\n }\r\n\r\n function checkIfBatched() {\r\n var miniRosterBtn = document.querySelector('.consumerListBtn');\r\n dayServiceAjax.getDSIsLocationBatched(locationID, serviceDate, res => {\r\n if (res.length !== 0) {\r\n currentLocationBatched = true;\r\n } else {\r\n currentLocationBatched = false;\r\n }\r\n if (currentLocationBatched) {\r\n if ($.session.DayServiceUpdate) mulitSelectBtn.classList.add('disabled');\r\n if ($.session.DayServiceUpdate) miniRosterBtn.classList.add('disabled');\r\n batchedMessageDisplay.classList.remove('hidden');\r\n } else {\r\n if ($.session.DayServiceUpdate) mulitSelectBtn.classList.remove('disabled');\r\n if ($.session.DayServiceUpdate) miniRosterBtn.classList.remove('disabled');\r\n batchedMessageDisplay.classList.add('hidden');\r\n checkForNoLocation();\r\n }\r\n });\r\n }\r\n\r\n function checkForNoLocation() {\r\n if (!$.session.DayServiceUpdate) return; //Don't need to do anything with multiselect or miniroster for view only.\r\n miniRosterBtn = document.querySelector('.consumerListBtn');\r\n if (noLocationSet) {\r\n miniRosterBtn.classList.add('disabled');\r\n mulitSelectBtn.classList.add('disabled');\r\n } else {\r\n miniRosterBtn.classList.remove('disabled');\r\n mulitSelectBtn.classList.remove('disabled');\r\n }\r\n }\r\n\r\n function getDayServiceActivity(callback) {\r\n activityCache = {};\r\n var tempDsConsumers = [];\r\n dsConsumers = [];\r\n displayedConsumers = [];\r\n\r\n //enabledConsumerString = enabledConsumers.map(c => c.id).join(',');\r\n enabledConsumerString = enabledConsumers.join(', ');\r\n if (enabledConsumerString.indexOf(', [object Object]') !== -1) {\r\n enabledConsumerString = enabledConsumerString.replaceAll(', [object Object]', '');\r\n }\r\n\r\n dayServiceAjax.getConsumerDayServiceActivity(\r\n enabledConsumerString,\r\n serviceDate,\r\n locationID,\r\n filterGroupID,\r\n filterGroupRetrieveID,\r\n res => {\r\n res.forEach(res => {\r\n obj = {\r\n Acuity: res.Acuity,\r\n AllowNonBillable: res.AllowNonBillable,\r\n Day_Service_Type: res.Day_Service_Type,\r\n FirstName: res.FirstName,\r\n LastName: res.LastName,\r\n Service_Date: res.Service_Date,\r\n Start_Time: res.Start_Time,\r\n Stop_Time: res.Stop_Time,\r\n ciStaffID: res.ciStaffID,\r\n isBatched: res.isBatched,\r\n dsGroupId: res.Day_service_group_id,\r\n };\r\n consumerObj = {\r\n id: res.ID,\r\n FirstName: res.FirstName,\r\n LastName: res.LastName,\r\n };\r\n if (activityCache[res.ID]) {\r\n arr = activityCache[res.ID];\r\n arr.push(obj);\r\n activityCache[res.ID] = arr;\r\n } else {\r\n activityCache[res.ID] = [obj];\r\n }\r\n tempDsConsumers.push(consumerObj);\r\n selectedGroupId = res.Day_service_group_id;\r\n });\r\n //filter out array to only get distinct consumers:\r\n var dsConsumerMap = new Map();\r\n for (const item of tempDsConsumers) {\r\n if (!dsConsumerMap.has(item.id)) {\r\n dsConsumerMap.set(item.id, true);\r\n dsConsumers.push({\r\n id: item.id,\r\n FirstName: item.FirstName,\r\n LastName: item.LastName,\r\n });\r\n }\r\n }\r\n //Add all consumers to the displayed consumers array\r\n dsConsumers.forEach(consumer => {\r\n displayedConsumers.push(consumer.id);\r\n });\r\n //===\r\n if (callback) callback();\r\n },\r\n );\r\n }\r\n\r\n function checkForCI(dsType) {\r\n //Chceks if selectedDSType is a DS type that allows CI returns true if it is.\r\n //If no dsType is provided function defaults to selectedDSType\r\n\r\n let type = dsType ? dsType : selectedDSType;\r\n\r\n switch (type) {\r\n case 'A':\r\n return true;\r\n case 'V':\r\n return true;\r\n case 'N':\r\n return true;\r\n case 'H':\r\n return true;\r\n case 'R':\r\n return true;\r\n case 'X':\r\n return true;\r\n case 'S':\r\n return true;\r\n default:\r\n return false;\r\n }\r\n }\r\n\r\n function errorPopup(text) {\r\n var errorPopup = POPUP.build({\r\n id: 'errorPopup',\r\n classNames: 'error',\r\n });\r\n var errorPopupText = document.createElement('p');\r\n errorPopupText.classList.add('errorTextArea');\r\n errorPopup.appendChild(errorPopupText);\r\n errorPopupText.innerHTML = text;\r\n POPUP.show(errorPopup);\r\n }\r\n\r\n // Search\r\n //-------------------------------------------------------------------------\r\n function searchDS(searchValue) {\r\n // gather all names shown\r\n //reset the array containing list of consumers that are being displayed\r\n displayedConsumers = [];\r\n searchValue = searchValue.toLowerCase();\r\n dsConsumers.forEach(consumer => {\r\n var firstName = consumer.FirstName.toLowerCase();\r\n var lastName = consumer.LastName.toLowerCase();\r\n var fullName = `${lastName}, ${firstName}`;\r\n var fullNameReversed = `${lastName}, ${firstName}`;\r\n var matchesName = fullName.indexOf(searchValue);\r\n var matchesNameReverse = fullNameReversed.indexOf(searchValue);\r\n var consumerCard = document.querySelector(`[data-consumerid=\"${consumer.id}\"]`);\r\n\r\n if (matchesName !== -1 || matchesNameReverse !== -1) {\r\n consumerCard.classList.remove('hidden');\r\n displayedConsumers.push(consumer.id);\r\n } else {\r\n consumerCard.classList.add('hidden');\r\n var index = displayedConsumers.indexOf(consumer.id);\r\n if (index > -1) displayedConsumers.splice(index, 1);\r\n }\r\n });\r\n }\r\n\r\n function convertDSValueToText(value) {\r\n var newtext;\r\n switch (value) {\r\n case 'C':\r\n newText = 'Combo';\r\n break;\r\n case 'A':\r\n newText = 'Adult Day';\r\n break;\r\n case 'V':\r\n newText = 'Voc. Hab.';\r\n break;\r\n case 'E':\r\n newText = 'Enclave';\r\n break;\r\n case 'N':\r\n newText = 'Non-Billable';\r\n break;\r\n case 'G':\r\n newText = 'Group Employment';\r\n break;\r\n //case 'H':\r\n //\tnewText = 'Restart Voc. Hab.';\r\n //\tbreak;\r\n //case 'R':\r\n //\tnewText = 'Restart Adult Day';\r\n //\tbreak;\r\n case 'X':\r\n newText = 'STEP Voc. Hab.';\r\n break;\r\n case 'S':\r\n newText = 'STEP Adult Day';\r\n break;\r\n case 'D':\r\n newText = 'Virtual Adult Day';\r\n break;\r\n case 'Y':\r\n newText = 'Virtual Voc. Hab.';\r\n break;\r\n default:\r\n newText = 'Day Service';\r\n }\r\n return newText;\r\n }\r\n\r\n function updateCurrentFilterDisplay() {\r\n\r\n var currentFilterDisplay = document.querySelector('.filteredByData');\r\n\r\n if (!currentFilterDisplay) {\r\n currentFilterDisplay = document.createElement('div');\r\n currentFilterDisplay.classList.add('filteredByData');\r\n filterButtonSet();\r\n currentFilterDisplay.appendChild(btnWrap);\r\n }\r\n\r\n currentFilterDisplay.style.maxWidth = '100%';\r\n\r\n if (document.getElementById('locationBtn') != null)\r\n document.getElementById('locationBtn').innerHTML = 'Location: ' + locationCache[locationID].locationName;\r\n\r\n if (document.getElementById('serviceDateBtn') != null)\r\n document.getElementById('serviceDateBtn').innerHTML = 'Date: ' + UTIL.formatDateFromIso(serviceDate);\r\n\r\n if (selectedGroupName === 'Everyone') {\r\n selectedGroupNameBtnWrap.style.display = 'none';\r\n } else {\r\n if (document.getElementById('selectedGroupNameBtn') != null)\r\n document.getElementById('selectedGroupNameBtn').innerHTML = 'Group: ' + selectedGroupName;\r\n selectedGroupNameBtnWrap.style.display = 'inherit';\r\n }\r\n return currentFilterDisplay;\r\n }\r\n\r\n function filterButtonSet() {\r\n filterBtn = button.build({\r\n text: 'Filter',\r\n icon: 'filter',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'filterBtnNew',\r\n callback: () => { dayServicesFilterPopup('ALL') },\r\n });\r\n\r\n locationBtn = button.build({\r\n id: 'locationBtn',\r\n text: 'Location: ' + locationCache[locationID].locationName,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => { dayServicesFilterPopup('locationBtn') },\r\n });\r\n\r\n serviceDateBtn = button.build({\r\n id: 'serviceDateBtn',\r\n text: 'Date: ' + UTIL.formatDateFromIso(serviceDate),\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => { dayServicesFilterPopup('serviceDateBtn') },\r\n });\r\n\r\n selectedGroupNameBtn = button.build({\r\n id: 'selectedGroupNameBtn',\r\n text: 'Group: ' + selectedGroupName,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => { dayServicesFilterPopup('selectedGroupNameBtn') },\r\n });\r\n selectedGroupNameCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => { closeFilter('selectedGroupNameBtn') },\r\n });\r\n\r\n btnWrap = document.createElement('div');\r\n btnWrap.classList.add('filterBtnWrap');\r\n btnWrap.appendChild(filterBtn);\r\n\r\n locationBtnWrap = document.createElement('div');\r\n locationBtnWrap.classList.add('filterSelectionBtnWrap');\r\n locationBtnWrap.appendChild(locationBtn);\r\n btnWrap.appendChild(locationBtnWrap);\r\n\r\n serviceDateBtnWrap = document.createElement('div');\r\n serviceDateBtnWrap.classList.add('filterSelectionBtnWrap');\r\n serviceDateBtnWrap.appendChild(serviceDateBtn);\r\n btnWrap.appendChild(serviceDateBtnWrap);\r\n\r\n selectedGroupNameBtnWrap = document.createElement('div');\r\n selectedGroupNameBtnWrap.classList.add('filterSelectionBtnWrap');\r\n selectedGroupNameBtnWrap.appendChild(selectedGroupNameBtn);\r\n if ($.session.DayServiceCaseLoad === true && $.loadedApp === 'dayservices') { } else {\r\n selectedGroupNameBtnWrap.appendChild(selectedGroupNameCloseBtn);\r\n } \r\n selectedGroupNameBtnWrap.setAttribute(\"id\", \"GroupNameCloseBtn\");\r\n btnWrap.appendChild(selectedGroupNameBtnWrap);\r\n }\r\n\r\n function closeFilter(closeFilter) {\r\n if (closeFilter == 'selectedGroupNameBtn') {\r\n selectedGroupName = 'Everyone';\r\n temp__groupID = 'ALL'; \r\n }\r\n filterApplyAction(filterPopup);\r\n }\r\n\r\n // Action Nav\r\n //-------------------------------------------------------------------------\r\n function handleActionNavEvent(target) {\r\n var targetAction = target.dataset.actionNav;\r\n\r\n switch (targetAction) {\r\n case 'miniRosterDone': {\r\n selectedConsumers = roster2.getActiveConsumers();\r\n selectedConsumers.forEach(consumer => {\r\n const index = enabledConsumers.findIndex(x => x.id == consumer.id);\r\n if (index === -1) {\r\n //enabledConsumers.push(consumer);\r\n enabledConsumers.push(consumer.id);\r\n }\r\n });\r\n DOM.toggleNavLayout();\r\n roster2.clearActiveConsumers();\r\n clockInOutChoicePopup();\r\n\r\n break;\r\n }\r\n case 'miniRosterCancel': {\r\n //if (initRosterSelection) {\r\n // loadApp('home');\r\n //} else {\r\n DOM.toggleNavLayout();\r\n //}\r\n break;\r\n }\r\n }\r\n }\r\n function setupActionNav() {\r\n multiSelectBtn = document.getElementById('multiSelectBtn');\r\n multiDeleteRecordBtn = button.build({\r\n text: 'Delete Record',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'disabled',\r\n callback: function () {\r\n var highlightedRows = [].slice.call(document.querySelectorAll('.table__row.selected'));\r\n multiDeleteRecord(highlightedRows);\r\n //Reset Stuff\r\n ACTION_NAV.hide();\r\n enableMultiEdit = false;\r\n filterBtn.classList.toggle('disabled');\r\n multiSelectBtn.classList.toggle('enabled');\r\n miniRosterBtn.classList.toggle('disabled');\r\n multiSelectAllNoneArea.classList.add('hidden');\r\n //Un-select elements\r\n var selectedElms = document.querySelectorAll('.selected');\r\n [].forEach.call(selectedElms, function (el) {\r\n el.classList.remove('selected');\r\n });\r\n },\r\n });\r\n\r\n multiInRecordBtn = button.build({\r\n text: 'Clock In',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'disabled',\r\n callback: function () {\r\n var highlightedHeaders = [].slice.call(document.querySelectorAll('.card__header.selected'));\r\n multiInOutRecord('in', highlightedHeaders);\r\n //Reset Stuff\r\n ACTION_NAV.hide();\r\n enableMultiEdit = false;\r\n filterBtn.classList.toggle('disabled');\r\n multiSelectBtn.classList.toggle('enabled');\r\n miniRosterBtn.classList.toggle('disabled');\r\n multiSelectAllNoneArea.classList.add('hidden');\r\n //Un-select elements\r\n var selectedElms = document.querySelectorAll('.selected');\r\n [].forEach.call(selectedElms, function (el) {\r\n el.classList.remove('selected');\r\n });\r\n },\r\n });\r\n\r\n multiOutRecordBtn = button.build({\r\n text: 'Clock Out',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'disabled',\r\n callback: function () {\r\n var highlightedHeaders = [].slice.call(document.querySelectorAll('.card__header.selected'));\r\n multiInOutRecord('out', highlightedHeaders);\r\n //Reset Stuff\r\n ACTION_NAV.hide();\r\n enableMultiEdit = false;\r\n filterBtn.classList.toggle('disabled');\r\n multiSelectBtn.classList.toggle('enabled');\r\n miniRosterBtn.classList.toggle('disabled');\r\n multiSelectAllNoneArea.classList.add('hidden');\r\n //Un-select elements\r\n var selectedElms = document.querySelectorAll('.selected');\r\n [].forEach.call(selectedElms, function (el) {\r\n el.classList.remove('selected');\r\n });\r\n },\r\n });\r\n\r\n ACTION_NAV.clear();\r\n ACTION_NAV.populate([multiInRecordBtn, multiOutRecordBtn, multiDeleteRecordBtn]);\r\n ACTION_NAV.hide();\r\n }\r\n\r\n // Filter\r\n //-------------------------------------------------------------------------\r\n function populateFilterGroupDropdown() {\r\n let groupCodeObj = {};\r\n\r\n const data = rosterGroupResults.map(r => {\r\n // dataObj for quick lookup\r\n if (!groupCodeObj[r.GroupCode]) {\r\n groupCodeObj[r.GroupCode] = {\r\n groupCode: r.GroupCode,\r\n groupName: r.GroupName,\r\n members: r.Members ? r.Members.split('|') : r.Members,\r\n };\r\n }\r\n\r\n return {\r\n //value: `${r.GroupCode}-${r.RetrieveID}`,\r\n value: r.GroupCode,\r\n text: r.GroupName,\r\n attributes: [{ key: 'data-retrieveId', value: r.RetrieveID }],\r\n };\r\n });\r\n if ($.session.DayServiceCaseLoad === true && $.loadedApp === 'dayservices') {\r\n defaultVal = 'CAS'; \r\n } else {\r\n defaultVal = !filterGroupID || filterGroupID === '%' ? 'ALL' : filterGroupID;\r\n } \r\n dropdown.populate(filterGroupDropdown, data, defaultVal); \r\n }\r\n function dayServicesFilterPopup(IsShow) {\r\n filterPopup = POPUP.build({\r\n classNames: 'dayServiceFilterPopup',\r\n header: 'Filter',\r\n id: 'dayServiceFilterPopup',\r\n });\r\n\r\n btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(fitlerApplyBtn);\r\n\r\n if (IsShow == 'ALL' || IsShow == 'serviceDateBtn')\r\n filterPopup.appendChild(filterDateInput);\r\n if (IsShow == 'ALL' || IsShow == 'locationBtn')\r\n filterPopup.appendChild(filterLocationDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'selectedGroupNameBtn')\r\n filterPopup.appendChild(filterGroupDropdown);\r\n filterPopup.appendChild(btnWrap);\r\n POPUP.show(filterPopup);\r\n\r\n dropdown.populate(filterLocationDropdown, locationDropdownData, locationID);\r\n populateFilterGroupDropdown();\r\n }\r\n function filterApplyAction(popup) {\r\n //I need to close the filter popup after clicking apply and not in the callback of an AJAX call.\r\n //Issue is if there is a slow connection the apply button can be clicked multiple times.\r\n \r\n if (temp__serviceDate) {\r\n serviceDate = temp__serviceDate;\r\n roster2.updateSelectedDate(serviceDate);\r\n }\r\n if (temp__groupID) {\r\n filterGroupID = temp__groupID;\r\n filterGroupRetrieveID = temp__retrieveID;\r\n }\r\n\r\n //MAT\r\n locationName = filterLocationDropdown.firstElementChild.options[filterLocationDropdown.firstElementChild.selectedIndex].innerText;\r\n locationID = filterLocationDropdown.firstElementChild.options[filterLocationDropdown.firstElementChild.selectedIndex].value;\r\n\r\n roster2.updateSelectedLocationId(locationID, locationName);\r\n noLocationSet = locationID === '' ? true : false;\r\n checkForNoLocation();\r\n\r\n // Update Default Location if Remember Last Location is set:\r\n if (defaults.rememberLastLocation('dayServices'))\r\n defaults.setLocation('dayServices', locationID);\r\n\r\n updateCurrentFilterDisplay();\r\n\r\n //1) get enabled consumers\r\n try {\r\n dayServiceAjax.getDayServiceGetEnabledConsumers(serviceDate, locationID, res => {\r\n fitlerApplyBtn.disabled = false;\r\n\r\n const allowedConsumers = [];\r\n res.forEach(r => {\r\n const consumer_id = r.consumerId;\r\n allowedConsumers.push({ consumer_id: consumer_id });\r\n enabledConsumers.push(consumer_id);\r\n });\r\n roster2.setAllowedConsumers(allowedConsumers);\r\n doStuff();\r\n });\r\n } catch (error) {\r\n fitlerApplyBtn.disabled = false;\r\n POPUP.hide(popup);\r\n }\r\n\r\n function doStuff() {\r\n getDayServiceActivity(() => {\r\n //2.1) Check if location/Date combo is batched\r\n checkIfBatched();\r\n dsCardArea.innerHTML = '';\r\n buildCards();\r\n });\r\n\r\n //3) get CI staff for new location and date\r\n //dayServiceAjax.getCiStaff(serviceDate, locationID, (res) => {\r\n //\tciDropdownData = res.map((ci) => {\r\n //\t\tvar id = `ci-${ci.id}`;\r\n //\t\tvar value = ci.id;\r\n //\t\tvar text = ci.fullName;\r\n //\t\treturn {\r\n //\t\t\tid,\r\n //\t\t\tvalue,\r\n //\t\t\ttext,\r\n //\t\t};\r\n //\t});\r\n //\tciDropdownData.unshift({ id: 'ci-0', value: '', text: '' });\r\n //});\r\n\r\n //4) get groups for new location\r\n dayServiceAjax.getDayServiceGroups($.session.Token, locationID, res => {\r\n dsGroupsCache = {};\r\n groupDropdownData = res.map((group, index) => {\r\n var { groupId, groupDescription } = group;\r\n if (index === 0) selectedGroupId = groupId;\r\n\r\n if (!dsGroupsCache[groupId]) {\r\n dsGroupsCache[groupId] = {\r\n id: groupId,\r\n value: groupDescription,\r\n };\r\n }\r\n\r\n return {\r\n id: groupId,\r\n value: groupId,\r\n text: groupDescription,\r\n };\r\n });\r\n groupDropdownData.unshift({ id: '%', value: '', text: '' });\r\n });\r\n }\r\n }\r\n\r\n // DS Cards\r\n //-------------------------------------------------------------------------\r\n function handleDayServiceCardEvents(element, consumer) {\r\n var isRow = event.target.classList.contains('table__row');\r\n var isHeader = event.target.classList.contains('card__header');\r\n // consumer = event.target.dataset.consumerid;\r\n\r\n if (!isRow && !isHeader) return; // if not row or header return\r\n if (isRow) {\r\n if (enableMultiEdit) {\r\n event.target.classList.toggle('selected');\r\n var highlightedRows = [].slice.call(document.querySelectorAll('.table__row.selected'));\r\n if (highlightedRows.length > 0) {\r\n multiDeleteRecordBtn.classList.remove('disabled');\r\n } else {\r\n multiDeleteRecordBtn.classList.add('disabled');\r\n }\r\n } else if (!enableMultiEdit) {\r\n rowPopup(element, consumer);\r\n }\r\n }\r\n if (isHeader) {\r\n if (enableMultiEdit) {\r\n event.target.classList.toggle('selected');\r\n var highlightedHeaders = [].slice.call(document.querySelectorAll('.card__header.selected'));\r\n if (highlightedHeaders.length > 0) {\r\n multiOutRecordBtn.classList.remove('disabled');\r\n multiInRecordBtn.classList.remove('disabled');\r\n } else {\r\n multiInRecordBtn.classList.add('disabled');\r\n multiOutRecordBtn.classList.add('disabled');\r\n }\r\n }\r\n }\r\n }\r\n function buildCards() {\r\n if (!dsConsumers || dsConsumers.length === 0) {\r\n // show message\r\n const message = `There are no individuals clocked in at this location for the selected date. Please use the Roster button below to select individuals to clock in.`;\r\n dsCardArea.innerHTML = `${message}
`;\r\n return;\r\n }\r\n\r\n //sort consumers Alphabeically\r\n dsConsumers.sort(function (a, b) {\r\n var textA = a.LastName.toUpperCase();\r\n var textB = b.LastName.toUpperCase();\r\n return textA < textB ? -1 : textA > textB ? 1 : 0;\r\n });\r\n\r\n //For each unique consumer, create a card:\r\n dsConsumers.forEach(consumer => {\r\n var card = document.createElement('div');\r\n card.classList.add('card', 'dayServiceActivityCard');\r\n card.setAttribute('data-consumerID', consumer.id);\r\n card.setAttribute('id', 'consumer-' + consumer.id);\r\n\r\n var cardHeader = document.createElement('div');\r\n cardHeader.classList.add('card__header');\r\n cardHeader.setAttribute('data-consumerID', consumer.id);\r\n\r\n var cardBody = document.createElement('div');\r\n cardBody.classList.add('card__body');\r\n\r\n cardHeader.innerHTML = `\r\n\r\n ${activityCache[consumer.id][0].FirstName} ${activityCache[consumer.id][0].LastName}
\r\n${activityCache[consumer.id][0].Acuity === ''\r\n ? ''\r\n : 'Acuity: ' + activityCache[consumer.id][0].Acuity\r\n }
\r\n `;\r\n\r\n var cardBodyHeader = document.createElement('div');\r\n cardBodyHeader.innerHTML = `In
Out
DS Type
Group
`; //CI
\r\n cardBodyHeader.classList.add('dayServiceCardBodyHeader');\r\n cardBody.appendChild(cardBodyHeader);\r\n\r\n card.appendChild(cardHeader);\r\n card.appendChild(cardBody);\r\n\r\n //For each activity that consumer has, create a new row:\r\n activityCache[consumer.id].forEach(act => {\r\n var dsGroup = dsGroupsCache[act.dsGroupId];\r\n var dsGroupValue = dsGroup ? dsGroup.value : null;\r\n var displayStartTime = UTIL.convertFromMilitary(act.Start_Time);\r\n var displayEndTime = UTIL.convertFromMilitary(act.Stop_Time);\r\n var cardRow = document.createElement('div');\r\n cardRow.classList.add('dayServiceCardRow', 'table__row');\r\n\r\n if (act.Day_Service_Type !== '')\r\n var dayServiceDisplay = convertDSValueToText(act.Day_Service_Type);\r\n else var dayServiceDisplay = icons.error;\r\n\r\n //A V N allow CI\r\n //let allowCI = false;\r\n //let hasCI = false;\r\n //if (checkForCI(act.Day_Service_Type)) {\r\n //\tcardRow.setAttribute('data-allow-CI', true);\r\n //\tallowCI = true;\r\n //\tif (act.ciStaffID !== '') {\r\n //\t\tcardRow.setAttribute('data-has-CI', true);\r\n //\t\thasCI = true;\r\n //\t} else {\r\n //\t\tcardRow.setAttribute('data-has-CI', false);\r\n //\t}\r\n //} else {\r\n //\tcardRow.setAttribute('data-allow-CI', false);\r\n //}\r\n\r\n //ADD in time and consumer ID data attributes for easier multi-select opperations\r\n cardRow.setAttribute('data-in-time', act.Start_Time);\r\n cardRow.setAttribute('data-consumer-id', consumer.id);\r\n\r\n cardRow.innerHTML = `\r\n ${displayStartTime}
\r\n ${displayEndTime === '' ? icons.error : displayEndTime}
\r\n ${dayServiceDisplay}
\r\n ${dsGroupValue ? dsGroupValue : act.Day_Service_Type === 'S' || act.Day_Service_Type === 'X' ? icons.error : '-'}
\r\n `;\r\n //${allowCI === true ? (hasCI === true ? icons.checkmark : '-') : '-'}
\r\n //View only has no need to click on a row:\r\n if ($.session.DayServiceUpdate) {\r\n cardRow.addEventListener('click', function () {\r\n handleDayServiceCardEvents(event.target, consumer.id);\r\n });\r\n }\r\n cardBody.appendChild(cardRow);\r\n });\r\n\r\n cardHeader.addEventListener('click', function () {\r\n handleDayServiceCardEvents(event.target);\r\n });\r\n dsCardArea.appendChild(card);\r\n });\r\n\r\n //Add place holders for odd number of cards;\r\n var placeholder1 = document.createElement('div');\r\n var placeholder2 = document.createElement('div');\r\n var placeholder3 = document.createElement('div');\r\n var placeholder4 = document.createElement('div');\r\n placeholder1.classList.add('cardPlaceholder');\r\n placeholder2.classList.add('cardPlaceholder');\r\n placeholder3.classList.add('cardPlaceholder');\r\n placeholder4.classList.add('cardPlaceholder');\r\n dsCardArea.appendChild(placeholder1);\r\n dsCardArea.appendChild(placeholder2);\r\n dsCardArea.appendChild(placeholder3);\r\n dsCardArea.appendChild(placeholder4);\r\n }\r\n\r\n //==== Muti Button Stuff =========================\r\n function enableMultiEditRows(multiBtn) {\r\n setupActionNav();\r\n miniRosterBtn = document.querySelector('.consumerListBtn');\r\n miniRosterBtn.classList.toggle('disabled');\r\n\r\n enableMultiEdit = !enableMultiEdit;\r\n multiBtn.classList.toggle('enabled');\r\n\r\n if (enableMultiEdit) {\r\n multiSelectAllNoneArea.classList.remove('hidden');\r\n ACTION_NAV.show();\r\n } else {\r\n multiSelectAllNoneArea.classList.add('hidden');\r\n ACTION_NAV.hide();\r\n }\r\n\r\n var highlightedRows = [].slice.call(document.querySelectorAll('.table__row.selected'));\r\n highlightedRows.forEach(row => row.classList.remove('selected'));\r\n var highlightedHeaders = [].slice.call(document.querySelectorAll('.card__header.selected'));\r\n highlightedHeaders.forEach(header => header.classList.remove('selected'));\r\n }\r\n //When Delete record button is clicked -\r\n function multiDeleteRecord(highlightedRows) {\r\n deleteConfirmation(\r\n null,\r\n (res = () => {\r\n if (res) {\r\n var recordsToDelete = '';\r\n highlightedRows.forEach(row => {\r\n recordsToDelete += `${row.dataset.consumerId},${row.dataset.inTime}|`;\r\n });\r\n deleteDSRecord(recordsToDelete);\r\n }\r\n }),\r\n );\r\n }\r\n //when in or out button is clicked -\r\n function multiInOutRecord(type, highlightedHeaders) {\r\n selectedConsumers = [];\r\n highlightedHeaders.forEach(row => {\r\n obj = {};\r\n obj['id'] = row.dataset.consumerid;\r\n selectedConsumers.push(obj);\r\n });\r\n clockInOutActionPopup(type);\r\n }\r\n\r\n //====== POPUP WHEN CLICKING ON A ACTIVITY ROW =========================\r\n function rowPopup(element, consumer) {\r\n //==== !No Popup When Location is Batched! ====\r\n if (currentLocationBatched) {\r\n return;\r\n }\r\n //======= REST =========\r\n var ciStaffID;\r\n var dsType;\r\n var groupID;\r\n var newInTime;\r\n var newOutTime;\r\n\r\n let outTime =\r\n element.childNodes[3].childElementCount !== 0\r\n ? null\r\n : UTIL.convertToMilitary(element.childNodes[3].innerHTML);\r\n let inTime = UTIL.convertToMilitary(element.childNodes[1].innerHTML);\r\n activityCache[consumer].forEach(act => {\r\n if (act.Start_Time === inTime) {\r\n ciStaffID = act.ciStaffID;\r\n dsType = act.Day_Service_Type;\r\n groupID = act.dsGroupId;\r\n }\r\n });\r\n\r\n var popup = POPUP.build({\r\n classNames: 'dayServiceRowPopup',\r\n header: `${activityCache[consumer][0].FirstName} ${activityCache[consumer][0].LastName}`,\r\n id: `consumer${consumer}`,\r\n });\r\n\r\n var inTimeField = input.build({\r\n id: 'inTime',\r\n label: 'In Time',\r\n type: 'time',\r\n style: 'secondary',\r\n value: inTime,\r\n });\r\n var outTimeField = input.build({\r\n id: 'outTime',\r\n label: 'Out Time',\r\n type: 'time',\r\n style: 'secondary',\r\n value: outTime,\r\n });\r\n\r\n var dsTypeDropdown = dropdown.build({\r\n dropdownId: 'dsTypeDropdown',\r\n label: 'DS Type',\r\n style: 'secondary',\r\n });\r\n //var ciDropdown = dropdown.build({\r\n //\tdropdownId: 'ciDropdown',\r\n //\tlabel: 'CI',\r\n //\tstyle: 'secondary',\r\n //});\r\n groupDropdown = dropdown.build({\r\n id: 'groupDropdown',\r\n dropdownId: 'groupDropdown',\r\n label: 'Group', \r\n style: 'secondary',\r\n });\r\n\r\n saveBtn = button.build({\r\n text: 'Save',\r\n id: 'rowSaveBtn',\r\n style: 'secondary',\r\n type: 'contained',\r\n icon: 'save',\r\n callback: function () {\r\n if (IsSaveBtnDisable) {\r\n dsTypeDropdown = document.getElementById('dsTypeDropdown');\r\n //ciStaffDropdown = document.getElementById('ciDropdown');\r\n groupDropdown = document.getElementById('groupDropdown');\r\n //if (ciStaffDropdown) ciStaffID = ciStaffDropdown.options[ciStaffDropdown.selectedIndex].value;\r\n if (groupDropdown)\r\n selectedGroupId = groupDropdown.options[groupDropdown.selectedIndex].value;\r\n selectedDSType = dsTypeDropdown.options[dsTypeDropdown.selectedIndex].value;\r\n saveTypeAndCi(\r\n consumer,\r\n inTime,\r\n newInTime,\r\n outTime,\r\n newOutTime,\r\n selectedDSType,\r\n ciStaffID,\r\n selectedGroupId,\r\n );\r\n POPUP.hide(popup);\r\n }\r\n IsSaveBtnDisable = true;\r\n },\r\n });\r\n var deleteBtn = button.build({\r\n text: 'Delete Record',\r\n style: 'secondary',\r\n type: 'outlined',\r\n icon: 'delete',\r\n callback: function () {\r\n deleteConfirmation(\r\n popup,\r\n (res = () => {\r\n if (res) {\r\n consumerDeleteString = `${consumer},${inTime}|`;\r\n deleteDSRecord(consumerDeleteString);\r\n POPUP.hide(popup);\r\n }\r\n }),\r\n );\r\n },\r\n });\r\n\r\n inTimeField.addEventListener('change', () => {\r\n let inTimeField = document.getElementById('inTime');\r\n newInTime = inTimeField.value;\r\n });\r\n\r\n outTimeField.addEventListener('change', () => {\r\n let outTimeField = document.getElementById('outTime');\r\n newOutTime = outTimeField.value;\r\n });\r\n\r\n dsTypeDropdown.addEventListener('change', () => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n selectedDSType = selectedOption.value;\r\n checkRequiredFieldsOfNewEntry();\r\n //let allowCi = checkForCI();\r\n //if (allowCi) {\r\n //\tciDropdown.style.display = '';\r\n //\tdropdown.populate(ciDropdown, ciDropdownData);\r\n //} else {\r\n //\tciDropdown.style.display = 'none';\r\n //}\r\n });\r\n\r\n saveBtn.addEventListener('keypress', event => {\r\n if (event.keyCode === 13 && saveBtn.classList.contains('disabled')) {\r\n IsSaveBtnDisable = false;\r\n }\r\n });\r\n\r\n groupDropdown.addEventListener('change', () => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n selectedGroup = selectedOption.innerText;\r\n selectedGroupId = selectedOption.id;\r\n checkRequiredFieldsOfNewEntry();\r\n });\r\n\r\n btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(saveBtn);\r\n btnWrap.appendChild(deleteBtn);\r\n\r\n popup.appendChild(inTimeField);\r\n popup.appendChild(outTimeField);\r\n popup.appendChild(dsTypeDropdown);\r\n popup.appendChild(groupDropdown);\r\n //popup.appendChild(ciDropdown);\r\n //ciDropdown.style.display = element.dataset.allowCi === 'true' ? 'auto' : 'none';\r\n popup.appendChild(btnWrap);\r\n POPUP.show(popup);\r\n\r\n dropdown.populate(dsTypeDropdown, dsDropdownData, dsType);\r\n //dropdown.populate(ciDropdown, ciDropdownData, ciStaffID);\r\n dropdown.populate(groupDropdown, groupDropdownData, groupID);\r\n checkRequiredFieldsOfNewEntry();\r\n }\r\n\r\n //====== POPUP WARNING WHEN CONSUMER HAS EXISTING DAY SERVICE ACTIVITY ===========\r\n function consumerExistingDayServicePopup(consumerList) {\r\n var popup = POPUP.build({\r\n header: 'At least one consumer has existing day service activity at another location.',\r\n });\r\n\r\n var continueBtn = button.build({\r\n text: 'Continue',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(popup);\r\n clockInOutActionPopup('in');\r\n },\r\n });\r\n\r\n var cancelBtn = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: function () {\r\n POPUP.hide(popup);\r\n roster2.clearActiveConsumers();\r\n },\r\n });\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(continueBtn);\r\n btnWrap.appendChild(cancelBtn);\r\n\r\n var textArea;\r\n consumerList.forEach(consumer => {\r\n textArea = document.createElement('p');\r\n textArea.innerHTML = `\r\n Name: ${consumer.name}
\r\n Location: ${consumer.location}
\r\n Start Time: ${consumer.startTime}
\r\n End Time: ${consumer.endTime}
\r\n \";\r\n } else {\r\n icon = \"\";\r\n }\r\n\r\n if (tmpId == '') {\r\n tmpId = tmpId2;\r\n }\r\n\r\n // If more than 1 location for the selected consumers:\r\n if (serviceLocationCount > 1) {\r\n // Populate the day services location box with all the locations and a link to the changeTheDSLocation function in dayservices.js:\r\n optionsHtml.push(\r\n \"\" +\r\n icon +\r\n ' ' +\r\n tmpName +\r\n '',\r\n );\r\n } else {\r\n // If only 1 location for the selected consumers and the location id is the same as the selected location:\r\n if (serviceLocationCount == 1 && locationIds[0] == currentlocationId) {\r\n // If the location id = the selected location:\r\n if (tmpId == currentlocationId) {\r\n currentlocationId = tmpId;\r\n\r\n // Display the location name:\r\n $('#dslocationbox').html(\r\n tmpName +\r\n \"Employment Information
`;\r\n addNewCard.appendChild(addNewCardBody)\r\n column1.appendChild(addNewCard)\r\n\r\n const employerBtnWrap = document.createElement('div');\r\n employerBtnWrap.classList.add('employmentBtnWrap');\r\n employerDropdown.style.width = '80%';\r\n addEmployerBtn.style.width = '19%';\r\n if (!$.session.InsertEmployers) {\r\n addEmployerBtn.classList.add('disabled');\r\n }\r\n employerBtnWrap.appendChild(employerDropdown);\r\n employerBtnWrap.appendChild(addEmployerBtn);\r\n\r\n addNewCardBody.appendChild(employerBtnWrap);\r\n addNewCardBody.appendChild(positionDropdown);\r\n\r\n var dropWrap = document.createElement('div');\r\n dropWrap.classList.add('employmentDTWrap');\r\n jobStandingDropdown.classList.add('width27Per');\r\n dropWrap.appendChild(jobStandingDropdown);\r\n transportationDropdown.classList.add('width27Per');\r\n dropWrap.appendChild(transportationDropdown);\r\n positionStartDate.classList.add('width20Per');\r\n dropWrap.appendChild(positionStartDate);\r\n positionEndDate.classList.add('width20Per');\r\n dropWrap.appendChild(positionEndDate);\r\n addNewCardBody.appendChild(dropWrap);\r\n\r\n var drWrap = document.createElement('div');\r\n drWrap.classList.add('employmentDTWrap');\r\n typeOfWorkDropdown.classList.add('width39Per');\r\n drWrap.appendChild(typeOfWorkDropdown);\r\n isSelfEmployed.classList.add('width22Per');\r\n drWrap.appendChild(isSelfEmployed);\r\n typeOfEmploymentDropdown.classList.add('width38Per');\r\n drWrap.appendChild(typeOfEmploymentDropdown);\r\n addNewCardBody.appendChild(drWrap);\r\n\r\n const consumerNameDisplay = document.createElement(\"p\");\r\n consumerNameDisplay.classList.add(\"heading\");\r\n consumerNameDisplay.innerHTML = `${'Supervisor Information'}`;\r\n consumerNameDisplay.style.marginLeft = '10px';\r\n addNewCardBody.appendChild(consumerNameDisplay);\r\n addNewCardBody.appendChild(LineBr);\r\n addNewCardBody.appendChild(LineBr);\r\n\r\n var infoWrap = document.createElement('div');\r\n infoWrap.classList.add('employmentDTWrap');\r\n nameInput.classList.add('width30Per');\r\n infoWrap.appendChild(nameInput);\r\n phoneInput.classList.add('width32Per');\r\n infoWrap.appendChild(phoneInput);\r\n emailInput.classList.add('width32Per');\r\n infoWrap.appendChild(emailInput);\r\n addNewCardBody.appendChild(infoWrap);\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('employmentBtnWrap');\r\n btnWrap.style.marginLeft = '25%';\r\n btnWrap.style.width = '50%';\r\n\r\n if ($.session.EmploymentUpdate) {\r\n SAVE_BTN.style.width = '52%';\r\n btnWrap.appendChild(SAVE_BTN);\r\n }\r\n\r\n CANCEL_BTN.style.width = '52%';\r\n CANCEL_BTN.style.marginLeft = '5%';\r\n btnWrap.appendChild(CANCEL_BTN);\r\n addNewCardBody.appendChild(btnWrap);\r\n\r\n eventListeners();\r\n populateDropdowns();\r\n enableDisabledInputs();\r\n employeeInfoDiv.appendChild(column1);\r\n checkRequiredFieldsOfEmployeeInfo(startDatePosition, position, employer, jobStanding, endDatePosition);\r\n\r\n return employeeInfoDiv;\r\n }\r\n\r\n function enableDisabledInputs() {\r\n if ($.session.EmploymentUpdate) {\r\n positionStartDate.classList.remove('disabled');\r\n positionEndDate.classList.remove('disabled');\r\n positionDropdown.classList.remove('disabled');\r\n jobStandingDropdown.classList.remove('disabled');\r\n employerDropdown.classList.remove('disabled');\r\n transportationDropdown.classList.remove('disabled');\r\n typeOfWorkDropdown.classList.remove('disabled');\r\n typeOfEmploymentDropdown.classList.remove('disabled');\r\n isSelfEmployed.classList.remove('disabled');\r\n nameInput.classList.remove('disabled');\r\n phoneInput.classList.remove('disabled');\r\n emailInput.classList.remove('disabled');\r\n UPDATE_BTN.classList.remove('disabled');\r\n SAVE_BTN.classList.remove('disabled');\r\n }\r\n else {\r\n positionStartDate.classList.add('disabled');\r\n positionEndDate.classList.add('disabled');\r\n positionDropdown.classList.add('disabled');\r\n jobStandingDropdown.classList.add('disabled');\r\n employerDropdown.classList.add('disabled');\r\n transportationDropdown.classList.add('disabled');\r\n typeOfWorkDropdown.classList.add('disabled');\r\n typeOfEmploymentDropdown.classList.add('disabled');\r\n isSelfEmployed.classList.add('disabled');\r\n nameInput.classList.add('disabled');\r\n phoneInput.classList.add('disabled');\r\n emailInput.classList.add('disabled');\r\n UPDATE_BTN.classList.add('disabled');\r\n SAVE_BTN.classList.add('disabled');\r\n }\r\n\r\n }\r\n\r\n function getRequiredFieldsOfEmployeeInfo() {\r\n var startDate = positionStartDate.querySelector('#positionStartDate');\r\n var endDate = positionEndDate.querySelector('#positionEndDate');\r\n var position = positionDropdown.querySelector('#positionDropdown');\r\n var employer = employerDropdown.querySelector('#employerDropdown');\r\n var jobStanding = jobStandingDropdown.querySelector('#jobStandingDropdown');\r\n checkRequiredFieldsOfEmployeeInfo(startDate.value, position.value, employer.value, jobStanding.value, endDate.value)\r\n }\r\n\r\n function checkRequiredFieldsOfEmployeeInfo(startDate, position, employer, jobStanding, endDate) {\r\n if (startDate === '' || (endDate != '' && startDate > endDate)) {\r\n positionStartDate.classList.add('error');\r\n } else {\r\n positionStartDate.classList.remove('error');\r\n }\r\n\r\n if (position === '') {\r\n positionDropdown.classList.add('error');\r\n } else {\r\n positionDropdown.classList.remove('error');\r\n }\r\n\r\n if (employer === '') {\r\n employerDropdown.classList.add('error');\r\n } else {\r\n employerDropdown.classList.remove('error');\r\n }\r\n\r\n if (jobStanding === '') {\r\n jobStandingDropdown.classList.add('error');\r\n } else {\r\n jobStandingDropdown.classList.remove('error');\r\n }\r\n setBtnStatusOfEmployeeInfo();\r\n }\r\n\r\n function setBtnStatusOfEmployeeInfo() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.error'));\r\n if (hasErrors.length !== 0) {\r\n SAVE_BTN.classList.add('disabled');\r\n BACK_BTN.classList.remove('disabled');\r\n return;\r\n } else {\r\n if (tempstartDatePosition != '' || tempendDatePosition != '' || tempposition != '' || tempjobStanding != '' || tempemployer != '' || temptransportation != '' || temptypeOfWork != '' || tempselfEmployed != '' || tempname != '' || tempphone != '' || tempemail != '' || temptypeOfEmployment != '') {\r\n SAVE_BTN.classList.remove('disabled');\r\n BACK_BTN.classList.add('disabled');\r\n }\r\n else {\r\n SAVE_BTN.classList.add('disabled');\r\n BACK_BTN.classList.remove('disabled');\r\n }\r\n }\r\n }\r\n\r\n function eventListeners() {\r\n positionStartDate.addEventListener('input', event => {\r\n startDatePosition = event.target.value;\r\n tempstartDatePosition = 'ChangeValue';\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n positionEndDate.addEventListener('input', event => {\r\n endDatePosition = event.target.value;\r\n tempendDatePosition = 'ChangeValue';\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n positionDropdown.addEventListener('change', event => {\r\n var selectedConsumerOption = event.target.options[event.target.selectedIndex];\r\n position = selectedConsumerOption.id;\r\n positionName = selectedConsumerOption.text;\r\n tempposition = 'ChangeValue';\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n jobStandingDropdown.addEventListener('change', event => {\r\n var selectedConsumerOption = event.target.options[event.target.selectedIndex];\r\n jobStanding = selectedConsumerOption.id;\r\n tempjobStanding = 'ChangeValue';\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n employerDropdown.addEventListener('change', event => {\r\n var selectedConsumerOption = event.target.options[event.target.selectedIndex];\r\n employer = selectedConsumerOption.id;\r\n employerName = selectedConsumerOption.text;\r\n tempemployer = 'ChangeValue';\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n transportationDropdown.addEventListener('change', event => {\r\n var selectedConsumerOption = event.target.options[event.target.selectedIndex];\r\n transportation = selectedConsumerOption.id;\r\n temptransportation = 'ChangeValue';\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n typeOfWorkDropdown.addEventListener('change', event => {\r\n var selectedConsumerOption = event.target.options[event.target.selectedIndex];\r\n typeOfWork = selectedConsumerOption.id;\r\n temptypeOfWork = 'ChangeValue';\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n typeOfEmploymentDropdown.addEventListener('change', event => {\r\n var selectedConsumerOption = event.target.options[event.target.selectedIndex];\r\n typeOfEmployment = selectedConsumerOption.id;\r\n temptypeOfEmployment = 'ChangeValue';\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n isSelfEmployed.addEventListener('change', event => {\r\n selfEmployed = event.target.checked == true ? 'Y' : 'N';\r\n tempselfEmployed = 'ChangeValue';\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n nameInput.addEventListener('input', event => {\r\n name = event.target.value;\r\n tempname = 'ChangeValue';\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n phoneInput.addEventListener('input', event => {\r\n phone = event.target.value;\r\n tempphone = 'ChangeValue';\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n emailInput.addEventListener('input', event => {\r\n email = event.target.value;\r\n tempemail = 'ChangeValue';\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n }\r\n\r\n async function populateDropdowns() {\r\n const {\r\n getPositionDropDownResult: Positions,\r\n } = await EmploymentAjax.getPositionDropDownAsync();\r\n let positionsData = Positions.map((positions) => ({\r\n id: positions.positionId,\r\n value: positions.positionId,\r\n text: positions.positionName\r\n }));\r\n positionsData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"positionDropdown\", positionsData, position);\r\n\r\n const {\r\n getEmployerDropDownResult: Employer,\r\n } = await EmploymentAjax.getEmployerDropDownAsync();\r\n let data = Employer.map((employer) => ({\r\n id: employer.employerId,\r\n value: employer.employerId,\r\n text: employer.employerName\r\n }));\r\n data.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"employerDropdown\", data, employer);\r\n\r\n const {\r\n getJobStandingsDropDownResult: JobStanding,\r\n } = await EmploymentAjax.getJobStandingsDropDownAsync();\r\n let jobStandingData = JobStanding.map((jobStanding) => ({\r\n id: jobStanding.jobStandingId,\r\n value: jobStanding.jobStandingId,\r\n text: jobStanding.jobStandingName\r\n }));\r\n jobStandingData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"jobStandingDropdown\", jobStandingData, jobStanding);\r\n\r\n const {\r\n getTransportationDropDownResult: Transportation,\r\n } = await EmploymentAjax.getTransportationDropDownAsync();\r\n let transportationData = Transportation.map((transportation) => ({\r\n id: transportation.transportationId,\r\n value: transportation.transportationId,\r\n text: transportation.transportationName\r\n }));\r\n transportationData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"transportationDropdown\", transportationData, transportation);\r\n\r\n const {\r\n getTypeOfWorkDropDownResult: TypeOfWork,\r\n } = await EmploymentAjax.getTypeOfWorkDropDownAsync();\r\n let typeOfWorkData = TypeOfWork.map((typeOfWorks) => ({\r\n id: typeOfWorks.typeOfWorkId,\r\n value: typeOfWorks.typeOfWorkId,\r\n text: typeOfWorks.typeOfWorkName\r\n }));\r\n typeOfWorkData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"typeOfWorkDropdown\", typeOfWorkData, typeOfWork);\r\n\r\n const {\r\n getTypeOfEmploymentDropDownResult: TypeOfEmployment,\r\n } = await EmploymentAjax.getTypeOfEmploymentDropDownAsync();\r\n let typeOfEmploymentData = TypeOfEmployment.map((typeOfEmployments) => ({\r\n id: typeOfEmployments.typeOfWorkId,\r\n value: typeOfEmployments.typeOfWorkId,\r\n text: typeOfEmployments.typeOfWorkName\r\n }));\r\n typeOfEmploymentData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"typeOfEmploymentDropdown\", typeOfEmploymentData, typeOfEmployment);\r\n\r\n\r\n }\r\n\r\n\r\n function updatePathPopupBtn() {\r\n employmentPath = '';\r\n currentEndDate = existingEndDate;\r\n newStartDate = '';\r\n newEndDate = '';\r\n\r\n updatePathPopup = POPUP.build({\r\n classNames: ['rosterFilterPopup'],\r\n hideX: true,\r\n });\r\n\r\n const heading = document.createElement('h2');\r\n heading.style.marginTop = '-20px';\r\n heading.style.marginBottom = '20px';\r\n heading.innerText = 'Update Path to Employment';\r\n\r\n // dropdowns & inputs\r\n currentPathEndDate = input.build({\r\n id: 'currentPathEndDate',\r\n type: 'date',\r\n label: 'Current Path End Date',\r\n style: 'secondary',\r\n value: currentEndDate,\r\n });\r\n\r\n newPathEmploymentDropdown = dropdown.build({\r\n id: 'newPathEmploymentDropdown',\r\n label: \"New Path to Employment\",\r\n dropdownId: \"newPathEmploymentDropdown\",\r\n });\r\n\r\n newPathStartDate = input.build({\r\n id: 'newPathStartDate',\r\n type: 'date',\r\n label: 'New Path Start Date',\r\n style: 'secondary',\r\n value: newStartDate,\r\n });\r\n\r\n newPathEndDate = input.build({\r\n id: 'newPathEndDate',\r\n type: 'date',\r\n label: 'New Path End Date',\r\n style: 'secondary',\r\n value: newEndDate,\r\n });\r\n\r\n APPLY_BTN = button.build({\r\n text: 'APPLY',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n if (!APPLY_BTN.classList.contains('disabled')) {\r\n APPLY_BTN.classList.add('disabled');\r\n saveNewPathPopup();\r\n }\r\n }\r\n });\r\n\r\n CANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n });\r\n\r\n updatePathPopup.appendChild(heading);\r\n updatePathPopup.appendChild(currentPathEndDate);\r\n\r\n updatePathPopup.appendChild(newPathEmploymentDropdown);\r\n updatePathPopup.appendChild(newPathStartDate);\r\n updatePathPopup.appendChild(newPathEndDate);\r\n\r\n var confirmMessage = document.createElement('div');\r\n confirmMessage.innerHTML = ``;\r\n updatePathPopup.appendChild(confirmMessage);\r\n\r\n var popupbtnWrap = document.createElement('div');\r\n popupbtnWrap.classList.add('btnWrap');\r\n popupbtnWrap.appendChild(APPLY_BTN);\r\n popupbtnWrap.appendChild(CANCEL_BTN);\r\n updatePathPopup.appendChild(popupbtnWrap);\r\n\r\n POPUP.show(updatePathPopup);\r\n PopupEventListeners();\r\n populateNewPathEmploymentDropdown('updatePath');\r\n checkRequiredFieldsOfEmploymentPath();\r\n }\r\n\r\n function PopupEventListeners() {\r\n newPathEmploymentDropdown.addEventListener('change', event => {\r\n employmentPath = event.target.value;\r\n checkRequiredFieldsOfEmploymentPath();\r\n });\r\n\r\n newPathStartDate.addEventListener('input', event => {\r\n newStartDate = event.target.value;\r\n checkRequiredFieldsOfEmploymentPath();\r\n });\r\n newPathEndDate.addEventListener('input', event => {\r\n newEndDate = event.target.value;\r\n checkRequiredFieldsOfEmploymentPath();\r\n });\r\n currentPathEndDate.addEventListener('input', event => {\r\n currentEndDate = event.target.value;\r\n checkRequiredFieldsOfEmploymentPath();\r\n });\r\n\r\n CANCEL_BTN.addEventListener('click', () => {\r\n POPUP.hide(updatePathPopup);\r\n });\r\n }\r\n\r\n function checkRequiredFieldsOfEmploymentPath() {\r\n var newPathEmployment = newPathEmploymentDropdown.querySelector('#newPathEmploymentDropdown');\r\n var newStartDate = newPathStartDate.querySelector('#newPathStartDate');\r\n var newEndDate = newPathEndDate.querySelector('#newPathEndDate');\r\n var CurrentEndDate = currentPathEndDate.querySelector('#currentPathEndDate');\r\n\r\n if (newPathEmployment.value === '') {\r\n newPathEmploymentDropdown.classList.add('errorPopup');\r\n } else {\r\n newPathEmploymentDropdown.classList.remove('errorPopup');\r\n }\r\n\r\n if (CurrentEndDate.value === '' || CurrentEndDate.value < existingStartDate) {\r\n currentPathEndDate.classList.add('errorPopup');\r\n } else {\r\n currentPathEndDate.classList.remove('errorPopup');\r\n }\r\n\r\n if (newStartDate.value === '' || CurrentEndDate.value > newStartDate.value || (newEndDate.value != '' && newStartDate.value > newEndDate.value)) {\r\n newPathStartDate.classList.add('errorPopup');\r\n } else {\r\n newPathStartDate.classList.remove('errorPopup');\r\n }\r\n\r\n setBtnStatusOfEmploymentPath();\r\n }\r\n\r\n function setBtnStatusOfEmploymentPath() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.errorPopup'));\r\n if (hasErrors.length !== 0) {\r\n APPLY_BTN.classList.add('disabled');\r\n return;\r\n } else {\r\n APPLY_BTN.classList.remove('disabled');\r\n }\r\n }\r\n\r\n function populateNewPathEmploymentDropdown(pathName) {\r\n const condfidentialDropdownData = ([\r\n { id: 1, value: 1, text: \"1 - I have a job but would like a better one or to move up.\" },\r\n { id: 2, value: 2, text: \"2 - I want a job! I need help to find one.\" },\r\n { id: 3, value: 3, text: \"3 - I'm not sure about work. I need help to learn more.\" },\r\n { id: 4, value: 4, text: \"4 - I don't think I want to work, but I may not know enough.\" },\r\n ]);\r\n condfidentialDropdownData.unshift({ id: null, value: '', text: '' });\r\n if (pathName == 'updatePath')\r\n dropdown.populate(\"newPathEmploymentDropdown\", condfidentialDropdownData, employmentPath);\r\n else\r\n dropdown.populate(\"pathToEmploymentDropdown\", condfidentialDropdownData, pathToEmployment);\r\n }\r\n\r\n\r\n\r\n async function saveNewPathPopup() {\r\n const result = await EmploymentAjax.insertEmploymentPathAsync(employmentPath, newStartDate, newEndDate, currentEndDate, consumersID, $.session.UserId, existingPathID);\r\n const { insertEmploymentPathResult } = result;\r\n var messagetext = document.getElementById('confirmMessage');\r\n\r\n messagetext.innerHTML = ``;\r\n if (insertEmploymentPathResult.pathId == '-1') {\r\n messagetext.innerHTML = 'This record overlaps with an existing record. Changes cannot be saved.';\r\n messagetext.classList.add('password-error');\r\n }\r\n else {\r\n NewEmployment.refreshEmployment(PositionId, employerName, positionName, selectedConsumersName, consumersID);\r\n POPUP.hide(updatePathPopup);\r\n }\r\n\r\n }\r\n\r\n async function saveEmployeeInfo() {\r\n const result = await EmploymentAjax.insertEmploymentInfoAsync(startDatePosition, endDatePosition, position, jobStanding, employer, transportation, typeOfWork, selfEmployed, name, phone, email, consumersID, $.session.UserId, PositionId, typeOfEmployment);\r\n const { insertEmploymentInfoResult } = result;\r\n if (insertEmploymentInfoResult.positionID != null) {\r\n NewEmployment.refreshEmployment(insertEmploymentInfoResult.positionID, employerName, positionName, selectedConsumersName, consumersID, tabPositionIndex = 0);\r\n }\r\n }\r\n\r\n function CancleValidate() {\r\n if (tempstartDatePosition != ''\r\n || tempendDatePosition != ''\r\n || tempposition != ''\r\n || tempjobStanding != ''\r\n || tempemployer != ''\r\n || temptransportation != ''\r\n || temptypeOfWork != ''\r\n || tempselfEmployed != ''\r\n || tempname != ''\r\n || tempphone != ''\r\n || tempemail != ''\r\n || temptypeOfEmployment != '') {\r\n CancleEmploymentInfoPopup();\r\n }\r\n else {\r\n Employment.loadEmploymentLanding();\r\n }\r\n }\r\n\r\n function CancleEmploymentInfoPopup() {\r\n const confirmPopup = POPUP.build({\r\n hideX: true,\r\n });\r\n\r\n YES_BTN = button.build({\r\n text: 'YES',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n POPUP.hide(confirmPopup);\r\n Employment.loadEmploymentLanding();\r\n },\r\n });\r\n\r\n NO_BTN = button.build({\r\n text: 'NO',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n POPUP.hide(confirmPopup);\r\n },\r\n });\r\n\r\n const message = document.createElement('p');\r\n\r\n message.innerText = 'Any changes you have made will not be saved. Do you wish to continue?';\r\n message.style.textAlign = 'center';\r\n message.style.marginBottom = '15px';\r\n confirmPopup.appendChild(message);\r\n var popupbtnWrap = document.createElement('div');\r\n popupbtnWrap.classList.add('btnWrap');\r\n popupbtnWrap.appendChild(YES_BTN);\r\n popupbtnWrap.appendChild(NO_BTN);\r\n confirmPopup.appendChild(popupbtnWrap);\r\n YES_BTN.focus();\r\n POPUP.show(confirmPopup);\r\n }\r\n\r\n\r\n function createEmploymentPathPopupBtn() {\r\n pathToStartDate = '';\r\n pathToEmployment = '';\r\n currentStatus = '';\r\n\r\n createPathPopup = POPUP.build({\r\n classNames: ['rosterFilterPopup'],\r\n hideX: true,\r\n });\r\n\r\n // dropdowns & inputs\r\n currentStatusDropdown = dropdown.build({\r\n id: 'currentStatusDropdown',\r\n label: \"Current Status\",\r\n dropdownId: \"currentStatusDropdown\",\r\n });\r\n\r\n pathToEmploymentDropdown = dropdown.build({\r\n id: 'pathToEmploymentDropdown',\r\n label: \"Path to Employment\",\r\n dropdownId: \"pathToEmploymentDropdown\",\r\n });\r\n\r\n pathToEmploymentStartDate = input.build({\r\n id: 'pathToEmploymentStartDate',\r\n type: 'date',\r\n label: 'Path to Employment Start Date',\r\n style: 'secondary',\r\n });\r\n\r\n CONTINUE_BTN = button.build({\r\n text: 'continue',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n if (!CONTINUE_BTN.classList.contains('disabled')) {\r\n CONTINUE_BTN.classList.add('disabled');\r\n createNewPath();\r\n }\r\n }\r\n });\r\n\r\n CREATE_PATH_CANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n });\r\n\r\n createPathPopup.appendChild(currentStatusDropdown);\r\n createPathPopup.appendChild(pathToEmploymentDropdown);\r\n createPathPopup.appendChild(pathToEmploymentStartDate);\r\n\r\n var popupbtnWrap = document.createElement('div');\r\n popupbtnWrap.classList.add('btnWrap');\r\n popupbtnWrap.appendChild(CREATE_PATH_CANCEL_BTN);\r\n popupbtnWrap.appendChild(CONTINUE_BTN);\r\n createPathPopup.appendChild(popupbtnWrap);\r\n\r\n POPUP.show(createPathPopup);\r\n pathToEmploymentStartDate.classList.add('disabled');\r\n createEmploymentPathPopupEventListeners();\r\n populateNewPathEmploymentDropdown('createPath');\r\n populateEmploymentStatusDropdowns();\r\n checkRequiredFieldsOfCreateEmploymentPath();\r\n }\r\n\r\n function createEmploymentPathPopupEventListeners() {\r\n currentStatusDropdown.addEventListener('change', event => {\r\n currentStatus = event.target.value;\r\n checkRequiredFieldsOfCreateEmploymentPath();\r\n });\r\n pathToEmploymentDropdown.addEventListener('change', event => {\r\n pathToEmployment = event.target.value;\r\n if (pathToEmployment == '') {\r\n pathToEmploymentStartDate.classList.add('disabled');\r\n pathToStartDate = '';\r\n document.getElementById('pathToEmploymentStartDate').value = '';\r\n }\r\n else {\r\n pathToEmploymentStartDate.classList.remove('disabled');\r\n }\r\n checkRequiredFieldsOfCreateEmploymentPath();\r\n });\r\n\r\n pathToEmploymentStartDate.addEventListener('input', event => {\r\n if (pathToEmployment != '') {\r\n pathToStartDate = event.target.value;\r\n }\r\n else {\r\n document.getElementById('pathToEmploymentStartDate').value = '';\r\n pathToStartDate = '';\r\n }\r\n checkRequiredFieldsOfCreateEmploymentPath();\r\n });\r\n\r\n CREATE_PATH_CANCEL_BTN.addEventListener('click', () => {\r\n POPUP.hide(createPathPopup);\r\n Employment.loadEmploymentLanding();\r\n });\r\n }\r\n\r\n function checkRequiredFieldsOfCreateEmploymentPath() {\r\n var currentSts = currentStatusDropdown.querySelector('#currentStatusDropdown');\r\n var pathToEmp = pathToEmploymentDropdown.querySelector('#pathToEmploymentDropdown');\r\n var pathStartDt = pathToEmploymentStartDate.querySelector('#pathToEmploymentStartDate');\r\n\r\n if (currentSts.value === '') {\r\n currentStatusDropdown.classList.add('errorPopup');\r\n } else {\r\n currentStatusDropdown.classList.remove('errorPopup');\r\n }\r\n\r\n if (pathToEmp.value != '' && pathStartDt.value === '') {\r\n pathToEmploymentStartDate.classList.add('errorPopup');\r\n } else {\r\n pathToEmploymentStartDate.classList.remove('errorPopup');\r\n }\r\n\r\n setBtnStatusOfCreateEmploymentPath();\r\n }\r\n\r\n function setBtnStatusOfCreateEmploymentPath() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.errorPopup'));\r\n if (hasErrors.length !== 0) {\r\n CONTINUE_BTN.classList.add('disabled');\r\n return;\r\n } else {\r\n CONTINUE_BTN.classList.remove('disabled');\r\n }\r\n }\r\n async function populateEmploymentStatusDropdowns() {\r\n const {\r\n getEmployeeStatusDropDownResult: EmpStatus,\r\n } = await EmploymentAjax.getEmployeeStatusDropDownAsync();\r\n let empStatus = EmpStatus.map((empStatus) => ({\r\n id: empStatus.empStatusId,\r\n value: empStatus.empStatusId,\r\n text: empStatus.empStatusName\r\n }));\r\n empStatus.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"currentStatusDropdown\", empStatus, currentStatus);\r\n }\r\n\r\n async function createNewPath() {\r\n const result = await EmploymentAjax.createNewEmploymentPathAsync(currentStatus, pathToEmployment, pathToStartDate, consumersID, $.session.UserId);\r\n const { createNewEmploymentPathResult } = result;\r\n POPUP.hide(createPathPopup);\r\n NewEmployment.refreshEmployment(PositionId, employerName, positionName, selectedConsumersName, consumersID);\r\n }\r\n\r\n return {\r\n init,\r\n buildNewEmploymentForm,\r\n getMarkup,\r\n };\r\n})(); ","const NewEmployment = (function () {\r\n\r\n let PositionId;\r\n let ispDiv;\r\n let ispNav;\r\n let ispBody;\r\n let consumersId;\r\n let name;\r\n let positionName;\r\n let selectedConsumersName;\r\n let tabPositionIndex;\r\n\r\n const sections = [\r\n {\r\n title: 'Employment Information',\r\n id: 0,\r\n markup: () => EmploymentInformation.getMarkup(),\r\n },\r\n {\r\n title: 'Wages & Benefits',\r\n id: 1,\r\n markup: () => WagesBenefits.getMarkup(),\r\n },\r\n {\r\n title: 'Position Tasks',\r\n id: 2,\r\n markup: () => PositionTask.getMarkup(),\r\n },\r\n {\r\n title: 'Work Schedule',\r\n id: 3,\r\n markup: () => WorkSchedule.getMarkup(),\r\n },\r\n\r\n ];\r\n\r\n async function refreshEmployment(PositionID, Name, PositionName, SelectedConsumersName, selectedConsumersId, TabPosition = 0) {\r\n PositionId = PositionID;\r\n consumersId = selectedConsumersId;\r\n name = Name;\r\n positionName = PositionName;\r\n selectedConsumersName = SelectedConsumersName;\r\n tabPositionIndex = TabPosition;\r\n\r\n DOM.clearActionCenter();\r\n\r\n var headingWrap = document.createElement('div');\r\n headingWrap.classList.add('employmentBtnWrap'); \r\n const heading = document.createElement('div');\r\n const headingName = document.createElement('div');\r\n const head = document.createElement('div');\r\n\r\n const ispWrap = document.createElement('div');\r\n\r\n ispWrap.id = 'planISP';\r\n\r\n ispWrap.innerHTML = '';\r\n\r\n BACK_BTN = button.build({\r\n text: 'BACK',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: async () => { Employment.loadEmploymentLanding() }, \r\n });\r\n\r\n const newIspMarkup = await getMarkup();\r\n\r\n heading.innerHTML = `${selectedConsumersName}
`;\r\n headingName.innerHTML = `${Name} - ${PositionName}
`;\r\n ispWrap.appendChild(newIspMarkup);\r\n\r\n head.appendChild(heading);\r\n if (PositionId != undefined)\r\n head.appendChild(headingName);\r\n headingWrap.appendChild(head);\r\n headingWrap.appendChild(BACK_BTN);\r\n\r\n DOM.ACTIONCENTER.appendChild(headingWrap);\r\n DOM.ACTIONCENTER.appendChild(ispWrap);\r\n DOM.autosizeTextarea();\r\n }\r\n function toggleActiveNavItem(selectedNavItem) {\r\n const activeNavItem = ispNav.querySelector('.active');\r\n\r\n if (activeNavItem) {\r\n activeNavItem.classList.remove('active');\r\n }\r\n\r\n selectedNavItem.classList.add('active');\r\n }\r\n function toggleActiveSection(sectionId) {\r\n const activeSection = ispBody.querySelector('.active');\r\n const targetSection = ispBody.querySelector(`[data-section-id=\"${sectionId}\"]`);\r\n\r\n if (activeSection) {\r\n activeSection.classList.remove('active');\r\n }\r\n\r\n if (sectionId > 0) {\r\n BACK_BTN.classList.remove('disabled');\r\n } else if (sectionId == 0 && SAVE_BTN.classList.contains('disabled')) {\r\n BACK_BTN.classList.remove('disabled');\r\n } else {\r\n BACK_BTN.classList.add('disabled'); \r\n } \r\n targetSection.classList.add('active');\r\n }\r\n\r\n // Markup\r\n //---------------------------------------------\r\n function buildNavigation() {\r\n const nav = document.createElement('div');\r\n nav.classList.add('planISP__nav');\r\n\r\n sections.forEach((section, index) => {\r\n const sectionId = section.id;\r\n\r\n const navItem = document.createElement('div');\r\n navItem.classList.add('planISP__navItem');\r\n navItem.innerHTML = `${section.title}`;\r\n\r\n if (tabPositionIndex === index) {\r\n navItem.classList.add('active');\r\n }\r\n\r\n navItem.addEventListener('click', e => {\r\n toggleActiveNavItem(navItem);\r\n toggleActiveSection(sectionId);\r\n DOM.autosizeTextarea();\r\n });\r\n\r\n nav.appendChild(navItem);\r\n });\r\n\r\n return nav;\r\n }\r\n async function buildBody() {\r\n const body = document.createElement('div');\r\n body.classList.add('planISP__body');\r\n\r\n await EmploymentInformation.init(PositionId, name, positionName, selectedConsumersName, consumersId);\r\n await WagesBenefits.init(PositionId, name, positionName, selectedConsumersName, consumersId);\r\n await PositionTask.init(PositionId, name, positionName, selectedConsumersName, consumersId);\r\n await WorkSchedule.init(PositionId, name, positionName, selectedConsumersName, consumersId);\r\n\r\n sections.forEach((section, index) => {\r\n const sectionId = section.id;\r\n const sectionMarkup = section.markup();\r\n sectionMarkup.setAttribute('data-section-id', sectionId);\r\n sectionMarkup.classList.add('planISP__section');\r\n\r\n if (tabPositionIndex === index) {\r\n sectionMarkup.classList.add('active');\r\n }\r\n\r\n body.appendChild(sectionMarkup);\r\n });\r\n\r\n return body;\r\n }\r\n\r\n async function getMarkup() {\r\n ispDiv = document.createElement('div');\r\n ispDiv.classList.add('planISP');\r\n\r\n ispNav = buildNavigation();\r\n ispDiv.appendChild(ispNav);\r\n\r\n ispBody = await buildBody();\r\n ispDiv.appendChild(ispBody);\r\n\r\n return ispDiv;\r\n }\r\n\r\n return {\r\n refreshEmployment,\r\n getMarkup,\r\n };\r\n})();\r\n","const PositionTask = (() => {\r\n\r\n let PositionEntriesTable = [];\r\n let PositionId;\r\n let jobTaskID;\r\n let PositionEntries;\r\n let LastTaskNumber;\r\n let consumersID;\r\n let name;\r\n let positionName;\r\n let selectedConsumersName;\r\n let actualTaskNumber;\r\n\r\n async function init(positionId, Name, PositionName, SelectedConsumersName, ConsumersId) {\r\n PositionId = positionId;\r\n consumersID = ConsumersId;\r\n name = Name;\r\n positionName = PositionName;\r\n selectedConsumersName = SelectedConsumersName;\r\n if (PositionId != undefined) {\r\n PositionEntries = await EmploymentAjax.getPositionTaskEntriesAsync(PositionId);\r\n LastTaskNumber = await EmploymentAjax.getLastTaskNumberAsync(PositionId);\r\n }\r\n }\r\n\r\n\r\n function getMarkup() {\r\n const positionWrap = document.createElement('div');\r\n positionWrap.classList.add('planSummary');\r\n\r\n if (PositionId != undefined) {\r\n const importantTables = buildNewPositionForm();\r\n positionWrap.appendChild(importantTables);\r\n }\r\n else {\r\n const heading = document.createElement('h2');\r\n heading.innerHTML = 'Position Task';\r\n heading.classList.add('sectionHeading');\r\n positionWrap.appendChild(heading);\r\n }\r\n\r\n return positionWrap;\r\n }\r\n\r\n function buildNewPositionForm() {\r\n const positionDiv = document.createElement('div');\r\n positionDiv.classList.add('additionalQuestionWrap');\r\n\r\n NEW_POSITION_BTN = button.build({\r\n text: '+ NEW POSITION TASK',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => addPositionPopupBtn()\r\n });\r\n PositionEntriesTable = buildPositionEntriesTable();\r\n\r\n // DOM.clearActionCenter();\r\n\r\n const column1 = document.createElement('div')\r\n column1.classList.add('col-1')\r\n const addNewCard = document.createElement(\"div\");\r\n addNewCard.classList.add(\"card\");\r\n const addNewCardBody = document.createElement(\"div\");\r\n addNewCardBody.classList.add(\"card__body\");\r\n addNewCard.innerHTML = `Position Task
`;\r\n addNewCard.appendChild(addNewCardBody)\r\n column1.appendChild(addNewCard)\r\n if ($.session.EmploymentUpdate) {\r\n addNewCardBody.appendChild(NEW_POSITION_BTN);\r\n }\r\n addNewCardBody.appendChild(PositionEntriesTable);\r\n positionDiv.appendChild(column1);\r\n return positionDiv;\r\n }\r\n\r\n function buildPositionEntriesTable() {\r\n const tableOptions = {\r\n plain: false,\r\n tableId: 'employmentPositionTable',\r\n columnHeadings: ['Task #', 'Description', 'Start Date', 'End Date', 'Initial Performance', 'Initial Performance Notes', 'Employer Standard'],\r\n endIcon: $.session.EmploymentDelete == true ? true :false,\r\n };\r\n\r\n let tableData = PositionEntries.getPositionTaskEntriesResult.map((entry) => ({\r\n values: [entry.task, entry.description, entry.startDate == '' ? '' : moment(entry.startDate).format('MM/DD/YY'), entry.endDate == '' ? '' : moment(entry.endDate).format('MM/DD/YY'), entry.initialPerformance, entry.initialPerformanceNotes, entry.employeeStandard],\r\n attributes: [{ key: 'jobTaskId', value: entry.jobTaskId }],\r\n onClick: (e) => {\r\n if ($.session.EmploymentUpdate) {\r\n handleAccountTableEvents(e.target.attributes.jobTaskId.value)\r\n } \r\n },\r\n endIcon: $.session.EmploymentDelete == true ? `${icons['delete']}` : '',\r\n endIconCallback: (e) => {\r\n deletePositionTaskPOPUP(entry.jobTaskId);\r\n },\r\n }));\r\n const oTable = table.build(tableOptions);\r\n\r\n // Set the data type for each header, for sorting purposes\r\n const headers = oTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'number'); // Task\r\n headers[1].setAttribute('data-type', 'string'); // Description\r\n headers[2].setAttribute('data-type', 'date'); // Start Date\r\n headers[3].setAttribute('data-type', 'date'); // End Date\r\n headers[4].setAttribute('data-type', 'string'); // Initial Performance\r\n headers[5].setAttribute('data-type', 'string'); // Initial Performance Notes\r\n headers[6].setAttribute('data-type', 'string'); // Employer Standard\r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(oTable);\r\n\r\n table.populate(oTable, tableData);\r\n\r\n return oTable;\r\n }\r\n\r\n function handleAccountTableEvents(jobTaskId) {\r\n addPositionPopupBtn(jobTaskId)\r\n }\r\n\r\n function deletePositionTaskPOPUP(jobTaskId) {\r\n const confirmPopup = POPUP.build({\r\n hideX: true,\r\n });\r\n\r\n YES_BTN = button.build({\r\n text: 'YES',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n deletePositionTask(jobTaskId, confirmPopup);\r\n },\r\n });\r\n\r\n NO_BTN = button.build({\r\n text: 'NO',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n POPUP.hide(confirmPopup);\r\n },\r\n });\r\n\r\n const message = document.createElement('p');\r\n\r\n message.innerText = 'Are you sure you would like to delete this Position Task?';\r\n message.style.textAlign = 'center';\r\n message.style.marginBottom = '15px';\r\n confirmPopup.appendChild(message);\r\n var popupbtnWrap = document.createElement('div');\r\n popupbtnWrap.classList.add('btnWrap');\r\n popupbtnWrap.appendChild(YES_BTN);\r\n popupbtnWrap.appendChild(NO_BTN);\r\n confirmPopup.appendChild(popupbtnWrap);\r\n YES_BTN.focus();\r\n POPUP.show(confirmPopup);\r\n }\r\n\r\n function deletePositionTask(jobTaskId, confirmPopup) {\r\n EmploymentAjax.deletePostionTask(\r\n {\r\n jobTaskID: jobTaskId,\r\n PositionID: PositionId,\r\n },\r\n function (results) {\r\n if (results = 'sucess') {\r\n POPUP.hide(confirmPopup);\r\n NewEmployment.refreshEmployment(PositionId, name, positionName, selectedConsumersName, consumersID, tabPositionIndex = 2);\r\n }\r\n },\r\n );\r\n }\r\n\r\n function addPositionPopupBtn(jobTaskId) {\r\n if (jobTaskId == 0 || jobTaskId == undefined) {\r\n actualTaskNumber = LastTaskNumber.getLastTaskNumberResult[0] == undefined ? 1 : LastTaskNumber.getLastTaskNumberResult[0].lastTaskNumber;\r\n task = LastTaskNumber.getLastTaskNumberResult[0] == undefined ? 1 : LastTaskNumber.getLastTaskNumberResult[0].lastTaskNumber > 7 ? LastTaskNumber.getLastTaskNumberResult[0].lastTaskNumber - 7 : LastTaskNumber.getLastTaskNumberResult[0].lastTaskNumber;\r\n description = '';\r\n startDate = LastTaskNumber.getLastTaskNumberResult[0] == undefined ? '' : UTIL.formatDateFromDateObj(LastTaskNumber.getLastTaskNumberResult[0].startDate);\r\n endDate = '';\r\n initialPerformance = '';\r\n initialPerformanceNotes = '';\r\n employeeStandard = '';\r\n initialPerformanceID = '';\r\n }\r\n else {\r\n let positionValue = PositionEntries.getPositionTaskEntriesResult.find(x => x.jobTaskId == jobTaskId);\r\n actualTaskNumber = positionValue.task;\r\n task = positionValue.task;\r\n description = positionValue.description;\r\n startDate = moment(positionValue.startDate).format('YYYY-MM-DD');\r\n endDate = positionValue.endDate == '' ? '' : moment(positionValue.endDate).format('YYYY-MM-DD');\r\n initialPerformance = positionValue.initialPerformanceID;\r\n initialPerformanceNotes = positionValue.initialPerformanceNotes;\r\n employeeStandard = positionValue.employeeStandard;\r\n initialPerformanceID = positionValue.initialPerformanceID\r\n }\r\n\r\n\r\n addPositionPopup = POPUP.build({\r\n classNames: ['rosterFilterPopup'],\r\n hideX: true,\r\n });\r\n\r\n const heading = document.createElement('h2');\r\n heading.style.marginTop = '-20px';\r\n heading.style.marginBottom = '20px';\r\n if (jobTaskId) {\r\n heading.innerText = 'Update Position Task';\r\n jobTaskID = jobTaskId;\r\n }\r\n else {\r\n heading.innerText = 'New Position Task';\r\n jobTaskID = 0;\r\n }\r\n\r\n // dropdowns & inputs\r\n taskInput = input.build({\r\n id: 'taskInput',\r\n type: 'text',\r\n label: 'Task Number',\r\n style: 'secondary',\r\n value: task,\r\n });\r\n\r\n descriptionInput = input.build({\r\n id: 'descriptionInput',\r\n type: 'text',\r\n label: 'Description',\r\n style: 'secondary',\r\n value: description,\r\n });\r\n\r\n newStartDate = input.build({\r\n id: 'newStartDate',\r\n type: 'date',\r\n label: 'Start Date',\r\n style: 'secondary',\r\n value: startDate,\r\n });\r\n\r\n newEndDate = input.build({\r\n id: 'newEndDate',\r\n type: 'date',\r\n label: 'End Date',\r\n style: 'secondary',\r\n value: endDate,\r\n });\r\n\r\n initialPerformanceDropdown = dropdown.build({\r\n id: 'initialPerformanceDropdown',\r\n label: \"Initial Performance\",\r\n dropdownId: \"initialPerformanceDropdown\",\r\n value: (initialPerformanceID) ? initialPerformanceID : '',\r\n });\r\n\r\n initialPerformanceNotesInput = input.build({\r\n id: 'initialPerformanceNotesInput',\r\n type: 'textarea',\r\n label: 'Initial Performance Notes',\r\n style: 'secondary',\r\n classNames: 'autosize',\r\n value: initialPerformanceNotes,\r\n });\r\n\r\n employeeStandardInput = input.build({\r\n id: 'employeeStandardInput',\r\n type: 'textarea',\r\n label: 'Employer Standard',\r\n style: 'secondary',\r\n classNames: 'autosize',\r\n value: employeeStandard,\r\n });\r\n\r\n\r\n APPLY_BTN = button.build({\r\n text: 'SAVE',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n\r\n CANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n });\r\n\r\n addPositionPopup.appendChild(heading);\r\n\r\n addPositionPopup.appendChild(taskInput);\r\n addPositionPopup.appendChild(descriptionInput);\r\n addPositionPopup.appendChild(newStartDate);\r\n addPositionPopup.appendChild(newEndDate);\r\n addPositionPopup.appendChild(initialPerformanceDropdown);\r\n addPositionPopup.appendChild(initialPerformanceNotesInput);\r\n addPositionPopup.appendChild(employeeStandardInput);\r\n taskInput.classList.add('disabled');\r\n\r\n var popupbtnWrap = document.createElement('div');\r\n popupbtnWrap.classList.add('btnWrap');\r\n if ($.session.EmploymentUpdate) {\r\n popupbtnWrap.appendChild(APPLY_BTN);\r\n }\r\n popupbtnWrap.appendChild(CANCEL_BTN);\r\n addPositionPopup.appendChild(popupbtnWrap);\r\n\r\n POPUP.show(addPositionPopup);\r\n PopupEventListeners();\r\n populateDropdowns();\r\n checkRequiredFieldsOfPopup();\r\n }\r\n\r\n function PopupEventListeners() {\r\n taskInput.addEventListener('input', event => {\r\n task = event.target.value;\r\n });\r\n\r\n descriptionInput.addEventListener('input', event => {\r\n description = event.target.value;\r\n });\r\n newStartDate.addEventListener('input', event => {\r\n startDate = event.target.value;\r\n checkRequiredFieldsOfPopup();\r\n });\r\n newEndDate.addEventListener('input', event => {\r\n endDate = event.target.value;\r\n checkRequiredFieldsOfPopup();\r\n });\r\n initialPerformanceDropdown.addEventListener('change', event => {\r\n initialPerformanceID = event.target.value;\r\n });\r\n\r\n initialPerformanceNotesInput.addEventListener('input', event => {\r\n initialPerformanceNotes = event.target.value;\r\n });\r\n\r\n employeeStandardInput.addEventListener('input', event => {\r\n employeeStandard = event.target.value;\r\n });\r\n\r\n APPLY_BTN.addEventListener('click', () => {\r\n APPLY_BTN.classList.add('disabled');\r\n saveNewPositionPopup();\r\n });\r\n\r\n CANCEL_BTN.addEventListener('click', () => {\r\n POPUP.hide(addPositionPopup);\r\n });\r\n }\r\n\r\n function checkRequiredFieldsOfPopup() {\r\n var startDate = newStartDate.querySelector('#newStartDate');\r\n var endDate = newEndDate.querySelector('#newEndDate');\r\n\r\n if (startDate.value === '' || (endDate.value != '' && startDate.value > endDate.value)) {\r\n newStartDate.classList.add('errorPopup');\r\n } else {\r\n newStartDate.classList.remove('errorPopup');\r\n }\r\n\r\n setBtnStatusOfPopup();\r\n }\r\n\r\n function setBtnStatusOfPopup() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.errorPopup'));\r\n if (hasErrors.length !== 0) {\r\n APPLY_BTN.classList.add('disabled');\r\n return;\r\n } else {\r\n APPLY_BTN.classList.remove('disabled');\r\n }\r\n }\r\n\r\n async function populateDropdowns() {\r\n const {\r\n getInitialPerformanceDropdownResult: InitialPerformance,\r\n } = await EmploymentAjax.getInitialPerformanceDropdownAsync();\r\n let initialPerformanceData = InitialPerformance.map((initialPerformance) => ({\r\n id: initialPerformance.initialPerformanceId,\r\n value: initialPerformance.initialPerformanceId,\r\n text: initialPerformance.initialPerformanceName\r\n }));\r\n initialPerformanceData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"initialPerformanceDropdown\", initialPerformanceData, initialPerformance);\r\n }\r\n\r\n async function saveNewPositionPopup() {\r\n const result = await EmploymentAjax.insertPositionTaskAsync(actualTaskNumber, description, startDate, endDate, initialPerformanceID, initialPerformanceNotes, employeeStandard, PositionId, jobTaskID, $.session.UserId);\r\n const { insertPositionTaskResult } = result;\r\n\r\n if (insertPositionTaskResult.jobTaskId != null) {\r\n NewEmployment.refreshEmployment(PositionId, name, positionName, selectedConsumersName, consumersID, tabPositionIndex = 2);\r\n }\r\n POPUP.hide(addPositionPopup);\r\n }\r\n\r\n return {\r\n init,\r\n buildNewPositionForm,\r\n getMarkup,\r\n };\r\n})(); ","const WagesBenefits = (() => {\r\n let WagesEntriesTable = [];\r\n let PositionId;\r\n let EmploymentsEntries;\r\n let wagesID;\r\n let CheckBoxEntries;\r\n let vacationSickChk;\r\n let retirementChk;\r\n let medicialChk;\r\n let DiscountChk;\r\n let otherChk;\r\n let otherValue;\r\n let isOverLapRecord = false;\r\n let consumersID;\r\n let name;\r\n let positionName;\r\n let selectedConsumersName;\r\n let eligibleBenefits;\r\n\r\n //CheckBoxs\r\n let eligibleBenefitschkBox;\r\n let vacationSickchkBox;\r\n let medicalVisionchkbox;\r\n let retirementchkBox;\r\n let empDiscountchkBox;\r\n let otherchkBox;\r\n let otherInput;\r\n\r\n async function init(positionId, Name, PositionName, SelectedConsumersName, ConsumersId) {\r\n PositionId = positionId;\r\n consumersID = ConsumersId;\r\n name = Name;\r\n positionName = PositionName;\r\n selectedConsumersName = SelectedConsumersName;\r\n if (PositionId != undefined) {\r\n EmploymentsEntries = await EmploymentAjax.getWagesEntriesAsync(PositionId);\r\n CheckBoxEntries = await EmploymentAjax.getWagesCheckboxEntriesAsync(PositionId);\r\n }\r\n }\r\n\r\n\r\n function getMarkup() {\r\n const wagesInfoWrap = document.createElement('div');\r\n wagesInfoWrap.classList.add('planSummary');\r\n\r\n if (PositionId != undefined) {\r\n const importantTables = buildNewWagesBenefitsForm();\r\n wagesInfoWrap.appendChild(importantTables);\r\n }\r\n else {\r\n const heading = document.createElement('h2');\r\n heading.innerHTML = 'Wages & Benefits';\r\n heading.classList.add('sectionHeading');\r\n wagesInfoWrap.appendChild(heading);\r\n }\r\n return wagesInfoWrap;\r\n }\r\n\r\n function buildNewWagesBenefitsForm() {\r\n const wagesDiv = document.createElement('div');\r\n wagesDiv.classList.add('additionalQuestionWrap');\r\n otherInputText = '';\r\n\r\n vacationSickChk = CheckBoxEntries.getWagesCheckboxEntriesResult[0].vacationSick;\r\n retirementChk = CheckBoxEntries.getWagesCheckboxEntriesResult[0].retirement;\r\n medicialChk = CheckBoxEntries.getWagesCheckboxEntriesResult[0].medical;\r\n DiscountChk = CheckBoxEntries.getWagesCheckboxEntriesResult[0].empDiscount;\r\n otherChk = CheckBoxEntries.getWagesCheckboxEntriesResult[0].other;\r\n otherValue = CheckBoxEntries.getWagesCheckboxEntriesResult[0].otherText;\r\n eligibleBenefits = CheckBoxEntries.getWagesCheckboxEntriesResult[0].eligibleBenefits;\r\n\r\n eligibleBenefitschkBox = input.buildCheckbox({\r\n text: 'Eligible For Benefits',\r\n id: 'chkEligibleBenefits',\r\n isChecked: eligibleBenefits == 'Y' ? true : false,\r\n style: 'secondary',\r\n callback: event => {\r\n saveWagesChecked('EligibleForBenifit', event.target.checked, null);\r\n eligibleBenefits = event.target.checked == true ? 'Y' : 'N';\r\n if (event.target.checked == false) {\r\n checkBoxValidation();\r\n }\r\n disableCheckBox();\r\n }\r\n });\r\n\r\n vacationSickchkBox = input.buildCheckbox({\r\n text: 'Vacation/Sick',\r\n id: 'chkVacationSick',\r\n isChecked: vacationSickChk == 'Y' ? true : false,\r\n style: 'secondary',\r\n callback: () => saveWagesChecked('VacationSick', event.target.checked, null),\r\n });\r\n\r\n medicalVisionchkbox = input.buildCheckbox({\r\n text: 'Medical/Dental/Vision',\r\n id: 'chkmedicalVision',\r\n isChecked: medicialChk == 'Y' ? true : false,\r\n style: 'secondary',\r\n callback: () => saveWagesChecked('Medical', event.target.checked, null),\r\n });\r\n\r\n retirementchkBox = input.buildCheckbox({\r\n text: 'Retirement',\r\n id: 'chkRetirement',\r\n isChecked: retirementChk == 'Y' ? true : false,\r\n style: 'secondary',\r\n callback: () => saveWagesChecked('Retirement', event.target.checked, null),\r\n });\r\n\r\n empDiscountchkBox = input.buildCheckbox({\r\n text: 'Employee Discount',\r\n id: 'chkEmpDiscount',\r\n isChecked: DiscountChk == 'Y' ? true : false,\r\n style: 'secondary',\r\n callback: () => saveWagesChecked('empDiscount', event.target.checked, null),\r\n });\r\n\r\n otherchkBox = input.buildCheckbox({\r\n text: 'Other',\r\n id: 'chkOther',\r\n isChecked: otherChk == 'Y' ? true : false,\r\n style: 'secondary',\r\n callback: () => otherChecked(event.target.checked),\r\n });\r\n\r\n otherInput = input.build({\r\n type: 'text',\r\n id: 'otherInput',\r\n style: 'secondary',\r\n value: otherValue,\r\n });\r\n\r\n NEW_WAGES_BTN = button.build({\r\n text: '+ NEW WAGES',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => addWagesPopupBtn()\r\n });\r\n WagesEntriesTable = buildWagesEntriesTable();\r\n\r\n const column1 = document.createElement('div')\r\n column1.classList.add('col-1')\r\n const addNewCard = document.createElement(\"div\");\r\n addNewCard.classList.add(\"card\");\r\n const addNewCardBody = document.createElement(\"div\");\r\n addNewCardBody.classList.add(\"card__body\");\r\n addNewCard.innerHTML = `Wages & Benefits
`;\r\n addNewCard.appendChild(addNewCardBody)\r\n column1.appendChild(addNewCard)\r\n\r\n if ($.session.EmploymentUpdate) {\r\n addNewCardBody.appendChild(NEW_WAGES_BTN);\r\n }\r\n\r\n addNewCardBody.appendChild(WagesEntriesTable);\r\n\r\n const consumerNameDisplay = document.createElement(\"p\");\r\n consumerNameDisplay.classList.add(\"headline\");\r\n consumerNameDisplay.innerHTML = `${'Benefits'}
`;\r\n consumerNameDisplay.style.marginTop = '20px';\r\n addNewCardBody.appendChild(consumerNameDisplay);\r\n\r\n var chk1Div = document.createElement('div');\r\n chk1Div.style.marginTop = '20px';\r\n chk1Div.appendChild(eligibleBenefitschkBox);\r\n addNewCardBody.appendChild(chk1Div);\r\n\r\n var chkDiv = document.createElement('div');\r\n chkDiv.style.marginTop = '20px'\r\n chkDiv.appendChild(vacationSickchkBox);\r\n addNewCardBody.appendChild(chkDiv);\r\n\r\n\r\n var chkDiv1 = document.createElement('div');\r\n chkDiv1.appendChild(medicalVisionchkbox);\r\n addNewCardBody.appendChild(chkDiv1);\r\n\r\n var chkDiv2 = document.createElement('div');\r\n chkDiv2.appendChild(retirementchkBox);\r\n addNewCardBody.appendChild(chkDiv2);\r\n\r\n var chkDiv3 = document.createElement('div');\r\n chkDiv3.appendChild(empDiscountchkBox);\r\n addNewCardBody.appendChild(chkDiv3);\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('employmentMsgWrap');\r\n btnWrap.appendChild(otherchkBox);\r\n otherInput.style.width = '80%';\r\n otherInput.style.marginLeft = '2%';\r\n btnWrap.appendChild(otherInput);\r\n addNewCardBody.appendChild(btnWrap);\r\n\r\n wagesDiv.appendChild(column1);\r\n eventListeners();\r\n disableCheckBox();\r\n return wagesDiv;\r\n\r\n }\r\n\r\n function eventListeners() {\r\n otherInput.addEventListener('focusout', event => {\r\n if (!otherInput.classList.contains('disabled')) {\r\n otherInputText = event.target.value;\r\n saveWagesChecked('other', true, otherInputText);\r\n }\r\n });\r\n }\r\n\r\n function disableCheckBox() {\r\n if ($.session.EmploymentUpdate && eligibleBenefits == 'Y') {\r\n vacationSickchkBox.classList.remove('disabled');\r\n medicalVisionchkbox.classList.remove('disabled');\r\n retirementchkBox.classList.remove('disabled');\r\n empDiscountchkBox.classList.remove('disabled');\r\n otherchkBox.classList.remove('disabled');\r\n if (otherChk == 'Y') {\r\n otherInput.classList.remove('disabled');\r\n } else {\r\n otherInput.classList.add('disabled');\r\n }\r\n }\r\n else {\r\n vacationSickchkBox.classList.add('disabled');\r\n medicalVisionchkbox.classList.add('disabled');\r\n retirementchkBox.classList.add('disabled');\r\n empDiscountchkBox.classList.add('disabled');\r\n otherchkBox.classList.add('disabled');\r\n otherInput.classList.add('disabled');\r\n }\r\n }\r\n\r\n function buildWagesEntriesTable() {\r\n\r\n const tableOptions = {\r\n plain: false,\r\n tableId: 'employmentCommonTable',\r\n columnHeadings: ['Avg Hours Per Week', 'Avg Wages Per Week', 'Start Date', 'End Date'],\r\n endIcon: $.session.EmploymentDelete == true ? true : false,\r\n };\r\n\r\n let tableData = EmploymentsEntries.getWagesEntriesResult.map((entry) => ({\r\n values: [entry.hoursPerWeek, '$' + parseFloat(entry.wagesPerHour).toFixed(2), moment(entry.startDate).format('MM/DD/YYYY'), entry.endDate == '' ? '' : moment(entry.endDate).format('MM/DD/YYYY')],\r\n attributes: [{ key: 'wagesId', value: entry.wagesId }],\r\n onClick: (e) => {\r\n if ($.session.EmploymentUpdate) {\r\n handleAccountTableEvents(e.target.attributes.wagesId.value)\r\n }\r\n },\r\n endIcon: $.session.EmploymentDelete == true ? `${icons['delete']}` : '',\r\n endIconCallback: (e) => {\r\n deleteWagesBenefitsPOPUP(entry.wagesId);\r\n },\r\n }));\r\n const oTable = table.build(tableOptions);\r\n\r\n // Set the data type for each header, for sorting purposes\r\n const headers = oTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'number'); // Avg Hours Per Week\r\n headers[1].setAttribute('data-type', 'amount'); // Avg Wages Per Week \r\n headers[2].setAttribute('data-type', 'date'); // Start Date\r\n headers[3].setAttribute('data-type', 'date'); // End Date \r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(oTable);\r\n\r\n table.populate(oTable, tableData);\r\n\r\n return oTable;\r\n }\r\n\r\n function handleAccountTableEvents(wagesId) {\r\n addWagesPopupBtn(wagesId)\r\n }\r\n\r\n function deleteWagesBenefitsPOPUP(wagesId) {\r\n const confirmPopup = POPUP.build({\r\n hideX: true,\r\n });\r\n\r\n YES_BTN = button.build({\r\n text: 'YES',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n deleteWagesBenefits(wagesId, confirmPopup);\r\n },\r\n });\r\n\r\n NO_BTN = button.build({\r\n text: 'NO',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n POPUP.hide(confirmPopup);\r\n },\r\n });\r\n\r\n const message = document.createElement('p');\r\n\r\n message.innerText = 'Are you sure you would like to remove this Wage & Benefit record?';\r\n message.style.textAlign = 'center';\r\n message.style.marginBottom = '15px';\r\n confirmPopup.appendChild(message);\r\n var popupbtnWrap = document.createElement('div');\r\n popupbtnWrap.classList.add('btnWrap');\r\n popupbtnWrap.appendChild(YES_BTN);\r\n popupbtnWrap.appendChild(NO_BTN);\r\n confirmPopup.appendChild(popupbtnWrap);\r\n YES_BTN.focus();\r\n POPUP.show(confirmPopup);\r\n }\r\n\r\n function deleteWagesBenefits(wagesId, confirmPopup) {\r\n EmploymentAjax.deleteWagesBenefits(\r\n {\r\n wagesID: wagesId\r\n },\r\n function (results) {\r\n if (results = 'sucess') {\r\n POPUP.hide(confirmPopup);\r\n NewEmployment.refreshEmployment(PositionId, name, positionName, selectedConsumersName, consumersID, tabPositionIndex = 1);\r\n }\r\n },\r\n );\r\n }\r\n\r\n function addWagesPopupBtn(wagesId) {\r\n if (wagesId == 0 || wagesId == undefined) {\r\n hoursWeek = '';\r\n hoursWages = '';\r\n startDate = '';\r\n endDate = '';\r\n }\r\n else {\r\n let empValue = EmploymentsEntries.getWagesEntriesResult.find(x => x.wagesId == wagesId);\r\n hoursWeek = empValue.hoursPerWeek;\r\n hoursWages = parseFloat(empValue.wagesPerHour).toFixed(2);\r\n startDate = moment(empValue.startDate).format('YYYY-MM-DD');\r\n endDate = empValue.endDate == '' ? '' : moment(empValue.endDate).format('YYYY-MM-DD');\r\n }\r\n\r\n\r\n addWagesPopup = POPUP.build({\r\n classNames: ['rosterFilterPopup'],\r\n hideX: true,\r\n });\r\n\r\n const heading = document.createElement('h2');\r\n heading.style.marginTop = '-20px';\r\n heading.style.marginBottom = '20px';\r\n if (wagesId) {\r\n heading.innerText = 'Update Wage/Hours';\r\n wagesID = wagesId;\r\n }\r\n else {\r\n heading.innerText = 'Add Wage/Hours';\r\n wagesID = 0;\r\n }\r\n\r\n\r\n // dropdowns & inputs\r\n weekHours = input.build({\r\n id: 'weekHours',\r\n type: 'text', \r\n label: 'Hours Per Week',\r\n style: 'secondary',\r\n value: hoursWeek, \r\n });\r\n\r\n wagesHours = input.build({\r\n id: 'wagesHours',\r\n type: 'text',\r\n label: 'Wages Per Hour',\r\n style: 'secondary',\r\n value: '$' + hoursWages,\r\n });\r\n\r\n newStartDate = input.build({\r\n id: 'newStartDate',\r\n type: 'date',\r\n label: 'Start Date',\r\n style: 'secondary',\r\n value: startDate,\r\n });\r\n\r\n newEndDate = input.build({\r\n id: 'newEndDate',\r\n type: 'date',\r\n label: 'End Date',\r\n style: 'secondary',\r\n value: endDate,\r\n });\r\n\r\n APPLY_BTN = button.build({\r\n text: 'SAVE',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n\r\n CANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n });\r\n\r\n addWagesPopup.appendChild(heading);\r\n\r\n addWagesPopup.appendChild(weekHours);\r\n addWagesPopup.appendChild(wagesHours);\r\n addWagesPopup.appendChild(newStartDate);\r\n addWagesPopup.appendChild(newEndDate);\r\n\r\n\r\n var confirmMessage = document.createElement('div');\r\n confirmMessage.innerHTML = ``;\r\n addWagesPopup.appendChild(confirmMessage);\r\n\r\n var popupbtnWrap = document.createElement('div');\r\n popupbtnWrap.classList.add('btnWrap');\r\n if ($.session.EmploymentUpdate) {\r\n popupbtnWrap.appendChild(APPLY_BTN);\r\n }\r\n popupbtnWrap.appendChild(CANCEL_BTN);\r\n addWagesPopup.appendChild(popupbtnWrap);\r\n\r\n POPUP.show(addWagesPopup);\r\n PopupEventListeners();\r\n checkRequiredFieldsOfPopup();\r\n }\r\n\r\n function PopupEventListeners() {\r\n weekHours.addEventListener('input', event => {\r\n hoursWeek = event.target.value;\r\n var reg = new RegExp('^[0-9 . $ -]+$');\r\n if (!reg.test(hoursWeek)) {\r\n document.getElementById('weekHours').value = '';\r\n }\r\n else if (hoursWeek.includes('.') && (hoursWeek.match(/\\./g).length > 1 || hoursWeek.toString().split('.')[1].length > 2)) {\r\n document.getElementById('weekHours').value = '';\r\n }\r\n if (hoursWeek.includes('-') || hoursWeek.includes(' ')) {\r\n document.getElementById('weekHours').value = '';\r\n }\r\n checkRequiredFieldsOfPopup();\r\n });\r\n\r\n wagesHours.addEventListener('input', event => {\r\n hoursWages = event.target.value;\r\n var reg = new RegExp('^[0-9 . $ -]+$');\r\n if (!reg.test(hoursWages)) {\r\n document.getElementById('wagesHours').value = '$';\r\n }\r\n else if (hoursWages.includes('.') && (hoursWages.match(/\\./g).length > 1 || hoursWages.toString().split('.')[1].length > 2)) {\r\n document.getElementById('wagesHours').value = '$';\r\n }\r\n if (hoursWages.includes('-') || hoursWages.includes(' ')) {\r\n document.getElementById('wagesHours').value = '$';\r\n }\r\n if (hoursWages.includes('$') && hoursWages.match(/\\$/g).length > 1) {\r\n document.getElementById('wagesHours').value = '$';\r\n } \r\n checkRequiredFieldsOfPopup();\r\n });\r\n newStartDate.addEventListener('input', event => {\r\n startDate = event.target.value;\r\n checkRequiredFieldsOfPopup();\r\n });\r\n newEndDate.addEventListener('input', event => {\r\n endDate = event.target.value;\r\n checkRequiredFieldsOfPopup();\r\n });\r\n\r\n APPLY_BTN.addEventListener('click', () => {\r\n if (!APPLY_BTN.classList.contains('disabled')) {\r\n saveNewWagesPopup();\r\n }\r\n });\r\n\r\n CANCEL_BTN.addEventListener('click', () => {\r\n POPUP.hide(addWagesPopup);\r\n });\r\n }\r\n\r\n function checkRequiredFieldsOfPopup() {\r\n var weekPerHour = weekHours.querySelector('#weekHours');\r\n var wagesPerHour = wagesHours.querySelector('#wagesHours');\r\n var startDate = newStartDate.querySelector('#newStartDate');\r\n var endDate = newEndDate.querySelector('#newEndDate');\r\n var reg = new RegExp('^[0-9 . $ -]+$');\r\n\r\n if (weekPerHour.value === '' || weekPerHour.value.includes('-') || !reg.test(weekPerHour.value)) {\r\n weekHours.classList.add('errorPopup');\r\n } else {\r\n weekHours.classList.remove('errorPopup');\r\n }\r\n \r\n if (wagesPerHour.value === '' || wagesPerHour.value === '$' || wagesPerHour.value.includes('-') || !reg.test(wagesPerHour.value)) {\r\n wagesHours.classList.add('errorPopup');\r\n } else {\r\n wagesHours.classList.remove('errorPopup');\r\n } \r\n\r\n if (startDate.value === '' || (endDate.value != '' && startDate.value > endDate.value)) {\r\n newStartDate.classList.add('errorPopup');\r\n } else {\r\n newStartDate.classList.remove('errorPopup');\r\n }\r\n\r\n setBtnStatusOfPopup();\r\n }\r\n\r\n function setBtnStatusOfPopup() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.errorPopup'));\r\n if (hasErrors.length !== 0) {\r\n APPLY_BTN.classList.add('disabled');\r\n return;\r\n } else {\r\n APPLY_BTN.classList.remove('disabled');\r\n }\r\n }\r\n\r\n function otherChecked(event) {\r\n if ($.session.EmploymentUpdate) {\r\n if (event == true) {\r\n otherInput.classList.remove('disabled');\r\n saveWagesChecked('other', true, '');\r\n } else {\r\n otherInput.classList.add('disabled');\r\n otherValue = '';\r\n otherInput.querySelector('#otherInput').value = '';\r\n saveWagesChecked('other', false, '');\r\n\r\n }\r\n }\r\n }\r\n\r\n async function saveNewWagesPopup() {\r\n const result = await EmploymentAjax.insertWagesAsync(hoursWeek, hoursWages.replace('$', ''), startDate, endDate, PositionId, wagesID, $.session.UserId);\r\n const { insertWagesResult } = result;\r\n var messagetext = document.getElementById('confirmMessage');\r\n messagetext.innerHTML = ``;\r\n if (insertWagesResult.wagesId == '-1') {\r\n messagetext.innerHTML = 'This record overlaps with an existing record. Changes cannot be saved.';\r\n messagetext.classList.add('password-error');\r\n }\r\n else {\r\n NewEmployment.refreshEmployment(PositionId, name, positionName, selectedConsumersName, consumersID, tabPositionIndex = 1);\r\n POPUP.hide(addWagesPopup);\r\n }\r\n\r\n }\r\n\r\n async function saveWagesChecked(chkboxName, event, textboxValue) {\r\n if ($.session.EmploymentUpdate) {\r\n let IsChacked = event == true ? 'Y' : 'N';\r\n const result = await EmploymentAjax.saveCheckboxWagesAsync(chkboxName, IsChacked, PositionId, textboxValue, $.session.UserId);\r\n const { saveCheckboxWagesResult } = result;\r\n }\r\n }\r\n\r\n function checkBoxValidation() {\r\n var vacationSick = vacationSickchkBox.querySelector('#chkVacationSick');\r\n var medicalVision = medicalVisionchkbox.querySelector('#chkmedicalVision');\r\n var retirement = retirementchkBox.querySelector('#chkRetirement');\r\n var empDiscount = empDiscountchkBox.querySelector('#chkEmpDiscount');\r\n var other = otherchkBox.querySelector('#chkOther');\r\n\r\n if (eligibleBenefits == 'N' && (vacationSick.checked || medicalVision.checked || retirement.checked || empDiscount.checked || other.checked)) {\r\n eligibleForBenifitConfirmPOPUP();\r\n }\r\n }\r\n\r\n function eligibleForBenifitConfirmPOPUP() {\r\n const confirmPopup = POPUP.build({\r\n hideX: true,\r\n });\r\n\r\n YES_BTN = button.build({\r\n text: 'YES',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n await saveWagesChecked('VacationSick', false, null);\r\n await saveWagesChecked('Medical', false, null);\r\n await saveWagesChecked('empDiscount', false, null);\r\n await saveWagesChecked('Retirement', false, null);\r\n await saveWagesChecked('Medical', false, null);\r\n await saveWagesChecked('other', false, '');\r\n\r\n vacationSickchkBox.querySelector('#chkVacationSick').checked = false;\r\n medicalVisionchkbox.querySelector('#chkmedicalVision').checked = false;\r\n retirementchkBox.querySelector('#chkRetirement').checked = false;\r\n empDiscountchkBox.querySelector('#chkEmpDiscount').checked = false;\r\n otherchkBox.querySelector('#chkOther').checked = false;\r\n otherInput.querySelector('#otherInput').value = '';\r\n disableCheckBox();\r\n POPUP.hide(confirmPopup);\r\n },\r\n });\r\n\r\n NO_BTN = button.build({\r\n text: 'NO',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n POPUP.hide(confirmPopup);\r\n eligibleBenefits = 'Y';\r\n eligibleBenefitschkBox.querySelector('#chkEligibleBenefits').checked = true;\r\n saveWagesChecked('EligibleForBenifit', true, null);\r\n disableCheckBox();\r\n },\r\n });\r\n\r\n const message = document.createElement('p');\r\n\r\n message.innerText = 'All benefits that this person is eligible for will be removed. Do you want to continue?';\r\n message.style.textAlign = 'center';\r\n message.style.marginBottom = '15px';\r\n confirmPopup.appendChild(message);\r\n var popupbtnWrap = document.createElement('div');\r\n popupbtnWrap.classList.add('btnWrap');\r\n popupbtnWrap.appendChild(YES_BTN);\r\n popupbtnWrap.appendChild(NO_BTN);\r\n confirmPopup.appendChild(popupbtnWrap);\r\n YES_BTN.focus();\r\n POPUP.show(confirmPopup);\r\n }\r\n\r\n return {\r\n init,\r\n buildNewWagesBenefitsForm,\r\n getMarkup,\r\n };\r\n})(); ","const WorkSchedule = (() => {\r\n\r\n let workScheduleEntriesTable = [];\r\n let PositionId;\r\n let ScheduleEntries;\r\n let WorkScheduleID;\r\n let consumersID;\r\n let name;\r\n let positionName;\r\n let selectedConsumersName;\r\n let startTime;\r\n let endTime;\r\n let weekDaysSelection = [];\r\n let nameOfEvent;\r\n let toRemoveWeekName;\r\n let totalHours;\r\n let messagetext;\r\n\r\n async function init(positionId, Name, PositionName, SelectedConsumersName, ConsumersId) {\r\n PositionId = positionId;\r\n consumersID = ConsumersId;\r\n name = Name;\r\n positionName = PositionName;\r\n selectedConsumersName = SelectedConsumersName;\r\n if (PositionId != undefined) {\r\n ScheduleEntries = await EmploymentAjax.getWorkScheduleEntriesAsync(PositionId);\r\n if (ScheduleEntries.getWorkScheduleEntriesResult.length > 0)\r\n totalHours = ScheduleEntries.getWorkScheduleEntriesResult[0].totalHours;\r\n }\r\n }\r\n\r\n function getMarkup() {\r\n const workScheduleWrap = document.createElement('div');\r\n workScheduleWrap.classList.add('planSummary');\r\n\r\n if (PositionId != undefined) {\r\n const importantTables = buildNewWorkScheduleForm();\r\n workScheduleWrap.appendChild(importantTables);\r\n }\r\n else {\r\n const heading = document.createElement('h2');\r\n heading.innerHTML = 'Work Schedule';\r\n heading.classList.add('sectionHeading');\r\n workScheduleWrap.appendChild(heading);\r\n }\r\n\r\n\r\n\r\n return workScheduleWrap;\r\n }\r\n\r\n function buildNewWorkScheduleForm() {\r\n const workScheduleDiv = document.createElement('div');\r\n workScheduleDiv.classList.add('additionalQuestionWrap');\r\n\r\n NEW_SHIFT_BTN = button.build({\r\n text: '+ ADD NEW SHIFT',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => addWorkSchedulePopupBtn(0, 'Add')\r\n });\r\n workScheduleEntriesTable = buildworkScheduleEntriesTable();\r\n\r\n\r\n const column1 = document.createElement('div')\r\n column1.classList.add('col-1')\r\n const addNewCard = document.createElement(\"div\");\r\n addNewCard.classList.add(\"card\");\r\n const addNewCardBody = document.createElement(\"div\");\r\n addNewCardBody.classList.add(\"card__body\");\r\n addNewCard.innerHTML = `Work Schedule
`;\r\n addNewCard.appendChild(addNewCardBody)\r\n column1.appendChild(addNewCard)\r\n if ($.session.EmploymentUpdate) {\r\n addNewCardBody.appendChild(NEW_SHIFT_BTN);\r\n }\r\n addNewCardBody.appendChild(workScheduleEntriesTable);\r\n const totalHourDiv = document.createElement(\"div\");\r\n totalHourDiv.classList.add(\"totalHour\"); \r\n totalHourDiv.innerHTML = `Total Hours: ${totalHours}
`;\r\n addNewCardBody.appendChild(totalHourDiv); \r\n\r\n workScheduleDiv.appendChild(column1);\r\n return workScheduleDiv;\r\n }\r\n\r\n\r\n function buildworkScheduleEntriesTable() {\r\n const tableOptions = {\r\n plain: false,\r\n tableId: 'employmentWorkScheduleTable',\r\n columnHeadings: ['Day Of Week', 'Start Time', 'End Time', 'Hours'],\r\n endIcon: $.session.EmploymentUpdate == true ? true : false,\r\n secondendIcon: $.session.EmploymentDelete == true ? true : false,\r\n };\r\n\r\n let tableData = ScheduleEntries.getWorkScheduleEntriesResult.map((entry) => ({\r\n values: [entry.dayOfWeek == 1 ? 'Sunday' : entry.dayOfWeek == 2 ? 'Monday' : entry.dayOfWeek == 3 ? 'Tuesday' : entry.dayOfWeek == 4 ? 'Wednesday' : entry.dayOfWeek == 5 ? 'Thursday' : entry.dayOfWeek == 6 ? 'Friday' : entry.dayOfWeek == 7 ? 'Saturday' : '', UTIL.convertFromMilitary(entry.startTime), UTIL.convertFromMilitary(entry.endTime), entry.timeInHours],\r\n attributes: [{ key: 'WorkScheduleId', value: entry.WorkScheduleId }, { key: 'data-plan-active', value: entry.startTime == '' ? 'true' : 'false' }, { key: 'deleteHide', value: $.session.EmploymentDelete == true ? 'true' : 'false' }, { key: 'copyHide', value: $.session.EmploymentUpdate == true ? 'true' : 'false' }],\r\n onClick: (e) => {\r\n if ($.session.EmploymentUpdate && e.target.attributes[2].value == 'false') {\r\n addWorkSchedulePopupBtn(e.target.attributes.WorkScheduleId.value, 'Edit')\r\n }\r\n },\r\n endIcon: $.session.EmploymentUpdate == true && entry.dayOfWeek != '' ? `${icons['copy']}` : `${icons['Empty']}`,\r\n endIconCallback: (e) => {\r\n addWorkSchedulePopupBtn(entry.WorkScheduleId, 'Copy');\r\n },\r\n secondendIcon: $.session.EmploymentDelete == true && entry.dayOfWeek != '' ? `${icons['delete']}` : `${icons['Empty']}`,\r\n secondendIconCallback: (e) => {\r\n deleteWorkSchedulePOPUP(entry.WorkScheduleId);\r\n },\r\n }));\r\n const oTable = table.build(tableOptions);\r\n\r\n // Set the data type for each header, for sorting purposes\r\n const headers = oTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'string'); // Day Of Week\r\n headers[1].setAttribute('data-type', 'date'); // Start Time\r\n headers[2].setAttribute('data-type', 'date'); //End Date \r\n headers[3].setAttribute('data-type', 'number'); // Hours \r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(oTable);\r\n \r\n table.populate(oTable, tableData);\r\n\r\n return oTable;\r\n }\r\n\r\n function deleteWorkSchedulePOPUP(WorkScheduleId) {\r\n const confirmPopup = POPUP.build({\r\n hideX: true,\r\n });\r\n\r\n YES_BTN = button.build({\r\n text: 'YES',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n deleteWorkSchedule(WorkScheduleId, confirmPopup);\r\n },\r\n });\r\n\r\n NO_BTN = button.build({\r\n text: 'NO',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n POPUP.hide(confirmPopup);\r\n },\r\n });\r\n\r\n const message = document.createElement('p');\r\n\r\n message.innerText = 'Are you sure you would like to remove this Work Schedule record?';\r\n message.style.textAlign = 'center';\r\n message.style.marginBottom = '15px';\r\n confirmPopup.appendChild(message);\r\n var popupbtnWrap = document.createElement('div');\r\n popupbtnWrap.classList.add('btnWrap');\r\n popupbtnWrap.appendChild(YES_BTN);\r\n popupbtnWrap.appendChild(NO_BTN);\r\n confirmPopup.appendChild(popupbtnWrap);\r\n YES_BTN.focus();\r\n POPUP.show(confirmPopup);\r\n }\r\n\r\n function deleteWorkSchedule(WorkScheduleId, confirmPopup) {\r\n EmploymentAjax.deleteWorkSchedule(\r\n {\r\n WorkScheduleID: WorkScheduleId\r\n },\r\n function (results) {\r\n if (results = 'sucess') {\r\n POPUP.hide(confirmPopup);\r\n NewEmployment.refreshEmployment(PositionId, name, positionName, selectedConsumersName, consumersID, tabPositionIndex = 3);\r\n }\r\n },\r\n );\r\n }\r\n\r\n function addWorkSchedulePopupBtn(WorkScheduleId, eventName) {\r\n if (WorkScheduleId == 0 || WorkScheduleId == undefined) {\r\n dayOfWeek = '';\r\n startTime = '';\r\n endTime = '';\r\n }\r\n else {\r\n let workScheduleValue = ScheduleEntries.getWorkScheduleEntriesResult.find(x => x.WorkScheduleId == WorkScheduleId);\r\n dayOfWeek = workScheduleValue.dayOfWeek;\r\n toRemoveWeekName = workScheduleValue.dayOfWeek;\r\n startTime = workScheduleValue.startTime;\r\n endTime = workScheduleValue.endTime;\r\n }\r\n addWorkSchedulePopup = POPUP.build({\r\n classNames: ['rosterFilterPopup'],\r\n hideX: true,\r\n });\r\n\r\n const heading = document.createElement('h2');\r\n heading.style.marginTop = '-20px';\r\n heading.style.marginBottom = '15px';\r\n if (eventName == 'Edit') {\r\n heading.innerText = 'Update Shift';\r\n WorkScheduleID = WorkScheduleId;\r\n nameOfEvent = 'Edit'\r\n }\r\n else if (eventName == 'Copy') {\r\n heading.innerText = 'Copy Shift';\r\n WorkScheduleID = WorkScheduleId;\r\n nameOfEvent = 'Copy'\r\n dayOfWeek = '';\r\n }\r\n else {\r\n heading.innerText = 'New Shift';\r\n WorkScheduleID = 0;\r\n nameOfEvent = 'Add'\r\n }\r\n\r\n // Checkbox\r\n var checkboxlable = document.createElement('div');\r\n checkboxlable.style.marginBottom = '10px';\r\n checkboxlable.style.marginLeft = '5px';\r\n checkboxlable.innerHTML = `Day(s) Of Week
`;\r\n\r\n var sundaylable = document.createElement('div');\r\n sundaylable.classList.add('chkWeekDay');\r\n sundaylable.innerHTML = `Sun`;\r\n sundaychkBox = input.buildCheckbox({\r\n id: 'sundaychkBox',\r\n isChecked: false,\r\n style: 'secondary',\r\n callback: () => checkRequiredFieldsOfPopup(),\r\n });\r\n var mondaylable = document.createElement('div');\r\n mondaylable.classList.add('chkWeekDay');\r\n mondaylable.innerHTML = `Mon`;\r\n mondaychkBox = input.buildCheckbox({\r\n id: 'mondaychkBox',\r\n isChecked: false,\r\n style: 'secondary',\r\n callback: () => checkRequiredFieldsOfPopup(),\r\n });\r\n var tuesdaylable = document.createElement('div');\r\n tuesdaylable.classList.add('chkWeekDay');\r\n tuesdaylable.innerHTML = `Tue`;\r\n tuesdaychkBox = input.buildCheckbox({\r\n id: 'tuesdaychkBox',\r\n isChecked: false,\r\n style: 'secondary',\r\n callback: () => checkRequiredFieldsOfPopup(),\r\n });\r\n var wednesdaylable = document.createElement('div');\r\n wednesdaylable.classList.add('chkWeekDay');\r\n wednesdaylable.innerHTML = `Wed`;\r\n wednesdaychkBox = input.buildCheckbox({\r\n id: 'wednesdaychkBox',\r\n isChecked: false,\r\n style: 'secondary',\r\n callback: () => checkRequiredFieldsOfPopup(),\r\n });\r\n var thursdaylable = document.createElement('div');\r\n thursdaylable.classList.add('chkWeekDay');\r\n thursdaylable.innerHTML = `Thu`;\r\n thursdaychkBox = input.buildCheckbox({\r\n id: 'thursdaychkBox',\r\n isChecked: false,\r\n style: 'secondary',\r\n callback: () => checkRequiredFieldsOfPopup(),\r\n });\r\n var fridaylable = document.createElement('div');\r\n fridaylable.classList.add('chkWeekDay');\r\n fridaylable.innerHTML = `Fri`;\r\n fridaychkBox = input.buildCheckbox({\r\n id: 'fridaychkBox',\r\n isChecked: false,\r\n style: 'secondary',\r\n callback: () => checkRequiredFieldsOfPopup(),\r\n });\r\n var saturdaylable = document.createElement('div');\r\n saturdaylable.classList.add('chkWeekDay');\r\n saturdaylable.innerHTML = `Sat`;\r\n saturdaychkBox = input.buildCheckbox({\r\n id: 'saturdaychkBox',\r\n isChecked: false,\r\n style: 'secondary',\r\n callback: () => checkRequiredFieldsOfPopup(),\r\n });\r\n\r\n // dropdowns & inputs\r\n dayOfWeekDropdown = dropdown.build({\r\n id: 'dayOfWeekDropdown',\r\n label: \"Day Of Week\",\r\n dropdownId: \"dayOfWeekDropdown\",\r\n value: (dayOfWeek) ? dayOfWeek : '',\r\n });\r\n\r\n NewStartTime = input.build({\r\n id: 'NewStartTime',\r\n type: 'time',\r\n label: 'Start Time',\r\n style: 'secondary',\r\n value: startTime,\r\n });\r\n\r\n NewEndTime = input.build({\r\n id: 'NewEndTime',\r\n type: 'time',\r\n label: 'End Time',\r\n style: 'secondary',\r\n value: endTime,\r\n });\r\n\r\n APPLY_BTN = button.build({\r\n text: 'SAVE',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n\r\n CANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n });\r\n\r\n addWorkSchedulePopup.appendChild(heading);\r\n\r\n if (WorkScheduleId == 0 || WorkScheduleId == undefined) {\r\n var dayChkWrap = document.createElement('div');\r\n sundaylable.appendChild(sundaychkBox);\r\n mondaylable.appendChild(mondaychkBox);\r\n tuesdaylable.appendChild(tuesdaychkBox);\r\n wednesdaylable.appendChild(wednesdaychkBox);\r\n thursdaylable.appendChild(thursdaychkBox);\r\n fridaylable.appendChild(fridaychkBox);\r\n saturdaylable.appendChild(saturdaychkBox);\r\n addWorkSchedulePopup.appendChild(checkboxlable);\r\n dayChkWrap.classList.add('chkWrap');\r\n dayChkWrap.appendChild(sundaylable);\r\n dayChkWrap.appendChild(mondaylable);\r\n dayChkWrap.appendChild(tuesdaylable);\r\n dayChkWrap.appendChild(wednesdaylable);\r\n dayChkWrap.appendChild(thursdaylable);\r\n dayChkWrap.appendChild(fridaylable);\r\n dayChkWrap.appendChild(saturdaylable);\r\n addWorkSchedulePopup.appendChild(dayChkWrap);\r\n } else {\r\n addWorkSchedulePopup.appendChild(dayOfWeekDropdown);\r\n }\r\n\r\n\r\n var timebtnWrap = document.createElement('div');\r\n timebtnWrap.classList.add('btnWrap');\r\n NewStartTime.style.marginLeft = '1%';\r\n NewStartTime.style.width = '48%';\r\n timebtnWrap.appendChild(NewStartTime);\r\n NewEndTime.style.marginLeft = '2%';\r\n NewEndTime.style.width = '48%';\r\n timebtnWrap.appendChild(NewEndTime);\r\n addWorkSchedulePopup.appendChild(timebtnWrap);\r\n\r\n var confirmMessage = document.createElement('div');\r\n confirmMessage.innerHTML = ``;\r\n addWorkSchedulePopup.appendChild(confirmMessage);\r\n\r\n var popupbtnWrap = document.createElement('div');\r\n popupbtnWrap.classList.add('btnWrap');\r\n if ($.session.EmploymentUpdate) {\r\n popupbtnWrap.appendChild(APPLY_BTN);\r\n }\r\n popupbtnWrap.appendChild(CANCEL_BTN);\r\n addWorkSchedulePopup.appendChild(popupbtnWrap);\r\n\r\n POPUP.show(addWorkSchedulePopup);\r\n PopupEventListeners();\r\n populateWeekDaysDropdown();\r\n checkRequiredFieldsOfPopup();\r\n }\r\n\r\n function PopupEventListeners() {\r\n dayOfWeekDropdown.addEventListener('change', event => {\r\n dayOfWeek = event.target.value;\r\n checkRequiredFieldsOfPopup();\r\n });\r\n NewStartTime.addEventListener('change', event => {\r\n startTime = event.target.value;\r\n checkRequiredFieldsOfPopup();\r\n });\r\n NewEndTime.addEventListener('change', event => {\r\n endTime = event.target.value;\r\n checkRequiredFieldsOfPopup();\r\n });\r\n\r\n APPLY_BTN.addEventListener('click', () => {\r\n if (!APPLY_BTN.classList.contains('disabled')) {\r\n saveNewWagesPopup();\r\n }\r\n });\r\n\r\n CANCEL_BTN.addEventListener('click', () => {\r\n POPUP.hide(addWorkSchedulePopup);\r\n });\r\n }\r\n\r\n function checkRequiredFieldsOfPopup() {\r\n var weekDay = dayOfWeekDropdown.querySelector('#dayOfWeekDropdown');\r\n var timeEnd = NewEndTime.querySelector('#NewEndTime');\r\n var timeStart = NewStartTime.querySelector('#NewStartTime');\r\n messagetext = document.getElementById('confirmMessage'); \r\n messagetext.innerHTML = ``; \r\n if (nameOfEvent == 'Add') {\r\n var sundaychk = sundaychkBox.querySelector('#sundaychkBox');\r\n var mondaychk = mondaychkBox.querySelector('#mondaychkBox');\r\n var tuesdaychk = tuesdaychkBox.querySelector('#tuesdaychkBox');\r\n var wednesdaychk = wednesdaychkBox.querySelector('#wednesdaychkBox');\r\n var thursdaychk = thursdaychkBox.querySelector('#thursdaychkBox');\r\n var fridaychk = fridaychkBox.querySelector('#fridaychkBox');\r\n var saturdaychk = saturdaychkBox.querySelector('#saturdaychkBox');\r\n\r\n var chklable = document.getElementById('checkboxlable');\r\n\r\n if (!sundaychk.checked && !mondaychk.checked && !tuesdaychk.checked && !wednesdaychk.checked && !thursdaychk.checked && !fridaychk.checked && !saturdaychk.checked) {\r\n chklable.classList.add('errorPopup');\r\n chklable.classList.add('password-error');\r\n }\r\n else {\r\n chklable.classList.remove('errorPopup');\r\n chklable.classList.remove('password-error');\r\n }\r\n } else if (nameOfEvent == 'Edit') {\r\n if (dayOfWeek === '') {\r\n dayOfWeekDropdown.classList.add('errorPopup');\r\n } else {\r\n dayOfWeekDropdown.classList.remove('errorPopup');\r\n }\r\n }\r\n else {\r\n if (weekDay.value === '') {\r\n dayOfWeekDropdown.classList.add('errorPopup');\r\n } else {\r\n dayOfWeekDropdown.classList.remove('errorPopup');\r\n }\r\n\r\n }\r\n\r\n if (timeEnd.value === '' || timeStart.value > timeEnd.value) {\r\n NewEndTime.classList.add('errorPopup');\r\n } else {\r\n NewEndTime.classList.remove('errorPopup');\r\n }\r\n\r\n if (timeStart.value === '') {\r\n NewStartTime.classList.add('errorPopup');\r\n } else {\r\n NewStartTime.classList.remove('errorPopup');\r\n }\r\n\r\n setBtnStatusOfPopup();\r\n }\r\n\r\n function setBtnStatusOfPopup() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.errorPopup'));\r\n if (hasErrors.length !== 0) {\r\n APPLY_BTN.classList.add('disabled');\r\n return;\r\n } else {\r\n APPLY_BTN.classList.remove('disabled');\r\n }\r\n }\r\n\r\n\r\n function populateWeekDaysDropdown() {\r\n const dayOfWeekDropdownData = ([\r\n { id: 1, value: 1, text: 'Sunday' },\r\n { id: 2, value: 2, text: 'Monday' },\r\n { id: 3, value: 3, text: 'Tuesday' },\r\n { id: 4, value: 4, text: 'Wednesday' },\r\n { id: 5, value: 5, text: 'Thursday' },\r\n { id: 6, value: 6, text: 'Friday' },\r\n { id: 7, value: 7, text: 'Saturday' },\r\n\r\n ]);\r\n dayOfWeekDropdownData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"dayOfWeekDropdown\", dayOfWeekDropdownData, dayOfWeek);\r\n }\r\n\r\n\r\n async function saveNewWagesPopup() {\r\n weekDaysSelection = [];\r\n if (nameOfEvent == 'Add') {\r\n if (sundaychkBox.querySelector('#sundaychkBox').checked) weekDaysSelection.push(1)\r\n if (mondaychkBox.querySelector('#mondaychkBox').checked) weekDaysSelection.push(2)\r\n if (tuesdaychkBox.querySelector('#tuesdaychkBox').checked) weekDaysSelection.push(3)\r\n if (wednesdaychkBox.querySelector('#wednesdaychkBox').checked) weekDaysSelection.push(4)\r\n if (thursdaychkBox.querySelector('#thursdaychkBox').checked) weekDaysSelection.push(5)\r\n if (fridaychkBox.querySelector('#fridaychkBox').checked) weekDaysSelection.push(6)\r\n if (saturdaychkBox.querySelector('#saturdaychkBox').checked) weekDaysSelection.push(7)\r\n } else if (nameOfEvent == 'Edit') {\r\n weekDaysSelection.push(dayOfWeek)\r\n } else {\r\n weekDaysSelection.push(dayOfWeek)\r\n WorkScheduleID = 0;\r\n }\r\n\r\n const result = await EmploymentAjax.insertWorkScheduleAsync(weekDaysSelection, startTime, endTime, PositionId, WorkScheduleID, $.session.UserId);\r\n const { insertWorkScheduleResult } = result;\r\n\r\n messagetext = document.getElementById('confirmMessage');\r\n messagetext.innerHTML = ``;\r\n if (insertWorkScheduleResult.WorkScheduleId == '-1') {\r\n messagetext.innerHTML = 'This record overlaps with an existing record. Changes cannot be saved.';\r\n messagetext.classList.add('password-error');\r\n }\r\n else {\r\n NewEmployment.refreshEmployment(PositionId, name, positionName, selectedConsumersName, consumersID, tabPositionIndex = 3);\r\n POPUP.hide(addWorkSchedulePopup);\r\n }\r\n }\r\n\r\n return {\r\n init,\r\n buildNewWorkScheduleForm,\r\n getMarkup,\r\n };\r\n})(); ","const esignatures = (function () {\r\n let questions;\r\n let submitBtn;\r\n let esignerData = {};\r\n let formData = {};\r\n let ssaDropdownData;\r\n let providerDropdownData;\r\n let paidSupportProviders;\r\n let progressDiv;\r\n let viewerContainer;\r\n let formContainer;\r\n\r\n function generateReportDownload(tempUserId) {\r\n esignaturesAjax.downloadReportAfterSigning({ tempUserId }, () => {\r\n const arr = success._buffer;\r\n const byteArray = new Uint8Array(arr);\r\n const blob = new Blob([byteArray], { type: 'application/pdf' });\r\n if ($.session.browser === 'Explorer' || $.session.browser === 'Mozilla') {\r\n window.navigator.msSaveOrOpenBlob(blob, 'report.pdf');\r\n } else {\r\n const fileURL = URL.createObjectURL(blob);\r\n window.open(fileURL);\r\n }\r\n\r\n reports.handledProcessedReport();\r\n return 'success';\r\n });\r\n }\r\n\r\n function setSSADropdownInitialWidth(ssaDropdown, csChangeMindSSAPeopleId) {\r\n //const ssaDropdown = popup.querySelector('#isp_ic_ssaDropdown');\r\n ssaDropdown.value = csChangeMindSSAPeopleId;\r\n let ssaWidth = 150;\r\n if (ssaDropdown.selectedIndex !== -1) {\r\n ssaWidth = ssaDropdown.options[ssaDropdown.selectedIndex].text.length * 10;\r\n }\r\n ssaDropdown.style.width = `${ssaWidth}px`;\r\n}\r\nfunction setVendorDropdownInitialWidth(vendorContactDropdown, csContactProviderVendorId) {\r\n //const vendorContactDropdown = popup.querySelector('#isp_ic_vendorContactDropdown');\r\n vendorContactDropdown.value = csContactProviderVendorId;\r\n const vendorWidth =\r\n (vendorContactDropdown.options[vendorContactDropdown.selectedIndex].text.length + 3) * 10;\r\n\r\n vendorContactDropdown.style.width = `${vendorWidth}px`;\r\n}\r\n\r\nfunction updateSSADropdownWidth(popup) {\r\n const ssaDropdown = popup.querySelector('#isp_ic_ssaDropdown');\r\n const hidden_opt = popup.querySelector('#isp_ic_ssaDropdown__width_tmp_option');\r\n hidden_opt.innerHTML = ssaDropdown.options[ssaDropdown.selectedIndex].textContent;\r\n const hidden_sel = popup.querySelector('#isp_ic_ssaDropdown__width_tmp_select');\r\n hidden_sel.style.display = 'initial';\r\n ssaDropdown.style.width = hidden_sel.clientWidth + 22 + 'px';\r\n hidden_sel.style.display = 'none';\r\n}\r\nfunction updateVendorDropdownWidth(popup) {\r\n const vendorContactDropdown = popup.querySelector('#isp_ic_vendorContactDropdown');\r\n const hidden_opt = popup.querySelector('#isp_ic_vendorContactDropdown__width_tmp_option');\r\n hidden_opt.innerHTML =\r\n vendorContactDropdown.options[vendorContactDropdown.selectedIndex].textContent;\r\n const hidden_sel = popup.querySelector('#isp_ic_vendorContactDropdown__width_tmp_select');\r\n hidden_sel.style.display = 'initial';\r\n vendorContactDropdown.style.width = hidden_sel.clientWidth + 22 + 'px';\r\n hidden_sel.style.display = 'none';\r\n}\r\n\r\n\r\n async function displayFormPopup(tempUserId) {\r\n progressDiv = document.createElement('div');\r\n progressDiv.classList.add('test');\r\n progressDiv.style.height = 'auto';\r\n\r\n const popup = document.createElement('div');\r\n popup.id = 'formPopup';\r\n popup.classList.add('popup');\r\n\r\n viewerContainer = document.createElement('div');\r\n viewerContainer.id = 'viewer';\r\n viewerContainer.style.width = '800px';\r\n viewerContainer.style.height = '500px';\r\n viewerContainer.style.margin = '0';\r\n\r\n popup.appendChild(viewerContainer);\r\n\r\n formContainer = document.createElement('div');\r\n formContainer.classList.add('formContainer');\r\n\r\n function buildDissentSection() {\r\n const dissentWrap = document.createElement('div');\r\n dissentWrap.classList.add('dissentWrap');\r\n const dissentTitle = document.createElement('h3');\r\n dissentTitle.classList.add('h3Title');\r\n dissentTitle.innerText = 'Dissenting Opinion';\r\n\r\n dissentAreaDisagree = input.build({\r\n label: 'Area Team Member Disagrees',\r\n value: '',\r\n type: 'textarea',\r\n readonly: false,\r\n classNames: 'autosize',\r\n charLimit: 2500,\r\n forceCharLimit: true,\r\n callback: event => {\r\n formData.dissentAreaDisagree = event.target.value;\r\n },\r\n });\r\n\r\n dissentHowToAddress = input.build({\r\n label: 'How to Address',\r\n value: '',\r\n type: 'textarea',\r\n readonly: false,\r\n classNames: 'autosize',\r\n charLimit: 2500,\r\n forceCharLimit: true,\r\n callback: event => {\r\n formData.dissentHowToAddress = event.target.value;\r\n },\r\n });\r\n\r\n dissentWrap.appendChild(dissentTitle);\r\n dissentWrap.appendChild(dissentAreaDisagree);\r\n dissentWrap.appendChild(dissentHowToAddress);\r\n\r\n return dissentWrap;\r\n }\r\n\r\n function getVendorDropdownData() {\r\n const nonPaidSupportData = providerDropdownData.filter(\r\n provider => paidSupportProviders.indexOf(provider.vendorId) < 0,\r\n );\r\n const paidSupportData = providerDropdownData.filter(\r\n provider => paidSupportProviders.indexOf(provider.vendorId) >= 0,\r\n );\r\n const nonPaidSupportDropdownData = nonPaidSupportData.map(dd => {\r\n return {\r\n value: dd.vendorId,\r\n text: dd.vendorName,\r\n };\r\n });\r\n const paidSupportDropdownData = paidSupportData.map(dd => {\r\n return {\r\n value: dd.vendorId,\r\n text: dd.vendorName,\r\n };\r\n });\r\n return {\r\n paidSupport: paidSupportDropdownData,\r\n nonPaidSupport: nonPaidSupportDropdownData,\r\n };\r\n }\r\n function getSSADropdownData() {\r\n const data = ssaDropdownData.map(ssa => {\r\n return {\r\n value: ssa.id,\r\n text: ssa.name,\r\n };\r\n });\r\n\r\n if ($.session.applicationName === 'Advisor') {\r\n data.unshift({ value: '', text: '[SELECT A QIDP]' });\r\n } else {\r\n data.unshift({ value: '', text: '[SELECT AN SSA]' });\r\n }\r\n\r\n return data;\r\n }\r\n\r\n function populateDropdownSSA(ssaDropdown, csChangeMindSSAPeopleId) {\r\n const csChangeMindQuestionDropdownData = getSSADropdownData();\r\n\r\n dropdown.populate(ssaDropdown, csChangeMindQuestionDropdownData, csChangeMindSSAPeopleId);\r\n }\r\n\r\n function populateDropdownVendor(vendorDropdown, csContactProviderVendorId) {\r\n //* VENDOR DROPDOWN\r\n const contactQuestionDropdownData = getVendorDropdownData();\r\n const nonGroupedDropdownData = [{ value: '', text: '[SELECT A PROVIDER]' }];\r\n const paidSupportGroup = {\r\n groupLabel: 'Paid Support Providers',\r\n groupId: 'isp_ic_providerDropdown_paidSupportProviders',\r\n dropdownValues: contactQuestionDropdownData.paidSupport,\r\n };\r\n const nonPaidSupportGroup = {\r\n groupLabel: 'Other Providers',\r\n groupId: 'isp_ic_providerDropdown_nonPaidSupportProviders',\r\n dropdownValues: contactQuestionDropdownData.nonPaidSupport,\r\n };\r\n\r\n const groupDropdownData = [];\r\n if (contactQuestionDropdownData.paidSupport.length > 0) {\r\n groupDropdownData.push(paidSupportGroup);\r\n }\r\n\r\n groupDropdownData.push(nonPaidSupportGroup);\r\n\r\n dropdown.groupingPopulate({\r\n dropdown: vendorDropdown,\r\n data: groupDropdownData,\r\n nonGroupedData: nonGroupedDropdownData,\r\n defaultVal: csContactProviderVendorId,\r\n });\r\n }\r\n\r\n function buildStandardQuestionSet() {\r\n const changeMindQuestion = document.createElement('div');\r\n changeMindQuestion.classList.add('changeMindQuestion');\r\n changeMindQuestion.classList.add('ic_questionContainer');\r\n\r\n //Question Text Element, Will contain dropdown too\r\n const csChangeMindQuestionText = document.createElement('div');\r\n csChangeMindQuestionText.classList.add('changeMindQuestionText');\r\n\r\n const csChangeMindQuestionDropdown = dropdown.inlineBuild({\r\n dropdownId: 'isp_ic_ssaDropdown',\r\n });\r\n\r\n populateDropdownSSA(csChangeMindQuestionDropdown, esignerData.ssaPeopleId);\r\n\r\n // Build Out Question with dropdown\r\n csChangeMindQuestionText.innerHTML = `I understand that I can change my mind at any time. I just need to let `;\r\n csChangeMindQuestionText.appendChild(csChangeMindQuestionDropdown);\r\n csChangeMindQuestionText.innerHTML += ` know.`;\r\n changeMindQuestion.appendChild(csChangeMindQuestionText);\r\n\r\n changeMindQuestion.addEventListener('change', event => {\r\n // if event.target.value = 'on' then it wont set the formdata value. 'on' means the radio was changed\r\n if (event.target.value !== 'on') {\r\n formData.csChangeMindSSAPeopleId = event.target.value;\r\n updateSSADropdownWidth(formContainer);\r\n validateForm();\r\n }\r\n });\r\n\r\n const csChangeMindRadioContainer = document.createElement('div');\r\n csChangeMindRadioContainer.classList.add('ic_questionRadioContainer', 'formError');\r\n ['Yes', 'No'].forEach(option => {\r\n const radio = input.buildRadio({\r\n id: `csChangeMind-${option}`,\r\n text: option,\r\n name: 'csChangeMind',\r\n callback: () => {\r\n formData.csChangeMind = option === 'Yes' ? 'Y' : 'N';\r\n csChangeMindRadioContainer.classList.remove('formError');\r\n validateForm();\r\n },\r\n });\r\n csChangeMindRadioContainer.appendChild(radio);\r\n });\r\n changeMindQuestion.appendChild(csChangeMindRadioContainer);\r\n\r\n const contactQuestion = document.createElement('div');\r\n contactQuestion.classList.add('contactQuestion');\r\n\r\n // Inner Wrap for just Dropdown and Radios *for safari\r\n const wrap = document.createElement('div');\r\n wrap.classList.add('ic_questionContainer');\r\n\r\n //Question Text Element, Will contain dropdown too\r\n const contactQuestionText = document.createElement('div');\r\n contactQuestionText.classList.add('contactQuestionText');\r\n\r\n //SSA Inline Dropdown\r\n const csContactQuestionDropdown = dropdown.inlineBuild({\r\n dropdownId: 'isp_ic_vendorContactDropdown',\r\n });\r\n\r\n // populate\r\n populateDropdownVendor(csContactQuestionDropdown, esignerData.vendorId);\r\n\r\n contactQuestion.addEventListener('change', event => {\r\n // if event.target.value = 'on' then it wont set the formdata value. 'on' means the radio was changed\r\n if (event.target.value !== 'on') {\r\n formData.csContactProviderVendorId = event.target.value;\r\n updateVendorDropdownWidth(formContainer);\r\n validateForm();\r\n }\r\n });\r\n\r\n // Build Out Question with dropdown\r\n contactQuestionText.innerHTML = `I understand I can contact someone at `;\r\n contactQuestionText.appendChild(csContactQuestionDropdown);\r\n contactQuestionText.innerHTML += ' if I want to file a complaint.';\r\n wrap.appendChild(contactQuestionText);\r\n contactQuestion.appendChild(wrap);\r\n\r\n const csContactRadioContainer = document.createElement('div');\r\n csContactRadioContainer.classList.add('ic_questionRadioContainer', 'formError');\r\n ['Yes', 'No'].forEach(option => {\r\n const radio = input.buildRadio({\r\n id: `csContact-${option}`,\r\n text: option,\r\n name: 'csContact',\r\n callback: () => {\r\n formData.csContact = option === 'Yes' ? 'Y' : 'N';\r\n csContactRadioContainer.classList.remove('formError');\r\n validateForm();\r\n },\r\n });\r\n csContactRadioContainer.appendChild(radio);\r\n });\r\n wrap.appendChild(csContactRadioContainer);\r\n\r\n const standardQuestions = [\r\n // {\r\n // id: 'csChangeMind',\r\n // text: `I understand that I can change my mind at any time. I just need to let ${esignerData.ssaName} know`,\r\n // options: ['Yes', 'No'],\r\n // defaultVal: \"\"\r\n // },\r\n // {\r\n // id: 'csContact',\r\n // text: `I understand I can contact someone at ${esignerData.vendorName} if I want to file a complaint.`,\r\n // options: ['Yes', 'No'],\r\n // defaultVal: \"\"\r\n // },\r\n {\r\n id: 'csSupportsHealthNeeds',\r\n text: 'I agree this plan contains supports to meet my health and welfare needs.',\r\n options: ['Yes', 'No'],\r\n defaultVal: '',\r\n },\r\n {\r\n id: 'csRightsReviewed',\r\n text: 'Individual rights have been reviewed with me.',\r\n options: ['Yes', 'No'],\r\n defaultVal: '',\r\n },\r\n {\r\n id: 'csAgreeToPlan',\r\n text: 'I understand the purpose, benefits, and potential risks. I agree and consent to this entire plan.',\r\n options: ['Yes', 'No'],\r\n defaultVal: '',\r\n },\r\n {\r\n id: 'csTechnology',\r\n text: 'Technology solutions have been explored with my team and me.',\r\n options: ['Yes', 'No'],\r\n defaultVal: '',\r\n },\r\n {\r\n id: 'csFCOPExplained',\r\n text: 'Free Choice Of Provider has been explained to me.',\r\n options: ['Yes', 'No', 'N/A'],\r\n defaultVal: '',\r\n },\r\n {\r\n id: 'csDueProcess',\r\n text: 'I have been given my due process rights.',\r\n options: ['Yes', 'No', 'N/A'],\r\n defaultVal: '',\r\n },\r\n {\r\n id: 'csResidentialOptions',\r\n text: 'I have been given information on residential options.',\r\n options: ['Yes', 'No', 'N/A'],\r\n defaultVal: '',\r\n },\r\n ];\r\n\r\n const standardQuestionsWrap = document.createElement('div');\r\n standardQuestionsWrap.classList.add('standardQuestionsWrap');\r\n\r\n standardQuestionsWrap.appendChild(changeMindQuestion);\r\n standardQuestionsWrap.appendChild(contactQuestion);\r\n\r\n standardQuestions.forEach(question => {\r\n const questionContainer = document.createElement('div');\r\n questionContainer.classList.add('ic_questionContainer');\r\n const questionText = document.createElement('p');\r\n questionText.classList.add('standardQuestionText');\r\n questionText.innerText = question.text;\r\n\r\n const questionRadioContainer = document.createElement('div');\r\n questionRadioContainer.classList.add('ic_questionRadioContainer');\r\n\r\n if (question.defaultVal === '') {\r\n questionRadioContainer.classList.add('formError');\r\n }\r\n\r\n question.options.forEach(option => {\r\n const radio = input.buildRadio({\r\n id: `${question.id}-${option}`,\r\n text: option,\r\n name: question.id,\r\n callback: () => {\r\n switch (option) {\r\n case 'Yes':\r\n formData[question.id] = 'Y';\r\n break;\r\n case 'No':\r\n formData[question.id] = 'N';\r\n break;\r\n case 'N/A':\r\n formData[question.id] = 'NA';\r\n break;\r\n default:\r\n formData[question.id] = '';\r\n break;\r\n }\r\n questionRadioContainer.classList.remove('formError');\r\n validateForm();\r\n },\r\n });\r\n questionRadioContainer.appendChild(radio);\r\n });\r\n\r\n questionContainer.appendChild(questionText);\r\n questionContainer.appendChild(questionRadioContainer);\r\n\r\n standardQuestionsWrap.appendChild(questionContainer);\r\n });\r\n\r\n return standardQuestionsWrap;\r\n }\r\n\r\n function buildConsentSection() {\r\n const consentWrap = document.createElement('div');\r\n consentWrap.classList.add('consentWrap');\r\n\r\n const consentHeader = document.createElement('h3');\r\n consentHeader.classList.add('h3Title');\r\n consentHeader.innerText = 'Consent Statements';\r\n consentWrap.appendChild(consentHeader);\r\n\r\n const standardQuestions = buildStandardQuestionSet();\r\n\r\n consentWrap.appendChild(standardQuestions);\r\n\r\n return consentWrap;\r\n }\r\n\r\n function validateForm() {\r\n const radios = document.querySelectorAll('.ic_questionRadioContainer input[type=\"radio\"]');\r\n const signatureInput = document.getElementById('signatureInput');\r\n const ssaDropdown = document.getElementById('isp_ic_ssaDropdown');\r\n const vendorDropdown = document.getElementById('isp_ic_vendorContactDropdown');\r\n\r\n let allFilled = true;\r\n\r\n radios.forEach(radio => {\r\n const name = radio.name;\r\n if (!document.querySelector(`input[name=\"${name}\"]:checked`)) {\r\n allFilled = false;\r\n }\r\n });\r\n\r\n if (ssaDropdown && vendorDropdown) {\r\n if (ssaDropdown.value === '' || vendorDropdown.value === '') {\r\n allFilled = false;\r\n }\r\n }\r\n\r\n if (signatureInput.value === '' || !allFilled) {\r\n if (!submitBtn.classList.contains('disabled')) {\r\n submitBtn.classList.add('disabled');\r\n }\r\n submitBtn.disabled = true;\r\n } else {\r\n submitBtn.classList.remove('disabled');\r\n submitBtn.disabled = false;\r\n }\r\n }\r\n\r\n submitBtn = button.build({\r\n id: 'eSigSubmitBtn',\r\n text: 'Sign Document',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n const updateQuestions = await _UTIL.fetchData('updateESignFormValues', { formData });\r\n\r\n const downloadExitPopup = document.createElement('div');\r\n downloadExitPopup.classList.add('popup', 'downloadExitPopup');\r\n\r\n var paragraph = document.createElement('p');\r\n paragraph.textContent =\r\n 'You have successfully signed this plan! You will receive a confirmation email shortly. The Case Manager will also be notified that you signed the plan. Please close your browser tab to complete the process.';\r\n\r\n const downloadPlanBtn = button.build({\r\n id: 'downloadPlanBtn',\r\n text: 'Download Plan',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n generateReportDownload(tempUserId);\r\n },\r\n });\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(paragraph);\r\n btnWrap.appendChild(downloadPlanBtn);\r\n\r\n downloadExitPopup.appendChild(paragraph);\r\n downloadExitPopup.appendChild(btnWrap);\r\n const overlay = document.querySelector('.overlay');\r\n overlay.classList.add('visible');\r\n\r\n const formPopup = document.getElementById('formPopup');\r\n formPopup.remove();\r\n\r\n document.body.appendChild(downloadExitPopup);\r\n },\r\n });\r\n submitBtn.classList.add('disabled');\r\n\r\n if (\r\n esignerData.teamMemberType === 'Parent/Guardian' ||\r\n esignerData.teamMemberType === 'Parent' ||\r\n esignerData.teamMemberType === 'Guardian' ||\r\n esignerData.teamMemberType === 'Person Supported'\r\n ) {\r\n questions = buildConsentSection();\r\n formContainer.appendChild(questions);\r\n }\r\n const dissentingSection = buildDissentSection();\r\n\r\n formContainer.appendChild(dissentingSection);\r\n\r\n const signatureDisplay = document.createElement('div');\r\n signatureDisplay.id = 'signatureDisplay';\r\n\r\n const signatureInput = input.build({\r\n id: 'signatureInput',\r\n type: 'input',\r\n label: 'Name',\r\n style: 'secondary',\r\n });\r\n\r\n signatureInput.classList.add('errorPopup')\r\n\r\n signatureInput.addEventListener('input', function (event) {\r\n const value = event.target.value;\r\n signatureDisplay.textContent = value;\r\n \r\n if (value === '') {\r\n signatureInput.classList.add('errorPopup');\r\n } else {\r\n signatureInput.classList.remove('errorPopup');\r\n }\r\n \r\n validateForm();\r\n });\r\n \r\n\r\n formContainer.appendChild(signatureDisplay);\r\n formContainer.appendChild(signatureInput);\r\n\r\n popup.appendChild(formContainer);\r\n formContainer.appendChild(submitBtn);\r\n\r\n progressDiv.appendChild(popup);\r\n document.body.appendChild(progressDiv);\r\n //document.body.appendChild(popup);\r\n\r\n popup.style.display = 'block';\r\n\r\n esignaturesAjax.openESignaturesPDFEditor(tempUserId, viewerContainer);\r\n }\r\n\r\n async function init(tempUserId) {\r\n const eSignerDataResult = await _UTIL.fetchData('getESignerData', { tempUserId });\r\n esignerData = eSignerDataResult.getESignerDataResult;\r\n\r\n formData = {\r\n peopleId: esignerData.peopleId,\r\n planId: esignerData.planId,\r\n csChangeMind: '',\r\n csChangeMindSSAPeopleId: '',\r\n csContact: '',\r\n csContactProviderVendorId: '',\r\n csContactInput: '',\r\n csRightsReviewed: '',\r\n csAgreeToPlan: '',\r\n csFCOPExplained: '',\r\n csDueProcess: '',\r\n csResidentialOptions: '',\r\n csSupportsHealthNeeds: '',\r\n csTechnology: '',\r\n dissentAreaDisagree: '',\r\n dissentHowToAddress: '',\r\n applicationName: esignerData.applicationName,\r\n };\r\n\r\n async function loadDropdownData() {\r\n providerDropdownData = await consentAndSignAjax.getPlanInformedConsentVendors({\r\n token: $.session.Token,\r\n peopleid: esignerData.peopleId,\r\n });\r\n // this is where the DDL gets its data -- people, user permissions, etc tables\r\n ssaDropdownData = await consentAndSignAjax.getPlanInformedConsentSSAs({\r\n token: $.session.Token,\r\n });\r\n }\r\n\r\n await loadDropdownData();\r\n\r\n paidSupportProviders = servicesSupports.getSelectedVendorIds();\r\n\r\n displayFormPopup(tempUserId);\r\n\r\n const ssaDropdown = document.getElementById('isp_ic_ssaDropdown');\r\n const vendorDropdown = document.getElementById('isp_ic_vendorContactDropdown');\r\n\r\n // set the initial value and width of the dropdown value if they \r\n if (ssaDropdown) {\r\n const ssaDropdown = document.getElementById('isp_ic_ssaDropdown');\r\n setSSADropdownInitialWidth(ssaDropdown, esignerData.ssaPeopleId);\r\n }\r\n \r\n if (vendorDropdown) {\r\n const vendorDropdown = document.getElementById('isp_ic_vendorContactDropdown');\r\n setVendorDropdownInitialWidth(vendorDropdown, esignerData.vendorId);\r\n }\r\n }\r\n\r\n return {\r\n init,\r\n };\r\n})();\r\n","var esignaturesAjax = (function () { \r\n\r\n async function openESignaturesPDFEditor(tempUserId, progressDiv) {\r\n const token = $.session.token;\r\n \r\n // Show the spinner\r\n var popup = document.createElement('div');\r\n popup.classList.add('pendingSavePopup', 'popup');\r\n\r\n //SPINNER\r\n spinnerWrap = document.createElement('div');\r\n spinnerWrap.classList.add('spinner');\r\n spinnerMessage = document.createElement('h2');\r\n spinnerMessage.classList.add('spinner__message');\r\n var spinnerBar = document.createElement('div');\r\n spinnerBar.classList.add('spinner__bar');\r\n spinnerMessage.innerHTML = `Loading...
`;\r\n spinnerWrap.appendChild(spinnerBar);\r\n spinnerWrap.appendChild(spinnerMessage);\r\n\r\n popup.appendChild(spinnerWrap);\r\n\r\n progressDiv.appendChild(popup);\r\n\r\n try {\r\n const response = await $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/openESignaturesEditor/',\r\n data: JSON.stringify({ tempUserId }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json'\r\n });\r\n \r\n var arr = response.openESignaturesEditorResult;\r\n \r\n await WebViewer({\r\n path: './WebViewer/lib', // path to the PDFTron 'lib' folder on your server\r\n licenseKey: 'Marshall Information Services, LLC (primarysolutions.net):OEM:Gatekeeper/Anywhere, Advisor/Anywhere::B+:AMS(20240512):99A5375D0437C60A0360B13AC9A2537860613FAD9766CD3BD5343BC2C76C38C054C2BEF5C7',\r\n documentType: 'pdf',\r\n }, document.getElementById('viewer'))\r\n .then(instance => {\r\n var FitMode = instance.UI.FitMode;\r\n instance.UI.setFitMode(FitMode.FitWidth);\r\n instance.UI.disableElements(['ribbons']);\r\n \r\n const docViewer = instance.Core.documentViewer;\r\n const annotManager = instance.Core.annotationManager;\r\n \r\n instance.UI.setHeaderItems(header => {\r\n header.push({\r\n type: 'actionButton',\r\n img: 'icon-close',\r\n title: 'Close Window',\r\n onClick: async () => { }\r\n });\r\n });\r\n \r\n const binaryString = window.atob(arr);\r\n const len = binaryString.length;\r\n const bytes = new Uint8Array(len);\r\n \r\n for (let i = 0; i < len; ++i) {\r\n bytes[i] = binaryString.charCodeAt(i);\r\n }\r\n \r\n const blob = new Blob([bytes], { type: 'application/pdf' });\r\n instance.Core.documentViewer.loadDocument(blob, { filename: 'myfile.pdf' });\r\n instance.UI.disableElements(['toolsHeader']);\r\n \r\n docViewer.addEventListener('documentLoaded', async () => {\r\n try {\r\n const doc = docViewer.getDocument();\r\n const xfdfString = await annotManager.exportAnnotations();\r\n \r\n await doc.getFileData({\r\n // saves the document with annotations in it\r\n xfdfString\r\n });\r\n \r\n } catch (error) {\r\n throw new Error('Failed to process document');\r\n }\r\n });\r\n });\r\n \r\n\r\n var popup = document.querySelector('.pendingSavePopup');\r\n progressDiv.removeChild(popup);\r\n\r\n return 'success';\r\n } catch (error) {\r\n var popup = document.querySelector('.pendingSavePopup');\r\n progressDiv.removeChild(popup);\r\n \r\n return 'error';\r\n }\r\n }\r\n\r\n function downloadReportAfterSigning(retrieveData, callback) {\r\n var action = `${$.webServer.protocol}://${$.webServer.address}:${$.webServer.port}/${$.webServer.serviceName}/downloadReportAfterSigning/`;\r\n var successFunction = function (resp) {\r\n var res = JSON.stringify(response);\r\n callback();\r\n };\r\n\r\n var form = document.createElement('form');\r\n form.setAttribute('action', action);\r\n form.setAttribute('method', 'POST');\r\n form.setAttribute('target', '_blank');\r\n form.setAttribute('enctype', 'bare');\r\n form.setAttribute('success', successFunction);\r\n\r\n var tempUserIdInput = document.createElement('input');\r\n tempUserIdInput.setAttribute('name', 'token');\r\n tempUserIdInput.setAttribute('value', retrieveData.tempUserId);\r\n tempUserIdInput.id = 'tempUserId';\r\n\r\n form.appendChild(tempUserIdInput);\r\n\r\n form.style.position = 'absolute';\r\n form.style.opacity = '0';\r\n document.body.appendChild(form);\r\n\r\n form.submit();\r\n }\r\n\r\n return { \r\n openESignaturesPDFEditor,\r\n downloadReportAfterSigning\r\n };\r\n})();\r\n","const forms = (function () {\r\n var defaultval;\r\n let displayfromBLOBBtn;\r\n let documntId;\r\n let landingPage;\r\n let overviewTable;\r\n let newFormBtn;\r\n let selectedConsumer;\r\n let isFormLocked;\r\n\r\n // values for selectTemplatePopup\r\n let templateId;\r\n let typeId;\r\n let templateDropdown;\r\n let typeDropdown;\r\n let doneBtn;\r\n let formIds = [];\r\n\r\n async function handleActionNavEvent(target) {\r\n const targetAction = target.dataset.actionNav;\r\n\r\n switch (targetAction) {\r\n case 'miniRosterDone': {\r\n DOM.scrollToTopOfPage();\r\n DOM.clearActionCenter();\r\n selectedConsumer = roster2.getActiveConsumers()[0];\r\n await loadPDFFormsLanding();\r\n DOM.toggleNavLayout();\r\n break;\r\n }\r\n case 'miniRosterCancel': {\r\n DOM.toggleNavLayout();\r\n loadApp('home');\r\n break;\r\n }\r\n }\r\n }\r\n // Build Forms Module Landing Page\r\n async function loadPDFFormsLanding() {\r\n DOM.clearActionCenter();\r\n\r\n landingPage = document.createElement('div');\r\n landingPage.classList.add('planLandingPage');\r\n\r\n const consumerCard = buildConsumerCard();\r\n newFormBtn = buildNewFormBtn();\r\n\r\n let filterValues = { formsConsumer: selectedConsumer.id };\r\n reportsBtn = generateReports.createMainReportButton([\r\n { text: 'Form Listing - By Consumer', filterValues },\r\n ]);\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('newFormAndReportBtns');\r\n\r\n landingPage.appendChild(consumerCard);\r\n landingPage.appendChild(btnWrap);\r\n btnWrap.appendChild(newFormBtn);\r\n btnWrap.appendChild(reportsBtn);\r\n\r\n overviewTable = await buildOverviewTable();\r\n landingPage.appendChild(overviewTable);\r\n\r\n DOM.ACTIONCENTER.appendChild(landingPage);\r\n }\r\n\r\n // Build User's table of Forms on the Landing Page\r\n async function buildOverviewTable() {\r\n const tableOptions = {\r\n plain: false,\r\n tableId: 'consumerFormsTable',\r\n columnHeadings: ['', 'Type', 'Completion', 'Last Updated', 'User Updated'],\r\n endIcon: true,\r\n };\r\n\r\n // FAKE DATA : build table data\r\n // const tableData = [{ values : ['Test', '03/01/2021'], endIcon : `${icons['delete']}`}, {values : ['Test2', '04/01/2021'], endIcon : `${icons['delete']}` }];\r\n let hasAssignedFormTypes = $.session.formsFormtype ? '1' : '0';\r\n const { getconsumerFormsResult: consumerForms } = await formsAjax.getconsumerFormsAsync(\r\n $.session.UserId,\r\n selectedConsumer.id,\r\n hasAssignedFormTypes,\r\n );\r\n // format the Completion Dates\r\n consumerForms.forEach(function (consumerForm) {\r\n let newDate = new Date(consumerForm.formCompleteDate);\r\n let theMonth = newDate.getMonth() + 1;\r\n let formatCompleteDate =\r\n UTIL.leadingZero(theMonth) +\r\n '/' +\r\n UTIL.leadingZero(newDate.getDate()) +\r\n '/' +\r\n newDate.getFullYear();\r\n consumerForm.formCompleteDate = formatCompleteDate;\r\n });\r\n\r\n let tableData = consumerForms.map(consumerForm => ({\r\n values: [\r\n `${icons['PDFForm']}`,\r\n consumerForm.formType + ' -- ' + consumerForm.formDescription,\r\n consumerForm.formCompleteDate,\r\n consumerForm.formLastUpdated,\r\n consumerForm.formUserUpdated,\r\n ],\r\n endIcon: $.session.formsDelete || $.session.formsUpdate ? `${icons['edit']}` : null,\r\n id: consumerForm.formId,\r\n attributes: [{ key: 'data-form-id', value: consumerForm.formId }],\r\n endIconCallback: e => {\r\n e.stopPropagation();\r\n try {\r\n let tableRow = document.getElementById(consumerForm.formId);\r\n formEditPopup(consumerForm.formId, consumerForm.formCompleteDate, tableRow);\r\n // deleteConfirmation(consumerForm.formId, tableRow);\r\n return;\r\n } catch (err) {\r\n console.error('error: ', err);\r\n }\r\n },\r\n onClick: () => {\r\n let isTemplate = '0';\r\n let documentEdited = '1'; // document previously edited\r\n let consumerId = selectedConsumer.id;\r\n let isRefresh = false;\r\n let formId = consumerForm.formId;\r\n let formCompleteDate = consumerForm.formCompleteDate;\r\n\r\n displayFormPopup(\r\n formId,\r\n documentEdited,\r\n consumerId,\r\n isRefresh,\r\n isTemplate,\r\n formCompleteDate,\r\n );\r\n },\r\n }));\r\n\r\n const oTable = table.build(tableOptions);\r\n\r\n // Set the data type for each header, for sorting purposes\r\n const headers = oTable.querySelectorAll('.header div');\r\n headers[1].setAttribute('data-type', 'string'); // Type\r\n headers[2].setAttribute('data-type', 'date'); //Completion \r\n headers[3].setAttribute('data-type', 'string'); // Last Update \r\n headers[4].setAttribute('data-type', 'string'); // User Updated\r\n\r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(oTable);\r\n\r\n table.populate(oTable, tableData);\r\n\r\n return oTable;\r\n }\r\n\r\n function buildConsumerCard() {\r\n selectedConsumer.card.classList.remove('highlighted');\r\n\r\n const wrap = document.createElement('div');\r\n wrap.classList.add('planConsumerCard');\r\n\r\n wrap.appendChild(selectedConsumer.card);\r\n\r\n return wrap;\r\n }\r\n\r\n function buildNewFormBtn() {\r\n return button.build({\r\n text: 'Add New Form',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: !$.session.formsInsert ? ['disabled'] : ['newPlanBtn'],\r\n callback: () => createTemplatePopUp(),\r\n });\r\n }\r\n\r\n // Build/Display Popup Window for selecting a Form template from a DDL\r\n function createTemplatePopUp() {\r\n let selectTemplatePopup = POPUP.build({\r\n header: 'Template Select',\r\n hideX: true,\r\n id: 'selectTemplatePopup',\r\n });\r\n\r\n typeDropdown = dropdown.build({\r\n label: 'Form Type',\r\n dropdownId: 'typeDropdown',\r\n });\r\n\r\n templateDropdown = dropdown.build({\r\n label: 'Form Templates',\r\n dropdownId: 'templateDropdown',\r\n });\r\n\r\n let newDate = new Date();\r\n let theMonth = newDate.getMonth() + 1;\r\n let formCompleteDate =\r\n UTIL.leadingZero(theMonth) +\r\n '/' +\r\n UTIL.leadingZero(newDate.getDate()) +\r\n '/' +\r\n newDate.getFullYear();\r\n\r\n let thisCompleteDate = newDate;\r\n\r\n let completeDateInput = input.build({\r\n type: 'date',\r\n label: 'Completion Date',\r\n style: 'secondary',\r\n value: UTIL.formatDateToIso(formCompleteDate.split(' ')[0]),\r\n // readonly: true,\r\n });\r\n\r\n completeDateInput.addEventListener('change', event => {\r\n thisCompleteDate = event.target.value;\r\n // validation of completeDateInput\r\n if (thisCompleteDate === '') {\r\n completeDateInput.classList.add('error');\r\n } else {\r\n completeDateInput.classList.remove('error');\r\n }\r\n setBtnStatus();\r\n });\r\n\r\n doneBtn = button.build({\r\n id: 'wfStepDoneBtn',\r\n text: 'done',\r\n type: 'contained',\r\n style: 'secondary',\r\n callback: () => templatePopupDoneBtn(thisCompleteDate),\r\n });\r\n this.doneButton = doneBtn;\r\n\r\n let cancelBtn = button.build({\r\n id: 'wfStepCancelBtn',\r\n text: 'cancel',\r\n type: 'outlined',\r\n style: 'secondary',\r\n callback: () => templatePopupCancelBtn(),\r\n });\r\n\r\n let btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(doneBtn);\r\n btnWrap.appendChild(cancelBtn);\r\n selectTemplatePopup.appendChild(typeDropdown);\r\n selectTemplatePopup.appendChild(templateDropdown);\r\n selectTemplatePopup.appendChild(completeDateInput);\r\n selectTemplatePopup.appendChild(btnWrap);\r\n\r\n populateTypeDropdown();\r\n populateDropdown('0');\r\n\r\n // validation of templateDropdown\r\n templateId = templateDropdown.value;\r\n if (templateId === '' || templateId === undefined) {\r\n templateDropdown.classList.add('error');\r\n } else templateDropdown.classList.remove('error');\r\n\r\n templateDropdown.addEventListener('change', e => {\r\n templateId = e.target.value;\r\n templateDropdownValidation();\r\n setBtnStatus();\r\n });\r\n\r\n typeDropdown.addEventListener('change', async e => {\r\n typeId = e.target.value;\r\n await populateDropdown(typeId);\r\n templateDropdownValidation();\r\n setBtnStatus();\r\n });\r\n\r\n POPUP.show(selectTemplatePopup);\r\n setBtnStatus();\r\n }\r\n\r\n function templateDropdownValidation() { \r\n var templateDropdownOptions = document.getElementById('templateDropdown');\r\n templateId = templateDropdownOptions.options[templateDropdownOptions.selectedIndex].value;\r\n if (templateId === '') {\r\n templateDropdown.classList.add('error');\r\n return;\r\n } else {\r\n templateDropdown.classList.remove('error');\r\n }\r\n }\r\n\r\n function setBtnStatus() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.error'));\r\n\r\n if (hasErrors.length !== 0) {\r\n doneBtn.classList.add('disabled');\r\n } else {\r\n doneBtn.classList.remove('disabled');\r\n }\r\n }\r\n\r\n // Event for Done BTN on the Template Form Popup Window\r\n function templatePopupDoneBtn(completeDate) {\r\n POPUP.hide(selectTemplatePopup);\r\n let isTemplate = '1';\r\n let documentEdited = '0'; // document not previously edited\r\n let consumerId = selectedConsumer.id;\r\n let isRefresh = false;\r\n let formId = templateId;\r\n\r\n forms.displayFormPopup(formId, documentEdited, consumerId, isRefresh, isTemplate, completeDate);\r\n }\r\n\r\n // Event for Cancel BTN on the Template Form Popup Window\r\n function templatePopupCancelBtn() {\r\n POPUP.hide(selectTemplatePopup);\r\n }\r\n\r\n // Populate the DDL on the Type Form Popup Window\r\n async function populateTypeDropdown() {\r\n const {\r\n getFormTypeResult: FormType,\r\n } = await formsAjax.getFormTypeAsync();\r\n let data = FormType.map((formType) => ({\r\n id: formType.formTypeId,\r\n value: formType.formTypeId,\r\n text: formType.formTypeDescription\r\n }));\r\n data.unshift({ id: null, value: '0', text: 'ALL' });\r\n dropdown.populate(\"typeDropdown\", data, '0');\r\n }\r\n\r\n // Populate the DDL on the Template Form Popup Window\r\n async function populateDropdown(typeId) {\r\n let hasAssignedFormTypes = $.session.formsFormtype ? '1' : '0';\r\n const { getUserFormTemplatesResult: templates } = await formsAjax.getUserFormTemplatesAsync(\r\n $.session.UserId,\r\n hasAssignedFormTypes,\r\n typeId,\r\n );\r\n\r\n // Array to store unique template objects\r\n const uniqueForms = [];\r\n formIds = []; \r\n\r\n // Iterate over the templates array\r\n templates.forEach(template => {\r\n // Check if the formTemplateId already exists in uniqueForms\r\n const exists = uniqueForms.some(form => form.formTemplateId === template.formTemplateId);\r\n // If not, add the template to uniqueForms\r\n if (!exists) {\r\n uniqueForms.push(template);\r\n }\r\n\r\n if (typeId != '0')\r\n formIds.push(template.formTemplateId);\r\n });\r\n\r\n // Prepare data for dropdown\r\n const data = uniqueForms.map(template => ({\r\n id: template.formTemplateId,\r\n value: template.formTemplateId,\r\n text: template.formType + ' -- ' + template.formDescription,\r\n }));\r\n\r\n if (typeId == '0' || templates.length == 0) { \r\n data.unshift({ id: null, value: '', text: '' }); // Add blank value\r\n dropdown.populate('templateDropdown', data);\r\n }\r\n else {\r\n data.unshift({ id: null, value: '0', text: 'ALL' }); // Add blank value\r\n dropdown.populate('templateDropdown', data, '0');\r\n }\r\n }\r\n\r\n\r\n async function displayFormPopup(\r\n formId,\r\n documentEdited,\r\n consumerId,\r\n isRefresh,\r\n isTemplate,\r\n formCompleteDate,\r\n ) {\r\n let formPopup = POPUP.build({\r\n header: '',\r\n hideX: true,\r\n id: 'formPopup',\r\n });\r\n\r\n const viewer = document.createElement('div');\r\n\r\n var viewerWrap = document.createElement('div');\r\n viewerWrap.style = 'width: 1300px; height: 600px; margin: 0;';\r\n viewerWrap.id = 'viewer';\r\n\r\n viewer.appendChild(viewerWrap);\r\n\r\n formPopup.appendChild(viewer);\r\n\r\n POPUP.show(formPopup);\r\n\r\n // If the form is new, skip the forms lock check\r\n if (isTemplate !== '1') {\r\n const checkFormsLockValue = await formsAjax.checkFormsLock(formId, $.session.UserId);\r\n\r\n // if the forms lock value returns a non empty string, display the forms lock popup\r\n if (checkFormsLockValue !== '') {\r\n isFormLocked = true;\r\n\r\n const popup = POPUP.build({\r\n id: 'formLocksPopup',\r\n classNames: 'warning',\r\n });\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n\r\n const okBtn = button.build({\r\n text: 'OK',\r\n style: 'secondary',\r\n type: 'contained',\r\n icon: 'checkmark',\r\n callback: async function () {\r\n POPUP.hide(popup);\r\n overlay.show();\r\n },\r\n });\r\n\r\n btnWrap.appendChild(okBtn);\r\n const warningMessage = document.createElement('p');\r\n warningMessage.innerHTML = `This form is currently locked by ${checkFormsLockValue}. Any changes you make to this form will not be saved.`;\r\n popup.appendChild(warningMessage);\r\n popup.appendChild(btnWrap);\r\n POPUP.show(popup);\r\n }\r\n }\r\n\r\n if (formId == '0') { \r\n await formsAjax.insertSeveralConsumerFormAsync($.session.UserId, consumerId, formIds, isTemplate, formCompleteDate); \r\n POPUP.hide(formPopup);\r\n forms.loadPDFFormsLanding(); \r\n }\r\n else {\r\n formsAjax.openFormEditor(\r\n formId,\r\n documentEdited,\r\n consumerId,\r\n isRefresh,\r\n isTemplate,\r\n $.session.applicationName,\r\n formCompleteDate,\r\n isFormLocked,\r\n );\r\n }\r\n\r\n isFormLocked = false;\r\n }\r\n\r\n async function displayStepFormPopup(\r\n formId,\r\n documentEdited,\r\n consumerId,\r\n isRefresh,\r\n isTemplate,\r\n formCompleteDate,\r\n stepId,\r\n docOrder,\r\n formName,\r\n ) {\r\n let formPopup = POPUP.build({\r\n header: '',\r\n hideX: true,\r\n id: 'formPopup',\r\n });\r\n\r\n const viewer = document.createElement('div');\r\n\r\n var viewerWrap = document.createElement('div');\r\n viewerWrap.style = 'width: 1300px; height: 600px; margin: 0;';\r\n viewerWrap.id = 'viewer';\r\n\r\n viewer.appendChild(viewerWrap);\r\n\r\n formPopup.appendChild(viewer);\r\n\r\n POPUP.show(formPopup);\r\n\r\n // If the form is new, skip the forms lock check\r\n if (isTemplate !== '1') {\r\n const checkFormsLockValue = await formsAjax.checkFormsLock(formId, $.session.UserId);\r\n\r\n // if the forms lock value returns a non empty string, display the forms lock popup\r\n if (checkFormsLockValue !== '') {\r\n isFormLocked = true;\r\n\r\n const popup = POPUP.build({\r\n id: 'formLocksPopup',\r\n classNames: 'warning',\r\n });\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n\r\n const okBtn = button.build({\r\n text: 'OK',\r\n style: 'secondary',\r\n type: 'contained',\r\n icon: 'checkmark',\r\n callback: async function () {\r\n POPUP.hide(popup);\r\n overlay.show();\r\n },\r\n });\r\n\r\n btnWrap.appendChild(okBtn);\r\n const warningMessage = document.createElement('p');\r\n warningMessage.innerHTML = `This form is currently locked by ${checkFormsLockValue}. Any changes you make to this form will not be saved.`;\r\n popup.appendChild(warningMessage);\r\n popup.appendChild(btnWrap);\r\n POPUP.show(popup);\r\n }\r\n }\r\n\r\n formsAjax.openStepFormEditor(\r\n formId,\r\n documentEdited,\r\n consumerId,\r\n isRefresh,\r\n isTemplate,\r\n $.session.applicationName,\r\n formCompleteDate,\r\n isFormLocked,\r\n stepId,\r\n docOrder,\r\n formName,\r\n );\r\n isFormLocked = false;\r\n }\r\n\r\n function displayWFStepFormPopup(\r\n templateId,\r\n templateName,\r\n stepId,\r\n docOrder,\r\n isTemplate,\r\n documntEdited,\r\n consumerId,\r\n ) {\r\n isTemplate ? (documntId = 0) : (documntId = templateId);\r\n\r\n var displayfromBLOBBtn = button.build({\r\n text: 'Display Selected Form',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n //formsAjax.openEditor(templateId, false);\r\n // alert(\"Hi there.\");\r\n },\r\n });\r\n\r\n let formPopup = POPUP.build({\r\n header: '',\r\n hideX: true,\r\n id: 'formPopup',\r\n });\r\n\r\n const viewer = document.createElement('div');\r\n\r\n var viewerWrap = document.createElement('div');\r\n viewerWrap.style = 'width: 1300px; height: 600px; margin: 0;';\r\n viewerWrap.id = 'viewer';\r\n\r\n viewer.appendChild(viewerWrap);\r\n\r\n formPopup.appendChild(viewer);\r\n\r\n // Display the window that the Form will populate using either openEditor/openPDFEditor\r\n POPUP.show(formPopup);\r\n\r\n if (isTemplate) {\r\n formsAjax.openEditor(templateId, templateName, consumerId, stepId, docOrder);\r\n } else {\r\n let isRefresh = false;\r\n formsAjax.openPDFEditor(documntId, documntEdited, consumerId, isRefresh);\r\n }\r\n // isTemplate ? formsAjax.openEditor(templateId, templateName) : formsAjax.openPDFEditor(documntId);\r\n }\r\n\r\n function deleteConfirmation(formId, tableRow) {\r\n var deletepopup = POPUP.build({\r\n id: 'deleteWarningPopup',\r\n classNames: 'warning',\r\n });\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n var yesBtn = button.build({\r\n text: 'Yes',\r\n style: 'secondary',\r\n type: 'contained',\r\n icon: 'checkmark',\r\n callback: async function () {\r\n POPUP.hide(deletepopup);\r\n //\tPOPUP.hide(formeditpopup);\r\n let result = await formsAjax.deleteConsumerFormAsync(formId);\r\n if (result.deleteConsumerFormResult === '1') {\r\n tableRow.remove();\r\n }\r\n },\r\n });\r\n var noBtn = button.build({\r\n text: 'No',\r\n style: 'secondary',\r\n type: 'contained',\r\n icon: 'close',\r\n callback: function () {\r\n POPUP.hide(deletepopup);\r\n },\r\n });\r\n btnWrap.appendChild(yesBtn);\r\n btnWrap.appendChild(noBtn);\r\n var warningMessage = document.createElement('p');\r\n warningMessage.innerHTML = 'Are you sure you want to delete this form?';\r\n deletepopup.appendChild(warningMessage);\r\n deletepopup.appendChild(btnWrap);\r\n POPUP.show(deletepopup);\r\n }\r\n\r\n function formEditPopup(formId, formCompleteDate, tableRow) {\r\n const formeditpopup = POPUP.build({\r\n id: 'formeditpopup',\r\n classNames: 'miniform',\r\n hideX: true,\r\n });\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n\r\n let thisCompleteDate = formCompleteDate;\r\n\r\n let completeDateInput = input.build({\r\n type: 'date',\r\n label: 'Completion Date',\r\n style: 'secondary',\r\n value: UTIL.formatDateToIso(formCompleteDate.split(' ')[0]),\r\n // readonly: true,\r\n });\r\n\r\n completeDateInput.addEventListener('change', event => {\r\n thisCompleteDate = event.target.value;\r\n // validation of completeDateInput\r\n if (thisCompleteDate === '') {\r\n completeDateInput.classList.add('error');\r\n saveBtn.classList.add('disabled');\r\n } else {\r\n completeDateInput.classList.remove('error');\r\n if ($.session.formsUpdate) saveBtn.classList.remove('disabled');\r\n }\r\n });\r\n\r\n var saveBtn = button.build({\r\n text: 'Save Completion Date',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async function () {\r\n await formsAjax.updateConsumerFormCompletionDateAsync(formId, thisCompleteDate);\r\n POPUP.hide(formeditpopup);\r\n // POPUP.hide(formPopup);\r\n forms.loadPDFFormsLanding();\r\n // overlay.show();\r\n },\r\n });\r\n\r\n var cancelBtn = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(formeditpopup);\r\n // overlay.show();\r\n },\r\n });\r\n\r\n var deleteBtn = button.build({\r\n text: 'Delete Form',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(formeditpopup);\r\n deleteConfirmation(formId, tableRow);\r\n // overlay.show();\r\n },\r\n });\r\n\r\n btnWrap.appendChild(saveBtn);\r\n btnWrap.appendChild(cancelBtn);\r\n btnWrap.appendChild(deleteBtn);\r\n\r\n var warningMessage = document.createElement('p');\r\n warningMessage.innerHTML = 'Update Completion Date?';\r\n formeditpopup.appendChild(completeDateInput);\r\n formeditpopup.appendChild(warningMessage);\r\n formeditpopup.appendChild(btnWrap);\r\n // formeditpopup.appendChild(deleteBtn);\r\n\r\n if (!$.session.formsUpdate) {\r\n saveBtn.classList.add('disabled');\r\n } else {\r\n saveBtn.classList.remove('disabled');\r\n }\r\n\r\n if (!$.session.formsDelete) {\r\n deleteBtn.classList.add('disabled');\r\n } else {\r\n deleteBtn.classList.remove('disabled');\r\n }\r\n\r\n POPUP.show(formeditpopup);\r\n }\r\n\r\n function init() {\r\n //DOM.clearActionCenter();\r\n // PROGRESS.SPINNER.show('Loading PDF Forms...');\r\n //loadPDFFormsLanding();\r\n setActiveModuleAttribute('forms');\r\n DOM.clearActionCenter();\r\n roster2.showMiniRoster();\r\n }\r\n\r\n return {\r\n init,\r\n loadPDFFormsLanding,\r\n displayWFStepFormPopup,\r\n displayFormPopup,\r\n displayStepFormPopup,\r\n handleActionNavEvent,\r\n };\r\n})();\r\n","var formsAjax = (function () {\r\n\r\n function openEditor(templateId, templateName, consumerId, stepId, docOrder) {\r\n\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/openEditor/',\r\n data: '{\"templateId\":\"' + templateId + '\", \"consumerId\":\"' + consumerId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var arr = response.openEditorResult;\r\n\r\n WebViewer({\r\n path: './WebViewer/lib', // path to the PDFTron 'lib' folder on your server\r\n // licenseKey: 'Marshall Information Services, LLC(primarysolutions.net):OEM:Advisor/Anywhere;Gatekeeper/Anywhere::B+:AMS(20220512):A8A5354D0437C60A7360B13AC9A2537860614FABB956CD3BD5343BC2C76C38C054C2BEF5C7',\r\n licenseKey: 'Marshall Information Services, LLC (primarysolutions.net):OEM:Gatekeeper/Anywhere, Advisor/Anywhere::B+:AMS(20240512):99A5375D0437C60A0360B13AC9A2537860613FAD9766CD3BD5343BC2C76C38C054C2BEF5C7',\r\n documentType: 'pdf',\r\n // initialDoc: 'https://pdftron.s3.amazonaws.com/downloads/pl/webviewer-demo.pdf',\r\n // initialDoc: 'test.pdf', // You can also use documents on your server\r\n }, document.getElementById('viewer'))\r\n .then(instance => {\r\n console.log('success with S3 file');\r\n var FitMode = instance.UI.FitMode;\r\n instance.UI.setFitMode(FitMode.FitWidth);\r\n // hide the ribbons\r\n instance.UI.disableElements(['ribbons']);\r\n // instance.disableFeatures([instance.Feature.Download]);\r\n // set the default toolbar group to the Shapes group\r\n // instance.setToolbarGroup(['toolbarGroup-Shapes']);\r\n // call methods from instance, docViewer and annotManager as needed\r\n\r\n const docViewer = instance.Core.documentViewer;\r\n const annotManager = instance.Core.annotationManager;\r\n\r\n // -- Save PDF with Annotations -- https://www.pdftron.com/documentation/web/guides/get-file-data-with-viewer/\r\n\r\n // Add header button that will get file data on click\r\n instance.UI.setHeaderItems(header => {\r\n header.push({\r\n type: 'actionButton',\r\n img: '',\r\n title: 'Save Current Data',\r\n onClick: async () => {\r\n const doc = docViewer.getDocument();\r\n const xfdfString = await annotManager.exportAnnotations();\r\n\r\n const data = await doc.getFileData({\r\n // saves the document with annotations in it\r\n xfdfString\r\n });\r\n\r\n let documentEdited = \"1\"; // documentEdited = T \r\n const result = await WorkflowViewerAjax.insertStepDocumentAsync(stepId, docOrder, templateName + '.pdf', 'pdf', data, documentEdited);\r\n const { insertWorkflowStepDocumentResult: { attachmentId, documentId } } = result;\r\n\r\n const newDocObj = {\r\n documentId: documentId,\r\n stepId: stepId,\r\n docOrder: `\"${docOrder}\"`,\r\n description: templateName + '.pdf',\r\n attachmentId: attachmentId,\r\n documentEdited: documentEdited,\r\n attachmentType: 'pdf'\r\n }\r\n\r\n const newStepDocComponent = new WorkflowDocumentComponent(newDocObj).render();\r\n\r\n alert('Document has been saved.');\r\n\r\n POPUP.hide(formPopup);\r\n\r\n const stepsContainer = document.querySelector(`.wf-steps-container[data-id='${stepId}']`);\r\n const documentsList = stepsContainer.querySelector(\".wf-documents-list\");\r\n\r\n documentsList.appendChild(newStepDocComponent);\r\n\r\n }\r\n });\r\n\r\n header.push({\r\n type: 'actionButton',\r\n // img: '../../../../images/new-icons/default.png',\r\n img: 'icon-close',\r\n title: 'Close Window',\r\n onClick: async () => {\r\n\r\n let PDFForm = document.getElementById('formPopup');\r\n POPUP.hide(formPopup);\r\n\r\n }\r\n });\r\n });\r\n\r\n // -- Display PDF (from memorystream/string) -- https://www.pdftron.com/documentation/web/guides/basics/open/base64/\r\n\r\n const binaryString = window.atob(arr);\r\n const len = binaryString.length;\r\n const bytes = new Uint8Array(len);\r\n\r\n for (let i = 0; i < len; ++i) {\r\n bytes[i] = binaryString.charCodeAt(i);\r\n }\r\n\r\n // const arr = new Uint8Array(bytes);\r\n const blob = new Blob([bytes], { type: 'application/pdf' });\r\n instance.Core.documentViewer.loadDocument(blob, { filename: templateName + '.pdf' });\r\n instance.UI.disableElements(['toolsHeader']);\r\n // instance.disableElements(['toolbarGroup-Shapes']);\r\n // instance.disableElements(['toolbarGroup-Edit']);\r\n // instance.disableElements(['toolbarGroup-Insert']);\r\n // you can also access major namespaces from the instance as follows:\r\n const Tools = instance.Tools;\r\n const Annotations = instance.Annotations;\r\n\r\n docViewer.addEventListener('documentLoaded', async () => {\r\n //docViewer.setOptions({ enableAnnotations: false });\r\n // docViewer.zoomTo(docViewer.getZoom() + 1.75);\r\n // call methods relating to the loaded document\r\n });\r\n });\r\n\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n\r\n function openPDFEditor(documentId, documentEdited, consumerId, isRefresh) {\r\n\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/openPDFEditor/',\r\n data: '{\"documentId\":\"' + documentId + '\", \"documentEdited\":\"' + documentEdited + '\", \"consumerId\":\"' + consumerId + '\", \"isRefresh\":\"' + isRefresh + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var arr = response.openPDFEditorResult;\r\n\r\n WebViewer({\r\n path: './WebViewer/lib', // path to the PDFTron 'lib' folder on your server\r\n // licenseKey: 'Marshall Information Services, LLC(primarysolutions.net):OEM:Advisor/Anywhere;Gatekeeper/Anywhere::B+:AMS(20220512):A8A5354D0437C60A7360B13AC9A2537860614FABB956CD3BD5343BC2C76C38C054C2BEF5C7',\r\n licenseKey: 'Marshall Information Services, LLC (primarysolutions.net):OEM:Gatekeeper/Anywhere, Advisor/Anywhere::B+:AMS(20240512):99A5375D0437C60A0360B13AC9A2537860613FAD9766CD3BD5343BC2C76C38C054C2BEF5C7',\r\n documentType: 'pdf',\r\n // initialDoc: 'https://pdftron.s3.amazonaws.com/downloads/pl/webviewer-demo.pdf',\r\n // initialDoc: 'test.pdf', // You can also use documents on your server\r\n }, document.getElementById('viewer'))\r\n .then(instance => {\r\n console.log('success with S3 file');\r\n var FitMode = instance.UI.FitMode;\r\n instance.UI.setFitMode(FitMode.FitWidth);\r\n // hide the ribbons\r\n instance.UI.disableElements(['ribbons']);\r\n // instance.disableFeatures([instance.Feature.Download]);\r\n\r\n const docViewer = instance.Core.documentViewer;\r\n const annotManager = instance.Core.annotationManager\r\n\r\n instance.UI.setHeaderItems(header => {\r\n header.push({\r\n type: 'actionButton',\r\n img: '',\r\n title: 'Save Current Data',\r\n onClick: async () => {\r\n\r\n try {\r\n\r\n const doc = docViewer.getDocument();\r\n const xfdfString = await annotManager.exportAnnotations();\r\n\r\n const data = await doc.getFileData({\r\n // saves the document with annotations in it\r\n xfdfString\r\n });\r\n\r\n let documentEdited = \"1\"; // documentEdited = T \r\n const result = await WorkflowViewerAjax.updateStepDocumentAsync(documentId, 'pdf', data, documentEdited);\r\n const { updateWorkflowStepDocumentResult: { attachmentId, documntId } } = result;\r\n\r\n alert('Document has been saved.');\r\n\r\n POPUP.hide(formPopup);\r\n const updatedDocument = document.querySelector(`[data-document-id='${documentId}']`);\r\n updatedDocument.setAttribute(\"data-attachment-id\", `${attachmentId}`);\r\n updatedDocument.setAttribute(\"data-document-edited\", `${documentEdited}`);\r\n updatedDocument.setAttribute(\"data-attachment-type\", 'pdf');\r\n\r\n } catch {\r\n // \r\n alert('This PDF document format does not allow saving. Document NOT saved.');\r\n // POPUP.hide(formPopup);\r\n\r\n }\r\n\r\n\r\n }\r\n });\r\n\r\n header.push({\r\n type: 'actionButton',\r\n // img: '../../../../images/new-icons/default.png',\r\n img: 'icon-close',\r\n title: 'Close Window',\r\n onClick: async () => {\r\n // let PDFForm = document.getElementById('formPopup');\r\n POPUP.hide(formPopup);\r\n\r\n }\r\n });\r\n\r\n if (documentEdited == \"1\") {\r\n\r\n header.push({\r\n type: 'actionButton',\r\n // img: '../../../../images/new-icons/default.png',\r\n // img: 'icon-chevron-down',\r\n img: '',\r\n title: 'Refresh with original data',\r\n onClick: async () => {\r\n\r\n const doc = docViewer.getDocument();\r\n const xfdfString = await annotManager.exportAnnotations();\r\n\r\n const data = await doc.getFileData({\r\n // saves the document with annotations in it\r\n xfdfString\r\n });\r\n\r\n docViewer.closeDocument();\r\n // get the data for annotated version of the document \r\n let isRefresh = true;\r\n const result = await formsAjax.getPDFDocData(documentId, \"0\", consumerId, isRefresh);\r\n\r\n if (result) {\r\n\r\n const binaryString = window.atob(result);\r\n const len = binaryString.length;\r\n const bytes = new Uint8Array(len);\r\n\r\n for (let i = 0; i < len; ++i) {\r\n bytes[i] = binaryString.charCodeAt(i);\r\n }\r\n // display annotated version of the document \r\n const blob = new Blob([bytes], { type: 'application/pdf' });\r\n var FitMode = docViewer.FitMode;\r\n docViewer.setFitMode(FitMode.FitWidth);\r\n docViewer.loadDocument(blob, { filename: 'myfile.pdf' });\r\n\r\n }\r\n\r\n }\r\n });\r\n }\r\n\r\n });\r\n\r\n\r\n // -- Display PDF (from memorystream/string) -- https://www.pdftron.com/documentation/web/guides/basics/open/base64/\r\n\r\n const binaryString = window.atob(arr);\r\n const len = binaryString.length;\r\n const bytes = new Uint8Array(len);\r\n\r\n for (let i = 0; i < len; ++i) {\r\n bytes[i] = binaryString.charCodeAt(i);\r\n }\r\n\r\n // const arr = new Uint8Array(bytes);\r\n const blob = new Blob([bytes], { type: 'application/pdf' });\r\n instance.UI.loadDocument(blob, { filename: 'myfile.pdf' });\r\n instance.UI.disableElements(['toolsHeader']);\r\n\r\n docViewer.addEventListener('documentLoaded', async () => {\r\n try {\r\n annotManager.exportAnnotations().then(xfdfString => {\r\n const doc = docViewer.getDocument();\r\n });\r\n\r\n } catch {\r\n\r\n documentNotAllowedSaveAlert();\r\n // alert('This PDF document format does not allow saving. Any entered data can not be saved to the database.');\r\n }\r\n\r\n });\r\n });\r\n\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n\r\n\r\n function openFormEditor(formId, documentEdited, consumerId, isRefresh, isTemplate, applicationName, formCompleteDate, isFormLocked) {\r\n\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/openFormEditor/',\r\n data: '{\"formId\":\"' + formId + '\", \"documentEdited\":\"' + documentEdited + '\", \"consumerId\":\"' + consumerId + '\", \"isRefresh\":\"' + isRefresh + '\", \"isTemplate\":\"' + isTemplate + '\", \"applicationName\":\"' + applicationName + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var arr = response.openFormEditorResult;\r\n \r\n WebViewer({\r\n path: './WebViewer/lib', // path to the PDFTron 'lib' folder on your server\r\n // licenseKey: 'Marshall Information Services, LLC(primarysolutions.net):OEM:Advisor/Anywhere;Gatekeeper/Anywhere::B+:AMS(20220512):A8A5354D0437C60A7360B13AC9A2537860614FABB956CD3BD5343BC2C76C38C054C2BEF5C7',\r\n // licenseKey: 'Marshall Information Services, LLC(primarysolutions.net):OEM:Advisor/Anywhere;Gatekeeper/Anywhere::B+:AMS(20220512):A8A5354D0437C60A7360B13AC9A2537860614FABB956CD3BD5343BC2C76C38C054C2BEF5C7',\r\n licenseKey: 'Marshall Information Services, LLC (primarysolutions.net):OEM:Gatekeeper/Anywhere, Advisor/Anywhere::B+:AMS(20240512):99A5375D0437C60A0360B13AC9A2537860613FAD9766CD3BD5343BC2C76C38C054C2BEF5C7',\r\n documentType: 'pdf',\r\n // initialDoc: 'https://pdftron.s3.amazonaws.com/downloads/pl/webviewer-demo.pdf',\r\n // initialDoc: 'test.pdf', // You can also use documents on your server\r\n }, document.getElementById('viewer'))\r\n .then(instance => {\r\n console.log('success with S3 file');\r\n var FitMode = instance.UI.FitMode;\r\n instance.UI.setFitMode(FitMode.FitWidth);\r\n // hide the ribbons\r\n instance.UI.disableElements(['ribbons']);\r\n \r\n instance.UI.useEmbeddedPrint(true);\r\n\r\n const docViewer = instance.Core.documentViewer;\r\n const annotManager = instance.Core.annotationManager;\r\n\r\n instance.UI.setHeaderItems(header => {\r\n if ($.session.formsUpdate) {\r\n header.push({\r\n type: 'actionButton',\r\n img: '',\r\n title: 'Save Current Data',\r\n onClick: async () => {\r\n\r\n try {\r\n if (isFormLocked) {\r\n throw new Error();\r\n }\r\n\r\n let formID;\r\n const doc = docViewer.getDocument();\r\n const xfdfString = await annotManager.exportAnnotations();\r\n\r\n const data = await doc.getFileData({\r\n // saves the document with annotations in it\r\n xfdfString\r\n });\r\n\r\n // let documentEdited = \"1\"; // documentEdited = T\r\n // insertConsumerFormAsync\r\n \r\n if (documentEdited === \"1\") {\r\n const result = await formsAjax.updateConsumerFormAsync(formId, data, documentEdited);\r\n const { updateConsumerFormResult: { formID } } = result;\r\n\r\n } else {\r\n const result = await formsAjax.insertConsumerFormAsync($.session.UserId, consumerId, formId, data, formCompleteDate);\r\n const { insertConsumerFormResult } = result;\r\n formID = insertConsumerFormResult.formId;\r\n\r\n overlay.hide();\r\n forms.loadPDFFormsLanding();\r\n }\r\n\r\n alert('Document has been saved.');\r\n\r\n } catch (e) {\r\n if (e) {\r\n alert('Cannot save while document is locked. Document NOT saved.')\r\n } else {\r\n //\r\n alert('This PDF document format does not allow saving. Document NOT saved.');\r\n // POPUP.hide(formPopup);\r\n }\r\n }\r\n\r\n }\r\n }); // push\r\n } //if\r\n header.push({\r\n type: 'actionButton',\r\n // img: '../../../../images/new-icons/default.png',\r\n img: 'icon-close',\r\n title: 'Close Window',\r\n onClick: async () => {\r\n // let PDFForm = document.getElementById('formPopup');\r\n //POPUP.hide(formPopup);\r\n if ($.session.formsUpdate) {\r\n closewarningPopup(formId, documentEdited, consumerId, isRefresh, isTemplate);\r\n removeFormsLock(formId, consumerId);\r\n } else {\r\n POPUP.hide(formPopup);\r\n removeFormsLock(formId, consumerId);\r\n }\r\n\r\n }\r\n });\r\n\r\n if (isTemplate == \"0\" && $.session.formsUpdate == true) {\r\n\r\n header.push({\r\n type: 'actionButton',\r\n // img: '../../../../images/new-icons/default.png',\r\n // img: 'icon-chevron-down',\r\n img: '',\r\n title: 'Refresh with original data',\r\n onClick: async () => {\r\n\r\n const doc = docViewer.getDocument();\r\n const xfdfString = await annotManager.exportAnnotations();\r\n\r\n const data = await doc.getFileData({\r\n // saves the document with annotations in it\r\n xfdfString\r\n });\r\n\r\n docViewer.closeDocument();\r\n // get the data for annotated version of the document \r\n let isRefresh = true;\r\n const result = await formsAjax.getPDFFormData(formId, \"0\", consumerId, isRefresh, isTemplate, $.session.applicationName);\r\n\r\n if (result) {\r\n\r\n const binaryString = window.atob(result);\r\n const len = binaryString.length;\r\n const bytes = new Uint8Array(len);\r\n\r\n for (let i = 0; i < len; ++i) {\r\n bytes[i] = binaryString.charCodeAt(i);\r\n }\r\n // display annotated version of the document \r\n const blob = new Blob([bytes], { type: 'application/pdf' });\r\n var FitMode = docViewer.FitMode;\r\n docViewer.setFitMode(FitMode.FitWidth);\r\n docViewer.loadDocument(blob, { filename: 'myfile.pdf' });\r\n\r\n }\r\n\r\n }\r\n });\r\n\r\n }\r\n\r\n });\r\n\r\n\r\n // -- Display PDF (from memorystream/string) -- https://www.pdftron.com/documentation/web/guides/basics/open/base64/\r\n\r\n const binaryString = window.atob(arr);\r\n const len = binaryString.length;\r\n const bytes = new Uint8Array(len);\r\n\r\n for (let i = 0; i < len; ++i) {\r\n bytes[i] = binaryString.charCodeAt(i);\r\n }\r\n\r\n // const arr = new Uint8Array(bytes);\r\n const blob = new Blob([bytes], { type: 'application/pdf' });\r\n docViewer.loadDocument(blob, { filename: 'myfile.pdf' });\r\n instance.UI.disableElements(['toolsHeader']);\r\n\r\n docViewer.addEventListener('documentLoaded', async () => {\r\n try {\r\n\r\n const doc = docViewer.getDocument();\r\n const xfdfString = await annotManager.exportAnnotations();\r\n\r\n const data = await doc.getFileData({\r\n // saves the document with annotations in it\r\n xfdfString\r\n });\r\n\r\n } catch {\r\n\r\n documentNotAllowedSaveAlert();\r\n // alert('This PDF document format does not allow saving. Any entered data can not be saved to the database.');\r\n }\r\n\r\n });\r\n });\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n\r\n function openStepFormEditor(formId, documentEdited, consumerId, isRefresh, isTemplate, applicationName, formCompleteDate, isFormLocked, stepId, docOrder, formName) {\r\n\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/openFormEditor/',\r\n data: '{\"formId\":\"' + formId + '\", \"documentEdited\":\"' + documentEdited + '\", \"consumerId\":\"' + consumerId + '\", \"isRefresh\":\"' + isRefresh + '\", \"isTemplate\":\"' + isTemplate + '\", \"applicationName\":\"' + applicationName + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var arr = response.openFormEditorResult;\r\n\r\n WebViewer({\r\n path: './WebViewer/lib', // path to the PDFTron 'lib' folder on your server\r\n // licenseKey: 'Marshall Information Services, LLC(primarysolutions.net):OEM:Advisor/Anywhere;Gatekeeper/Anywhere::B+:AMS(20220512):A8A5354D0437C60A7360B13AC9A2537860614FABB956CD3BD5343BC2C76C38C054C2BEF5C7',\r\n // licenseKey: 'Marshall Information Services, LLC(primarysolutions.net):OEM:Advisor/Anywhere;Gatekeeper/Anywhere::B+:AMS(20220512):A8A5354D0437C60A7360B13AC9A2537860614FABB956CD3BD5343BC2C76C38C054C2BEF5C7',\r\n licenseKey: 'Marshall Information Services, LLC (primarysolutions.net):OEM:Gatekeeper/Anywhere, Advisor/Anywhere::B+:AMS(20240512):99A5375D0437C60A0360B13AC9A2537860613FAD9766CD3BD5343BC2C76C38C054C2BEF5C7',\r\n documentType: 'pdf',\r\n // initialDoc: 'https://pdftron.s3.amazonaws.com/downloads/pl/webviewer-demo.pdf',\r\n // initialDoc: 'test.pdf', // You can also use documents on your server\r\n }, document.getElementById('viewer'))\r\n .then(instance => {\r\n console.log('success with S3 file');\r\n var FitMode = instance.UI.FitMode;\r\n instance.UI.setFitMode(FitMode.FitWidth);\r\n // hide the ribbons\r\n instance.UI.disableElements(['ribbons']);\r\n // instance.disableFeatures([instance.Feature.Download]);\r\n\r\n const docViewer = instance.Core.documentViewer;\r\n const annotManager = instance.Core.annotationManager;\r\n\r\n instance.UI.setHeaderItems(header => {\r\n if ($.session.formsUpdate) {\r\n header.push({\r\n type: 'actionButton',\r\n img: '',\r\n title: 'Save Current Data',\r\n onClick: async () => {\r\n const doc = docViewer.getDocument();\r\n const xfdfString = await annotManager.exportAnnotations();\r\n\r\n const data = await doc.getFileData({\r\n // saves the document with annotations in it\r\n xfdfString\r\n });\r\n // save the Step Document with any edits included \r\n let documentEdited = \"1\"; // documentEdited = T \r\n const resultStepDoc = await WorkflowViewerAjax.insertStepDocumentAsync(stepId, docOrder, formName + '.pdf', 'pdf', data, documentEdited);\r\n const { insertWorkflowStepDocumentResult: { attachmentId, documentId } } = resultStepDoc;\r\n // save the original Form Document with any edits included\r\n // const resultFormDoc = await formsAjax.updateConsumerFormAsync(formId, data, documentEdited); \r\n // const {updateConsumerFormResult: {formID}} = resultFormDoc;\r\n\r\n const newDocObj = {\r\n documentId: documentId,\r\n stepId: stepId,\r\n docOrder: `\"${docOrder}\"`,\r\n description: formName + '.pdf',\r\n attachmentId: attachmentId,\r\n documentEdited: documentEdited,\r\n attachmentType: 'pdf'\r\n\r\n }\r\n\r\n const newStepDocComponent = new WorkflowDocumentComponent(newDocObj).render();\r\n\r\n alert('Document has been saved.');\r\n\r\n\r\n\r\n removeFormsLock(formId, consumerId);\r\n POPUP.hide(formPopup);\r\n\r\n const stepsContainer = document.querySelector(`.wf-steps-container[data-id='${stepId}']`);\r\n const documentsList = stepsContainer.querySelector(\".wf-documents-list\");\r\n\r\n documentsList.appendChild(newStepDocComponent);\r\n\r\n\r\n\r\n } //onclick\r\n }); // push\r\n } //if\r\n header.push({\r\n type: 'actionButton',\r\n // img: '../../../../images/new-icons/default.png',\r\n img: 'icon-close',\r\n title: 'Close Window',\r\n onClick: async () => {\r\n // let PDFForm = document.getElementById('formPopup');\r\n //POPUP.hide(formPopup);\r\n if ($.session.formsUpdate) {\r\n closewarningPopup(formId, documentEdited, consumerId, isRefresh, isTemplate);\r\n removeFormsLock(formId, consumerId);\r\n } else {\r\n POPUP.hide(formPopup);\r\n removeFormsLock(formId, consumerId);\r\n }\r\n\r\n }\r\n });\r\n\r\n if (isTemplate == \"0\" && $.session.formsUpdate == true) {\r\n\r\n header.push({\r\n type: 'actionButton',\r\n // img: '../../../../images/new-icons/default.png',\r\n // img: 'icon-chevron-down',\r\n img: '',\r\n title: 'Refresh with original data',\r\n onClick: async () => {\r\n\r\n const doc = docViewer.getDocument();\r\n const xfdfString = await annotManager.exportAnnotations();\r\n\r\n const data = await doc.getFileData({\r\n // saves the document with annotations in it\r\n xfdfString\r\n });\r\n\r\n docViewer.closeDocument();\r\n // get the data for annotated version of the document \r\n let isRefresh = true;\r\n const result = await formsAjax.getPDFFormData(formId, \"0\", consumerId, isRefresh, isTemplate, $.session.applicationName);\r\n\r\n if (result) {\r\n\r\n const binaryString = window.atob(result);\r\n const len = binaryString.length;\r\n const bytes = new Uint8Array(len);\r\n\r\n for (let i = 0; i < len; ++i) {\r\n bytes[i] = binaryString.charCodeAt(i);\r\n }\r\n // display annotated version of the document \r\n const blob = new Blob([bytes], { type: 'application/pdf' });\r\n var FitMode = docViewer.FitMode;\r\n docViewer.setFitMode(FitMode.FitWidth);\r\n docViewer.loadDocument(blob, { filename: 'myfile.pdf' });\r\n\r\n }\r\n\r\n }\r\n });\r\n\r\n }\r\n\r\n });\r\n\r\n\r\n // -- Display PDF (from memorystream/string) -- https://www.pdftron.com/documentation/web/guides/basics/open/base64/\r\n\r\n const binaryString = window.atob(arr);\r\n const len = binaryString.length;\r\n const bytes = new Uint8Array(len);\r\n\r\n for (let i = 0; i < len; ++i) {\r\n bytes[i] = binaryString.charCodeAt(i);\r\n }\r\n\r\n // const arr = new Uint8Array(bytes);\r\n const blob = new Blob([bytes], { type: 'application/pdf' });\r\n instance.Core.documentViewer.loadDocument(blob, { filename: 'myfile.pdf' });\r\n instance.UI.disableElements(['toolsHeader']);\r\n\r\n docViewer.addEventListener('documentLoaded', async () => {\r\n try {\r\n\r\n const doc = docViewer.getDocument();\r\n const xfdfString = await annotManager.exportAnnotations();\r\n\r\n const data = await doc.getFileData({\r\n // saves the document with annotations in it\r\n xfdfString\r\n });\r\n\r\n } catch {\r\n\r\n documentNotAllowedSaveAlert();\r\n // alert('This PDF document format does not allow saving. Any entered data can not be saved to the database.');\r\n }\r\n\r\n });\r\n });\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n async function getUserFormTemplatesAsync(userId, hasAssignedFormTypes, typeId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getUserFormTemplates/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n userId: userId,\r\n hasAssignedFormTypes: hasAssignedFormTypes,\r\n typeId: typeId\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getFormTypeAsync() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getFormType/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function insertConsumerFormAsync(\r\n userId,\r\n consumerId,\r\n formtemplateid,\r\n formdata,\r\n formCompleteDate,\r\n ) {\r\n try {\r\n var binary = '';\r\n var bytes = new Uint8Array(formdata);\r\n var len = bytes.byteLength;\r\n for (var i = 0; i < len; i++) {\r\n binary += String.fromCharCode(bytes[i]);\r\n }\r\n let abString = window.btoa(binary);\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertConsumerForm/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n userId,\r\n consumerId,\r\n formtemplateid,\r\n formdata: abString,\r\n formCompleteDate,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function insertSeveralConsumerFormAsync(\r\n userId,\r\n consumerId,\r\n formtemplateid,\r\n isTemplate,\r\n formCompleteDate,\r\n ) {\r\n try { \r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertSeveralConsumerForm/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n userId,\r\n consumerId,\r\n formtemplateid,\r\n isTemplate,\r\n formCompleteDate,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function updateConsumerFormAsync(\r\n formId,\r\n formdata,\r\n documentEdited,\r\n ) {\r\n try {\r\n var binary = '';\r\n var bytes = new Uint8Array(formdata);\r\n var len = bytes.byteLength;\r\n for (var i = 0; i < len; i++) {\r\n binary += String.fromCharCode(bytes[i]);\r\n }\r\n let abString = window.btoa(binary);\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateConsumerForm/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n formId,\r\n formdata: abString,\r\n documentEdited,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function updateConsumerFormCompletionDateAsync(\r\n formId,\r\n formCompletionDate,\r\n ) {\r\n try {\r\n\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateConsumerFormCompletionDate/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n formId,\r\n formCompletionDate,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function deleteConsumerFormAsync(formId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/deleteConsumerForm/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"formId\":\"' +\r\n formId +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getconsumerFormsAsync(userId, consumerId, hasAssignedFormTypes) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getconsumerForms/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"userId\":\"' +\r\n userId +\r\n '\", \"consumerId\":\"' +\r\n consumerId +\r\n '\", \"hasAssignedFormTypes\":\"' +\r\n hasAssignedFormTypes +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n\r\n // for Plan module (Workflow Step Docs)\r\n async function getPDFDocData(documentId, documentEdited, consumerId, isRefresh) {\r\n // token, consumerId\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/openPDFEditor/',\r\n data: '{\"documentId\":\"' + documentId + '\", \"documentEdited\":\"' + documentEdited + '\", \"consumerId\":\"' + consumerId + '\", \"isRefresh\":\"' + isRefresh + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.openPDFEditorResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n // for Forms module\r\n async function getPDFFormData(formId, documentEdited, consumerId, isRefresh, isTemplate, applicationName) {\r\n // token, consumerId\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/openFormEditor/',\r\n data: '{\"formId\":\"' + formId + '\", \"documentEdited\":\"' + documentEdited + '\", \"consumerId\":\"' + consumerId + '\", \"isRefresh\":\"' + isRefresh + '\", \"isTemplate\":\"' + isTemplate + '\", \"applicationName\":\"' + applicationName + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.openFormEditorResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n function documentNotAllowedSaveAlert() {\r\n\r\n var popup = POPUP.build({\r\n id: 'saveNotAllowedAlertPopup',\r\n classNames: 'warning',\r\n });\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n var okBtn = button.build({\r\n text: 'OK',\r\n style: 'secondary',\r\n type: 'contained',\r\n icon: 'checkmark',\r\n callback: async function () {\r\n POPUP.hide(popup);\r\n overlay.show();\r\n },\r\n });\r\n\r\n btnWrap.appendChild(okBtn);\r\n var warningMessage = document.createElement('p');\r\n warningMessage.innerHTML = 'This PDF document format does not allow saving. Any entered data can not be saved to the database.';\r\n popup.appendChild(warningMessage);\r\n popup.appendChild(btnWrap);\r\n POPUP.show(popup);\r\n\r\n }\r\n\r\n function closewarningPopup(formId, documentEdited, consumerId, isRefresh, isTemplate) {\r\n const closewarningpopup = POPUP.build({\r\n id: 'closewarningPopup',\r\n classNames: 'warning',\r\n hideX: true,\r\n });\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add(\"btnWrap\");\r\n\r\n const continueNoSaveBtn = button.build({\r\n text: 'Continue Close',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async function () {\r\n\r\n POPUP.hide(closewarningpopup);\r\n POPUP.hide(formPopup);\r\n // if (documentEdited === \"0\") forms.loadPDFFormsLanding();\r\n //overlay.hide();\r\n // forms.loadPDFFormsLanding();\r\n // overlay.show();\r\n\r\n } //callback\r\n }) //continueBtn Build\r\n\r\n\r\n\r\n var mustSaveBtn = button.build({\r\n text: 'Do Not Close',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(closewarningpopup);\r\n overlay.show();\r\n\r\n }\r\n })\r\n btnWrap.appendChild(mustSaveBtn);\r\n btnWrap.appendChild(continueNoSaveBtn);\r\n\r\n var warningMessage = document.createElement(\"p\");\r\n warningMessage.innerHTML = \"You should not close this form until you have saved your work. Do you want to proceed with closing this form?\";\r\n closewarningpopup.appendChild(warningMessage);\r\n closewarningpopup.appendChild(btnWrap);\r\n POPUP.show(closewarningpopup);\r\n }\r\n\r\n async function checkFormsLock(formId, userId) {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/checkFormsLock/',\r\n data: '{\"formId\":\"' + formId + '\", \"userId\":\"' + userId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.checkFormsLockResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n async function removeFormsLock(formId) {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/removeFormsLock/',\r\n data: '{\"formId\":\"' + formId + '\", \"userId\":\"' + $.session.UserId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.removeFormsLockResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n return {\r\n openEditor,\r\n openPDFEditor,\r\n openFormEditor,\r\n openStepFormEditor,\r\n getUserFormTemplatesAsync,\r\n insertConsumerFormAsync,\r\n updateConsumerFormAsync,\r\n updateConsumerFormCompletionDateAsync,\r\n deleteConsumerFormAsync,\r\n getconsumerFormsAsync,\r\n getPDFDocData,\r\n getPDFFormData,\r\n removeFormsLock,\r\n checkFormsLock,\r\n getFormTypeAsync,\r\n insertSeveralConsumerFormAsync\r\n };\r\n})();","const EditFamilies = (function () {\r\n let SEARCH_WRAP;\r\n let SEARCH_BTN;\r\n let SEARCH_INPUT;\r\n let INACTIVE_CHKBOX;\r\n let familyTableData = [];\r\n let tempfamilyTableData = [];\r\n let displayedUsers = [];\r\n var userTable;\r\n var isChecked;\r\n\r\n function init() {\r\n setActiveModuleAttribute('FSS');\r\n DOM.clearActionCenter();\r\n const topNav = buildRosterTopNav();\r\n userTable = buildTable();\r\n\r\n // Set the data type for each header, for sorting purposes\r\n const headers = userTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'string'); // Family Name\r\n headers[1].setAttribute('data-type', 'string'); // Address\r\n headers[2].setAttribute('data-type', 'number'); // Phone \r\n\r\n DOM.ACTIONCENTER.appendChild(topNav);\r\n DOM.ACTIONCENTER.appendChild(userTable);\r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(userTable);\r\n\r\n SEARCH_BTN.addEventListener('click', event => {\r\n SEARCH_WRAP.classList.toggle('searchOpen');\r\n SEARCH_INPUT.value = '';\r\n SEARCH_INPUT.focus();\r\n });\r\n\r\n SEARCH_INPUT.addEventListener('keyup', event => {\r\n tableUserSearch(event.target.value);\r\n });\r\n isChecked = $.session.isActiveFamilies;\r\n loadReviewPage(isChecked);\r\n document.getElementById('searchBtn').click();\r\n }\r\n\r\n function buildSearchBtn() {\r\n return button.build({\r\n id: 'searchBtn',\r\n text: 'Search',\r\n icon: 'search',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: ['searchBtn'],\r\n });\r\n }\r\n\r\n function viewEditFamilyBtn() {\r\n return button.build({\r\n text: 'View/Edit Family',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n }\r\n\r\n function buildInactiveChkBox() {\r\n return input.buildCheckbox({\r\n text: 'Show Inactives',\r\n id: 'chkInacive',\r\n callback: () => setCheckForInactiveUser(event.target),\r\n isChecked: $.session.isActiveFamilies,\r\n });\r\n }\r\n\r\n function buildActiveChkBox(checked) {\r\n return input.buildCheckbox({\r\n isChecked: checked === 'Y' ? true : false,\r\n callback: () => setCheckForInactiveUser(event.target),\r\n });\r\n }\r\n\r\n function buildTable() {\r\n var tableOptions = {\r\n plain: false,\r\n tableId: 'singleEntryAdminReviewTable',\r\n columnHeadings: ['Name', 'Address', 'Primary Phone'],\r\n endIcon: true,\r\n secondendIconHeading: 'Active',\r\n secondendIcon: true,\r\n };\r\n\r\n return table.build(tableOptions);\r\n }\r\n\r\n //populate\r\n function populateTable(results, IsFirstLoad) {\r\n familyTableData = results.map(td => {\r\n var familyId = td.familyId;\r\n var primaryPhone = td.primaryPhone;\r\n var familyName = td.familyName;\r\n var address = td.address;\r\n var Active = td.active;\r\n\r\n const additionalInformation = viewEditFamilyBtn();\r\n additionalInformation.innerHTML = 'View/Edit Family';\r\n\r\n additionalInformation.style = 'margin-top: -10px; width: 200px;';\r\n const activeCheckbox = buildActiveChkBox(Active);\r\n activeCheckbox.style = \"padding-top: 2px; margin-left: 10px;\";\r\n\r\n return {\r\n id: familyId,\r\n endIcon: additionalInformation.outerHTML,\r\n secondendIcon: activeCheckbox.outerHTML,\r\n FamilyName: familyName,\r\n Address: address,\r\n PrimaryPhone: primaryPhone,\r\n Active: Active,\r\n values: [familyName, address, primaryPhone],\r\n attributes: [\r\n { key: 'data-status', value: Active },\r\n { key: 'familyId', value: familyId },\r\n ],\r\n endIconCallback: e => {\r\n EditFamilyHeader.refreshFamily(familyId, familyName);\r\n },\r\n secondendIconCallback: e => {\r\n },\r\n };\r\n });\r\n if (IsFirstLoad) {\r\n tempfamilyTableData = familyTableData;\r\n }\r\n table.populate(userTable, familyTableData, false, true);\r\n }\r\n\r\n function buildRosterTopNav() {\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('roster-top-nav');\r\n\r\n SEARCH_BTN = buildSearchBtn();\r\n INACTIVE_CHKBOX = buildInactiveChkBox();\r\n\r\n // custom search stuff\r\n SEARCH_WRAP = document.createElement('div');\r\n SEARCH_WRAP.classList.add('rosterSearch');\r\n SEARCH_INPUT = document.createElement('input');\r\n SEARCH_INPUT.setAttribute('placeholder', 'search users');\r\n SEARCH_WRAP.appendChild(SEARCH_BTN);\r\n SEARCH_WRAP.appendChild(SEARCH_INPUT);\r\n\r\n INACTIVE_CHKBOX.classList.add('chkBoxStyle');\r\n var wrap1 = document.createElement('div');\r\n wrap1.classList.add('btnWrap');\r\n wrap1.appendChild(INACTIVE_CHKBOX);\r\n wrap1.appendChild(SEARCH_WRAP);\r\n\r\n INACTIVE_CHKBOX.addEventListener('change', event => {\r\n isChecked = event.target.checked;\r\n $.session.isActiveFamilies = isChecked;\r\n });\r\n\r\n btnWrap.appendChild(wrap1);\r\n return btnWrap;\r\n }\r\n\r\n function setCheckForInactiveUser(input) {\r\n if (input.checked) {\r\n isChecked = true;\r\n } else {\r\n isChecked = false;\r\n }\r\n loadReviewPage(isChecked);\r\n }\r\n\r\n function tableUserSearch(searchValue) {\r\n\r\n searchValue = searchValue.toLowerCase();\r\n displayedUsers = [];\r\n tempfamilyTableData.forEach(consumer => {\r\n var familyName = consumer.FamilyName.toLowerCase();\r\n var address = consumer.Address.toLowerCase();\r\n var primaryPhone = consumer.PrimaryPhone.toLowerCase();\r\n var fullName = `${familyName} ${address} ${primaryPhone}`;\r\n var fullNameReversed = `${address} ${familyName} ${primaryPhone}`;\r\n var matchesName = fullName.indexOf(searchValue);\r\n var matchesNameReverse = fullNameReversed.indexOf(searchValue);\r\n\r\n if (matchesName !== -1 || matchesNameReverse !== -1) {\r\n consumerObj = {\r\n familyId: consumer.id,\r\n familyName: consumer.FamilyName,\r\n address: consumer.Address,\r\n primaryPhone: consumer.PrimaryPhone,\r\n active: consumer.Active,\r\n };\r\n displayedUsers.push(consumerObj);\r\n }\r\n });\r\n populateTable(displayedUsers, false);\r\n }\r\n\r\n // load\r\n function loadReviewPage(active) {\r\n active = document.getElementById('chkInacive').checked;\r\n FSSAjax.getActiveInactiveFamilylist(\r\n {\r\n isActive: active == true ? 'N' : 'Y',\r\n },\r\n function (results, error) {\r\n populateTable(results, true);\r\n },\r\n );\r\n }\r\n\r\n return {\r\n init,\r\n };\r\n})();\r\n","const EditFamilyHeader = (function () {\r\n let familyID;\r\n let ispDiv;\r\n let ispNav;\r\n let ispBody;\r\n let name;\r\n let tabPositionIndex;\r\n\r\n const sections = [\r\n {\r\n title: 'Family',\r\n id: 0,\r\n markup: () => EditFamilyInformation.getMarkup(),\r\n },\r\n {\r\n title: 'Members',\r\n id: 1,\r\n markup: () => EditMembers.getMarkup(),\r\n }, \r\n ];\r\n\r\n async function refreshFamily(FamilyId, Name, TabPosition = 0) {\r\n familyID = FamilyId;\r\n name = Name;\r\n tabPositionIndex = TabPosition;\r\n\r\n DOM.clearActionCenter();\r\n\r\n var headingWrap = document.createElement('div');\r\n headingWrap.classList.add('familyBtnWrap');\r\n const heading = document.createElement('div');\r\n const head = document.createElement('div');\r\n\r\n const ispWrap = document.createElement('div');\r\n ispWrap.id = 'planISP';\r\n ispWrap.innerHTML = '';\r\n\r\n BACK_BTN = button.build({\r\n text: 'BACK',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: async () => { EditFamilies.init(); }, \r\n });\r\n\r\n const newIspMarkup = await getMarkup();\r\n\r\n heading.innerHTML = `${name}
`;\r\n ispWrap.appendChild(newIspMarkup);\r\n\r\n head.appendChild(heading);\r\n headingWrap.appendChild(head);\r\n headingWrap.appendChild(BACK_BTN);\r\n\r\n DOM.ACTIONCENTER.appendChild(headingWrap);\r\n DOM.ACTIONCENTER.appendChild(ispWrap);\r\n DOM.autosizeTextarea();\r\n }\r\n function toggleActiveNavItem(selectedNavItem) {\r\n const activeNavItem = ispNav.querySelector('.active');\r\n\r\n if (activeNavItem) {\r\n activeNavItem.classList.remove('active');\r\n }\r\n\r\n selectedNavItem.classList.add('active');\r\n }\r\n function toggleActiveSection(sectionId) {\r\n const activeSection = ispBody.querySelector('.active');\r\n const targetSection = ispBody.querySelector(`[data-section-id=\"${sectionId}\"]`);\r\n\r\n if (activeSection) {\r\n activeSection.classList.remove('active');\r\n }\r\n \r\n targetSection.classList.add('active');\r\n }\r\n\r\n // Markup\r\n //---------------------------------------------\r\n function buildNavigation() {\r\n const nav = document.createElement('div');\r\n nav.classList.add('planISP__nav');\r\n\r\n sections.forEach((section, index) => {\r\n const sectionId = section.id;\r\n\r\n const navItem = document.createElement('div');\r\n navItem.classList.add('planISP__navItem');\r\n navItem.innerHTML = `${section.title}`;\r\n\r\n if (tabPositionIndex === index) {\r\n navItem.classList.add('active');\r\n }\r\n\r\n navItem.addEventListener('click', e => {\r\n toggleActiveNavItem(navItem);\r\n toggleActiveSection(sectionId);\r\n DOM.autosizeTextarea();\r\n });\r\n\r\n nav.appendChild(navItem);\r\n });\r\n\r\n return nav;\r\n }\r\n async function buildBody() {\r\n const body = document.createElement('div');\r\n body.classList.add('planISP__body');\r\n\r\n await EditFamilyInformation.init(familyID, name);\r\n await EditMembers.init(familyID, name);\r\n\r\n sections.forEach((section, index) => {\r\n const sectionId = section.id;\r\n const sectionMarkup = section.markup();\r\n sectionMarkup.setAttribute('data-section-id', sectionId);\r\n sectionMarkup.classList.add('planISP__section');\r\n\r\n if (tabPositionIndex === index) {\r\n sectionMarkup.classList.add('active');\r\n }\r\n\r\n body.appendChild(sectionMarkup);\r\n });\r\n\r\n return body;\r\n }\r\n\r\n async function getMarkup() {\r\n ispDiv = document.createElement('div');\r\n ispDiv.classList.add('planISP');\r\n\r\n ispNav = buildNavigation();\r\n ispDiv.appendChild(ispNav);\r\n\r\n ispBody = await buildBody();\r\n ispDiv.appendChild(ispBody);\r\n\r\n return ispDiv;\r\n }\r\n\r\n return {\r\n refreshFamily,\r\n getMarkup,\r\n };\r\n})();\r\n","const EditFamilyInformation = (() => {\r\n let getFamilyInfoByID = [];\r\n let familyID;\r\n let headingName;\r\n let IsValueChanged = false;\r\n\r\n let familyName;\r\n let address1;\r\n let address2;\r\n let city; \r\n let state;\r\n let zip;\r\n let primaryPhone;\r\n let secondaryPhone;\r\n let email;\r\n let notes;\r\n let active; \r\n\r\n\r\n async function init(familyId, name) {\r\n familyID = familyId;\r\n headingName = name;\r\n\r\n if (familyID != undefined) {\r\n getFamilyInfoByID = await FSSAjax.getFamilyInfoByID(familyID);\r\n }\r\n\r\n }\r\n\r\n function getMarkup() {\r\n const familyInfoWrap = document.createElement('div');\r\n familyInfoWrap.classList.add('planSummary');\r\n const importantTables = buildFamilyForm();\r\n familyInfoWrap.appendChild(importantTables);\r\n return familyInfoWrap;\r\n }\r\n\r\n function buildFamilyForm() {\r\n\r\n const employeeInfoDiv = document.createElement('div');\r\n employeeInfoDiv.classList.add('additionalQuestionWrap');\r\n\r\n familyName = getFamilyInfoByID.getFamilyInfoByIDResult[0].familyName;\r\n address1 = getFamilyInfoByID.getFamilyInfoByIDResult[0].address1;\r\n address2 = getFamilyInfoByID.getFamilyInfoByIDResult[0].address2;\r\n city = getFamilyInfoByID.getFamilyInfoByIDResult[0].city;\r\n state = getFamilyInfoByID.getFamilyInfoByIDResult[0].state;\r\n zip = getFamilyInfoByID.getFamilyInfoByIDResult[0].zip;\r\n primaryPhone = getFamilyInfoByID.getFamilyInfoByIDResult[0].primaryPhone;\r\n secondaryPhone = getFamilyInfoByID.getFamilyInfoByIDResult[0].secondaryPhone;\r\n email = getFamilyInfoByID.getFamilyInfoByIDResult[0].email;\r\n notes = getFamilyInfoByID.getFamilyInfoByIDResult[0].notes;\r\n active = getFamilyInfoByID.getFamilyInfoByIDResult[0].active;\r\n\r\n\r\n familyNameInput = input.build({\r\n id: 'familyNameInput',\r\n type: 'text',\r\n label: 'Name',\r\n style: 'secondary',\r\n readonly: $.session.FSSUpdate == true ? false : true,\r\n value: (familyName) ? familyName : '',\r\n });\r\n\r\n address1Input = input.build({\r\n id: 'address1Input',\r\n type: 'text',\r\n label: 'Address1',\r\n style: 'secondary',\r\n readonly: $.session.FSSUpdate == true ? false : true,\r\n value: (address1) ? address1 : '',\r\n });\r\n\r\n address2Input = input.build({\r\n id: 'address2Input',\r\n type: 'text',\r\n label: 'Address2',\r\n style: 'secondary',\r\n readonly: $.session.FSSUpdate == true ? false : true,\r\n value: (address2) ? address2 : '',\r\n });\r\n\r\n cityInput = input.build({\r\n id: 'cityInput',\r\n type: 'text',\r\n label: 'City',\r\n style: 'secondary',\r\n readonly: $.session.FSSUpdate == true ? false : true,\r\n value: (city) ? city : '',\r\n });\r\n\r\n stateInput = input.build({\r\n id: 'stateInput',\r\n type: 'text',\r\n label: 'State',\r\n style: 'secondary',\r\n readonly: $.session.FSSUpdate == true ? false : true,\r\n value: (state) ? state : '',\r\n });\r\n\r\n zipInput = input.build({\r\n id: 'zipInput',\r\n type: 'text',\r\n label: 'Zip',\r\n style: 'secondary',\r\n readonly: $.session.FSSUpdate == true ? false : true,\r\n value: (zip) ? zip : '',\r\n });\r\n\r\n primaryPhoneInput = input.build({\r\n id: 'primaryPhoneInput',\r\n type: 'number',\r\n label: 'Primary Phone',\r\n style: 'secondary',\r\n attributes: [{ key: 'maxlength', value: '12' }],\r\n readonly: $.session.FSSUpdate == true ? false : true,\r\n value: (primaryPhone) ? primaryPhone : '',\r\n });\r\n\r\n secondaryPhoneInput = input.build({\r\n id: 'secondaryPhoneInput',\r\n type: 'number',\r\n label: 'Secondary Phone',\r\n style: 'secondary',\r\n attributes: [{ key: 'maxlength', value: '12' }],\r\n readonly: $.session.FSSUpdate == true ? false : true,\r\n value: (secondaryPhone) ? secondaryPhone : '',\r\n });\r\n\r\n activeChk = input.buildCheckbox({\r\n text: 'Active?',\r\n id: 'activeChk',\r\n isChecked: active == 'Y' ? true : false,\r\n readonly: $.session.FSSUpdate == true ? false : true,\r\n });\r\n\r\n emailInput = input.build({\r\n id: 'emailInput',\r\n label: 'Email',\r\n type: 'text',\r\n style: 'secondary',\r\n readonly: $.session.FSSUpdate == true ? false : true,\r\n value: (email) ? email : '',\r\n });\r\n\r\n notesInput = input.build({\r\n id: 'notesInput',\r\n label: 'Notes',\r\n type: 'text',\r\n style: 'secondary',\r\n readonly: $.session.FSSUpdate == true ? false : true,\r\n value: (notes) ? notes : '',\r\n });\r\n\r\n // Save button\r\n SAVE_BTN = button.build({\r\n text: 'SAVE',\r\n style: 'secondary',\r\n type: 'contained',\r\n readonly: $.session.FSSUpdate == true ? false : true,\r\n callback: async () => {\r\n if (!SAVE_BTN.classList.contains('disabled')) {\r\n SAVE_BTN.classList.add('disabled');\r\n saveEmployeeInfo()\r\n }\r\n },\r\n });\r\n CANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: async () => { EditFamilies.init() },\r\n });\r\n\r\n var LineBr = document.createElement('br');\r\n const column1 = document.createElement('div')\r\n column1.classList.add('col-1')\r\n const addNewCard = document.createElement(\"div\");\r\n addNewCard.classList.add(\"card\");\r\n const addNewCardBody = document.createElement(\"div\");\r\n addNewCardBody.classList.add(\"card__body\");\r\n addNewCard.innerHTML = `Family
`;\r\n addNewCard.appendChild(addNewCardBody)\r\n column1.appendChild(addNewCard)\r\n\r\n const familyBtnWrap = document.createElement('div');\r\n familyBtnWrap.classList.add('familyDTWrap');\r\n familyNameInput.classList.add('width65Per');\r\n familyBtnWrap.appendChild(familyNameInput);\r\n activeChk.classList.add('width32Per');\r\n familyBtnWrap.appendChild(activeChk);\r\n addNewCardBody.appendChild(familyBtnWrap);\r\n\r\n const addressNameDisplay = document.createElement(\"p\");\r\n addressNameDisplay.classList.add(\"heading\");\r\n addressNameDisplay.innerHTML = `${'Address Information'}`;\r\n addressNameDisplay.style.marginLeft = '10px';\r\n addressNameDisplay.style.marginBottom = '15px';\r\n addNewCardBody.appendChild(addressNameDisplay);\r\n addNewCardBody.appendChild(LineBr);\r\n addNewCardBody.appendChild(LineBr);\r\n\r\n var dropWrap = document.createElement('div');\r\n dropWrap.classList.add('familyDTWrap');\r\n address1Input.classList.add('width32Per');\r\n dropWrap.appendChild(address1Input);\r\n address2Input.classList.add('width32Per');\r\n dropWrap.appendChild(address2Input);\r\n cityInput.classList.add('width32Per');\r\n dropWrap.appendChild(cityInput);\r\n addNewCardBody.appendChild(dropWrap);\r\n\r\n var drWrap = document.createElement('div');\r\n drWrap.classList.add('familyDTWrap');\r\n stateInput.classList.add('width32Per');\r\n drWrap.appendChild(stateInput);\r\n zipInput.classList.add('width32Per');\r\n drWrap.appendChild(zipInput);\r\n addNewCardBody.appendChild(drWrap);\r\n\r\n const consumerNameDisplay = document.createElement(\"p\");\r\n consumerNameDisplay.classList.add(\"heading\");\r\n consumerNameDisplay.innerHTML = `${'Contact Information'}`;\r\n consumerNameDisplay.style.marginLeft = '10px';\r\n addNewCardBody.appendChild(consumerNameDisplay);\r\n addNewCardBody.appendChild(LineBr);\r\n addNewCardBody.appendChild(LineBr);\r\n\r\n var infoWrap = document.createElement('div');\r\n infoWrap.classList.add('familyDTWrap');\r\n primaryPhoneInput.classList.add('width32Per');\r\n infoWrap.appendChild(primaryPhoneInput);\r\n secondaryPhoneInput.classList.add('width32Per');\r\n infoWrap.appendChild(secondaryPhoneInput);\r\n emailInput.classList.add('width32Per');\r\n infoWrap.appendChild(emailInput);\r\n addNewCardBody.appendChild(infoWrap);\r\n\r\n addNewCardBody.appendChild(notesInput);\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('familyBtnWrap');\r\n btnWrap.style.marginLeft = '25%';\r\n btnWrap.style.width = '50%';\r\n\r\n if ($.session.EmploymentUpdate) {\r\n SAVE_BTN.style.width = '52%';\r\n btnWrap.appendChild(SAVE_BTN);\r\n }\r\n\r\n CANCEL_BTN.style.width = '52%';\r\n CANCEL_BTN.style.marginLeft = '5%';\r\n btnWrap.appendChild(CANCEL_BTN);\r\n addNewCardBody.appendChild(btnWrap);\r\n\r\n eventListeners();\r\n employeeInfoDiv.appendChild(column1);\r\n checkRequiredFieldsOfEmployeeInfo(familyName);\r\n\r\n return employeeInfoDiv;\r\n }\r\n\r\n function getRequiredFieldsOfEmployeeInfo() {\r\n var familyName = familyNameInput.querySelector('#familyNameInput');\r\n checkRequiredFieldsOfEmployeeInfo(familyName.value)\r\n }\r\n\r\n function checkRequiredFieldsOfEmployeeInfo(familyName) {\r\n if (familyName === '') {\r\n familyNameInput.classList.add('error');\r\n } else {\r\n familyNameInput.classList.remove('error');\r\n }\r\n\r\n setBtnStatusOfEmployeeInfo();\r\n }\r\n\r\n function setBtnStatusOfEmployeeInfo() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.error'));\r\n if (hasErrors.length !== 0) {\r\n SAVE_BTN.classList.add('disabled');\r\n return;\r\n } else {\r\n if (IsValueChanged == true) {\r\n SAVE_BTN.classList.remove('disabled');\r\n }\r\n else {\r\n SAVE_BTN.classList.add('disabled');\r\n }\r\n }\r\n }\r\n\r\n function eventListeners() {\r\n familyNameInput.addEventListener('input', event => {\r\n familyName = event.target.value;\r\n IsValueChanged = true;\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n address1Input.addEventListener('input', event => {\r\n address1 = event.target.value;\r\n IsValueChanged = true;\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n address2Input.addEventListener('input', event => {\r\n address2 = event.target.value;\r\n IsValueChanged = true;\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n cityInput.addEventListener('input', event => {\r\n city = event.target.value;\r\n IsValueChanged = true;\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n zipInput.addEventListener('input', event => {\r\n zip = event.target.value;\r\n IsValueChanged = true;\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n stateInput.addEventListener('input', event => {\r\n state = event.target.value;\r\n IsValueChanged = true;\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n primaryPhoneInput.addEventListener('input', event => {\r\n primaryPhone = event.target.value;\r\n IsValueChanged = true;\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n secondaryPhoneInput.addEventListener('input', event => {\r\n secondaryPhone = event.target.value;\r\n IsValueChanged = true;\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n activeChk.addEventListener('change', event => {\r\n active = event.target.checked == true ? 'Y' : 'N';\r\n IsValueChanged = true;\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n emailInput.addEventListener('input', event => {\r\n email = event.target.value;\r\n IsValueChanged = true;\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n notesInput.addEventListener('input', event => {\r\n notes = event.target.value;\r\n IsValueChanged = true;\r\n getRequiredFieldsOfEmployeeInfo();\r\n });\r\n }\r\n\r\n async function saveEmployeeInfo() {\r\n\r\n await FSSAjax.updateFamilyInfo({\r\n token: $.session.Token,\r\n familyName: familyName,\r\n address1: address1,\r\n address2: address2,\r\n city: city,\r\n state: state,\r\n zip: zip,\r\n primaryPhone: primaryPhone,\r\n secondaryPhone: secondaryPhone,\r\n email: email,\r\n notes: notes,\r\n active: active,\r\n userId: $.session.UserId,\r\n familyID: familyID\r\n });\r\n\r\n EditFamilyHeader.refreshFamily(familyID, familyName, tabPositionIndex = 0);\r\n\r\n }\r\n\r\n return {\r\n init,\r\n buildFamilyForm,\r\n getMarkup,\r\n };\r\n})(); ","const EditMembers = (() => {\r\n\r\n let memberEntriesTable;\r\n let familyID;\r\n let familyEntries;\r\n let headingName;\r\n let name;\r\n let nameOfEvent;\r\n let memberName;\r\n var isActive;\r\n var memberId;\r\n let addEditMemberPopup;\r\n var newMemberId;\r\n\r\n async function init(familyId, name) {\r\n familyID = familyId;\r\n headingName = name;\r\n\r\n if (familyID != undefined) {\r\n familyEntries = await FSSAjax.getFamilyMembers(familyID);\r\n }\r\n }\r\n\r\n function getMarkup() {\r\n const memberWrap = document.createElement('div');\r\n memberWrap.classList.add('planSummary');\r\n const importantTables = buildNewMemberForm();\r\n memberWrap.appendChild(importantTables);\r\n return memberWrap;\r\n }\r\n\r\n function buildNewMemberForm() {\r\n const workScheduleDiv = document.createElement('div');\r\n workScheduleDiv.classList.add('additionalQuestionWrap');\r\n\r\n const newMemberBtn = button.build({\r\n text: '+ ADD FAMILY MEMBER',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => addMemberPopup(0,0, 'Add')\r\n });\r\n memberEntriesTable = buildmemberEntriesTable();\r\n\r\n\r\n const column1 = document.createElement('div')\r\n column1.classList.add('col-1')\r\n const addNewCard = document.createElement(\"div\");\r\n addNewCard.classList.add(\"card\");\r\n const addNewCardBody = document.createElement(\"div\");\r\n addNewCardBody.classList.add(\"card__body\");\r\n addNewCard.innerHTML = `Family Members
`;\r\n addNewCard.appendChild(addNewCardBody)\r\n column1.appendChild(addNewCard)\r\n if ($.session.EmploymentUpdate) {\r\n addNewCardBody.appendChild(newMemberBtn);\r\n }\r\n addNewCardBody.appendChild(memberEntriesTable);\r\n workScheduleDiv.appendChild(column1);\r\n return workScheduleDiv;\r\n }\r\n\r\n\r\n function buildmemberEntriesTable() {\r\n const tableOptions = {\r\n plain: false,\r\n tableId: 'employmentWorkScheduleTable',\r\n columnHeadings: ['Family Member', 'Active?'],\r\n endIcon: $.session.FSSUpdate == true ? true : false,\r\n };\r\n\r\n let tableData = familyEntries.getFamilyMembersResult.map((entry) => ({\r\n values: [entry.memberName, entry.active == 'Y' ? 'Yes' : 'No'],\r\n attributes: [{ key: 'familyId', value: entry.familyId }],\r\n onClick: (e) => {\r\n addMemberPopup(entry.familyId, entry.memberId, 'Edit')\r\n },\r\n endIcon: `${icons['delete']}`,\r\n endIconCallback: (e) => {\r\n deleteMemberPOPUP(entry.familyId, entry.memberId);\r\n },\r\n }));\r\n const oTable = table.build(tableOptions);\r\n\r\n // Set the data type for each header, for sorting purposes\r\n const headers = oTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'string'); // Family Member\r\n headers[1].setAttribute('data-type', 'string'); // Active\r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(oTable);\r\n\r\n table.populate(oTable, tableData);\r\n\r\n return oTable;\r\n }\r\n\r\n function deleteMemberPOPUP(familyId, memberId) {\r\n const confirmPopup = POPUP.build({\r\n hideX: true,\r\n });\r\n\r\n YES_BTN = button.build({\r\n text: 'YES',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n deleteMember(familyId, memberId, confirmPopup);\r\n },\r\n });\r\n\r\n NO_BTN = button.build({\r\n text: 'NO',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n POPUP.hide(confirmPopup);\r\n },\r\n });\r\n\r\n const message = document.createElement('p');\r\n\r\n message.innerText = 'Are you sure you would like to remove this Member?';\r\n message.style.textAlign = 'center';\r\n message.style.marginBottom = '15px';\r\n confirmPopup.appendChild(message);\r\n var popupbtnWrap = document.createElement('div');\r\n popupbtnWrap.classList.add('btnWrap');\r\n popupbtnWrap.appendChild(YES_BTN);\r\n popupbtnWrap.appendChild(NO_BTN);\r\n confirmPopup.appendChild(popupbtnWrap);\r\n YES_BTN.focus();\r\n POPUP.show(confirmPopup);\r\n }\r\n\r\n function deleteMember(familyId, memberId, confirmPopup) {\r\n FSSAjax.deleteMemberInfo(\r\n {\r\n token: $.session.Token,\r\n memberId: memberId,\r\n familyID: familyID\r\n }\r\n );\r\n POPUP.hide(confirmPopup);\r\n EditFamilyHeader.refreshFamily(familyID, headingName, tabPositionIndex = 1);\r\n }\r\n\r\n function addMemberPopup(familyId, memberIdd, eventName) {\r\n if (eventName == 'Add') {\r\n memberName = '';\r\n isActive = 'Y';\r\n memberId = '';\r\n newMemberId = '';\r\n }\r\n else {\r\n let memberValues = familyEntries.getFamilyMembersResult.find(x => x.familyId == familyId && x.memberId == memberIdd);\r\n memberName = memberValues.memberName;\r\n isActive = memberValues.active;\r\n memberId = memberValues.memberId;\r\n newMemberId = memberValues.memberId;\r\n }\r\n addEditMemberPopup = POPUP.build({\r\n classNames: ['rosterFilterPopup'],\r\n hideX: true,\r\n });\r\n\r\n const heading = document.createElement('h2');\r\n heading.style.marginTop = '-20px';\r\n heading.style.marginBottom = '15px';\r\n if (eventName == 'Edit') {\r\n heading.innerText = 'Update Family Member';\r\n memberId = memberId;\r\n }\r\n else {\r\n heading.innerText = 'Add Family Member';\r\n memberId = '0';\r\n }\r\n\r\n // dropdowns & inputs\r\n memberDropdown = dropdown.build({\r\n id: 'memberDropdown',\r\n label: \"Family Member\",\r\n dropdownId: \"memberDropdown\",\r\n value: (memberId) ? memberId : '',\r\n });\r\n\r\n const yesActiveRadio = input.buildRadio({\r\n id: 'yesActiveRadio',\r\n text: \"Yes\",\r\n name: \"activeChk\",\r\n isChecked: true,\r\n })\r\n const noActiveRadio = input.buildRadio({\r\n id: 'noActiveRadio',\r\n text: \"No\",\r\n name: \"activeChk\",\r\n })\r\n\r\n const radioDiv = document.createElement('div')\r\n radioDiv.classList.add('radioDiv')\r\n radioDiv.appendChild(yesActiveRadio)\r\n radioDiv.appendChild(noActiveRadio)\r\n\r\n APPLY_BTN = button.build({\r\n text: 'SAVE',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n\r\n CANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n });\r\n\r\n addEditMemberPopup.appendChild(heading);\r\n addEditMemberPopup.appendChild(memberDropdown);\r\n\r\n const active = document.createElement('h3');\r\n active.innerText = 'Active?';\r\n\r\n var timebtnWrap = document.createElement('div');\r\n timebtnWrap.classList.add('btnWrap');\r\n active.style.marginLeft = '1%';\r\n active.style.width = '48%';\r\n timebtnWrap.appendChild(active);\r\n radioDiv.style.marginLeft = '2%';\r\n radioDiv.style.width = '48%';\r\n timebtnWrap.appendChild(radioDiv);\r\n addEditMemberPopup.appendChild(timebtnWrap);\r\n\r\n var popupbtnWrap = document.createElement('div');\r\n popupbtnWrap.classList.add('btnWrap');\r\n popupbtnWrap.appendChild(APPLY_BTN);\r\n popupbtnWrap.appendChild(CANCEL_BTN);\r\n addEditMemberPopup.appendChild(popupbtnWrap);\r\n\r\n POPUP.show(addEditMemberPopup);\r\n PopupEventListeners();\r\n populateMemberDropdown(memberId);\r\n checkRequiredFieldsOfPopup();\r\n }\r\n\r\n function PopupEventListeners() {\r\n memberDropdown.addEventListener('change', event => {\r\n newMemberId = event.target.value;\r\n checkRequiredFieldsOfPopup();\r\n });\r\n yesActiveRadio.addEventListener('change', event => {\r\n isActive = 'Y';\r\n });\r\n noActiveRadio.addEventListener('change', event => {\r\n isActive = 'N';\r\n });\r\n\r\n APPLY_BTN.addEventListener('click', () => {\r\n if (!APPLY_BTN.classList.contains('disabled')) {\r\n saveNewMemberPopup();\r\n }\r\n });\r\n\r\n CANCEL_BTN.addEventListener('click', () => {\r\n POPUP.hide(addEditMemberPopup);\r\n });\r\n }\r\n\r\n function checkRequiredFieldsOfPopup() {\r\n var memberNm = memberDropdown.querySelector('#memberDropdown');\r\n\r\n if (memberNm.value === '') {\r\n memberDropdown.classList.add('errorPopup');\r\n } else {\r\n memberDropdown.classList.remove('errorPopup');\r\n }\r\n\r\n setBtnStatusOfPopup();\r\n }\r\n\r\n function setBtnStatusOfPopup() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.errorPopup'));\r\n if (hasErrors.length !== 0) {\r\n APPLY_BTN.classList.add('disabled');\r\n return;\r\n } else {\r\n APPLY_BTN.classList.remove('disabled');\r\n }\r\n }\r\n\r\n\r\n async function populateMemberDropdown(memberId) {\r\n const {\r\n getMembersResult: Members,\r\n } = await FSSAjax.getMembers();\r\n let data = Members.map((members) => ({\r\n id: members.memberId,\r\n value: members.memberId,\r\n text: members.memberName\r\n }));\r\n data.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"memberDropdown\", data, memberId);\r\n checkRequiredFieldsOfPopup();\r\n }\r\n\r\n async function saveNewMemberPopup() {\r\n\r\n\r\n await FSSAjax.insertMemberInfo({\r\n token: $.session.Token,\r\n memberId: memberId,\r\n familyID: familyID,\r\n active: isActive,\r\n userId: $.session.UserId,\r\n newMemberId: newMemberId,\r\n });\r\n POPUP.hide(addEditMemberPopup);\r\n EditFamilyHeader.refreshFamily(familyID, headingName, tabPositionIndex = 1);\r\n\r\n\r\n }\r\n\r\n return {\r\n init,\r\n buildNewMemberForm,\r\n getMarkup,\r\n };\r\n})(); ","const FSS = (() => {\r\n //Inputs\r\n var selectedConsumer;\r\n let fSSData;\r\n //filter\r\n let filterValues;\r\n let newFilterValues;\r\n let editFamily;\r\n let filesList = [];\r\n let backBtn;\r\n // DOM\r\n let pageWrap;\r\n let overviewTable;\r\n //--\r\n let filterPopup;\r\n let address;\r\n let applyFilterBtn;\r\n let btnWrap;\r\n let familyNameBtnWrap;\r\n let primaryPhoneBtnWrap;\r\n let addressBtnWrap;\r\n let coPayVal;\r\n let allocationVal;\r\n let fundingSourceVal;\r\n let startDateVal;\r\n let endDateVal;\r\n let authorizationPopup;\r\n let UtilizationPopup\r\n let encumberedInputsVal;\r\n let familyMemberDropdownVal;\r\n let serviceCodeDropdownVal;\r\n let paidAmountInputsVal;\r\n let vendorDropdownVal;\r\n let datePaidVal;\r\n let selectedConsumersId;\r\n //--\r\n\r\n // get the Consumers selected from the Roster\r\n async function handleActionNavEvent(target) {\r\n var targetAction = target.dataset.actionNav;\r\n switch (targetAction) {\r\n case 'miniRosterDone': {\r\n var activeConsumers = roster2.getActiveConsumers();\r\n selectedConsumer = activeConsumers[activeConsumers.length - 1];\r\n selectedConsumersId = activeConsumers[activeConsumers.length - 1].id;\r\n await loadFSSLanding();\r\n DOM.toggleNavLayout();\r\n break;\r\n }\r\n case 'miniRosterCancel': {\r\n DOM.toggleNavLayout();\r\n loadApp('home');\r\n break;\r\n }\r\n }\r\n }\r\n\r\n async function loadFSSLanding() {\r\n DOM.clearActionCenter();\r\n DOM.scrollToTopOfPage();\r\n initFilterValues();\r\n pageWrap = document.createElement('div');\r\n const consumerCard = buildConsumerCard();\r\n const backbtnWrap = document.createElement('div');\r\n backbtnWrap.classList.add('addOutcomeBtnWrap');\r\n const addInsertServicesBtnWrap = document.createElement('div');\r\n addInsertServicesBtnWrap.classList.add('addInsertServicesBtnWrap');\r\n backbtnWrap.appendChild(addInsertServicesBtnWrap);\r\n\r\n filteredByData = buildFilteredByData();\r\n editFamily = editFamiliesButton();\r\n backBtn = backButton();\r\n addInsertServicesBtnWrap.appendChild(editFamily);\r\n\r\n backbtnWrap.appendChild(backBtn);\r\n\r\n pageWrap.appendChild(consumerCard);\r\n pageWrap.appendChild(backbtnWrap);\r\n pageWrap.appendChild(filteredByData);\r\n DOM.ACTIONCENTER.appendChild(pageWrap);\r\n\r\n if ($.session.FSSUpdate == true) {\r\n editFamily.classList.remove('disabled');\r\n } else {\r\n editFamily.classList.add('disabled');\r\n }\r\n\r\n const spinner = PROGRESS.SPINNER.get('Gathering Data...');\r\n pageWrap.appendChild(spinner);\r\n\r\n fSSData = await FSSAjax.getFSSPageData({\r\n token: $.session.Token,\r\n familyName: filterValues.familyName,\r\n primaryPhone: filterValues.primaryPhone,\r\n address: filterValues.address,\r\n appName: $.session.applicationName,\r\n });\r\n\r\n pageWrap.removeChild(spinner);\r\n buildOverviewTable();\r\n }\r\n\r\n function buildConsumerCard() {\r\n selectedConsumer.card.classList.remove('highlighted');\r\n const wrap = document.createElement('div');\r\n wrap.classList.add('planConsumerCard');\r\n wrap.appendChild(selectedConsumer.card);\r\n return wrap;\r\n }\r\n\r\n function initFilterValues() {\r\n filterValues = {\r\n familyName: '%',\r\n primaryPhone: '%',\r\n address: '%',\r\n };\r\n }\r\n\r\n function buildFilteredByData() {\r\n var currentFilterDisplay = document.querySelector('.filteredByData');\r\n\r\n if (!currentFilterDisplay) {\r\n currentFilterDisplay = document.createElement('div');\r\n currentFilterDisplay.classList.add('filteredByData');\r\n filterButtonSet();\r\n currentFilterDisplay.appendChild(btnWrap);\r\n }\r\n\r\n if (filterValues.familyName === '%') {\r\n btnWrap.appendChild(familyNameBtnWrap);\r\n btnWrap.removeChild(familyNameBtnWrap);\r\n } else {\r\n btnWrap.appendChild(familyNameBtnWrap);\r\n if (document.getElementById('familyNameBtn') != null)\r\n document.getElementById('familyNameBtn').innerHTML = 'Family Name: ' + filterValues.familyName;\r\n }\r\n\r\n if (filterValues.primaryPhone === '%') {\r\n btnWrap.appendChild(primaryPhoneBtnWrap);\r\n btnWrap.removeChild(primaryPhoneBtnWrap);\r\n } else {\r\n btnWrap.appendChild(primaryPhoneBtnWrap);\r\n if (document.getElementById('primaryPhoneBtn') != null)\r\n document.getElementById('primaryPhoneBtn').innerHTML = ' Primary Phone: ' + filterValues.primaryPhone;\r\n }\r\n\r\n if (filterValues.address === '%') {\r\n btnWrap.appendChild(addressBtnWrap);\r\n btnWrap.removeChild(addressBtnWrap);\r\n } else {\r\n btnWrap.appendChild(addressBtnWrap);\r\n if (document.getElementById('addressBtn') != null)\r\n document.getElementById('addressBtn').innerHTML = 'Address: ' + filterValues.address;\r\n }\r\n\r\n return currentFilterDisplay;\r\n }\r\n\r\n function filterButtonSet() {\r\n filterBtn = button.build({\r\n text: 'Filter',\r\n icon: 'filter',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'filterBtnNew',\r\n callback: () => {\r\n showFilterPopup('ALL');\r\n },\r\n });\r\n\r\n familyNameBtn = button.build({\r\n id: 'familyNameBtn',\r\n text: 'Family Name: ' + filterValues.familyName,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n showFilterPopup('familyNameBtn');\r\n },\r\n });\r\n familyNameCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('familyNameBtn');\r\n },\r\n });\r\n\r\n primaryPhoneBtn = button.build({\r\n id: 'primaryPhoneBtn',\r\n text: 'Primary Phone: ' + filterValues.primaryPhone,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n showFilterPopup('primaryPhoneBtn');\r\n },\r\n });\r\n\r\n primaryPhoneCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('primaryPhoneBtn');\r\n },\r\n });\r\n\r\n addressBtn = button.build({\r\n id: 'addressBtn',\r\n text: 'Import Date: ' + filterValues.address,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n showFilterPopup('addressBtn');\r\n },\r\n });\r\n\r\n addressCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('addressBtn');\r\n },\r\n });\r\n\r\n btnWrap = document.createElement('div');\r\n btnWrap.classList.add('filterBtnWrap');\r\n btnWrap.appendChild(filterBtn);\r\n\r\n familyNameBtnWrap = document.createElement('div');\r\n familyNameBtnWrap.classList.add('filterSelectionBtnWrap');\r\n familyNameBtnWrap.appendChild(familyNameBtn);\r\n familyNameBtnWrap.appendChild(familyNameCloseBtn);\r\n btnWrap.appendChild(familyNameBtnWrap);\r\n\r\n primaryPhoneBtnWrap = document.createElement('div');\r\n primaryPhoneBtnWrap.classList.add('filterSelectionBtnWrap');\r\n primaryPhoneBtnWrap.appendChild(primaryPhoneBtn);\r\n primaryPhoneBtnWrap.appendChild(primaryPhoneCloseBtn);\r\n btnWrap.appendChild(primaryPhoneBtnWrap);\r\n\r\n addressBtnWrap = document.createElement('div');\r\n addressBtnWrap.classList.add('filterSelectionBtnWrap');\r\n addressBtnWrap.appendChild(addressBtn);\r\n addressBtnWrap.appendChild(addressCloseBtn);\r\n btnWrap.appendChild(addressBtnWrap);\r\n }\r\n\r\n function closeFilter(closeFilter) {\r\n if (closeFilter == 'familyNameBtn') {\r\n newFilterValues.familyName = '%';\r\n }\r\n if (closeFilter == 'primaryPhoneBtn') {\r\n newFilterValues.primaryPhone = '%';\r\n }\r\n if (closeFilter == 'addressBtn') {\r\n newFilterValues.address = '%';\r\n }\r\n applyFilter();\r\n }\r\n\r\n function showFilterPopup(IsShow) {\r\n filterPopup = POPUP.build({});\r\n\r\n // Inputs\r\n familyNameInput = input.build({\r\n type: 'text',\r\n label: 'Family Name',\r\n style: 'secondary',\r\n value: filterValues.familyName == '%' ? '' : filterValues.familyName,\r\n });\r\n\r\n primaryPhoneInput = input.build({\r\n type: 'text',\r\n label: 'Primary Phone',\r\n style: 'secondary',\r\n value: filterValues.primaryPhone == '%' ? '' : filterValues.primaryPhone,\r\n });\r\n\r\n addressInput = input.build({\r\n type: 'text',\r\n label: 'Address',\r\n style: 'secondary',\r\n value: filterValues.address == '%' ? '' : filterValues.address,\r\n });\r\n\r\n const btnFilterWrap = document.createElement('div');\r\n btnFilterWrap.classList.add('btnWrap');\r\n applyFilterBtn = button.build({\r\n text: 'Apply',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n cancelFilterBtn = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: function () {\r\n POPUP.hide(filterPopup);\r\n },\r\n });\r\n btnFilterWrap.appendChild(applyFilterBtn);\r\n btnFilterWrap.appendChild(cancelFilterBtn);\r\n\r\n if (IsShow == 'ALL' || IsShow == 'familyNameBtn') filterPopup.appendChild(familyNameInput);\r\n if (IsShow == 'ALL' || IsShow == 'primaryPhoneBtn') filterPopup.appendChild(primaryPhoneInput);\r\n if (IsShow == 'ALL' || IsShow == 'addressBtn') filterPopup.appendChild(addressInput);\r\n filterPopup.appendChild(btnFilterWrap);\r\n\r\n POPUP.show(filterPopup);\r\n setupFilterEvents();\r\n }\r\n function setupFilterEvents() {\r\n newFilterValues = {};\r\n\r\n familyNameInput.addEventListener('input', event => {\r\n newFilterValues.familyName = event.target.value;\r\n });\r\n\r\n primaryPhoneInput.addEventListener('input', event => {\r\n newFilterValues.primaryPhone = event.target.value;\r\n });\r\n\r\n addressInput.addEventListener('input', event => {\r\n newFilterValues.address = event.target.value;\r\n });\r\n\r\n applyFilterBtn.addEventListener('click', async e => {\r\n if (!applyFilterBtn.classList.contains('disabled')) {\r\n applyFilter();\r\n POPUP.hide(filterPopup);\r\n }\r\n });\r\n }\r\n\r\n async function applyFilter() {\r\n filterValues = { ...filterValues, ...newFilterValues };\r\n\r\n const spinner = PROGRESS.SPINNER.get('Gathering Data...');\r\n pageWrap.removeChild(overviewTable);\r\n pageWrap.appendChild(spinner);\r\n\r\n fSSData = await FSSAjax.getFSSPageData({\r\n token: $.session.Token,\r\n familyName: filterValues.familyName,\r\n primaryPhone: filterValues.primaryPhone,\r\n address: filterValues.address,\r\n appName: $.session.applicationName,\r\n });\r\n\r\n pageWrap.removeChild(spinner);\r\n\r\n buildOverviewTable();\r\n const newfilteredByData = buildFilteredByData();\r\n pageWrap.replaceChild(newfilteredByData, filteredByData);\r\n filteredByData = newfilteredByData;\r\n }\r\n\r\n function editFamiliesButton() {\r\n return button.build({\r\n text: 'Edit Families',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'reportBtn',\r\n callback: async () => {\r\n if (!editFamily.classList.contains('disabled')) {\r\n EditFamilies.init();\r\n }\r\n },\r\n });\r\n }\r\n\r\n function backButton() {\r\n return button.build({\r\n text: 'BACK',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: async () => {\r\n roster2.clearSelectedConsumers();\r\n roster2.clearActiveConsumers();\r\n FSS.init()\r\n },\r\n });\r\n }\r\n\r\n\r\n function buildOverviewTable() {\r\n groupChildData();\r\n groupSubChildData();\r\n\r\n overviewTable = document.createElement('div');\r\n overviewTable.classList.add('fssTable');\r\n\r\n const mainHeading = document.createElement('div');\r\n mainHeading.classList.add('fssTable__header');\r\n mainHeading.innerHTML = `\r\n \r\n Family Name
\r\n Address
\r\n Primary Phone
\r\n Notes
\r\n \r\n `;\r\n overviewTable.appendChild(mainHeading);\r\n\r\n fSSData.pageDataParent.forEach(parent => {\r\n const familyID = parent.familyId;\r\n var eventName;\r\n const notes = parent.notes == null ? '' : parent.notes;\r\n const rowWrap = document.createElement('div');\r\n rowWrap.classList.add('fssTable__subTableWrap');\r\n\r\n // TOP LEVEL ROW\r\n //---------------------------------\r\n const mainDataRow = document.createElement('div');\r\n mainDataRow.classList.add('fssTable__mainDataRow', 'fssTable__dataRow');\r\n mainDataRow.value = parent.familyId;\r\n const endIcon = document.createElement('div');\r\n endIcon.classList.add('fssTable__endIcon');\r\n\r\n const toggleIcon = document.createElement('div');\r\n toggleIcon.id = 'authToggle';\r\n toggleIcon.classList.add('fssTable__endIcon');\r\n toggleIcon.innerHTML = icons['keyArrowRight'];\r\n mainDataRow.innerHTML = ` \r\n ${parent.familyName}
\r\n ${parent.address}
\r\n ${parent.primaryPhone}
\r\n ${notes}
\r\n `;\r\n mainDataRow.prepend(toggleIcon);\r\n if ($.session.FSSUpdate == true) {\r\n endIcon.innerHTML = icons['add'];\r\n } else {\r\n endIcon.innerHTML = ``;\r\n }\r\n mainDataRow.appendChild(endIcon);\r\n rowWrap.appendChild(mainDataRow);\r\n\r\n // SUB ROWS\r\n //---------------------------------\r\n const subRowWrap = document.createElement('div');\r\n subRowWrap.classList.add('fssTable__subRowWrap');\r\n\r\n const subHeading = document.createElement('div');\r\n subHeading.classList.add('fssTable__subHeader');\r\n subHeading.innerHTML = `\r\n \r\n Start Date
\r\n End Date
\r\n Co-Pay %
\r\n Allocation
\r\n Encumbered
\r\n Amt. Paid
\r\n Balance
\r\n Funding
\r\n \r\n `;\r\n subRowWrap.appendChild(subHeading);\r\n\r\n if (fSSData.pageDataChild[familyID]) {\r\n fSSData.pageDataChild[familyID].sort((a, b) => {\r\n return parseInt(a.itemnum) - parseInt(b.itemnum);\r\n });\r\n\r\n fSSData.pageDataChild[familyID].forEach(child => {\r\n const fundingSourceID = child.fundingSourceID;\r\n const fID = child.familyId;\r\n const authId = child.authId;\r\n const encumbered = child.encumbered == null ? '0.0' : child.encumbered;\r\n const amtPaid = child.amtPaid == null ? '0.0' : child.amtPaid;\r\n const subDataRow = document.createElement('div');\r\n var startDate =\r\n child.startDate == null || ''\r\n ? ''\r\n : UTIL.abbreviateDateYear(UTIL.formatDateFromIso(child.startDate.split('T')[0]));\r\n var endDate =\r\n child.endDate == null || ''\r\n ? ''\r\n : UTIL.abbreviateDateYear(UTIL.formatDateFromIso(child.endDate.split('T')[0]));\r\n subDataRow.classList.add('fssTable__subDataRow', 'fssTable__dataRow');\r\n const endIconSub = document.createElement('div');\r\n endIconSub.classList.add('fssTable__endIcon');\r\n const toggleIconSub = document.createElement('div');\r\n toggleIconSub.id = 'authToggle';\r\n toggleIconSub.classList.add('fssTable__endIcon');\r\n toggleIconSub.innerHTML = icons['keyArrowRight'];\r\n\r\n subDataRow.innerHTML = `\r\n ${startDate}
\r\n ${endDate}
\r\n ${child.coPay}
\r\n ${child.allocation}
\r\n ${encumbered}
\r\n ${amtPaid}
\r\n ${child.balance}
\r\n ${child.funding}
\r\n\r\n `;\r\n subDataRow.prepend(toggleIconSub);\r\n if ($.session.FSSUpdate == true) {\r\n endIconSub.innerHTML = icons['add'];\r\n } else {\r\n endIconSub.innerHTML = ``;\r\n }\r\n subDataRow.appendChild(endIconSub);\r\n subRowWrap.appendChild(subDataRow);\r\n\r\n endIconSub.addEventListener('click', e => {\r\n addFamilyUtilization(child.familyId, child.authId, fundingSourceID);\r\n });\r\n\r\n // SUB CHILD ROWS\r\n //---------------------------------\r\n const subChildRowWrap = document.createElement('div');\r\n subChildRowWrap.classList.add('fssTable__subChildRowWrap');\r\n\r\n const subChildHeading = document.createElement('div');\r\n subChildHeading.classList.add('fssTable__subChildHeader');\r\n subChildHeading.innerHTML = `\r\n \r\n Family Member
\r\n Service Code
\r\n Vendor
\r\n Encumbered
\r\n Paid amount
\r\n Date Paid
\r\n \r\n `;\r\n subChildRowWrap.appendChild(subChildHeading);\r\n\r\n if (fSSData.pageDataSubChild[authId]) {\r\n fSSData.pageDataSubChild[authId].sort((a, b) => {\r\n return parseInt(a.itemnum) - parseInt(b.itemnum);\r\n });\r\n\r\n fSSData.pageDataSubChild[authId].forEach(subChild => {\r\n const aID = subChild.authId;\r\n const encumbered = subChild.encumbered == null ? '0.0' : subChild.encumbered;\r\n const paidAmt = subChild.paidAmt == null ? '0.0' : subChild.paidAmt;\r\n const subChildDataRow = document.createElement('div');\r\n var paidDate =\r\n subChild.paidDate == null || ''\r\n ? ''\r\n : UTIL.abbreviateDateYear(UTIL.formatDateFromIso(subChild.paidDate.split('T')[0]));\r\n\r\n subChildDataRow.classList.add('fssTable__subChildDataRow', 'fssTable__dataRow');\r\n const endIconSub = document.createElement('div');\r\n endIconSub.classList.add('fssTable__endIcon');\r\n\r\n\r\n subChildDataRow.innerHTML = `\r\n \r\n ${subChild.familyMember}
\r\n ${subChild.serviceCode}
\r\n ${subChild.Vendor}
\r\n ${encumbered}
\r\n ${paidAmt}
\r\n ${paidDate}
\r\n `;\r\n if ($.session.FSSUpdate == true) {\r\n endIconSub.innerHTML = icons['delete'];\r\n } else {\r\n endIconSub.innerHTML = ``;\r\n }\r\n subChildDataRow.appendChild(endIconSub);\r\n subChildRowWrap.appendChild(subChildDataRow);\r\n\r\n subChildDataRow.addEventListener('click', e => {\r\n //subChild.authDetailId subChild.authId\r\n });\r\n });\r\n }\r\n toggleIconSub.addEventListener('click', e => {\r\n const toggle = document.querySelector('#authToggle');\r\n eventName = 'toggle';\r\n if (subChildRowWrap.classList.contains('active')) {\r\n // close it\r\n subChildRowWrap.classList.remove('active');\r\n toggleIconSub.innerHTML = icons.keyArrowRight;\r\n } else {\r\n // open it\r\n subChildRowWrap.classList.add('active');\r\n toggleIconSub.innerHTML = icons.keyArrowDown;\r\n }\r\n });\r\n\r\n subRowWrap.appendChild(subChildRowWrap);\r\n });\r\n }\r\n\r\n toggleIcon.addEventListener('click', e => {\r\n const toggle = document.querySelector('#authToggle');\r\n eventName = 'toggle';\r\n if (subRowWrap.classList.contains('active')) {\r\n // close it\r\n subRowWrap.classList.remove('active');\r\n toggleIcon.innerHTML = icons.keyArrowRight;\r\n } else {\r\n // open it\r\n subRowWrap.classList.add('active');\r\n toggleIcon.innerHTML = icons.keyArrowDown;\r\n }\r\n });\r\n\r\n endIcon.addEventListener('click', e => {\r\n addFamilyAuthorization(parent.familyId)\r\n });\r\n\r\n // ASSEMBLY\r\n //---------------------------------\r\n rowWrap.appendChild(subRowWrap);\r\n overviewTable.appendChild(rowWrap);\r\n });\r\n\r\n pageWrap.appendChild(overviewTable);\r\n }\r\n\r\n function groupChildData() {\r\n if (!fSSData.pageDataChild) {\r\n return;\r\n }\r\n\r\n const groupedChildren = fSSData.pageDataChild.reduce((obj, child) => {\r\n if (!obj[child.familyId]) {\r\n obj[child.familyId] = [];\r\n obj[child.familyId].push(child);\r\n } else {\r\n obj[child.familyId].push(child);\r\n }\r\n\r\n return obj;\r\n }, {});\r\n\r\n fSSData.pageDataChild = { ...groupedChildren };\r\n }\r\n\r\n function groupSubChildData() {\r\n if (!fSSData.pageDataSubChild) {\r\n return;\r\n }\r\n\r\n const groupedChildren = fSSData.pageDataSubChild.reduce((obj, child) => {\r\n if (!obj[child.authId]) {\r\n obj[child.authId] = [];\r\n obj[child.authId].push(child);\r\n } else {\r\n obj[child.authId].push(child);\r\n }\r\n\r\n return obj;\r\n }, {});\r\n\r\n fSSData.pageDataSubChild = { ...groupedChildren };\r\n }\r\n\r\n function addFamilyAuthorization(familyId) {\r\n\r\n authorizationPopup = POPUP.build({\r\n classNames: ['rosterFilterPopup'],\r\n hideX: true,\r\n });\r\n\r\n const heading = document.createElement('h2');\r\n heading.innerText = 'New Family Authorization';\r\n\r\n // inputs \r\n newStartDate = input.build({\r\n id: 'newStartDate',\r\n type: 'date',\r\n label: 'Start Date',\r\n style: 'secondary',\r\n value: UTIL.getTodaysDate(),\r\n });\r\n startDateVal = UTIL.getTodaysDate()\r\n\r\n newEndDate = input.build({\r\n id: 'newEndDate',\r\n type: 'date',\r\n label: 'End Date',\r\n style: 'secondary',\r\n });\r\n coPay = input.build({\r\n id: 'coPay',\r\n type: 'number',\r\n label: 'Copay %',\r\n style: 'secondary',\r\n attributes: [\r\n { key: 'min', value: '0' },\r\n { key: 'max', value: '99' },\r\n {\r\n key: 'onkeypress',\r\n value: 'return event.charCode >= 48 && event.charCode <= 57',\r\n },\r\n ],\r\n });\r\n\r\n allocation = input.build({\r\n id: 'allocation',\r\n type: 'text',\r\n label: 'Allocation',\r\n style: 'secondary',\r\n value: '$',\r\n });\r\n\r\n fundingSourceDropdown = dropdown.build({\r\n id: 'fundingSourceDropdown',\r\n label: \"Payee\",\r\n dropdownId: \"fundingSourceDropdown\",\r\n });\r\n\r\n APPLY_BTN = button.build({\r\n text: 'SAVE',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n if (!APPLY_BTN.classList.contains('disabled')) {\r\n await saveAuthorizationData(familyId);\r\n POPUP.hide(authorizationPopup);\r\n }\r\n },\r\n });\r\n\r\n CANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n });\r\n\r\n authorizationPopup.appendChild(heading);\r\n authorizationPopup.appendChild(newStartDate);\r\n authorizationPopup.appendChild(newEndDate);\r\n authorizationPopup.appendChild(coPay);\r\n authorizationPopup.appendChild(allocation);\r\n authorizationPopup.appendChild(fundingSourceDropdown);\r\n var popupbtnWrap = document.createElement('div');\r\n popupbtnWrap.classList.add('btnWrap');\r\n popupbtnWrap.appendChild(APPLY_BTN);\r\n popupbtnWrap.appendChild(CANCEL_BTN);\r\n authorizationPopup.appendChild(popupbtnWrap);\r\n\r\n POPUP.show(authorizationPopup);\r\n fundingDropdownPopulate();\r\n authorizationPopupEventListeners();\r\n authorizationRequiredFieldsOfPopup();\r\n }\r\n\r\n function authorizationPopupEventListeners() {\r\n coPay.addEventListener('input', event => {\r\n coPayVal = event.target.value;\r\n authorizationRequiredFieldsOfPopup();\r\n });\r\n\r\n allocation.addEventListener('input', event => {\r\n allocationVal = event.target.value;\r\n var reg = new RegExp('^[0-9 . $ -]+$');\r\n if (!reg.test(allocationVal)) {\r\n document.getElementById('allocation').value = '$';\r\n }\r\n else if (allocationVal.includes('.') && (allocationVal.match(/\\./g).length > 1 || allocationVal.toString().split('.')[1].length > 2)) {\r\n document.getElementById('allocation').value = '$';\r\n }\r\n if (allocationVal.includes('-') || allocationVal.includes(' ')) {\r\n document.getElementById('allocation').value = '$';\r\n }\r\n if (allocationVal.includes('$') && allocationVal.match(/\\$/g).length > 1) {\r\n document.getElementById('allocation').value = '$';\r\n }\r\n allocationVal = allocationVal.replace('$', '');\r\n authorizationRequiredFieldsOfPopup();\r\n });\r\n\r\n fundingSourceDropdown.addEventListener('change', event => {\r\n fundingSourceVal = event.target.options[event.target.selectedIndex].id;\r\n authorizationRequiredFieldsOfPopup();\r\n });\r\n newStartDate.addEventListener('input', event => {\r\n startDateVal = event.target.value;\r\n authorizationRequiredFieldsOfPopup();\r\n });\r\n newEndDate.addEventListener('input', event => {\r\n endDateVal = event.target.value;\r\n authorizationRequiredFieldsOfPopup();\r\n });\r\n\r\n CANCEL_BTN.addEventListener('click', () => {\r\n POPUP.hide(authorizationPopup);\r\n });\r\n }\r\n\r\n function authorizationRequiredFieldsOfPopup() {\r\n var allocate = allocation.querySelector('#allocation');\r\n var fundingSource = fundingSourceDropdown.querySelector('#fundingSourceDropdown');\r\n var startDate = newStartDate.querySelector('#newStartDate');\r\n var endDate = newEndDate.querySelector('#newEndDate');\r\n var cPay = coPay.querySelector('#coPay');\r\n\r\n var reg = new RegExp('^[0-9 . $ -]+$');\r\n\r\n if (fundingSource.value === '') {\r\n fundingSourceDropdown.classList.add('errorPopup');\r\n } else {\r\n fundingSourceDropdown.classList.remove('errorPopup');\r\n }\r\n\r\n if (cPay.value != '' && parseInt(cPay.value) > 99) {\r\n coPay.classList.add('errorPopup');\r\n } else {\r\n coPay.classList.remove('errorPopup');\r\n }\r\n\r\n if (allocate.value === '' || allocate.value === '$' || allocate.value.includes('-') || !reg.test(allocate.value)) {\r\n allocation.classList.add('errorPopup');\r\n } else {\r\n allocation.classList.remove('errorPopup');\r\n }\r\n\r\n if (startDate.value === '') {\r\n newStartDate.classList.add('errorPopup');\r\n } else {\r\n newStartDate.classList.remove('errorPopup');\r\n }\r\n\r\n if (endDate.value === '' || startDate.value > endDate.value) {\r\n newEndDate.classList.add('errorPopup');\r\n } else {\r\n newEndDate.classList.remove('errorPopup');\r\n }\r\n\r\n setAuthorizationBtnStatusOfPopup();\r\n }\r\n\r\n async function fundingDropdownPopulate() {\r\n const {\r\n getFundingResult: Fundings,\r\n } = await FSSAjax.getFunding();\r\n\r\n let data = Fundings.map((fundings) => ({\r\n id: fundings.id,\r\n value: fundings.id,\r\n text: fundings.name\r\n }));\r\n data.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"fundingSourceDropdown\", data, '');\r\n }\r\n\r\n function setAuthorizationBtnStatusOfPopup() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.errorPopup'));\r\n if (hasErrors.length !== 0) {\r\n APPLY_BTN.classList.add('disabled');\r\n return;\r\n } else {\r\n APPLY_BTN.classList.remove('disabled');\r\n }\r\n }\r\n\r\n async function saveAuthorizationData(familyId) {\r\n await FSSAjax.insertAuthorization({\r\n token: $.session.Token,\r\n coPay: coPayVal,\r\n allocation: allocationVal,\r\n fundingSource: fundingSourceVal,\r\n startDate: startDateVal,\r\n endDate: endDateVal,\r\n userId: $.session.UserId,\r\n familyID: familyId,\r\n });\r\n applyFilter();\r\n }\r\n\r\n\r\n\r\n function addFamilyUtilization(familyId, authId, fundingSourceID) {\r\n\r\n UtilizationPopup = POPUP.build({\r\n classNames: ['rosterFilterPopup'],\r\n hideX: true,\r\n });\r\n\r\n const heading = document.createElement('h2');\r\n heading.innerText = 'New Family Utilization';\r\n\r\n // inputs \r\n familyMemberDropdown = dropdown.build({\r\n id: 'familyMemberDropdown',\r\n label: \"Family Member\",\r\n dropdownId: \"familyMemberDropdown\",\r\n });\r\n\r\n serviceCodeDropdown = dropdown.build({\r\n id: 'serviceCodeDropdown',\r\n label: \"Service Code\",\r\n dropdownId: \"serviceCodeDropdown\",\r\n });\r\n\r\n vendorDropdown = dropdown.build({\r\n id: 'vendorDropdown',\r\n label: \"Vendor\",\r\n dropdownId: \"vendorDropdown\",\r\n });\r\n\r\n encumberedInputs = input.build({\r\n id: 'encumbered',\r\n type: 'text',\r\n label: 'Encumbered',\r\n style: 'secondary',\r\n });\r\n\r\n paidAmountInputs = input.build({\r\n id: 'paidAmountInputs',\r\n type: 'text',\r\n label: 'Paid amount',\r\n style: 'secondary',\r\n });\r\n\r\n datePaid = input.build({\r\n id: 'datePaid',\r\n type: 'date',\r\n label: 'Date Paid',\r\n style: 'secondary',\r\n });\r\n\r\n UAPPLY_BTN = button.build({\r\n text: 'SAVE',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n if (!UAPPLY_BTN.classList.contains('disabled')) {\r\n await saveUtilizationData(familyId, authId);\r\n POPUP.hide(UtilizationPopup);\r\n }\r\n },\r\n });\r\n\r\n UCANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n });\r\n var LineBr = document.createElement('br');\r\n UtilizationPopup.appendChild(heading);\r\n UtilizationPopup.appendChild(LineBr);\r\n UtilizationPopup.appendChild(LineBr);\r\n UtilizationPopup.appendChild(familyMemberDropdown);\r\n UtilizationPopup.appendChild(serviceCodeDropdown);\r\n UtilizationPopup.appendChild(vendorDropdown);\r\n\r\n\r\n UtilizationPopup.appendChild(encumberedInputs);\r\n UtilizationPopup.appendChild(paidAmountInputs);\r\n\r\n UtilizationPopup.appendChild(datePaid);\r\n\r\n var popupbtnWrap = document.createElement('div');\r\n popupbtnWrap.classList.add('btnWrap');\r\n popupbtnWrap.appendChild(UAPPLY_BTN);\r\n popupbtnWrap.appendChild(UCANCEL_BTN);\r\n UtilizationPopup.appendChild(popupbtnWrap);\r\n\r\n POPUP.show(UtilizationPopup);\r\n UtilizationDropdownPopulate(fundingSourceID);\r\n UtilizationPopupEventListeners();\r\n UtilizationRequiredFieldsOfPopup();\r\n }\r\n\r\n function UtilizationPopupEventListeners() { \r\n encumberedInputs.addEventListener('input', event => {\r\n encumberedInputsVal = event.target.value;\r\n });\r\n familyMemberDropdown.addEventListener('change', event => {\r\n familyMemberDropdownVal = event.target.options[event.target.selectedIndex].id;\r\n UtilizationRequiredFieldsOfPopup();\r\n });\r\n serviceCodeDropdown.addEventListener('change', event => {\r\n serviceCodeDropdownVal = event.target.options[event.target.selectedIndex].id;\r\n UtilizationRequiredFieldsOfPopup();\r\n });\r\n vendorDropdown.addEventListener('change', event => {\r\n vendorDropdownVal = event.target.options[event.target.selectedIndex].id;\r\n });\r\n paidAmountInputs.addEventListener('input', event => {\r\n paidAmountInputsVal = event.target.value;\r\n UtilizationRequiredFieldsOfPopup();\r\n });\r\n datePaid.addEventListener('input', event => {\r\n datePaidVal = event.target.value;\r\n UtilizationRequiredFieldsOfPopup();\r\n });\r\n\r\n UCANCEL_BTN.addEventListener('click', () => {\r\n POPUP.hide(UtilizationPopup);\r\n });\r\n }\r\n\r\n function UtilizationRequiredFieldsOfPopup() {\r\n var familyMemberVal = familyMemberDropdown.querySelector('#familyMemberDropdown');\r\n var serviceCodeVal = serviceCodeDropdown.querySelector('#serviceCodeDropdown');\r\n var paidAmountval = paidAmountInputs.querySelector('#paidAmountInputs');\r\n var datePaidVal = datePaid.querySelector('#datePaid');\r\n\r\n if (familyMemberVal.value === '') {\r\n familyMemberDropdown.classList.add('errorPopup');\r\n } else {\r\n familyMemberDropdown.classList.remove('errorPopup');\r\n }\r\n\r\n if (serviceCodeVal.value === '') {\r\n serviceCodeDropdown.classList.add('errorPopup');\r\n } else {\r\n serviceCodeDropdown.classList.remove('errorPopup');\r\n }\r\n\r\n if (paidAmountval.value === '' && datePaidVal.value != '') {\r\n paidAmountInputs.classList.add('errorPopup');\r\n } else {\r\n paidAmountInputs.classList.remove('errorPopup');\r\n }\r\n\r\n if (datePaidVal.value === '' && paidAmountval.value != '') {\r\n datePaid.classList.add('errorPopup');\r\n } else {\r\n datePaid.classList.remove('errorPopup');\r\n }\r\n\r\n setUtilizationBtnStatusOfPopup();\r\n }\r\n\r\n async function UtilizationDropdownPopulate(fundingSourceID) {\r\n const {\r\n getFamilyMembersDropDownResult: FamilyMembers,\r\n } = await FSSAjax.getFamilyMembersDropDown();\r\n\r\n let familyMembersData = FamilyMembers.map((familyMembers) => ({\r\n id: familyMembers.id,\r\n value: familyMembers.id,\r\n text: familyMembers.name\r\n }));\r\n familyMembersData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"familyMemberDropdown\", familyMembersData, '');\r\n\r\n const {\r\n getServiceCodesResult: ServiceCode,\r\n } = await FSSAjax.getServiceCodes(fundingSourceID);\r\n\r\n let serviceCodeData = ServiceCode.map((serviceCode) => ({\r\n id: serviceCode.id,\r\n value: serviceCode.id,\r\n text: serviceCode.name\r\n }));\r\n serviceCodeData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"serviceCodeDropdown\", serviceCodeData, '');\r\n\r\n const {\r\n getVendorsResult: Vendors,\r\n } = await FSSAjax.getVendors();\r\n\r\n let vendorsData = Vendors.map((vendors) => ({\r\n id: vendors.id,\r\n value: vendors.id,\r\n text: vendors.name\r\n }));\r\n vendorsData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"vendorDropdown\", vendorsData, '');\r\n }\r\n\r\n function setUtilizationBtnStatusOfPopup() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.errorPopup'));\r\n if (hasErrors.length !== 0) {\r\n UAPPLY_BTN.classList.add('disabled');\r\n return;\r\n } else {\r\n UAPPLY_BTN.classList.remove('disabled');\r\n }\r\n }\r\n\r\n async function saveUtilizationData(familyId, authId) {\r\n await FSSAjax.insertUtilization({\r\n token: $.session.Token,\r\n encumbered: encumberedInputsVal,\r\n familyMember: familyMemberDropdownVal,\r\n serviceCode: serviceCodeDropdownVal,\r\n paidAmount: paidAmountInputsVal,\r\n vendor: vendorDropdownVal,\r\n datePaid: datePaidVal,\r\n userId: $.session.UserId,\r\n familyID: familyId,\r\n authID: authId,\r\n consumerID: selectedConsumersId,\r\n });\r\n applyFilter();\r\n }\r\n\r\n function formatDate(date) {\r\n if (!date) return '';\r\n\r\n return UTIL.abbreviateDateYear(UTIL.formatDateFromIso(date.split('T')[0]));\r\n }\r\n function init() {\r\n setActiveModuleAttribute('FSS');\r\n DOM.clearActionCenter();\r\n roster2.showMiniRoster();\r\n }\r\n\r\n return {\r\n init,\r\n handleActionNavEvent,\r\n loadFSSLanding,\r\n };\r\n})(); \r\n","var FSSAjax = (function () {\r\n // FSS Main/Landing Page\r\n \r\n async function getFSSPageData(retrieveData) {\r\n // token\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getFSSPageData/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.getFSSPageDataResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n function getActiveInactiveFamilylist(dataObj, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getActiveInactiveFamilylist/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\",\"isActive\":\"' +\r\n dataObj.isActive +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getActiveInactiveFamilylistResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) { },\r\n });\r\n }\r\n\r\n async function getFamilyInfoByID(familyId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getFamilyInfoByID/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"familyId\":\"' +\r\n familyId +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function updateFamilyInfo(retrieveData) {\r\n // token\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateFamilyInfo/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.updateFamilyInfoResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n async function getFamilyMembers(familyID) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getFamilyMembers/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"familyID\":\"' +\r\n familyID +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getMembers() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getMembers/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token + \r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function insertMemberInfo(retrieveData) {\r\n // token\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertMemberInfo/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.insertMemberInfoResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n async function deleteMemberInfo(retrieveData) {\r\n // token\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/deleteMemberInfo/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.deleteMemberInfoResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n async function getFunding() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getFunding/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function insertAuthorization(retrieveData) {\r\n // token\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertAuthorization/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.insertAuthorizationResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n async function insertUtilization(retrieveData) {\r\n // token\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertUtilization/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.insertUtilizationResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n async function getFamilyMembersDropDown() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getFamilyMembersDropDown/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getServiceCodes(fundingSourceID) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getServiceCodes/',\r\n data:\r\n '{\"fundingSourceID\":\"' +\r\n fundingSourceID +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getVendors() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getVendors/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n\r\n return {\r\n getFSSPageData,\r\n getActiveInactiveFamilylist,\r\n getFamilyInfoByID,\r\n updateFamilyInfo,\r\n getFamilyMembers,\r\n getMembers,\r\n insertMemberInfo,\r\n deleteMemberInfo,\r\n getFunding,\r\n insertAuthorization,\r\n insertUtilization,\r\n getFamilyMembersDropDown,\r\n getServiceCodes,\r\n getVendors\r\n };\r\n})();\r\n","var incidentTracking = (function() {\r\n // DATA\r\n\t//---------------------\r\n\tvar involvementTypes;\r\n var incidentLocations;\r\n\tvar categories;\r\n var employeeNames;\r\n\r\n function getInvolvementTypes() {\r\n if (involvementTypes) return [...involvementTypes];\r\n }\r\n function getLocations() {\r\n if (incidentLocations) return [...incidentLocations];\r\n }\r\n function getCategories() {\r\n if (categories) return [...categories];\r\n }\r\n function getEmployeeNames() {\r\n if (employeeNames) return [...employeeNames];\r\n }\r\n function getDropdownData(callback) {\r\n // gets all the data needed for dropdowns\r\n var getInvolvementTypesPromise = new Promise((fulfill, reject) => {\r\n incidentTrackingAjax.getInvolvementTypeData(results => {\r\n involvementTypes = results;\r\n fulfill();\r\n });\r\n });\r\n var getIncidentCategoriesPromise = new Promise((fulfill, reject) => {\r\n incidentTrackingAjax.getIncidentCategories(results => {\r\n categories = results;\r\n fulfill();\r\n });\r\n });\r\n var getIncidentLocationDetailPromise = new Promise((fulfill, reject) => {\r\n incidentTrackingAjax.getIncidentLocationDetail(results => {\r\n incidentLocations = results;\r\n fulfill();\r\n });\r\n });\r\n var getEmployeesInvolvedEmployeeDropdownPromise = new Promise((fulfill, reject) => {\r\n incidentTrackingAjax.getEmployeesInvolvedEmployeeDropdown(results => {\r\n employeeNames = results;\r\n fulfill();\r\n });\r\n });\r\n\r\n Promise.all([\r\n getInvolvementTypesPromise,\r\n getIncidentCategoriesPromise,\r\n getIncidentLocationDetailPromise,\r\n getEmployeesInvolvedEmployeeDropdownPromise\r\n ]).then(() => {\r\n callback();\r\n });\r\n }\r\n\r\n function loadLandingPage() {\r\n var newIncidentBtn = button.build({\r\n text: 'New Incident',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: newIncident.init\r\n });\r\n var overviewBtn = button.build({\r\n text: 'Review Incidents',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: incidentOverview.init\r\n });\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('landingBtnWrap');\r\n\r\n btnWrap.appendChild(newIncidentBtn);\r\n btnWrap.appendChild(overviewBtn);\r\n\r\n PROGRESS.SPINNER.show('Loading Incident Tracking...');\r\n getDropdownData(() => {\r\n DOM.clearActionCenter();\r\n DOM.ACTIONCENTER.appendChild(btnWrap);\r\n });\r\n }\r\n\r\n return {\r\n getInvolvementTypes,\r\n getLocations,\r\n getCategories,\r\n getEmployeeNames,\r\n loadLandingPage,\r\n getDropdownData, //For Dashboard\r\n }\r\n})();","var incidentTrackingAjax = (function () {\r\n //'use-strict';\r\n //Incident Save\r\n //Send incident notification\r\n function sendNotification(notificationType, employeeId, data) {\r\n // notificationType either Insert or Update\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/sendITNotification/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\",\"notificationType\":\"' +\r\n notificationType +\r\n '\",\"employeeId\":\"' +\r\n employeeId +\r\n '\",\"incidentTypeDesc\":\"' +\r\n data.incidentTypeDesc +\r\n '\",\"incidentDate\":\"' +\r\n data.incidentDate +\r\n '\",\"incidentTime\":\"' +\r\n data.incidentTime +\r\n '\",\"subcategoryId\":\"' +\r\n data.subcategoryId +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getITInvolvementTypeDataResult;\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n\r\n //Drop Downs Creation\r\n //Involvment Types\r\n function getInvolvementTypeData(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getITInvolvementTypeData/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getITInvolvementTypeDataResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n\r\n //Incident Categories\r\n function getIncidentCategories(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getITIncidentCategories/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getITIncidentCategoriesResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n\r\n //Locations Detail\r\n function getIncidentLocationDetail(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getITIncidentLocationDetail/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getITIncidentLocationDetailResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n\r\n //Service Locations\r\n function getConsumerServiceLocations(consumerId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getITConsumerServiceLocations/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"consumerId\":\"' + consumerId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getITConsumerServiceLocationsResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n\r\n //Days back\r\n function updateIncidentTrackingDaysBack() {\r\n updatedReviewDays = $('#incidenttrackingdaysback').val();\r\n if (parseInt(updatedReviewDays) > parseInt('365')) {\r\n updatedReviewDays = 365;\r\n $('#incidenttrackingdaysback').val('365');\r\n alert('Days back must be 365 or less.');\r\n }\r\n $.session.defaultIncidentTrackingReviewDays = updatedReviewDays;\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateIncidentTrackingDaysBack/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"updatedReviewDays\":\"' + updatedReviewDays + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.updateIncidentTrackingDaysBackResult;\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n\r\n //Get review table data\r\n function getITReviewTableData(retrieveData, callback) {\r\n //retrieveData is = token, userId, locationId, consumerId, employeeId, subcategoryId, fromDate, toDate\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getITReviewTableData/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getITReviewTableDataResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n // callback(error, null);\r\n },\r\n });\r\n }\r\n\r\n //Review page locations\r\n function getReviewPageLocations(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getLocationsIncidentTrackingReviewPage/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getLocationsIncidentTrackingReviewPageResult;\r\n callback(res);\r\n //var allString = '\").addClass(\"infalHolder\"),\r\n header = $(\"
\").addClass(\"infalHeader\").appendTo(holder),\r\n headerText = $(\"\").addClass(\"infalHeaderText\").html(\"Infal TimeClock\").appendTo(header),\r\n body = $(\"
\").addClass(\"infalBody\").appendTo(holder),\r\n dropdown = $(\"\").appendTo(body),\r\n button = $(\"\").addClass(\"infalBodyButton\").html(\" \").appendTo(body);\r\n\r\n $(\"#actioncenter\").append(holder);\r\n\r\n InfalGetJobsAjax();\r\n}\r\n\r\nfunction getInfalUsernameDataSetter() {\r\n empId = readCookie(\"id\");\r\n infalAjax.getInfalUserNameAjax(empId, setInfalUserNameToScreen);//Still need to add and implement callback\r\n}\r\n\r\nfunction setInfalUserNameToScreen(res) {\r\n var name = '';\r\n $('result', res).each(function () {\r\n //$.session.Name = $('name', this).text();\r\n name = $('name', this).text();\r\n });\r\n var t = name.split(',');\r\n name = t[1] + ' ' + t[0];\r\n $(\"#firstName\").text(name);\r\n}","var infalAjax = (function() {\r\n\r\n function InfalGetJobsAjax(empId, callback) {\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/InfalGetJobs/\",\r\n //data: '{\"id\":\"' + $.session.PeopleId + '\"}',\r\n //data: '{\"id\":\"' + 1308 + '\"}',\r\n data: JSON.stringify(empId),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = JSON.parse(response.InfalGetJobsResult);\r\n callback(null, res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(error, null);\r\n },\r\n });\r\n } \r\n \r\n function InfalGetClockInsAndOutsAjax(empId, callback) {\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/InfalGetClockInsAndOuts/\",\r\n data: JSON.stringify(empId),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = JSON.parse(response.InfalGetClockInsAndOutsResult);\r\n callback(null, res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(error, null);\r\n },\r\n });\r\n }\r\n \r\n function InfalClockInAjax(data, callback) {\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/InfalClockIn/\",\r\n //data: '{\"id\":\"' + $.session.PeopleId + '\"}',\r\n data: JSON.stringify(data),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n resObj = JSON.parse(res);\r\n callback(resObj);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(error, null);\r\n },\r\n });\r\n }\r\n \r\n function InfalClockOutAjax(data, callback) {\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/InfalClockOut/\",\r\n //data: '{\"id\":\"' + $.session.PeopleId + '\"}',\r\n data: JSON.stringify(data),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n callback(null, res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(error, null);\r\n },\r\n });\r\n }\r\n \r\n function getInfalUserNameAjax(empId, callback) {\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/getInfalUserName/\",\r\n data: '{\"empId\":\"' + empId + '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(error, null);\r\n },\r\n });\r\n }\r\n\r\n\treturn {\r\n InfalGetJobsAjax,\r\n InfalGetClockInsAndOutsAjax,\r\n InfalClockInAjax,\r\n InfalClockOutAjax,\r\n getInfalUserNameAjax\r\n\t};\r\n})();","const multiTabs = (function () {\r\n function notifyOtherTabs(message) {\r\n userActivityChannel.postMessage({ type: 'update' });\r\n }\r\n\r\n function newTabOpen(message) {\r\n userActivityChannel.postMessage({ type: 'newTab' });\r\n }\r\n\r\n return {\r\n notifyOtherTabs,\r\n newTabOpen\r\n };\r\n})();\r\n\r\nconst userActivityChannel = new BroadcastChannel('userActivityChannel');\r\n\r\nlocalStorage.setItem('activeChannel', true);\r\n\r\nlet isOriginalTab = true;\r\n\r\nfunction autoLogout() {\r\n var isPopupVisible = false;\r\n var idleTime = 0;\r\n var logoutInterval = setInterval(timerIncrement, 60000);\r\n\r\n function timerIncrement() {\r\n var timeLimit = parseInt($.session.anywhereMinutestotimeout);\r\n idleTime++;\r\n if (idleTime === timeLimit - 1) {\r\n POPUP.show(logoutPopup);\r\n isPopupVisible = true;\r\n }\r\n if (idleTime === timeLimit) setCookieOnFail('');\r\n }\r\n\r\n var logoutMessage = `You've been inactive for a while. For security purposes, we will automatically sign you out in approximately 1 minute.`;\r\n var logoutPopup = POPUP.build({});\r\n logoutPopup.innerHTML += logoutMessage;\r\n\r\n // Broadcast mouse movement event to other tabs\r\n document.addEventListener('mousemove', () => {\r\n if (isPopupVisible) {\r\n POPUP.hide(logoutPopup);\r\n isPopupVisible = false;\r\n }\r\n idleTime = 0;\r\n clearInterval(logoutInterval);\r\n logoutInterval = setInterval(timerIncrement, 60000);\r\n\r\n // Broadcast mouse movement event to other tabs\r\n userActivityChannel.postMessage({ type: 'mouseMove' });\r\n });\r\n\r\n // Broadcast keyboard activity event to other tabs\r\n document.addEventListener('keydown', () => {\r\n if (isPopupVisible) {\r\n POPUP.hide(logoutPopup);\r\n isPopupVisible = false;\r\n }\r\n idleTime = 0;\r\n clearInterval(logoutInterval);\r\n logoutInterval = setInterval(timerIncrement, 60000);\r\n\r\n // Broadcast keyboard activity event to other tabs\r\n userActivityChannel.postMessage({ type: 'keyPress' });\r\n });\r\n\r\n userActivityChannel.addEventListener('message', function (event) {\r\n const message = event.data;\r\n\r\n if (message.type === 'mouseMove' || message.type === 'keyPress') {\r\n // Reset idleTime to zero when there's user activity in other tabs\r\n idleTime = 0;\r\n } else if (message.type === 'buttonClick') {\r\n unloadApp($.loadedApp);\r\n setCookieOnFail('');\r\n } else if (message.type === 'newTab') {\r\n const element = document.getElementById('newTabsPopup');\r\n\r\n if (!element) {\r\n const newTabsPopup = POPUP.build({\r\n id: 'newTabsPopup',\r\n header: 'Attention!',\r\n hideX: true,\r\n });\r\n\r\n const message = document.createElement('p');\r\n message.classList.add('message');\r\n message.innerText =\r\n 'Opening multiple tabs simultaneously may lead to potential data corruption. For optimal system performance and to avoid any issues, please refrain from making changes in multiple tabs simultaneously.';\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n const continueBtn = button.build({\r\n text: 'Continue',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n POPUP.hide(newTabsPopup);\r\n },\r\n });\r\n\r\n btnWrap.appendChild(continueBtn);\r\n newTabsPopup.appendChild(message);\r\n newTabsPopup.appendChild(btnWrap);\r\n\r\n POPUP.show(newTabsPopup);\r\n }\r\n }\r\n });\r\n}\r\n\r\nfunction handleLogoutButtonClick() {\r\n unloadApp($.loadedApp);\r\n setCookieOnFail('');\r\n\r\n // Broadcast the button click event to other tabs\r\n userActivityChannel.postMessage({ type: 'buttonClick' });\r\n}","const oneSpan = (() => {\r\n let oneSpanDocumentStatus;\r\n let oneSpanDocumentData;\r\n\r\n async function checkOneSpanData(planId) {\r\n // Checks if the document has been signed and values are in our database\r\n oneSpanDocumentStatus = await oneSpanAjax.oneSpanCheckDocumentStatus({\r\n token: $.session.Token,\r\n assessmentId: planId\r\n });\r\n \r\n if (oneSpanDocumentStatus[0].signedStatus !== \"\") {\r\n const oneSpanRetrieveData = {\r\n token: $.session.Token,\r\n packageId: oneSpanDocumentStatus[0].packageId,\r\n assessmentID: planId\r\n }\r\n \r\n await oneSpanAjax.oneSpanGetSignedDocuments(oneSpanRetrieveData);\r\n }\r\n }\r\n\r\n function fireDataUpdateEvent(planId) {\r\n // custom event for event listener used on button to run disabled check\r\n const dataUpdateEvent = new CustomEvent(\"data-update\", {\r\n detail: {\r\n data: planId\r\n }\r\n })\r\n\r\n document.dispatchEvent(dataUpdateEvent)\r\n }\r\n\r\n async function shouldBeDisabled(btn, planId, signatureTypeToCheck) {\r\n // gathers the new list of team members and their signature types\r\n const updatedMemberData = await consentAndSignAjax.getConsentAndSignData({\r\n token: $.session.Token,\r\n assessmentId: planId,\r\n });\r\n\r\n // disables the btn if there are no team members\r\n if (updatedMemberData.length === 0) {\r\n btn.classList.add('disabled');\r\n }\r\n \r\n // if there is a digital signature type for any team member the button is no logner disabled\r\n for (let i = 0; i < updatedMemberData.length; i++) {\r\n if (updatedMemberData[i].signatureType.includes(signatureTypeToCheck) && updatedMemberData[i].signature === '') {\r\n btn.classList.remove('disabled');\r\n break;\r\n } else {\r\n btn.classList.add('disabled');\r\n }\r\n }\r\n }\r\n\r\n function buildPopupMessage() {\r\n const message = document.createElement('p');\r\n message.classList.add('message');\r\n message.innerText =\r\n 'Are you sure you want to send the Document via One Span?';\r\n return message;\r\n }\r\n\r\n async function sendToOneSpanProgress() {\r\n oneSpanPopup.style.display = 'none';\r\n pendingSave.show('Sending...');\r\n\r\n // Sends the document out via One Span\r\n const sentStatus = await oneSpanAjax.oneSpanBuildSigners(oneSpanDocumentData);\r\n\r\n if (sentStatus === 'success') {\r\n success = true;\r\n } else {\r\n success = false;\r\n }\r\n\r\n const pendingSavePopup = document.querySelector('.pendingSavePopup');\r\n pendingSavePopup.style.display = 'none';\r\n\r\n // Handles popup actions based on whether the One Span delivery was successsful\r\n if (success) {\r\n pendingSave.fulfill('Sent!');\r\n setTimeout(() => {\r\n const savePopup = document.querySelector('.successfulSavePopup');\r\n DOM.ACTIONCENTER.removeChild(savePopup);\r\n POPUP.hide(oneSpanPopup);\r\n }, 700);\r\n } else {\r\n pendingSave.reject('Failed to send, please try again.');\r\n setTimeout(() => {\r\n const failPopup = document.querySelector('.failSavePopup');\r\n DOM.ACTIONCENTER.removeChild(failPopup);\r\n oneSpanPopup.style.removeProperty('display');\r\n }, 2000);\r\n }\r\n }\r\n\r\n function showOneSpanPopup() { \r\n oneSpanPopup = POPUP.build({\r\n id: 'sendToOneSpanPopup',\r\n header: 'Send To One Span'\r\n });\r\n \r\n const message = buildPopupMessage();\r\n\r\n //* ACTION BUTTONS\r\n //*----------------------------------\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n const continueBtn = button.build({\r\n text: 'Continue',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n // Shows spinner while the document is being sent via One Span\r\n sendToOneSpanProgress();\r\n },\r\n });\r\n const cancelBtn = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n POPUP.hide(oneSpanPopup);\r\n },\r\n });\r\n \r\n btnWrap.appendChild(continueBtn);\r\n btnWrap.appendChild(cancelBtn);\r\n oneSpanPopup.appendChild(message);\r\n oneSpanPopup.appendChild(btnWrap);\r\n \r\n POPUP.show(oneSpanPopup);\r\n }\r\n\r\n function buildSendDocumentToOneSpanBtn(planId, teamMemberData) {\r\n const sendDocumentToOneSpanBtn =\r\n button.build({\r\n id: 'sig_addMember',\r\n text: 'REQUEST E-SIGNATURES',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n oneSpanDocumentData = {\r\n token: $.session.Token,\r\n assessmentID: planId,\r\n userID: $.session.PeopleId,\r\n versionID: 1,\r\n extraSpace: \"false\",\r\n isp: true,\r\n oneSpan: true\r\n },\r\n\r\n showOneSpanPopup(oneSpanDocumentData)\r\n }\r\n });\r\n\r\n sendDocumentToOneSpanBtn.classList.add('disabled');\r\n\r\n return sendDocumentToOneSpanBtn;\r\n } \r\n \r\n return {\r\n checkOneSpanData,//\r\n buildSendDocumentToOneSpanBtn,\r\n shouldBeDisabled,\r\n fireDataUpdateEvent,\r\n sendToOneSpanProgress//\r\n };\r\n })();","var oneSpanAjax = (function () {\r\n //'use-strict';\r\n\r\n async function oneSpanBuildSigners(retrieveData) {\r\n //token, assessmentID, userID, versionID, extraSpace, isp, oneSpan\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',//\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/oneSpanBuildSigners/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return await data.oneSpanBuildSignersResult; //\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n //function oneSpanBuildSigners() {\r\n // $.ajax({\r\n // type: 'POST',\r\n // url:\r\n // $.webServer.protocol + '://' +\r\n // $.webServer.address + ':' +\r\n // $.webServer.port + '/' +\r\n // $.webServer.serviceName + '/oneSpanBuildSigners/',\r\n // data: '{\"token\":\"' + $.session.Token + '\"}',\r\n // contentType: 'application/json; charset=utf-8',\r\n // dataType: 'json',\r\n // success: function (response, status, xhr) {\r\n // var res;\r\n // try {\r\n // res = response.oneSpanBuildSignersResult;\r\n // //callback(res, null);\r\n // } catch (e) {\r\n // // callback(null, error);\r\n // }\r\n // },\r\n // error: function (xhr, status, error) {\r\n // callback(error, null);\r\n // },\r\n // });\r\n //}\r\n async function oneSpanGetSignedDocuments(retrieveData) {\r\n // token, packageId, planId\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/oneSpanGetSignedDocuments/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return await data.oneSpanGetSignedDocumentsResult;\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n async function oneSpanCheckDocumentStatus(retrieveData) {\r\n // token, assessmentId\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/oneSpanCheckDocumentStatus/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return data.oneSpanCheckDocumentStatusResult;\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n return {\r\n oneSpanBuildSigners,\r\n oneSpanGetSignedDocuments,\r\n oneSpanCheckDocumentStatus,\r\n };\r\n})();\r\n","const OODEmployers = (() => {\r\n\r\n let addNewEmployerBtn;\r\n let rtnOODMainPageBtn;\r\n\r\n // insert/update employer data\r\n let employerId;\r\n let employerName = '';\r\n let employeraddress1 = '';\r\n let employeraddress2 = '';\r\n let employercity = '';\r\n let employerstate = '';\r\n let employerzipcode = '';\r\n\r\n //employer inputs \r\n let employerInput;\r\n let address1Input;\r\n let address2Input;\r\n let cityInput;\r\n let stateInput;\r\n let zipcodeInput;\r\n\r\n let saveBtn;\r\n let cancelBtn;\r\n\r\n async function init() {\r\n\r\n DOM.clearActionCenter();\r\n document.querySelectorAll('.consumerListBtn').forEach(e => e.remove());\r\n\r\n\r\n\r\n let container = document.createElement(\"div\");\r\n // container.classList.add(\"btnWrap\");\r\n var LineBr = document.createElement('br');\r\n\r\n addNewEmployerBtn = button.build({\r\n text: 'Add New Employer',\r\n style: 'secondary',\r\n type: 'contained',\r\n // icon: 'save',\r\n classNames: !$.session.OODInsert ? ['caseNoteSave', 'disabled'] : ['caseNoteSave'],\r\n callback: async () => { buildEmployerPopUp({}, 'insert') },\r\n });\r\n\r\n rtnOODMainPageBtn = button.build({\r\n text: 'Return to OOD Main Page',\r\n style: 'secondary',\r\n type: 'contained',\r\n // icon: 'save',\r\n classNames: ['caseNoteSave'],\r\n callback: async () => { OOD.loadOODLanding() },\r\n });\r\n\r\n OODEmployersTable = await buildEmployersTable();\r\n\r\n container.appendChild(addNewEmployerBtn);\r\n container.appendChild(LineBr);\r\n container.appendChild(OODEmployersTable);\r\n container.appendChild(LineBr);\r\n container.appendChild(rtnOODMainPageBtn);\r\n\r\n\r\n DOM.ACTIONCENTER.appendChild(container);\r\n }\r\n\r\n // build the listing of OOD Entries (based off of filter settings)\r\n async function buildEmployersTable() {\r\n const tableOptions = {\r\n plain: false,\r\n tableId: 'OODEmployersTable',\r\n columnHeadings: ['Employer', 'Address', 'City', 'State', 'Zip Code'],\r\n endIcon: true,\r\n // endIcon : ($.session.formsDelete) ? `${icons['delete']}` : null,\r\n\r\n };\r\n\r\n // FAKE DATA : build table data -- see forms.js line 93\r\n // const tableData = [{ values : ['My Employer', '123 State St', 'Kyzyl', 'OH'], endIcon : `${icons['delete']}`, onClick : async () => {buildEmployerPopUp()} }, \r\n // { values : ['Your Employer', '456 Main St', 'Santa Clause', 'IN'], endIcon : `${icons['delete']}`,onClick : async () => {buildEmployerPopUp()} } ];\r\n\r\n\r\n const { getActiveEmployersResult: activeEmployers } = await OODAjax.getActiveEmployersAsync();\r\n\r\n var filteredActiveEmployers = activeEmployers.filter((x) => x.employerId != 0);\r\n\r\n let tableData = filteredActiveEmployers.map((employer) => ({\r\n values: [employer.employerName, employer.address1 + ' ' + employer.address2, employer.city, employer.state, employer.zipcode],\r\n attributes: [{ key: 'employerId', value: employer.employerId }],\r\n endIcon: ((employer.isEmployerIdReferenced == '0') && $.session.OODDelete) ? `${icons['delete']}` : ' ',\r\n id: employer.employerId,\r\n endIconCallback: e => {\r\n e.stopPropagation();\r\n // alert('Delete')\r\n try {\r\n let tableRow = document.getElementById(employer.employerId)\r\n deleteConfirmation(employer.employerId, tableRow);\r\n return;\r\n } catch (err) {\r\n console.error(\"error: \", err);\r\n }\r\n },\r\n onClick: (e) => {\r\n if ($.session.OODUpdate) {\r\n OODAjax.getEmployer(employer.employerId, function (results) {\r\n buildEmployerPopUp(results, 'update');\r\n });\r\n }\r\n },\r\n\r\n }));\r\n\r\n\r\n const oTable = table.build(tableOptions);\r\n\r\n // Set the data type for each header, for sorting purposes\r\n const headers = oTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'string'); // Employer\r\n headers[1].setAttribute('data-type', 'string'); // Address\r\n headers[2].setAttribute('data-type', 'string'); // City\r\n headers[3].setAttribute('data-type', 'string'); // State \r\n headers[4].setAttribute('data-type', 'number'); // Zip Code \r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(oTable);\r\n\r\n table.populate(oTable, tableData);\r\n\r\n return oTable;\r\n }\r\n\r\n\r\n // build Employer pop-up used for adding/editing Employer information\r\n async function buildEmployerPopUp(employerdata, postType) {\r\n\r\n if (employerdata && Object.keys(employerdata).length !== 0) {\r\n\r\n employerId = employerdata[0].employerId;\r\n employerName = employerdata[0].employerName;\r\n employeraddress1 = employerdata[0].address1;\r\n employeraddress2 = employerdata[0].address2;\r\n employercity = employerdata[0].city;\r\n employerstate = employerdata[0].state;\r\n employerzipcode = employerdata[0].zipcode;\r\n\r\n } else {\r\n\r\n employerId = '';\r\n employerName = '';\r\n employeraddress1 = '';\r\n employeraddress2 = '';\r\n employercity = '';\r\n employerstate = '';\r\n employerzipcode = '';\r\n\r\n }\r\n\r\n let editEmployerPopup = POPUP.build({\r\n header: \"Edit this Employer\",\r\n hideX: true,\r\n id: \"editEmployerPopup\"\r\n });\r\n\r\n employerInput = input.build({\r\n id: 'employerInput',\r\n label: 'Employer',\r\n // value: (employerdata) ? employerdata[0].employerName : '',\r\n value: (employerName) ? employerName : '',\r\n });\r\n\r\n address1Input = input.build({\r\n label: 'Address',\r\n // value: (employerdata) ? employerdata[0].address1 : '',\r\n value: (employeraddress1) ? employeraddress1 : '',\r\n\r\n });\r\n\r\n address2Input = input.build({\r\n label: 'Address 2',\r\n //value: (employerdata) ? employerdata[0].address2 : '',\r\n value: (employeraddress2) ? employeraddress2 : '',\r\n\r\n });\r\n\r\n cityInput = input.build({\r\n label: 'City',\r\n // value: (employerdata) ? employerdata[0].city : '',\r\n value: (employercity) ? employercity : '',\r\n });\r\n\r\n stateInput = input.build({\r\n label: 'State',\r\n // value: (employerdata) ? employerdata[0].state : '',\r\n value: (employerstate) ? employerstate : '',\r\n\r\n });\r\n\r\n zipcodeInput = input.build({\r\n label: 'Zip Code',\r\n // value: (employerdata) ? employerdata[0].state : '',\r\n value: (employerzipcode) ? employerzipcode : '',\r\n\r\n });\r\n\r\n saveBtn = button.build({\r\n id: \"addEmployerSaveBtn\",\r\n text: \"save\",\r\n type: \"contained\",\r\n style: \"secondary\",\r\n classNames: 'disabled',\r\n //callback: () => POPUP.hide(editEmployerPopup) \r\n callback: () => editEmployerPopupDoneBtn(postType)\r\n });\r\n // this.saveButton = saveBtn;\r\n\r\n cancelBtn = button.build({\r\n id: \"addEmployerCancelBtn\",\r\n text: \"cancel\",\r\n type: \"outlined\",\r\n style: \"secondary\",\r\n callback: () => POPUP.hide(editEmployerPopup)\r\n });\r\n\r\n let btnWrap = document.createElement(\"div\");\r\n btnWrap.classList.add(\"btnWrap\");\r\n btnWrap.appendChild(saveBtn);\r\n btnWrap.appendChild(cancelBtn);\r\n // editEmployerPopup.appendChild(servicesDropdown);\r\n editEmployerPopup.appendChild(employerInput);\r\n editEmployerPopup.appendChild(address1Input);\r\n editEmployerPopup.appendChild(address2Input);\r\n editEmployerPopup.appendChild(cityInput);\r\n editEmployerPopup.appendChild(stateInput);\r\n editEmployerPopup.appendChild(zipcodeInput);\r\n editEmployerPopup.appendChild(btnWrap);\r\n\r\n popUpEventHandlers();\r\n\r\n POPUP.show(editEmployerPopup);\r\n\r\n checkRequiredFields();\r\n\r\n }\r\n\r\n function popUpEventHandlers() {\r\n\r\n employerInput.addEventListener('input', event => {\r\n employerName = event.target.value.trim(); \r\n checkRequiredFields();\r\n\r\n });\r\n\r\n address1Input.addEventListener('input', event => {\r\n employeraddress1 = event.target.value;\r\n\r\n });\r\n\r\n address2Input.addEventListener('input', event => {\r\n employeraddress2 = event.target.value;\r\n\r\n });\r\n\r\n cityInput.addEventListener('input', event => {\r\n employercity = event.target.value;\r\n\r\n });\r\n\r\n stateInput.addEventListener('input', event => {\r\n employerstate = event.target.value;\r\n\r\n });\r\n\r\n zipcodeInput.addEventListener('input', event => {\r\n employerzipcode = event.target.value;\r\n\r\n });\r\n\r\n }\r\n\r\n function checkRequiredFields() { \r\n var employrInput = employerInput.querySelector('#employerInput');\r\n\r\n if (employrInput.value.trim() === '') { \r\n employerInput.classList.add('error');\r\n } else {\r\n employerInput.classList.remove('error');\r\n }\r\n\r\n setBtnStatus();\r\n }\r\n\r\n function setBtnStatus() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.error'));\r\n if (hasErrors.length !== 0) {\r\n saveBtn.classList.add('disabled');\r\n return;\r\n } else {\r\n saveBtn.classList.remove('disabled');\r\n }\r\n\r\n if ($.session.OODInsert || $.session.OODUpdate) {\r\n saveBtn.classList.remove('disabled');\r\n } else {\r\n saveBtn.classList.add('disabled');\r\n }\r\n }\r\n\r\n // Event for Done BTN on the Edit Employer Popup Window\r\n async function editEmployerPopupDoneBtn(postType) {\r\n\r\n if (postType == 'insert') {\r\n\r\n const result = await OODAjax.insertEmployerAsync(employerName, employeraddress1, employeraddress2, employercity, employerstate, employerzipcode);\r\n const { insertEmployerResult } = result;\r\n let employerID = insertEmployerResult.employerId;\r\n\r\n if (employerID == '0') {\r\n warningPopup();\r\n } else {\r\n POPUP.hide(editEmployerPopup)\r\n successfulSave.show();\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n OODEmployers.init();\r\n }, 2000);\r\n }\r\n\r\n } else { //'update'\r\n POPUP.hide(editEmployerPopup)\r\n const result = await OODAjax.updateEmployerAsync(employerId, employerName, employeraddress1, employeraddress2, employercity, employerstate, employerzipcode);\r\n const { updateEmployerResult: { employerID } } = result;\r\n successfulSave.show();\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n OODEmployers.init();\r\n }, 2000);\r\n }\r\n }\r\n\r\n function deleteConfirmation(employerId, tableRow) {\r\n var deletepopup = POPUP.build({\r\n id: 'deleteWarningPopup',\r\n classNames: 'warning',\r\n });\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n var yesBtn = button.build({\r\n text: 'Yes',\r\n style: 'secondary',\r\n type: 'contained',\r\n icon: 'checkmark',\r\n callback: async function () {\r\n POPUP.hide(deletepopup);\r\n let result = await OODAjax.deleteEmployerAsync(employerId);\r\n if (result.deleteEmployerResult === \"1\") {\r\n tableRow.remove();\r\n }\r\n },\r\n });\r\n var noBtn = button.build({\r\n text: 'No',\r\n style: 'secondary',\r\n type: 'contained',\r\n icon: 'close',\r\n callback: function () {\r\n POPUP.hide(deletepopup);\r\n },\r\n });\r\n btnWrap.appendChild(yesBtn);\r\n btnWrap.appendChild(noBtn);\r\n var warningMessage = document.createElement('p');\r\n warningMessage.innerHTML = 'Are you sure you want to delete this employer?';\r\n deletepopup.appendChild(warningMessage);\r\n deletepopup.appendChild(btnWrap);\r\n POPUP.show(deletepopup);\r\n }\r\n\r\n function warningPopup() {\r\n var popup = POPUP.build({\r\n id: 'warningPopup',\r\n classNames: 'warning',\r\n });\r\n var OKBtn = button.build({\r\n text: 'OK',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(popup);\r\n overlay.show();\r\n },\r\n });\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(OKBtn);\r\n\r\n var warningMessage = document.createElement('p');\r\n warningMessage.innerHTML = \"This employer already exists.\";\r\n popup.appendChild(warningMessage);\r\n popup.appendChild(btnWrap);\r\n POPUP.show(popup);\r\n }\r\n\r\n return {\r\n init,\r\n\r\n };\r\n})(); ","const OOD = (() => {\r\n //Inputs\r\n let serviceDateInput;\r\n let serviceDate;\r\n const CLEAREDSERVICEDATE = '1970-01-01';\r\n\r\n let editEmployersBtn;\r\n let createFormsBtn;\r\n let createfilterPopupCreateBTN;\r\n let updateEmploymentGoalBtn;\r\n let employmentGoalText;\r\n let filterRow;\r\n let newEntryBtn;\r\n let newSummaryBtn;\r\n let OODEntriesTable;\r\n let OODConsumerBtns;\r\n let consumerRow;\r\n let consumerElement;\r\n let filterPopup;\r\n let createfilterPopup;\r\n\r\n // New Roster\r\n //let initRosterSelection;\r\n var enabledConsumers;\r\n var selectedConsumers;\r\n let selectedConsumerPeopleId;\r\n\r\n //filter\r\n let serviceDateStartInput;\r\n let serviceDateEndInput;\r\n let createServiceDateStartInput;\r\n let createServiceDateEndInput;\r\n \r\n let employeeDropdown;\r\n let servicesDropdown;\r\n let referenceNumbersDropdown;\r\n let createreferenceNumbersDropdown;\r\n let filterValues;\r\n let createFilterValues;\r\n let thisStartDate;\r\n let thisEndDate;\r\n\r\n let btnWrap;\r\n let serviceDateStartBtnWrap;\r\n let serviceDateEndBtnWrap;\r\n let employeeBtnWrap;\r\n let serviceBtnWrap;\r\n let referenceNumberBtnWrap;\r\n\r\n //service filter options\r\n const OODENTRIESFILTER = 'OODEntriesFilter';\r\n const FORM4MONTHLYSUMMARYSERVICES = 'Form4MonthlySummary';\r\n\r\n let consumerServicesDropdown;\r\n let consumerServicesDoneBtn;\r\n let selectConsumerServicePopup;\r\n let selectedConsumerServiceId;\r\n let selectedConsumerReferenceNumber;\r\n let selectedConsumerServiceType;\r\n let selectedConsumerFormNumber;\r\n let selectedConsumerServiceName;\r\n let summaryServicesDropdown;\r\n let summaryServicesDoneBtn;\r\n let selectSummaryServicePopup;\r\n\r\n let selectedConsumerIds;\r\n //let consumerServices;\r\n\r\n let employmentGoalTextarea;\r\n\r\n // get the Consumers selected from the Roster\r\n async function handleActionNavEvent(target) {\r\n var targetAction = target.dataset.actionNav;\r\n\r\n switch (targetAction) {\r\n case 'miniRosterDone': {\r\n selectedConsumers = roster2.getActiveConsumers();\r\n await loadOODLanding();\r\n DOM.toggleNavLayout();\r\n //\t\troster2.clearActiveConsumers();\r\n break;\r\n }\r\n case 'miniRosterCancel': {\r\n DOM.toggleNavLayout();\r\n loadApp('home');\r\n break;\r\n }\r\n }\r\n }\r\n\r\n // Build OOD Module Landing Page\r\n async function loadOODLanding() {\r\n DOM.clearActionCenter();\r\n DOM.scrollToTopOfPage();\r\n if (!document.querySelector('.consumerListBtn')) roster2.miniRosterinit();\r\n\r\n landingPage = document.createElement('div');\r\n selectedConsumers.forEach(consumer => {\r\n const consumerCard = buildConsumerCard(consumer);\r\n landingPage.appendChild(consumerCard);\r\n });\r\n\r\n filterRow = document.createElement('div');\r\n filterRow.classList.add('filterElement');\r\n\r\n const filteredBy = buildFilteredBy();\r\n\r\n // editEmployersBtn = buildEditEmployersBtn();\r\n\r\n filterRow.appendChild(filteredBy);\r\n // filterRow.appendChild(editEmployersBtn);\r\n\r\n \r\n await planAjax.getConsumerPeopleId(selectedConsumers[0].id, function (results) {\r\n selectedConsumerPeopleId = results[0].id;\r\n \r\n });\r\n\r\n const { getEmploymentGoalResult: EmploymentGoal } = await OODAjax.getEmploymentGoal(\r\n selectedConsumerPeopleId,\r\n );\r\n\r\n employmentGoalText = EmploymentGoal;\r\n\r\n let employmentGoalDIV = document.createElement('div');\r\n\r\n \r\n let employmentGoalMessage = document.createElement('p');\r\n employmentGoalMessage.innerHTML =\r\n `Employment Goal: ${EmploymentGoal}`;\r\n\r\n updateEmploymentGoalBtn = buildUpdateEmploymentGoalsBtn();\r\n updateEmploymentGoalBtn.setAttribute('max-width', '100px: !importatnt;');\r\n \r\n\r\n employmentGoalDIV.classList.add(\"EmployeeGoal\");\r\n employmentGoalDIV.appendChild(employmentGoalMessage) \r\n if ($.session.OODUpdate) employmentGoalDIV.appendChild(updateEmploymentGoalBtn);\r\n\r\n // employmentGoalDIV.appendChild(employmentGoalMessage);\r\n // employmentGoalDIV.appendChild(updateEmploymentGoalBtn);\r\n\r\n landingPage.appendChild(filterRow);\r\n landingPage.appendChild(employmentGoalDIV);\r\n OODEntriesTable = await buildOODEntriesTable(filterValues);\r\n landingPage.appendChild(OODEntriesTable);\r\n\r\n DOM.ACTIONCENTER.appendChild(landingPage);\r\n }\r\n\r\n // build the listing of OOD Entries (based off of filter settings)\r\n async function buildOODEntriesTable(filterValues) {\r\n const tableOptions = {\r\n plain: false,\r\n tableId: 'OODEntriesTable',\r\n columnHeadings: [\r\n 'Service Date',\r\n 'Consumer',\r\n 'Service',\r\n 'Reference No',\r\n 'User Updated',\r\n 'Employer',\r\n ],\r\n endIcon: false,\r\n };\r\n\r\n // FAKE DATA : build table data -- see forms.js line 93\r\n //const tableData = [{ values : ['11/09/2021', 'Aaron, Aaron', 'LPA'], onClick : () => {OODForm4MonthlyPlacement.init(currentConsumer)}, attributes : [{ key: 'consumerId', value: '10000030' }, { key: 'contactsId', value: '686614946775283' } ]},\r\n //\t\t\t\t\t{ values : ['11/11/2021', 'Abrams, Jackie', 'IPA'], onClick : () => {OODForm4MonthlyPlacement.init(currentConsumer)}, attributes : [{ key: 'consumerId', value: '10000241' }, { key: 'reviewId', value: '686614946775290' } ]} ];\r\n\r\n selectedConsumerIds = selectedConsumers.map(function (x) {\r\n return x.id;\r\n });\r\n //TODO JOE: FORM 8 -- Need to include in OODEntries serviceType: T1 and T2 -- Need to UpdateSP _OODEntries with EM_Service_Names.Template_Num\r\n const { getOODEntriesResult: OODEntries } = await OODAjax.getOODEntriesAsync(\r\n selectedConsumerIds.join(', '),\r\n filterValues.serviceDateStart,\r\n filterValues.serviceDateEnd,\r\n filterValues.userId,\r\n filterValues.serviceId,\r\n filterValues.referenceNumber, //reference number\r\n );\r\n\r\n // format the Completion Dates\r\n OODEntries.forEach(function (entry) {\r\n let newDate = new Date(entry.serviceDate);\r\n let theMonth = newDate.getMonth() + 1;\r\n let formatServiceDate =\r\n UTIL.leadingZero(theMonth) +\r\n '/' +\r\n UTIL.leadingZero(newDate.getDate()) +\r\n '/' +\r\n newDate.getFullYear();\r\n entry.serviceDate = formatServiceDate;\r\n });\r\n\r\n let tableData = OODEntries.map(entry => ({\r\n values: [\r\n entry.serviceDate,\r\n entry.consumerName,\r\n entry.serviceCode,\r\n entry.referenceNumber,\r\n entry.userUpdated,\r\n entry.employerName,\r\n ],\r\n //TODO JOE: add key: ServiceType value: entry.serviceType (T1 and T2)\r\n attributes: [\r\n {\r\n key: 'OODReportType',\r\n value: entry.employerName == 'Monthly Review' ? 'monthlySummary' : 'newEntry',\r\n },\r\n { key: 'consumerId', value: entry.consumerId },\r\n { key: 'Id', value: entry.ID },\r\n { key: 'userId', value: entry.userUpdated },\r\n { key: 'formNumber', value: Math.round(entry.formNumber) },\r\n ],\r\n onClick: e => {\r\n var rowConsumer = selectedConsumers.filter(function (x) {\r\n return x.id == entry.consumerId;\r\n });\r\n //TODO JOE: add to the if clause below (Form4) and add two more ifs to cover the Form 8 ---\r\n //TODO JOE: if (rowConsumer[0] && e.target.attributes.OODReportType.value === 'newEntry' && e.target.attributes.serviceType.value === 'T1')\r\n // TODO JOE: Will also need two new SP to get the Form 8 data\r\n if (\r\n rowConsumer[0] &&\r\n e.target.attributes.OODReportType.value === 'newEntry' &&\r\n e.target.attributes.formNumber.value === '4'\r\n ) {\r\n OODAjax.getForm4MonthlyPlacementEditData(\r\n e.target.attributes.Id.value,\r\n function (results) {\r\n OODForm4MonthlyPlacement.init(\r\n results,\r\n rowConsumer[0],\r\n undefined,\r\n undefined,\r\n e.target.attributes.userId.value,\r\n undefined,\r\n );\r\n },\r\n );\r\n }\r\n if (\r\n rowConsumer[0] &&\r\n e.target.attributes.OODReportType.value === 'monthlySummary' &&\r\n e.target.attributes.formNumber.value === '4'\r\n ) {\r\n OODAjax.getForm4MonthlySummary(e.target.attributes.Id.value, function (results) {\r\n OODForm4MonthlySummary.init(\r\n results,\r\n rowConsumer[0],\r\n undefined,\r\n e.target.attributes.userId.value,\r\n );\r\n });\r\n }\r\n\r\n if ( //NEED NEW AJAX TO GET Form 6 \r\n rowConsumer[0] &&\r\n e.target.attributes.OODReportType.value === 'newEntry' &&\r\n e.target.attributes.formNumber.value === '6'\r\n ) {\r\n OODAjax.getForm6Tier1andJDPLan(\r\n e.target.attributes.Id.value,\r\n function (results) {\r\n Tier1andJDPlanForm.init(\r\n results,\r\n rowConsumer[0],\r\n undefined,\r\n results[0].serviceName,\r\n undefined,\r\n e.target.attributes.userId.value,\r\n undefined,\r\n );\r\n },\r\n );\r\n }\r\n if (\r\n rowConsumer[0] &&\r\n e.target.attributes.OODReportType.value === 'newEntry' &&\r\n e.target.attributes.formNumber.value === '8'\r\n ) {\r\n OODAjax.getForm8CommunityBasedAssessment(\r\n e.target.attributes.Id.value,\r\n function (results) {\r\n communityBasedAssessmentForm.init(\r\n results,\r\n rowConsumer[0],\r\n undefined,\r\n results[0].serviceName,\r\n undefined,\r\n e.target.attributes.userId.value,\r\n undefined,\r\n );\r\n },\r\n );\r\n }\r\n if (\r\n rowConsumer[0] &&\r\n e.target.attributes.OODReportType.value === 'monthlySummary' &&\r\n e.target.attributes.formNumber.value === '8'\r\n ) {\r\n OODAjax.getForm8MonthlySummary(e.target.attributes.Id.value, function (results) {\r\n communityBasedAssessmentSummaryForm.init(\r\n results,\r\n rowConsumer[0],\r\n undefined,\r\n e.target.attributes.userId.value,\r\n );\r\n });\r\n }\r\n \r\n if (\r\n rowConsumer[0] &&\r\n e.target.attributes.OODReportType.value === 'newEntry' &&\r\n e.target.attributes.formNumber.value === '10'\r\n ) {\r\n OODAjax.getForm10TransportationData(\r\n e.target.attributes.Id.value,\r\n function (results) {\r\n OODFormTransportation.init(\r\n results,\r\n rowConsumer[0],\r\n undefined,\r\n undefined,\r\n e.target.attributes.userId.value,\r\n undefined,\r\n );\r\n },\r\n );\r\n }\r\n\r\n if ( //NEED NEW AJAX TO GET Form 16 \r\n rowConsumer[0] &&\r\n e.target.attributes.OODReportType.value === 'newEntry' &&\r\n e.target.attributes.formNumber.value === '16'\r\n ) {\r\n OODAjax.getForm16SummerYouthWorkExperience(\r\n e.target.attributes.Id.value,\r\n function (results) {\r\n summerYouthWorkExperienceForm.init(\r\n results,\r\n rowConsumer[0],\r\n undefined,\r\n results[0].serviceName,\r\n undefined,\r\n e.target.attributes.userId.value,\r\n undefined,\r\n );\r\n },\r\n );\r\n }\r\n if ( //NEED NEW AJAX TO GET Form 16\r\n rowConsumer[0] &&\r\n e.target.attributes.OODReportType.value === 'monthlySummary' &&\r\n e.target.attributes.formNumber.value === '16'\r\n ) {\r\n OODAjax.getForm16MonthlySummary(e.target.attributes.Id.value, function (results) {\r\n summerYouthWorkExperienceSummaryForm.init(\r\n results,\r\n rowConsumer[0],\r\n undefined,\r\n e.target.attributes.userId.value,\r\n );\r\n });\r\n }\r\n },\r\n }));\r\n\r\n const oTable = table.build(tableOptions);\r\n\r\n // Set the data type for each header, for sorting purposes\r\n const headers = oTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'date'); // Service date\r\n headers[1].setAttribute('data-type', 'string'); // Consumer\r\n headers[2].setAttribute('data-type', 'string'); // Service\r\n headers[3].setAttribute('data-type', 'number'); // Ref No \r\n headers[4].setAttribute('data-type', 'string'); // User Updated \r\n headers[5].setAttribute('data-type', 'string'); // Employer\r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(oTable);\r\n\r\n table.populate(oTable, tableData);\r\n\r\n return oTable;\r\n }\r\n\r\n // build display of selected consumers with their associated \"Entry\" buttons\r\n function buildConsumerCard(consumer) {\r\n consumerElement = document.createElement('div');\r\n consumerRow = document.createElement('div');\r\n consumerRow.classList.add('consumerHeader');\r\n\r\n consumer.card.classList.remove('highlighted');\r\n\r\n const consumerCard = document.createElement('div');\r\n consumerCard.classList.add('OODConsumerCard');\r\n\r\n consumerCard.appendChild(consumer.card);\r\n\r\n consumerCard.addEventListener('click', event => {\r\n var consumerId = event.target.dataset.consumerId;\r\n selectedConsumerIds = selectedConsumerIds.filter(id => id !== consumerId);\r\n selectedConsumers = selectedConsumers.filter(function (x) {\r\n return x.id !== consumerId;\r\n });\r\n roster2.removeConsumerFromActiveConsumers(consumerId);\r\n var activeConsumers = roster2.getActiveConsumers();\r\n activeConsumers.length === 0 ? roster2.showMiniRoster() : loadOODLanding();\r\n // event.target.parentElement.parentElement.remove();\r\n });\r\n\r\n consumerRow.appendChild(consumerCard);\r\n\r\n OODConsumerBtns = buildButtonBar(consumer);\r\n\r\n consumerRow.appendChild(OODConsumerBtns);\r\n var LineBr = document.createElement('br');\r\n\r\n consumerElement.appendChild(consumerRow);\r\n // consumerElement.appendChild(LineBr);\r\n\r\n return consumerElement;\r\n }\r\n\r\n // build display of \"Entry\" Buttons -- \"New Entry\" and \"New Monthly Summary\"\r\n function buildButtonBar(consumer) {\r\n const buttonBar = document.createElement('div');\r\n buttonBar.classList.add('OODbuttonBar');\r\n\r\n const entryBtn = button.build({\r\n text: 'New Entry',\r\n style: 'secondary',\r\n type: 'contained',\r\n attributes: [\r\n { key: 'consumerId', value: consumer.id },\r\n { key: 'btnType', value: 'newEntry' },\r\n ],\r\n classNames: !$.session.OODInsert ? ['newEntryBtn', 'disabled'] : ['newEntryBtn'],\r\n callback: () =>\r\n buildEntryServicePopUp(\r\n entryBtn.attributes.consumerid.value,\r\n entryBtn.attributes.btnType.value,\r\n ),\r\n });\r\n const summaryBtn = button.build({\r\n text: 'New Monthly Summary',\r\n style: 'secondary',\r\n type: 'contained',\r\n attributes: [\r\n { key: 'consumerId', value: consumer.id },\r\n { key: 'btnType', value: 'monthlySummary' },\r\n ],\r\n classNames: !$.session.OODInsert\r\n ? ['newMonthlySummaryBtn', 'disabled']\r\n : ['newMonthlySummaryBtn'],\r\n callback: () =>\r\n buildSummaryServicePopUp(\r\n summaryBtn.attributes.consumerid.value,\r\n summaryBtn.attributes.btnType.value,\r\n ),\r\n });\r\n editEmployersBtn = buildEditEmployersBtn();\r\n createFormsBtn = buildCreateFormsBtn();\r\n buildNewFilterBtn();\r\n\r\n const oodBtnsWrap = document.createElement('div');\r\n oodBtnsWrap.classList.add('OODbuttonBar__btnWrap');\r\n oodBtnsWrap.appendChild(entryBtn);\r\n oodBtnsWrap.appendChild(summaryBtn);\r\n oodBtnsWrap.appendChild(editEmployersBtn);\r\n oodBtnsWrap.appendChild(createFormsBtn);\r\n\r\n buttonBar.appendChild(oodBtnsWrap);\r\n\r\n return buttonBar;\r\n }\r\n\r\n // build Services pop-up that displays when an \"Entry\" button is clicked\r\n async function buildEntryServicePopUp(consumerId, btnType) {\r\n serviceDate = UTIL.getTodaysDate();\r\n //\tserviceDate = '2021-03-22';\r\n // TODO: the results of this AJAX call should be used in the call to function populateConsumerServiceCodeDropdown()\r\n const {\r\n //TODO JOE: Alter SP ANYW_OOD_getConsumerServiceCodes to include T1 (Form4) and T2 (Form8) services AND pass back T1 or T2 to include in the DDL items\r\n getConsumerServiceCodesResult: consumerServices,\r\n } = await OODAjax.getConsumerServiceCodesAsync(consumerId, serviceDate);\r\n\r\n if (consumerServices === undefined || consumerServices.length == 0) {\r\n buildNoServicesPopup(consumerId, btnType);\r\n } else {\r\n // services exist\r\n\r\n selectConsumerServicePopup = POPUP.build({\r\n header: 'Select a Service',\r\n hideX: true,\r\n id: 'selectServicePopup',\r\n });\r\n\r\n serviceDateInput = input.build({\r\n type: 'date',\r\n label: 'Service Date',\r\n style: 'secondary',\r\n value: UTIL.formatDateToIso(serviceDate.split(' ')[0]),\r\n attributes: [{ key: 'max', value: UTIL.getTodaysDate() }],\r\n });\r\n\r\n serviceDateInput.addEventListener('focusout', async event => {\r\n serviceDate = event.target.value;\r\n if (serviceDate === '') {\r\n serviceDate = CLEAREDSERVICEDATE;\r\n selectedConsumerServiceId = '';\r\n // selectedConsumerServiceType = '';\r\n selectedConsumerFormNumber = '';\r\n selectedConsumerServiceName = '';\r\n selectedConsumerReferenceNumber = '';\r\n await populateConsumerServiceCodeDropdown(consumerId, serviceDate);\r\n } else {\r\n const { getConsumerServiceCodesResult: consumerServices } =\r\n await OODAjax.getConsumerServiceCodesAsync(consumerId, serviceDate);\r\n\r\n if (consumerServices === undefined || consumerServices.length == 0) {\r\n servicePopupCancelBtn(btnType);\r\n buildNoServicesPopup(consumerId, btnType);\r\n } else {\r\n populateConsumerServiceCodeDropdown(consumerId, serviceDate);\r\n }\r\n }\r\n\r\n serviceDateInputRequired();\r\n consumerServicesDropDownRequired();\r\n });\r\n\r\n // serviceDateInput.addEventListener('keydown', event => {\r\n // \tevent.preventDefault();\r\n // \tevent.stopPropagation();\r\n // });\r\n\r\n consumerServicesDropdown = dropdown.build({\r\n label: 'Services',\r\n dropdownId: 'consumerServicesDropdown',\r\n });\r\n\r\n consumerServicesDoneBtn = button.build({\r\n id: 'consumerServicesDoneBtn',\r\n text: 'done',\r\n type: 'contained',\r\n style: 'secondary',\r\n classNames: 'disabled',\r\n callback: () => servicePopupDoneBtn(consumerId, btnType),\r\n });\r\n this.doneButton = consumerServicesDoneBtn;\r\n\r\n let cancelBtn = button.build({\r\n id: 'consumerServicesCancelBtn',\r\n text: 'cancel',\r\n type: 'outlined',\r\n style: 'secondary',\r\n callback: () => servicePopupCancelBtn(btnType),\r\n });\r\n\r\n let btnWrap = document.createElement('div');\r\n var LineBr = document.createElement('br');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(consumerServicesDoneBtn);\r\n btnWrap.appendChild(cancelBtn);\r\n selectConsumerServicePopup.appendChild(LineBr);\r\n selectConsumerServicePopup.appendChild(serviceDateInput);\r\n selectConsumerServicePopup.appendChild(consumerServicesDropdown);\r\n selectConsumerServicePopup.appendChild(btnWrap);\r\n\r\n populateConsumerServiceCodeDropdown(consumerId, serviceDate);\r\n\r\n consumerServicesDropdown.addEventListener('change', event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n\r\n if (selectedOption.value == 'SELECT') {\r\n selectedConsumerServiceId = '';\r\n // selectedConsumerServiceType = '';\r\n selectedConsumerFormNumber = '';\r\n selectedConsumerServiceName = '';\r\n selectedConsumerReferenceNumber = '';\r\n } else {\r\n // TODO JOE: selectedConsumerServiceType -- T1 and T2 -- need this new variable to determine whether the Form 4 (T1) or Form 8 (T2) is opened\r\n selectedConsumerServiceId = selectedOption.value;\r\n // selectedConsumerServiceType = selectedOption.id;\r\n selectedConsumerFormNumber = selectedOption.id;\r\n selectedConsumerServiceName = selectedOption.text;\r\n selectedConsumerReferenceNumber = selectedOption.text.split('# ')[1];\r\n }\r\n\r\n serviceDateInputRequired();\r\n consumerServicesDropDownRequired();\r\n });\r\n\r\n serviceDateInputRequired();\r\n consumerServicesDropDownRequired();\r\n\r\n POPUP.show(selectConsumerServicePopup);\r\n\r\n function consumerServicesDropDownRequired() {\r\n if (!selectedConsumerServiceId || selectedConsumerServiceId === '') {\r\n consumerServicesDropdown.classList.add('error');\r\n consumerServicesDoneBtn.classList.add('disabled');\r\n } else {\r\n consumerServicesDropdown.classList.remove('error');\r\n consumerServicesDoneBtn.classList.remove('disabled');\r\n serviceDateInputRequired();\r\n }\r\n }\r\n\r\n function serviceDateInputRequired() {\r\n var todayDate = new Date(UTIL.getTodaysDate().split('-').join('/'));\r\n var thisServiceDate = new Date(serviceDate.split('-').join('/'));\r\n if (\r\n !serviceDate ||\r\n serviceDate === CLEAREDSERVICEDATE ||\r\n dates.isAfter(thisServiceDate, todayDate)\r\n ) {\r\n serviceDateInput.classList.add('error');\r\n consumerServicesDoneBtn.classList.add('disabled');\r\n } else {\r\n serviceDateInput.classList.remove('error');\r\n consumerServicesDoneBtn.classList.remove('disabled');\r\n }\r\n }\r\n }\r\n }\r\n\r\n function buildNoServicesPopup(consumerId, btnType) {\r\n // no services for Monthly Placemnet form (ie, after clicking a consumer \"Entry\" btn)\r\n let noServicesPopup = POPUP.build({\r\n header: 'No Services found',\r\n hideX: true,\r\n id: 'noServicePopup',\r\n });\r\n\r\n let OKBtn = button.build({\r\n text: 'Ok',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(noServicesPopup);\r\n loadOODLanding();\r\n //buildEntryServicePopUp(consumerId, btnType)\r\n },\r\n });\r\n\r\n let btnWrap = document.createElement('div');\r\n let warningMessage = document.createElement('p');\r\n warningMessage.innerHTML =\r\n 'There are no authorized services for the selected consumer. Please contact your Advisor OOD Administrator to enter an authorization or select a different consumer.';\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(OKBtn);\r\n //noServicesPopup.appendChild(consumerServicesDropdown);\r\n noServicesPopup.appendChild(warningMessage);\r\n noServicesPopup.appendChild(btnWrap);\r\n overlay.show();\r\n POPUP.show(noServicesPopup);\r\n }\r\n\r\n // build Services pop-up that displays when an \"Monthly Summary\" button is clicked\r\n async function buildSummaryServicePopUp(consumerId, btnType) {\r\n selectSummaryServicePopup = POPUP.build({\r\n header: 'Select a Service',\r\n hideX: true,\r\n id: 'selectSummaryServicePopup',\r\n });\r\n\r\n summaryServicesDropdown = dropdown.build({\r\n label: 'Services',\r\n dropdownId: 'summaryServicesDropdown',\r\n });\r\n\r\n summaryServicesDoneBtn = button.build({\r\n id: 'summaryServicesDoneBtn',\r\n text: 'done',\r\n type: 'contained',\r\n style: 'secondary',\r\n classNames: 'disabled',\r\n callback: () => servicePopupDoneBtn(consumerId, btnType),\r\n });\r\n this.doneButton = summaryServicesDoneBtn;\r\n\r\n let cancelBtn = button.build({\r\n id: 'summaryServiceCancelBtn',\r\n text: 'cancel',\r\n type: 'outlined',\r\n style: 'secondary',\r\n callback: () => servicePopupCancelBtn(btnType),\r\n });\r\n\r\n let btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(summaryServicesDoneBtn);\r\n btnWrap.appendChild(cancelBtn);\r\n selectSummaryServicePopup.appendChild(summaryServicesDropdown);\r\n selectSummaryServicePopup.appendChild(btnWrap);\r\n\r\n populateMonthlySummaryServiceCodeDropdown(consumerId);\r\n\r\n summaryServicesDropdown.addEventListener('change', event => {\r\n selectedConsumerServiceId = event.target.value;\r\n // selectedConsumerServiceType = event.target.id;\r\n selectedConsumerFormNumber = event.target.id;\r\n selectedConsumerServiceName = event.target.text;\r\n });\r\n\r\n summaryServicesDropdown.addEventListener('change', event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n\r\n if (selectedOption.value == 'SELECT') {\r\n selectedConsumerServiceId = '';\r\n // selectedConsumerServiceType = '';\r\n selectedConsumerFormNumber = '';\r\n selectedConsumerServiceName = '';\r\n } else {\r\n // TODO JOE: selectedConsumerServiceType -- T1 and T2 -- need this new variable to determine whether the Form 4 (T1) or Form 8 (T2) is opened\r\n selectedConsumerServiceId = selectedOption.value;\r\n // selectedConsumerServiceType = selectedOption.id;\r\n selectedConsumerFormNumber = selectedOption.id;\r\n selectedConsumerServiceName = selectedOption.text;\r\n }\r\n summaryServicesDropDownRequired();\r\n });\r\n\r\n summaryServicesDropDownRequired();\r\n\r\n POPUP.show(selectSummaryServicePopup);\r\n\r\n function summaryServicesDropDownRequired() {\r\n if (!selectedConsumerServiceId || selectedConsumerServiceId === '') {\r\n summaryServicesDropdown.classList.add('error');\r\n summaryServicesDoneBtn.classList.add('disabled');\r\n } else {\r\n summaryServicesDropdown.classList.remove('error');\r\n summaryServicesDoneBtn.classList.remove('disabled');\r\n }\r\n }\r\n }\r\n\r\n // Event for Done BTN on the Services Popup Window\r\n function servicePopupDoneBtn(consumerId, btnType) {\r\n if (btnType === 'newEntry') {\r\n POPUP.hide(selectServicePopup);\r\n } else {\r\n POPUP.hide(selectSummaryServicePopup);\r\n }\r\n\r\n // find the array element with consumerId\r\n var thisConsumer = selectedConsumers.filter(consumer => {\r\n return consumer.id === consumerId;\r\n });\r\n var thisselectedConsumerServiceId = selectedConsumerServiceId;\r\n var thisselectedConsumerReferenceNumber = selectedConsumerReferenceNumber;\r\n var thisselectedConsumerServiceType = selectedConsumerServiceType;\r\n var thisselectedConsumerFormNumber = selectedConsumerFormNumber;\r\n var thisselectedConsumerServiceName = selectedConsumerServiceName.substr(4).split('- Ref #')[0];\r\n selectedConsumerServiceId = '';\r\n //selectedConsumerServiceType = '';\r\n selectedConsumerFormNumber = '';\r\n // TODO JOE: selectedConsumerServiceType -- T1 and T2 -- need this new variable to determine whether the Form 4 (T1) or Form 8 (T2) is opened\r\n // TODO JOE: Need to add to the two ifs below to include selectedConsumerServiceType\r\n // TODO JOE: Need to add two more if statements to call init() for the two Form 8 Forms\r\n if (thisConsumer && btnType === 'newEntry' && thisselectedConsumerFormNumber === '4')\r\n OODForm4MonthlyPlacement.init(\r\n {},\r\n thisConsumer[0],\r\n thisselectedConsumerServiceId,\r\n thisselectedConsumerReferenceNumber,\r\n $.session.UserId,\r\n serviceDate,\r\n btnType,\r\n );\r\n\r\n if (thisConsumer && btnType === 'monthlySummary' && thisselectedConsumerFormNumber === '4')\r\n OODForm4MonthlySummary.init(\r\n {},\r\n thisConsumer[0],\r\n thisselectedConsumerServiceId,\r\n $.session.UserId,\r\n btnType,\r\n );\r\n if (thisConsumer && btnType === 'newEntry' && thisselectedConsumerFormNumber === '6')\r\n Tier1andJDPlanForm.init(\r\n {},\r\n thisConsumer[0],\r\n thisselectedConsumerServiceId,\r\n thisselectedConsumerServiceName,\r\n thisselectedConsumerReferenceNumber,\r\n $.session.UserId,\r\n serviceDate,\r\n btnType,\r\n );\r\n\r\n if (thisConsumer && btnType === 'newEntry' && thisselectedConsumerFormNumber === '8')\r\n communityBasedAssessmentForm.init(\r\n {},\r\n thisConsumer[0],\r\n thisselectedConsumerServiceId,\r\n thisselectedConsumerServiceName,\r\n thisselectedConsumerReferenceNumber,\r\n $.session.UserId,\r\n serviceDate,\r\n btnType,\r\n );\r\n if (thisConsumer && btnType === 'monthlySummary' && thisselectedConsumerFormNumber === '8')\r\n communityBasedAssessmentSummaryForm.init(\r\n {},\r\n thisConsumer[0],\r\n thisselectedConsumerServiceId,\r\n $.session.UserId,\r\n btnType,\r\n );\r\n if (thisConsumer && btnType === 'newEntry' && thisselectedConsumerFormNumber === '10')\r\n OODFormTransportation.init(\r\n {},\r\n thisConsumer[0],\r\n thisselectedConsumerServiceId,\r\n thisselectedConsumerReferenceNumber,\r\n $.session.UserId,\r\n serviceDate,\r\n btnType,\r\n );\r\n if (thisConsumer && btnType === 'newEntry' && thisselectedConsumerFormNumber === '16')\r\n summerYouthWorkExperienceForm.init(\r\n {},\r\n thisConsumer[0],\r\n thisselectedConsumerServiceId,\r\n thisselectedConsumerServiceName,\r\n thisselectedConsumerReferenceNumber,\r\n $.session.UserId,\r\n serviceDate,\r\n btnType,\r\n );\r\n if (thisConsumer && btnType === 'monthlySummary' && thisselectedConsumerFormNumber === '16')\r\n summerYouthWorkExperienceSummaryForm.init(\r\n {},\r\n thisConsumer[0],\r\n thisselectedConsumerServiceId,\r\n $.session.UserId,\r\n btnType,\r\n );\r\n // forms.displayFormPopup(formId, documentEdited, consumerId, isRefresh, isTemplate);\r\n }\r\n\r\n // Event for Cancel BTN on the Services Popup Window\r\n function servicePopupCancelBtn(btnType) {\r\n selectedConsumerServiceId = '';\r\n selectedConsumerReferenceNumber = '';\r\n if (btnType === 'newEntry') {\r\n POPUP.hide(selectServicePopup);\r\n loadOODLanding();\r\n } else {\r\n POPUP.hide(selectSummaryServicePopup);\r\n loadOODLanding();\r\n }\r\n // OODForm4MonthlyPlacement.init();\r\n // forms.displayFormPopup(formId, documentEdited, consumerId, isRefresh, isTemplate);\r\n }\r\n\r\n async function generateAndTrackFormProgress(formNumber) {\r\n // Prepare data for form generation\r\n let data = {\r\n referenceNumber: createFilterValues.referenceNumber,\r\n peopleId: selectedConsumerIds[0],\r\n serviceCodeId: filterValues.serviceId,\r\n startDate: createFilterValues.serviceDateStart,\r\n endDate: createFilterValues.serviceDateEnd,\r\n userId: createFilterValues.userId,\r\n loggedInUserPersonId: $.session.PeopleId \r\n };\r\n \r\n try {\r\n switch (formNumber) {\r\n case 4:\r\n sentStatus = await OODAjax.generateForm4(data);\r\n break;\r\n \r\n case 6:\r\n sentStatus = await OODAjax.generateForm6(data);\r\n break;\r\n\r\n case 8:\r\n sentStatus = await OODAjax.generateForm8(data);\r\n break;\r\n \r\n case 10:\r\n sentStatus = await OODAjax.generateForm10(data);\r\n success = true;\r\n break;\r\n\r\n case 16:\r\n sentStatus = await OODAjax.generateForm16(data);\r\n //alert('Form 16 under construction.');\r\n break;\r\n }\r\n } catch (error) {\r\n //console.error(error);\r\n const formsPopup = document.getElementById('createOODFormsPopup');\r\n formsPopup.remove();\r\n overlay.hide();\r\n }\r\n const formsPopup = document.getElementById('createOODFormsPopup');\r\n if (formsPopup) formsPopup.remove();\r\n overlay.hide();\r\n }\r\n \r\n\r\n // build Filter button, which filters the data displayed on the OOD Entries Table\r\n function buildNewFilterBtn() {\r\n if (!filterValues) {\r\n\r\n \r\n filterValues = {\r\n token: $.session.Token,\r\n serviceDateStart: UTIL.formatDateFromDateObj(dates.subDays(new Date(), 30)),\r\n serviceDateEnd: UTIL.getTodaysDate(),\r\n \r\n userId: $.session.UserId,\r\n userName: $.session.LName + ', ' + $.session.Name,\r\n serviceId: '%',\r\n serviceName: '',\r\n referenceNumber: '%',\r\n };\r\n }\r\n }\r\n\r\n // build Edit Employers button,\r\n function buildEditEmployersBtn() {\r\n return button.build({\r\n text: 'Edit Employers',\r\n style: 'secondary',\r\n type: 'contained',\r\n id: 'editEmployersBtn',\r\n //classNames: !$.session.formsInsert ? ['disabled'] : ['newPlanBtn'],\r\n classNames:\r\n $.session.OODUpdate || $.session.OODInsert || $.session.OODView\r\n ? ['editEmployersBtn']\r\n : ['editEmployersBtn', 'disabled'],\r\n callback: async () => {\r\n OODEmployers.init();\r\n },\r\n });\r\n }\r\n\r\n // build Each Form Button button,\r\n function buildIndividualFormBtn(formText, formNumber) {\r\n return button.build({\r\n text: formText,\r\n style: 'secondary',\r\n type: 'contained',\r\n id: `OODForm${formNumber}Btn`,\r\n classNames: `OODForm${formNumber}Btn`,\r\n callback: async () => {\r\n //generateAndTrackFormProgress(formNumber);\r\n // displayPopup\r\n buildCreateFormPopUp(formNumber);\r\n },\r\n });\r\n }\r\n\r\n // build Create Forms button,\r\n function buildCreateFormsBtn() {\r\n return button.build({\r\n text: 'Create OOD Forms',\r\n style: 'secondary',\r\n type: 'contained',\r\n id: 'createFormsBtn',\r\n classNames: 'createFormsBtn',\r\n callback: () => {\r\n showCreateFormsPopup();\r\n },\r\n });\r\n }\r\n\r\n \r\n // build Update Employment Goals button,\r\n function buildUpdateEmploymentGoalsBtn() {\r\n return button.build({\r\n text: 'Update',\r\n style: 'secondary',\r\n type: 'contained',\r\n id: 'createFormsBtn2',\r\n callback: () => {\r\n buildEmploymentGoalPopUp();\r\n },\r\n });\r\n }\r\n\r\n function showCreateFormsPopup() {\r\n // Popup\r\n const popup = POPUP.build({\r\n id: `createOODFormsPopup`,\r\n hideX: true,\r\n classNames: [\r\n 'popup',\r\n 'visible',\r\n 'popup--filter',\r\n 'createOODFormsPopup']\r\n });\r\n\r\n popup.setAttribute('data-popup', 'true');\r\n popup.setAttribute('overflow-y', 'unset: !importatnt;');\r\n\r\n const form4Btn = buildIndividualFormBtn('Form 4 - Monthly Job & Site Development', 4);\r\n const form6Btn = buildIndividualFormBtn('Form 6 - Tier1 and JD Plan', 6);\r\n const form8Btn = buildIndividualFormBtn('Form 8 - Work Activities and Assessment', 8);\r\n const form10Btn = buildIndividualFormBtn('Form 10 - Transportation', 10);\r\n const form16Btn = buildIndividualFormBtn('Form 16 - Summer Youth Experience', 16);\r\n\r\n popup.appendChild(form4Btn);\r\n popup.appendChild(form6Btn);\r\n popup.appendChild(form8Btn);\r\n popup.appendChild(form10Btn);\r\n popup.appendChild(form16Btn);\r\n\r\n // Append to DOM\r\n bodyScrollLock.disableBodyScroll(popup);\r\n overlay.show();\r\n actioncenter.appendChild(popup);\r\n }\r\n\r\n // build the display of the current Filter Settings (next to the Filter button)\r\n function buildFilteredBy() {\r\n var filteredBy = document.querySelector('.filteredByData');\r\n\r\n if (!filteredBy) {\r\n filteredBy = document.createElement('div');\r\n filteredBy.classList.add('filteredByData');\r\n filterButtonSet()\r\n filteredBy.appendChild(btnWrap);\r\n }\r\n\r\n // var splitDate = selectedDate.split('-');\r\n var splitDate = '2021-12-28'.split('-');\r\n var filteredDate = `${UTIL.leadingZero(splitDate[1])}/${UTIL.leadingZero(\r\n splitDate[2],\r\n )}/${splitDate[0].slice(2, 4)}`;\r\n\r\n\r\n if (filterValues.userId === '%' || filterValues.userId === 'ALL') {\r\n btnWrap.appendChild(employeeBtnWrap);\r\n btnWrap.removeChild(employeeBtnWrap);\r\n } else {\r\n btnWrap.appendChild(employeeBtnWrap);\r\n }\r\n\r\n if (filterValues.serviceId === '%' || filterValues.serviceId === 'ALL') {\r\n btnWrap.appendChild(serviceBtnWrap);\r\n btnWrap.removeChild(serviceBtnWrap);\r\n } else {\r\n btnWrap.appendChild(serviceBtnWrap);\r\n }\r\n if (filterValues.referenceNumber === '%' || filterValues.referenceNumber === 'ALL') {\r\n btnWrap.appendChild(referenceNumberBtnWrap);\r\n btnWrap.removeChild(referenceNumberBtnWrap);\r\n } else {\r\n btnWrap.appendChild(referenceNumberBtnWrap);\r\n }\r\n\r\n return filteredBy;\r\n }\r\n\r\n function filterButtonSet() {\r\n filterBtn = button.build({\r\n text: 'Filter',\r\n icon: 'filter',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'filterBtnNew',\r\n callback: () => { buildFilterPopUp('ALL') },\r\n });\r\n\r\n serviceDateStartBtn = button.build({\r\n id: 'serviceDateStartBtn',\r\n text: 'Service Start Date: ' + moment(filterValues.serviceDateStart, 'YYYY-MM-DD').format('M/D/YYYY'),\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => { buildFilterPopUp('serviceDateStartBtn') },\r\n });\r\n\r\n serviceDateEndBtn = button.build({\r\n id: 'serviceDateEndBtn',\r\n text: 'Service End Date: ' + moment(filterValues.serviceDateEnd, 'YYYY-MM-DD').format('M/D/YYYY'),\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => { buildFilterPopUp('serviceDateEndBtn') },\r\n });\r\n\r\n employeeBtn = button.build({\r\n id: 'employeeBtn',\r\n text: 'Employee: ' + filterValues.userName,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => { buildFilterPopUp('employeeBtn') },\r\n });\r\n employeeCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => { closeFilter('employeeBtn') },\r\n });\r\n\r\n serviceBtn = button.build({\r\n id: 'serviceBtn',\r\n text: 'Service: ' + filterValues.serviceName,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => { buildFilterPopUp('serviceBtn') },\r\n });\r\n serviceCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => { closeFilter('serviceBtn') },\r\n });\r\n\r\n referenceNumberBtn = button.build({\r\n id: 'referenceNumberBtn',\r\n text: 'Reference Number: ' + filterValues.referenceNumber,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => { buildFilterPopUp('referenceNumberBtn') },\r\n });\r\n referenceNumberCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => { closeFilter('referenceNumberBtn') },\r\n });\r\n\r\n // if (filterValues.referenceNumber != 'ALL' && filterValues.referenceNumber != '%' && filterValues.referenceNumber != '') {\r\n // createFilterValues.referenceNumber = filterValues.referenceNumber;\r\n // }\r\n\r\n btnWrap = document.createElement('div');\r\n btnWrap.classList.add('filterBtnWrap');\r\n btnWrap.appendChild(filterBtn);\r\n\r\n serviceDateStartBtnWrap = document.createElement('div');\r\n serviceDateStartBtnWrap.classList.add('filterSelectionBtnWrap');\r\n serviceDateStartBtnWrap.appendChild(serviceDateStartBtn); \r\n btnWrap.appendChild(serviceDateStartBtnWrap);\r\n\r\n serviceDateEndBtnWrap = document.createElement('div');\r\n serviceDateEndBtnWrap.classList.add('filterSelectionBtnWrap');\r\n serviceDateEndBtnWrap.appendChild(serviceDateEndBtn);\r\n btnWrap.appendChild(serviceDateEndBtnWrap);\r\n\r\n employeeBtnWrap = document.createElement('div');\r\n employeeBtnWrap.classList.add('filterSelectionBtnWrap');\r\n employeeBtnWrap.appendChild(employeeBtn);\r\n employeeBtnWrap.appendChild(employeeCloseBtn)\r\n btnWrap.appendChild(employeeBtnWrap);\r\n\r\n serviceBtnWrap = document.createElement('div');\r\n serviceBtnWrap.classList.add('filterSelectionBtnWrap');\r\n serviceBtnWrap.appendChild(serviceBtn);\r\n serviceBtnWrap.appendChild(serviceCloseBtn);\r\n btnWrap.appendChild(serviceBtnWrap);\r\n\r\n referenceNumberBtnWrap = document.createElement('div');\r\n referenceNumberBtnWrap.classList.add('filterSelectionBtnWrap');\r\n referenceNumberBtnWrap.appendChild(referenceNumberBtn);\r\n referenceNumberBtnWrap.appendChild(referenceNumberCloseBtn);\r\n btnWrap.appendChild(referenceNumberBtnWrap);\r\n }\r\n\r\n function closeFilter(closeFilter) { \r\n if (closeFilter == 'employeeBtn') {\r\n filterValues.userId = '%';\r\n }\r\n if (closeFilter == 'serviceBtn') {\r\n filterValues.serviceId = '%';\r\n }\r\n if (closeFilter == 'referenceNumberBtn') {\r\n filterValues.referenceNumber = '%';\r\n // createFilterValues.referenceNumber = '%';\r\n }\r\n loadOODLanding();\r\n } \r\n\r\n // build Filter pop-up that displays when an \"Filter\" button is clicked\r\n function buildFilterPopUp(IsShow) {\r\n // popup\r\n filterPopup = POPUP.build({\r\n classNames: ['rosterFilterPopup'],\r\n hideX: true,\r\n });\r\n // dropdowns & inputs\r\n employeeDropdown = dropdown.build({\r\n label: 'Employee',\r\n dropdownId: 'employeeDropdown',\r\n });\r\n\r\n serviceDateStartInput = input.build({\r\n type: 'date',\r\n label: 'Service Date Start',\r\n style: 'secondary',\r\n value: filterValues.serviceDateStart,\r\n });\r\n serviceDateEndInput = input.build({\r\n type: 'date',\r\n label: 'Service Date End',\r\n style: 'secondary',\r\n value: filterValues.serviceDateEnd,\r\n });\r\n\r\n servicesDropdown = dropdown.build({\r\n label: 'Services',\r\n dropdownId: 'servicesDropdown',\r\n });\r\n\r\n referenceNumbersDropdown = dropdown.build({\r\n label: 'Reference Number',\r\n dropdownId: 'referenceNumbersDropdown',\r\n });\r\n\r\n // apply filters button\r\n APPLY_BTN = button.build({\r\n text: 'Apply',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => filterPopupDoneBtn(),\r\n });\r\n CANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => filterPopupCancelBtn(),\r\n });\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(APPLY_BTN);\r\n btnWrap.appendChild(CANCEL_BTN);\r\n\r\n // build popup\r\n if (IsShow == 'ALL' || IsShow == 'employeeBtn')\r\n filterPopup.appendChild(employeeDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'serviceDateStartBtn')\r\n filterPopup.appendChild(serviceDateStartInput);\r\n if (IsShow == 'ALL' || IsShow == 'serviceDateEndBtn')\r\n filterPopup.appendChild(serviceDateEndInput);\r\n if (IsShow == 'ALL' || IsShow == 'serviceBtn')\r\n filterPopup.appendChild(servicesDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'referenceNumberBtn')\r\n filterPopup.appendChild(referenceNumbersDropdown);\r\n filterPopup.appendChild(btnWrap);\r\n\r\n populateEmployeeDropdown();\r\n populateServiceCodeDropdown();\r\n populateReferenceNumberDropdown();\r\n eventListeners();\r\n // setupFilterEvent();\r\n\r\n //return filterPopup;\r\n POPUP.show(filterPopup);\r\n }\r\n\r\n // Populate the employee DDL on the Filter Popup Window\r\n async function populateEmployeeDropdown() {\r\n const { getActiveEmployeesResult: employees } = await OODAjax.getActiveEmployeesAsync();\r\n // const templates = WorkflowViewerComponent.getTemplates();\r\n let data = employees.map(employee => ({\r\n id: employee.userId,\r\n value: employee.userId,\r\n text: employee.userName,\r\n }));\r\n data.unshift({ id: null, value: '%', text: 'ALL' }); //ADD Blank value\r\n dropdown.populate('employeeDropdown', data, filterValues.userId);\r\n }\r\n\r\n async function populateCreateEmployeeDropdown() {\r\n const { getActiveEmployeesResult: employees } = await OODAjax.getActiveEmployeesAsync();\r\n // const templates = WorkflowViewerComponent.getTemplates();\r\n let data = employees.map(employee => ({\r\n id: employee.userId,\r\n value: employee.userId,\r\n text: employee.userName,\r\n }));\r\n data.unshift({ id: null, value: '%', text: 'ALL' }); //ADD Blank value\r\n dropdown.populate('employeeDropdown', data, createFilterValues.userId);\r\n }\r\n\r\n // Populate the Service Code DDL on the Filter Popup Window\r\n async function populateServiceCodeDropdown() {\r\n const { getActiveServiceCodesResult: services } = await OODAjax.getActiveServiceCodesAsync(\r\n OODENTRIESFILTER,\r\n );\r\n // const templates = WorkflowViewerComponent.getTemplates();\r\n let data = services.map(service => ({\r\n id: service.serviceType,\r\n value: service.serviceId,\r\n text: service.serviceName,\r\n }));\r\n data.unshift({ id: null, value: '%', text: 'ALL' }); //ADD Blank value\r\n dropdown.populate('servicesDropdown', data, filterValues.serviceId);\r\n }\r\n\r\n // Populate the Reference Number DDL on the Filter Popup Window\r\n async function populateReferenceNumberDropdown() {\r\n var consumerIds = selectedConsumerIds.join(', ');\r\n\r\n const { getConsumerReferenceNumbersResult: referencenumbers } =\r\n await OODAjax.getConsumerReferenceNumbersAsync(consumerIds);\r\n // const templates = WorkflowViewerComponent.getTemplates();\r\n let data = referencenumbers.map(referencenumber => ({\r\n id: referencenumber.referenceNumber,\r\n value: referencenumber.referenceNumber,\r\n text: referencenumber.referenceNumber,\r\n }));\r\n data.unshift({ id: null, value: '%', text: 'ALL' }); //ADD Blank value\r\n dropdown.populate('referenceNumbersDropdown', data, filterValues.referenceNumber);\r\n // dropdown.populate('createreferenceNumbersDropdown', data, filterValues.referenceNumber);\r\n }\r\n\r\n // Populate the Reference Number DDL on the Filter Popup Window\r\n async function populatecreateReferenceNumberDropdown(formNumber) {\r\n var consumerIds = selectedConsumerIds.join(', ');\r\n\r\n const { getConsumerReferenceNumbersResult: referencenumbers } =\r\n await OODAjax.getConsumerReferenceNumbersAsync(consumerIds, createFilterValues.serviceDateStart, createFilterValues.serviceDateEnd, formNumber);\r\n // const templates = WorkflowViewerComponent.getTemplates();\r\n let data = referencenumbers.map(referencenumber => ({\r\n id: referencenumber.referenceNumber,\r\n value: referencenumber.referenceNumber,\r\n text: referencenumber.referenceNumber,\r\n }));\r\n data.unshift({ id: null, value: '%', text: '' }); //ADD Blank value\r\n // dropdown.populate('referenceNumbersDropdown', data, filterValues.referenceNumber);\r\n \r\n if (filterValues.referenceNumber === '%' || filterValues.referenceNumber === 'ALL') {\r\n dropdown.populate('createreferenceNumbersDropdown', data, createFilterValues.referenceNumber);\r\n } else {\r\n dropdown.populate('createreferenceNumbersDropdown', data, filterValues.referenceNumber);\r\n createFilterValues.referenceNumber = filterValues.referenceNumber\r\n checkCreatePopupRequiredFields();\r\n }\r\n \r\n }\r\n\r\n // Populate the Service Code DDL for the 'Entry' Service Popup Window\r\n async function populateConsumerServiceCodeDropdown(consumerId, serviceDate) {\r\n const { getConsumerServiceCodesResult: services } = await OODAjax.getConsumerServiceCodesAsync(\r\n consumerId,\r\n serviceDate,\r\n );\r\n // const templates = WorkflowViewerComponent.getTemplates();\r\n\r\n //TODO JOE: id: should use selectedConsumerServiceType -- T1 and T2 -- need this new variable to determine whether the Form 4 (T1) or Form 8 (T2) is opened\r\n let data = services.map(service => ({\r\n // id: (service.serviceType === '') ? 'T10' : service.serviceType, // replace with selectedConsumerServiceType to get T1 and T2 info\r\n id: service.formNumber,\r\n value: service.serviceId,\r\n text: service.serviceName + ' - Ref # ' + service.referenceNumber,\r\n }));\r\n data.unshift({ id: null, value: 'SELECT', text: 'SELECT' }); //ADD Blank value\r\n dropdown.populate('consumerServicesDropdown', data);\r\n //selectedConsumerServiceId = '';\r\n // consumerServicesDropDownRequired();\r\n consumerServicesDoneBtn.classList.add('disabled');\r\n consumerServicesDropdown.classList.add('error');\r\n }\r\n\r\n // Populate the Service Code DDL for the 'Monthly Summary' Service Popup Window\r\n async function populateMonthlySummaryServiceCodeDropdown(consumerId) {\r\n const { getActiveServiceCodesResult: services } = await OODAjax.getActiveServiceCodesAsync(\r\n FORM4MONTHLYSUMMARYSERVICES,\r\n );\r\n // const templates = WorkflowViewerComponent.getTemplates();\r\n //TODO JOE: id: should use selectedConsumerServiceType -- T1 and T2 -- need this new variable to determine whether the Form 4 (T1) or Form 8 (T2) is opened\r\n let data = services.map(service => ({\r\n //id: service.serviceType, // replace with selectedConsumerServiceType to get T1 and T2 info\r\n id: service.formNumber,\r\n value: service.serviceId,\r\n text: service.serviceName,\r\n }));\r\n data.unshift({ id: null, value: 'SELECT', text: 'SELECT' }); //ADD Blank value\r\n dropdown.populate('summaryServicesDropdown', data);\r\n }\r\n\r\n function eventListeners() {\r\n serviceDateStartInput.addEventListener('change', event => { \r\n if (event.target.value !== '') {\r\n filterValues.serviceDateStart = event.target.value;\r\n } else {\r\n event.target.value = filterValues.serviceDateStart;\r\n } \r\n });\r\n serviceDateEndInput.addEventListener('change', event => { \r\n if (event.target.value !== '') { \r\n filterValues.serviceDateEnd = event.target.value;\r\n } else {\r\n event.target.value = filterValues.serviceDateEnd;\r\n }\r\n });\r\n employeeDropdown.addEventListener('change', event => {\r\n filterValues.userId = event.target.value;\r\n filterValues.userName = event.target.options[event.target.selectedIndex].text;\r\n });\r\n servicesDropdown.addEventListener('change', event => {\r\n filterValues.serviceId = event.target.value;\r\n filterValues.serviceName = event.target.options[event.target.selectedIndex].text;\r\n });\r\n referenceNumbersDropdown.addEventListener('change', event => {\r\n filterValues.referenceNumber = event.target.value;\r\n // createFilterValues.referenceNumber = event.target.value;\r\n });\r\n //routeStatusDropdown.addEventListener('change', event => {\r\n // filterOpts.routeStatus = event.target.value;\r\n // });\r\n }\r\n\r\n async function filterPopupDoneBtn() {\r\n POPUP.hide(filterPopup);\r\n eventListeners();\r\n loadOODLanding();\r\n\r\n //let OODtable = document.getElementById('OODEntriesTable')\r\n // OODEntriesTable = await buildOODEntriesTable(filterValues);\r\n //OODtable.remove();\r\n // DOM.ACTIONCENTER.appendChild(OODEntriesTable);\r\n }\r\n\r\n function filterPopupCancelBtn() {\r\n POPUP.hide(filterPopup);\r\n // OODForm4MonthlyPlacement.init();\r\n // forms.displayFormPopup(formId, documentEdited, consumerId, isRefresh, isTemplate);\r\n }\r\n\r\n function employmentGoalPopupCancelBtn() {\r\n POPUP.hide(employmentGoalPopup);\r\n // OODForm4MonthlyPlacement.init();\r\n // forms.displayFormPopup(formId, documentEdited, consumerId, isRefresh, isTemplate);\r\n }\r\n // build Create Form pop-up that displays when a Form is selected\r\n function buildCreateFormPopUp(formNumber) {\r\n\r\n if (!thisStartDate) {\r\n thisStartDate = new Date();\r\n thisStartDate.setDate(1); // Set to the first day of the current month\r\n thisStartDate.setMonth(thisStartDate.getMonth() - 1); // Go back one month\r\n thisStartDate.setDate(1); // Ensure it's the first day of the previous month\r\n }\r\n\r\n if (!thisEndDate) {\r\n thisEndDate = new Date();\r\n thisEndDate.setDate(0); // Sets the date to the last day of the previous month\r\n }\r\n\r\n createFilterValues = {\r\n token: $.session.Token,\r\n // serviceDateStart: UTIL.formatDateFromDateObj(dates.subDays(new Date(), 30)),\r\n // serviceDateEnd: UTIL.getTodaysDate(),\r\n serviceDateStart: thisStartDate.toISOString().split('T')[0],\r\n serviceDateEnd: thisEndDate.toISOString().split('T')[0],\r\n\r\n userId: '%',\r\n // userName: $.session.LName + ', ' + $.session.Name,\r\n // serviceId: '%',\r\n // serviceName: '',\r\n // referenceNumber: '%',\r\n };\r\n\r\n\r\n // popup\r\n createfilterPopup = POPUP.build({\r\n classNames: ['rosterFilterPopup'],\r\n hideX: true,\r\n });\r\n // dropdowns & inputs\r\n employeeDropdown = dropdown.build({\r\n label: 'Employee',\r\n dropdownId: 'employeeDropdown',\r\n // value: createFilterValues.userId,\r\n });\r\n\r\n createServiceDateStartInput = input.build({\r\n type: 'date',\r\n label: 'Service Date Start',\r\n style: 'secondary',\r\n value: createFilterValues.serviceDateStart,\r\n });\r\n createServiceDateEndInput = input.build({\r\n type: 'date',\r\n label: 'Service Date End',\r\n style: 'secondary',\r\n value: createFilterValues.serviceDateEnd,\r\n });\r\n\r\n createreferenceNumbersDropdown = dropdown.build({\r\n label: 'Reference Number',\r\n dropdownId: 'createreferenceNumbersDropdown',\r\n id: 'createreferenceNumbersDropdown',\r\n // value: '',\r\n });\r\n\r\n // apply filters button\r\n createfilterPopupCreateBTN = button.build({\r\n text: `Create Form ${formNumber}`,\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => createfilterPopupDoneBtn(formNumber),\r\n });\r\n CANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => POPUP.hide(createfilterPopup),\r\n });\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(createfilterPopupCreateBTN);\r\n btnWrap.appendChild(CANCEL_BTN);\r\n\r\n // build popup\r\n \r\n createfilterPopup.appendChild(employeeDropdown);\r\n \r\n createfilterPopup.appendChild(createServiceDateStartInput);\r\n \r\n createfilterPopup.appendChild(createServiceDateEndInput);\r\n \r\n createfilterPopup.appendChild(createreferenceNumbersDropdown);\r\n createfilterPopup.appendChild(btnWrap);\r\n\r\n populateCreateEmployeeDropdown();\r\n populatecreateReferenceNumberDropdown(formNumber);\r\n createeventListeners(formNumber);\r\n // checkCreatePopupRequiredFields();\r\n // setupFilterEvent();\r\n\r\n \r\n\r\n //return filterPopup;\r\n const formsPopup = document.getElementById('createOODFormsPopup');\r\n formsPopup.remove();\r\n\r\n POPUP.show(createfilterPopup);\r\n checkCreatePopupRequiredFields();\r\n\r\n }\r\n\r\n async function createfilterPopupDoneBtn(formNumber) {\r\n POPUP.hide(createfilterPopup);\r\n createeventListeners(formNumber);\r\n generateAndTrackFormProgress(formNumber);\r\n \r\n loadOODLanding();\r\n\r\n }\r\n\r\n\r\n function createeventListeners(formNumber) {\r\n createServiceDateStartInput.addEventListener('input', event => { \r\n if (event.target.value !== '') {\r\n createFilterValues.serviceDateStart = event.target.value;\r\n populatecreateReferenceNumberDropdown(formNumber);\r\n } else {\r\n event.target.value = createFilterValues.serviceDateStart;\r\n \r\n } \r\n });\r\n createServiceDateEndInput.addEventListener('input', event => { \r\n if (event.target.value !== '') { \r\n createFilterValues.serviceDateEnd = event.target.value;\r\n populatecreateReferenceNumberDropdown(formNumber);\r\n } else {\r\n event.target.value = createFilterValues.serviceDateEnd;\r\n \r\n }\r\n });\r\n employeeDropdown.addEventListener('change', event => {\r\n createFilterValues.userId = event.target.value;\r\n createFilterValues.userName = event.target.options[event.target.selectedIndex].text;\r\n });\r\n \r\n createreferenceNumbersDropdown.addEventListener('change', event => {\r\n createFilterValues.referenceNumber = event.target.value;\r\n checkCreatePopupRequiredFields();\r\n });\r\n \r\n }\r\n\r\n function checkCreatePopupRequiredFields() {\r\n // var createreferenceNumbersDropdown = document.querySelector('#createreferenceNumbersDropdown');\r\n let createreferenceNumbersDropDown = document.getElementById(\"createreferenceNumbersDropdown\");\r\n if (createreferenceNumbersDropDown.value === '' || createreferenceNumbersDropDown.value === '%') { \r\n createreferenceNumbersDropDown.parentElement.classList.add('error');\r\n createfilterPopupCreateBTN.classList.add('disabled'); \r\n return;\r\n } else {\r\n createreferenceNumbersDropDown.parentElement.classList.remove('error');\r\n createfilterPopupCreateBTN.classList.remove('disabled');\r\n }\r\n\r\n }\r\n\r\n function buildEmploymentGoalPopUp() {\r\n // popup\r\n employmentGoalPopup = POPUP.build({\r\n classNames: ['rosterFilterPopup'],\r\n hideX: true,\r\n });\r\n \r\n\r\n\temploymentGoalTextarea = input.build({\r\n label: 'Employment Goal',\r\n type: 'textarea',\r\n style: 'secondary',\r\n classNames: 'autosize',\r\n value: employmentGoalText,\r\n // charLimit: charLimits.importantTo,\r\n forceCharLimit: true,\r\n callback: e => {\r\n employmentGoalText = e.target.value; \r\n },\r\n });\r\n employmentGoalTextarea.classList.add('importantTo');\r\n\t\t\r\n // apply filters button\r\n APPLY_BTN = button.build({\r\n text: 'Save',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n const success = await OODAjax.updateEmploymentGoal(\r\n { peopleId: selectedConsumerPeopleId, \r\n userId: $.session.UserId, \r\n ServiceGoal: employmentGoalText,\r\n });\r\n POPUP.hide(employmentGoalPopup);\r\n loadOODLanding();\r\n },\r\n });\r\n CANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n\r\n employmentGoalPopupCancelBtn()\r\n loadOODLanding();\r\n },\r\n });\r\n\t\t\r\n\t\t\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(APPLY_BTN);\r\n btnWrap.appendChild(CANCEL_BTN);\r\n\r\n let employmentGoalTitle = document.createElement('h2');\r\n employmentGoalTitle.innerHTML =\r\n `Update Employment Goal`;\r\n\r\n employmentGoalTitle.style.padding = '10px';\r\n\r\n employmentGoalPopup.appendChild(employmentGoalTitle);\r\n\t\temploymentGoalPopup.appendChild(employmentGoalTextarea);\r\n\t employmentGoalPopup.appendChild(btnWrap);\r\n\r\n //return filterPopup;\r\n POPUP.show(employmentGoalPopup);\r\n checkEmploymentGoalRequiredFields();\r\n checkEmploymentGoalEventListners();\r\n }\r\n\r\n function checkEmploymentGoalRequiredFields() {\r\n var employmentGoalInput = employmentGoalPopup.querySelector('textarea');\r\n\r\n if (employmentGoalInput.value === '') {\r\n employmentGoalTextarea.classList.add('error');\r\n } else {\r\n employmentGoalTextarea.classList.remove('error');\r\n }\r\n\r\n setBtnStatus();\r\n }\r\n \r\n function setBtnStatus() {\r\n var hasErrors = [].slice.call(employmentGoalPopup.querySelectorAll('.error'));\r\n if ((hasErrors.length !== 0)) {\r\n APPLY_BTN.classList.add('disabled');\r\n } else {\r\n APPLY_BTN.classList.remove('disabled');\r\n }\r\n \r\n }\r\n function checkEmploymentGoalEventListners() {\r\n // var employeeGoalInput = employeeGoalPopup.querySelector('textarea');\r\n employmentGoalTextarea.addEventListener('input', event => {\r\n employmentGoalText = event.target.value;\r\n checkEmploymentGoalRequiredFields();\r\n });\r\n }\r\n \r\n\r\n function init() {\r\n //DOM.clearActionCenter();\r\n // PROGRESS.SPINNER.show('Loading PDF Forms...');\r\n //loadPDFFormsLanding();\r\n\r\n setActiveModuleAttribute('OOD');\r\n DOM.clearActionCenter();\r\n roster2.showMiniRoster();\r\n }\r\n\r\n return {\r\n init,\r\n handleActionNavEvent,\r\n loadOODLanding,\r\n buildEntryServicePopUp,\r\n buildSummaryServicePopUp,\r\n };\r\n})();\r\n","var OODAjax = (function () {\r\n // OOD Main/Landing Page\r\n async function getOODEntriesAsync(consumerIds, serviceStartDate, serviceEndDate, userId, serviceCode, referenceNumber) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getOODEntries/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"consumerIds\":\"' +\r\n consumerIds +\r\n '\", \"serviceStartDate\":\"' +\r\n serviceStartDate +\r\n '\", \"serviceEndDate\":\"' +\r\n serviceEndDate +\r\n '\", \"userId\":\"' +\r\n userId +\r\n '\", \"serviceCode\":\"' +\r\n serviceCode +\r\n '\", \"referenceNumber\":\"' +\r\n referenceNumber +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n // OOD Main/Landing Page\r\n async function getActiveEmployeesAsync() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getActiveEmployees/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n \r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n // Form 4 -- Monthly Placement\r\n async function getConsumerEmployersAsync(consumerId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getConsumerEmployers/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n consumerId: consumerId,\r\n \r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n \r\n // Employers Page\r\n async function getActiveEmployersAsync() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getActiveEmployers/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n \r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n // Employers Page\r\n async function deleteEmployerAsync(employerId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/deleteEmployer/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"employerId\":\"' +\r\n employerId +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n // Employers Page\r\n async function updateEmployerAsync(\r\n employerId, \r\n employerName, \r\n address1, \r\n address2, \r\n city, \r\n state,\r\n zipcode\r\n ) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateEmployer/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n employerId, \r\n employerName, \r\n address1, \r\n address2, \r\n city, \r\n state,\r\n zipcode,\r\n userId: $.session.UserId\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n // Employers Page\r\n async function insertEmployerAsync(\r\n employerName, \r\n address1, \r\n address2, \r\n city, \r\n state,\r\n zipcode\r\n ) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertEmployer/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n employerName, \r\n address1, \r\n address2, \r\n city, \r\n state,\r\n zipcode,\r\n userId: $.session.UserId\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n // Employers Page\r\n function getEmployer(employerId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getEmployerJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"employerId\":\"' + employerId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n var res = response.getEmployerJSONResult;\r\n callback(res);\r\n },\r\n error: function(xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n\r\n async function updateEmploymentGoal(retrieveData) {\r\n //type, value, consumerId\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateEmploymentGoal/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return {\r\n ...data.updateEmploymentGoalResult,\r\n };\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n}\r\n\r\n\r\n // OOD Main/Landing Page\r\n async function getActiveServiceCodesAsync(serviceCodeType) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getActiveServiceCodes/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n serviceCodeType: serviceCodeType,\r\n \r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n \r\n async function getConsumerReferenceNumbersAsync(consumerIds, startDate, endDate, formNumber) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getConsumerReferenceNumbers/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n consumerIds: consumerIds,\r\n startDate: startDate,\r\n endDate: endDate,\r\n formNumber: formNumber,\r\n \r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n \r\n // OOD Main/Landing Page\r\n async function getConsumerServiceCodesAsync(consumerId, serviceDate) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getConsumerServiceCodes/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n consumerId: consumerId,\r\n serviceDate: serviceDate,\r\n \r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n \r\n // Form 4 -- Monthly Placement\r\n async function getContactTypesAsync() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getContactTypes/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n \r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n \r\n // Form 4 -- Monthly Placement\r\n async function getOutcomesAsync() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getOutcomes/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n \r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n // Form 8 Community Based Assessment Form -- Contact Methods data for DDL\r\n async function getContactMethodsAsync(FormType) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getContactMethods/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n formtype: FormType,\r\n \r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n // Form 8 Community Based Assessment Form -- Indicators data for DDLs\r\n async function getIndicatorsAsync() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getIndicators/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n \r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n // Form 8 Community Based Assessment Form -- Positions data for DDLs\r\n async function getPositionsAsync(consumerId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getOODPositions/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n consumerId: consumerId,\r\n \r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n // Form 4 -- Monthly Placement\r\n function getForm4MonthlyPlacementEditData(caseNoteId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getForm4MonthlyPlacementEditDataJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"caseNoteId\":\"' + caseNoteId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n var res = response.getForm4MonthlyPlacementEditDataJSONResult;\r\n callback(res);\r\n },\r\n error: function(xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n \r\n // Form 4 -- Monthly Placement\r\n function updateForm4MonthlyPlacementEditData(data, callback) {\r\n data = {\r\n token: $.session.Token, \r\n consumerId: data.consumerId, \r\n caseNoteId: data.caseNoteId,\r\n serviceDate: data.serviceDate,\r\n startTime: data.startTime,\r\n endTime: data.endTime,\r\n SAMLevel: data.SAMLevel,\r\n employer: data.employer,\r\n contactType: data.contactType,\r\n jobSeekerPresent: data.jobSeekerPresent,\r\n outcome: data.outcome,\r\n TSCNotified: data.TSCNotified,\r\n bilingualSupplement: data.bilingualSupplement,\r\n notes: data.notes,\r\n userId: data.userId,\r\n application: data.application, \r\n interview: data.interview,\r\n }\r\n return $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/updateForm4MonthlyPlacementEditData/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n callback(response.updateForm4MonthlyPlacementEditDataResult);\r\n },\r\n });\r\n }\r\n \r\n // Form 4 -- Monthly Placement\r\n function insertForm4MonthlyPlacementEditData(data, callback) {\r\n data = {\r\n token: $.session.Token, \r\n consumerId: data.consumerId, \r\n caseNoteId: data.caseNoteId,\r\n serviceDate: data.serviceDate,\r\n startTime: data.startTime,\r\n endTime: data.endTime,\r\n SAMLevel: data.SAMLevel,\r\n employer: data.employer,\r\n contactType: data.contactType,\r\n jobSeekerPresent: data.jobSeekerPresent,\r\n outcome: data.outcome,\r\n TSCNotified: data.TSCNotified,\r\n bilingualSupplement: data.bilingualSupplement,\r\n notes: data.notes,\r\n caseManagerId: data.caseManagerId,\r\n userId: data.userId,\r\n serviceId: data.serviceId,\r\n referenceNumber: data.referenceNumber,\r\n application: data.application, \r\n interview: data.interview,\r\n \r\n }\r\n return $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/insertForm4MonthlyPlacementEditData/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n callback(response.insertForm4MonthlyPlacementEditDataResult);\r\n },\r\n });\r\n }\r\n \r\n // Both Forms (Form 4 and Form 8) -- OOD Form Entry\r\n // TODO JOE: LOOK into this for Form 10 \r\n async function deleteOODFormEntryAsync(caseNoteId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/deleteOODFormEntry/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"caseNoteId\":\"' +\r\n caseNoteId +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n \r\n \r\n // Form 4 -- Monthly Summary\r\n function getForm4MonthlySummary(emReviewId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getForm4MonthlySummaryJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"emReviewId\":\"' + emReviewId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n var res = response.getForm4MonthlySummaryJSONResult[0];\r\n callback(res);\r\n },\r\n error: function(xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n \r\n // Form 4 -- Monthly Summary\r\n function updateForm4MonthlySummary(data, callback) {\r\n data = {\r\n token: $.session.Token, \r\n consumerId: data.consumerId, \r\n emReviewId: data.emReviewId,\r\n emReviewDate: data.emReviewDate,\r\n emReferenceNumber: data.emReferenceNumber,\r\n emNextScheduledReview: data.emNextScheduledReview,\r\n emEmploymentGoal: data.emEmploymentGoal,\r\n emReferralQuestions: data.emReferralQuestions, //-- REMOVED FROM FORM ON 4/7/22\r\n emIndivInputonSearch: data.emIndivInputonSearch,\r\n emPotentialIssueswithProgress: data.emPotentialIssueswithProgress,\r\n emPlanGoalsNextMonth: data.emPlanGoalsNextMonth, //-- REMOVED FROM FORM ON 4/7/22\r\n emNumberofConsumerContacts: data.emNumberofConsumerContacts, //-- REMOVED FROM FORM ON 4/7/22\r\n emNumberEmployerContactsbyConsumer: data.emNumberEmployerContactsbyConsumer, //-- REMOVED FROM FORM ON 4/7/22\r\n emNumberEmployerContactsbyStaff: data.emNumberEmployerContactsbyStaff, //-- REMOVED FROM FORM ON 4/7/22\r\n emNumberMonthsJobDevelopment: data.emNumberMonthsJobDevelopment, //-- REMOVED FROM FORM ON 4/7/22\r\n userId: data.userId\r\n }\r\n return $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/updateForm4MonthlySummary/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n callback(response.updateForm4MonthlySummaryResult);\r\n },\r\n });\r\n }\r\n \r\n // Form 4 -- Monthly Summary\r\n function insertForm4MonthlySummary(data, callback) {\r\n data = {\r\n token: $.session.Token, \r\n consumerId: data.consumerId, \r\n emReviewDate: data.emReviewDate,\r\n emReferenceNumber: data.emReferenceNumber,\r\n emNextScheduledReview: data.emNextScheduledReview,\r\n emEmploymentGoal: data.emEmploymentGoal,\r\n emReferralQuestions: data.emReferralQuestions, //-- REMOVED FROM FORM ON 4/7/22\r\n emIndivInputonSearch: data.emIndivInputonSearch,\r\n emPotentialIssueswithProgress: data.emPotentialIssueswithProgress,\r\n emPlanGoalsNextMonth: data.emPlanGoalsNextMonth, //-- REMOVED FROM FORM ON 4/7/22\r\n emNumberofConsumerContacts: data.emNumberofConsumerContacts, //-- REMOVED FROM FORM ON 4/7/22\r\n emNumberEmployerContactsbyConsumer: data.emNumberEmployerContactsbyConsumer, //-- REMOVED FROM FORM ON 4/7/22\r\n emNumberEmployerContactsbyStaff: data.emNumberEmployerContactsbyStaff, //-- REMOVED FROM FORM ON 4/7/22\r\n emNumberMonthsJobDevelopment: data.emNumberMonthsJobDevelopment, //-- REMOVED FROM FORM ON 4/7/22\r\n userId: data.userId,\r\n serviceId: data.serviceId\r\n }\r\n return $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/insertForm4MonthlySummary/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n callback(response.insertForm4MonthlySummaryResult);\r\n },\r\n });\r\n }\r\n \r\n // Both Forms (Form 4 and Form 8) -- Monthly Entry\r\n async function deleteFormMonthlySummaryAsync(emReviewId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/deleteFormMonthlySummary/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"emReviewId\":\"' +\r\n emReviewId +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n // Form 6 -- Form6Tier1andJDPLan\r\n function getForm6Tier1andJDPLan(caseNoteId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getForm6Tier1andJDPLan/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"caseNoteId\":\"' + caseNoteId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n var res = response.getForm6Tier1andJDPLanResult;\r\n callback(res);\r\n },\r\n error: function(xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n \r\n // Form 6 -- Form6Tier1andJDPLan\r\n function updateForm6Tier1andJDPLan(data, callback) {\r\n data = {\r\n token: $.session.Token, \r\n consumerId: data.consumerId, \r\n caseNoteId: data.caseNoteId,\r\n serviceDate: data.serviceDate,\r\n SAMLevel: data.SAMLevel,\r\n contactMethod: data.contactMethod,\r\n narrative: data.narrative,\r\n }\r\n return $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/updateForm6Tier1andJDPLan/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n callback(response.updateForm6Tier1andJDPLanResult);\r\n },\r\n });\r\n }\r\n \r\n // Form 6 -- Form6Tier1andJDPLan\r\n function insertForm6Tier1andJDPLan(data, callback) {\r\n data = {\r\n token: $.session.Token, \r\n consumerId: data.consumerId, \r\n caseNoteId: data.caseNoteId,\r\n serviceDate: data.serviceDate,\r\n SAMLevel: data.SAMLevel,\r\n contactMethod: data.contactMethod,\r\n narrative: data.narrative,\r\n userId: data.userId,\r\n serviceId: data.serviceId,\r\n referenceNumber: data.referenceNumber,\r\n caseManagerId: data.caseManagerId,\r\n \r\n }\r\n return $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/insertForm6Tier1andJDPLan/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n callback(response.insertForm6Tier1andJDPLanResult);\r\n },\r\n });\r\n }\r\n \r\n \r\n // Form 8 -- Form8CommunityBasedAssessment\r\n function getForm8CommunityBasedAssessment(caseNoteId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getForm8CommunityBasedAssessment/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"caseNoteId\":\"' + caseNoteId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n var res = response.getForm8CommunityBasedAssessmentResult;\r\n callback(res);\r\n },\r\n error: function(xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n \r\n // Form 8 -- Form8CommunityBasedAssessment\r\n function updateForm8CommunityBasedAssessment(data, callback) {\r\n data = {\r\n token: $.session.Token, \r\n consumerId: data.consumerId, \r\n caseNoteId: data.caseNoteId,\r\n serviceDate: data.serviceDate,\r\n startTime: data.startTime,\r\n endTime: data.endTime,\r\n SAMLevel: data.SAMLevel,\r\n position: data.position,\r\n employer: data.employer,\r\n contactMethod: data.contactMethod,\r\n behavioralIndicators: data.behavioralIndicators,\r\n jobTaskQualityIndicators: data.jobTaskQualityIndicators,\r\n jobTaskQuantityIndicators: data.jobTaskQuantityIndicators,\r\n narrative: data.narrative,\r\n interventions: data.interventions,\r\n }\r\n return $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/updateForm8CommunityBasedAssessment/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n callback(response.updateForm8CommunityBasedAssessmentResult);\r\n },\r\n });\r\n }\r\n \r\n // Form 8 -- Form8CommunityBasedAssessment\r\n function insertForm8CommunityBasedAssessment(data, callback) {\r\n data = {\r\n token: $.session.Token, \r\n consumerId: data.consumerId, \r\n caseNoteId: data.caseNoteId,\r\n serviceDate: data.serviceDate,\r\n startTime: data.startTime,\r\n endTime: data.endTime,\r\n SAMLevel: data.SAMLevel,\r\n position: data.position,\r\n employer: data.employer,\r\n contactMethod: data.contactMethod,\r\n behavioralIndicators: data.behavioralIndicators,\r\n jobTaskQualityIndicators: data.jobTaskQualityIndicators,\r\n jobTaskQuantityIndicators: data.jobTaskQuantityIndicators,\r\n narrative: data.narrative,\r\n interventions: data.interventions,\r\n userId: data.userId,\r\n serviceId: data.serviceId,\r\n referenceNumber: data.referenceNumber,\r\n caseManagerId: data.caseManagerId,\r\n \r\n }\r\n return $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/insertForm8CommunityBasedAssessment/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n callback(response.insertForm8CommunityBasedAssessmentResult);\r\n },\r\n });\r\n }\r\n \r\n // Form 8 -- Monthly Summary\r\n function getForm8MonthlySummary(emReviewId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getForm8MonthlySummary/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"emReviewId\":\"' + emReviewId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n var res = response.getForm8MonthlySummaryResult[0];\r\n callback(res);\r\n },\r\n error: function(xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n \r\n // Form 8 -- Monthly Summary\r\n function updateForm8MonthlySummary(data, callback) {\r\n data = {\r\n token: $.session.Token, \r\n consumerId: data.consumerId, \r\n emReviewId: data.emReviewId,\r\n emReviewDate: data.emReviewDate,\r\n emReferenceNumber: data.emReferenceNumber,\r\n emNextScheduledReview: data.emNextScheduledReview,\r\n emSummaryIndivSelfAssessment: data.emSummaryIndivSelfAssessment,\r\n emSummaryIndivEmployerAssessment: data.emSummaryIndivEmployerAssessment,\r\n emSummaryIndivProviderAssessment: data.emSummaryIndivProviderAssessment, \r\n emSupportandTransition: data.emSupportandTransition,\r\n emReviewVTS: data.emReviewVTS,\r\n userId: data.userId, \r\n }\r\n return $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/updateForm8MonthlySummary/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n callback(response.updateForm8MonthlySummaryResult);\r\n },\r\n });\r\n }\r\n \r\n // Form 8 -- Monthly Summary\r\n function insertForm8MonthlySummary(data, callback) {\r\n data = {\r\n token: $.session.Token, \r\n consumerId: data.consumerId, \r\n emReviewDate: data.emReviewDate,\r\n emReferenceNumber: data.emReferenceNumber,\r\n emNextScheduledReview: data.emNextScheduledReview,\r\n emSummaryIndivSelfAssessment: data.emSummaryIndivSelfAssessment,\r\n emSummaryIndivEmployerAssessment: data.emSummaryIndivEmployerAssessment,\r\n emSummaryIndivProviderAssessment: data.emSummaryIndivProviderAssessment,\r\n emSupportandTransition: data.emSupportandTransition,\r\n emReviewVTS: data.emReviewVTS,\r\n userId: data.userId,\r\n serviceId: data.serviceId \r\n }\r\n return $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/insertForm8MonthlySummary/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n callback(response.insertForm8MonthlySummaryResult);\r\n },\r\n });\r\n }\r\n\r\n async function getEmploymentGoal(peopleId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getEmploymentGoal/',\r\n data: JSON.stringify({\r\n peopleId: peopleId,\r\n \r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n // Form 10 -- Transportation\r\n function getForm10TransportationData(OODTransportationId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getForm10TransportationData/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"OODTransportationId\":\"' + OODTransportationId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n var res = response.getForm10TransportationDataResult;\r\n callback(res);\r\n },\r\n error: function(xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n \r\n // Form 10 -- Transportation\r\n function updateForm10TransportationData(data, callback) {\r\n data = {\r\n token: $.session.Token, \r\n consumerId: data.consumerId, \r\n OODTransportationId: data.OODTransportationId,\r\n serviceDate: data.serviceDate,\r\n startTime: data.startTime,\r\n endTime: data.endTime, \r\n numberInVehicle: data.numberInVehicle,\r\n startLocation: data.startLocation,\r\n endLocation: data.endLocation,\r\n userId: data.userId, \r\n }\r\n return $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/updateForm10TransportationData/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n callback(response.updateForm10TransportationDataResult);\r\n },\r\n });\r\n }\r\n \r\n // Form 10 -- Transportation\r\n function insertForm10TransportationData(data, callback) {\r\n data = {\r\n token: $.session.Token, \r\n consumerId: data.consumerId, \r\n serviceDate: data.serviceDate,\r\n startTime: data.startTime,\r\n endTime: data.endTime,\r\n numberInVehicle: data.numberInVehicle,\r\n startLocation: data.startLocation,\r\n endLocation: data.endLocation,\r\n userId: data.userId,\r\n referenceNumber: data.referenceNumber,\r\n \r\n }\r\n return $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/insertForm10TransportationData/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n callback(response.insertForm10TransportationDataResult);\r\n },\r\n });\r\n }\r\n\r\n // Form 16 -- Form16SummerYouthWorkExperience\r\n function getForm16SummerYouthWorkExperience(caseNoteId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getForm16SummerYouthWorkExperience/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"caseNoteId\":\"' + caseNoteId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n var res = response.getForm16SummerYouthWorkExperienceResult;\r\n callback(res);\r\n },\r\n error: function(xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n \r\n // Form 16 -- getForm16SummerYouthWorkExperience\r\n function updateForm16SummerYouthWorkExperience(data, callback) {\r\n data = {\r\n token: $.session.Token, \r\n consumerId: data.consumerId, \r\n caseNoteId: data.caseNoteId,\r\n serviceDate: data.serviceDate,\r\n startTime: data.startTime,\r\n endTime: data.endTime,\r\n position: data.position,\r\n groupSize: data.groupSize,\r\n interventions: data.interventions,\r\n }\r\n return $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/updateForm16SummerYouthWorkExperience/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n callback(response.updateForm16SummerYouthWorkExperienceResult);\r\n },\r\n });\r\n }\r\n \r\n // Form 16 -- getForm16SummerYouthWorkExperience\r\n function insertForm16SummerYouthWorkExperience(data, callback) {\r\n data = {\r\n token: $.session.Token, \r\n consumerId: data.consumerId, \r\n caseNoteId: data.caseNoteId,\r\n serviceDate: data.serviceDate,\r\n startTime: data.startTime,\r\n endTime: data.endTime,\r\n position: data.position,\r\n groupSize: data.groupSize,\r\n interventions: data.interventions,\r\n userId: data.userId,\r\n serviceId: data.serviceId,\r\n referenceNumber: data.referenceNumber,\r\n caseManagerId: data.caseManagerId,\r\n \r\n }\r\n return $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/insertForm16SummerYouthWorkExperience/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n callback(response.insertForm16SummerYouthWorkExperienceResult);\r\n },\r\n });\r\n }\r\n \r\n // Form 16 -- Monthly Summary\r\n function getForm16MonthlySummary(emReviewId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getForm16MonthlySummary/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"emReviewId\":\"' + emReviewId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n var res = response.getForm16MonthlySummaryResult[0];\r\n callback(res);\r\n },\r\n error: function(xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n \r\n // Form 16 -- Monthly Summary\r\n function updateForm16MonthlySummary(data, callback) {\r\n data = {\r\n token: $.session.Token, \r\n consumerId: data.consumerId, \r\n emReviewId: data.emReviewId,\r\n emReviewDate: data.emReviewDate,\r\n emReferenceNumber: data.emReferenceNumber,\r\n emNextScheduledReview: data.emNextScheduledReview,\r\n emSummaryIndivSelfAssessment: data.emSummaryIndivSelfAssessment,\r\n emSummaryIndivProviderAssessment: data.emSummaryIndivProviderAssessment, \r\n emReviewVTS: data.emReviewVTS,\r\n emOfferedHoursNotWorkNumber: data.emOfferedHoursNotWorkNumber,\r\n userId: data.userId, \r\n }\r\n return $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/updateForm16MonthlySummary/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n callback(response.updateForm16MonthlySummaryResult);\r\n },\r\n });\r\n }\r\n \r\n // Form 16 -- Monthly Summary\r\n function insertForm16MonthlySummary(data, callback) {\r\n data = {\r\n token: $.session.Token, \r\n consumerId: data.consumerId, \r\n emReviewDate: data.emReviewDate,\r\n emReferenceNumber: data.emReferenceNumber,\r\n emNextScheduledReview: data.emNextScheduledReview,\r\n emSummaryIndivSelfAssessment: data.emSummaryIndivSelfAssessment,\r\n emSummaryIndivProviderAssessment: data.emSummaryIndivProviderAssessment,\r\n emReviewVTS: data.emReviewVTS,\r\n emOfferedHoursNotWorkNumber: data.emOfferedHoursNotWorkNumber,\r\n userId: data.userId,\r\n serviceId: data.serviceId \r\n }\r\n return $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/insertForm16MonthlySummary/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function(response, status, xhr) {\r\n callback(response.insertForm16MonthlySummaryResult);\r\n },\r\n });\r\n }\r\n\r\n\r\n async function deleteOODForm10TransportationEntry(OODTransportationId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/deleteOODForm10TransportationEntry/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"OODTransportationId\":\"' +\r\n OODTransportationId +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n // Form 4 -- Generate Form\r\n // async function generateForm4(data, callback) {\r\n // const generateForm4 = await _UTIL.fetchData('generateForm4', {\r\n // token: $.session.Token, \r\n // referenceNumber: data.referenceNumber,\r\n // vendorId: '',\r\n // peopleId: data.peopleId,\r\n // serviceCodeId: data.serviceCodeId,\r\n // startDate: data.startDate,\r\n // endDate: data.endDate,\r\n // });\r\n\r\n // return generateForm4;\r\n // }\r\n\r\n // Form 4 -- Generate Form\r\n function generateForm4(data) {\r\n var action = `${$.webServer.protocol}://${$.webServer.address}:${$.webServer.port}/${$.webServer.serviceName}/generateForm4/`;\r\n var successFunction = function (resp) {\r\n var res = JSON.stringify(response);\r\n return res;\r\n //callback()\r\n };\r\n data = {\r\n token: $.session.Token, \r\n referenceNumber: data.referenceNumber,\r\n vendorId: '',\r\n peopleId: data.peopleId,\r\n serviceCodeId: data.serviceCodeId,\r\n startDate: data.startDate,\r\n endDate: data.endDate,\r\n userId: data.userId\r\n }\r\n\r\n // Create an HTML form element\r\n var form = document.createElement('form');\r\n form.setAttribute('action', action);\r\n form.setAttribute('method', 'POST');\r\n form.setAttribute('target', '_blank'); // Open the response in a new tab\r\n\r\n // Create input elements for form data\r\n var tokenInput = document.createElement('input');\r\n tokenInput.setAttribute('type', 'hidden'); // Hidden input\r\n tokenInput.setAttribute('name', 'token');\r\n tokenInput.setAttribute('value', $.session.Token);\r\n form.setAttribute('success', successFunction);\r\n form.setAttribute('enctype', 'bare');\r\n //form.setAttribute('enctype', 'multipart/form-data');\r\n\r\n\r\n form.onsubmit = successFunction;\r\n\r\n var tokenInput = document.createElement('input');\r\n tokenInput.setAttribute('name', 'token');\r\n tokenInput.setAttribute('value', $.session.Token);\r\n tokenInput.id = 'token';\r\n\r\n var userIdInput = document.createElement('input');\r\n userIdInput.setAttribute('name', 'userId');\r\n userIdInput.setAttribute('value', data.userId);\r\n userIdInput.id = 'userId';\r\n\r\n var referenceNumberInput = document.createElement('input');\r\n referenceNumberInput.setAttribute('name', 'referenceNumber');\r\n referenceNumberInput.setAttribute('value', data.referenceNumber);\r\n referenceNumberInput.id = 'referenceNumber';\r\n\r\n var peopleIdInput = document.createElement('input');\r\n peopleIdInput.setAttribute('name', 'peopleId');\r\n peopleIdInput.setAttribute('value', data.peopleId);\r\n peopleIdInput.id = 'peopleId';\r\n\r\n var serviceCodeIdInput = document.createElement('input');\r\n serviceCodeIdInput.setAttribute('name', 'serviceCodeId');\r\n serviceCodeIdInput.setAttribute('value', data.serviceCodeId);\r\n serviceCodeIdInput.id = 'serviceCodeId';\r\n\r\n var startDateInput = document.createElement('input');\r\n startDateInput.setAttribute('name', 'startDate');\r\n startDateInput.setAttribute('value', data.startDate);\r\n startDateInput.id = 'startDate';\r\n\r\n var endDateInput = document.createElement('input');\r\n endDateInput.setAttribute('name', 'endDate');\r\n endDateInput.setAttribute('value', data.endDate);\r\n endDateInput.id = 'endDate';\r\n\r\n form.appendChild(tokenInput);\r\n form.appendChild(userIdInput);\r\n form.appendChild(referenceNumberInput);\r\n form.appendChild(peopleIdInput);\r\n form.appendChild(serviceCodeIdInput);\r\n form.appendChild(startDateInput);\r\n form.appendChild(endDateInput);\r\n\r\n form.style.position = 'absolute';\r\n form.style.opacity = '0';\r\n document.body.appendChild(form);\r\n\r\n form.submit();\r\n }\r\n\r\n function generateForm6(data) {\r\n var action = `${$.webServer.protocol}://${$.webServer.address}:${$.webServer.port}/${$.webServer.serviceName}/generateForm6/`;\r\n var successFunction = function (resp) {\r\n var res = JSON.stringify(response);\r\n return res;\r\n //callback()\r\n };\r\n data = {\r\n token: $.session.Token, \r\n referenceNumber: data.referenceNumber,\r\n vendorId: '',\r\n peopleId: data.peopleId,\r\n serviceCodeId: data.serviceCodeId,\r\n startDate: data.startDate,\r\n endDate: data.endDate,\r\n userId: data.userId,\r\n loggedInUserPersonId: data.loggedInUserPersonId\r\n }\r\n\r\n var form = document.createElement('form');\r\n form.setAttribute('action', action);\r\n form.setAttribute('method', 'POST');\r\n form.setAttribute('target', '_blank');\r\n form.setAttribute('enctype', 'bare');\r\n form.setAttribute('success', successFunction); \r\n\r\n form.onsubmit = successFunction;\r\n\r\n var tokenInput = document.createElement('input');\r\n tokenInput.setAttribute('name', 'token');\r\n tokenInput.setAttribute('value', $.session.Token);\r\n tokenInput.id = 'token';\r\n\r\n var userIdInput = document.createElement('input');\r\n userIdInput.setAttribute('name', 'userId');\r\n userIdInput.setAttribute('value', data.userId);\r\n userIdInput.id = 'userId';\r\n\r\n var referenceNumberInput = document.createElement('input');\r\n referenceNumberInput.setAttribute('name', 'referenceNumber');\r\n referenceNumberInput.setAttribute('value', data.referenceNumber);\r\n referenceNumberInput.id = 'referenceNumber';\r\n\r\n var peopleIdInput = document.createElement('input');\r\n peopleIdInput.setAttribute('name', 'peopleId');\r\n peopleIdInput.setAttribute('value', data.peopleId);\r\n peopleIdInput.id = 'peopleId';\r\n\r\n var serviceCodeIdInput = document.createElement('input');\r\n serviceCodeIdInput.setAttribute('name', 'serviceCodeId');\r\n serviceCodeIdInput.setAttribute('value', data.serviceCodeId);\r\n serviceCodeIdInput.id = 'serviceCodeId';\r\n\r\n var startDateInput = document.createElement('input');\r\n startDateInput.setAttribute('name', 'startDate');\r\n startDateInput.setAttribute('value', data.startDate);\r\n startDateInput.id = 'startDate';\r\n\r\n var loggedInUserPersonIdInput = document.createElement('input');\r\n loggedInUserPersonIdInput.setAttribute('name', 'loggedInUserPersonId');\r\n loggedInUserPersonIdInput.setAttribute('value', data.loggedInUserPersonId);\r\n loggedInUserPersonIdInput.id = 'loggedInUserPersonId';\r\n\r\n var endDateInput = document.createElement('input');\r\n endDateInput.setAttribute('name', 'endDate');\r\n endDateInput.setAttribute('value', data.endDate);\r\n endDateInput.id = 'endDate';\r\n\r\n form.appendChild(tokenInput);\r\n form.appendChild(userIdInput);\r\n form.appendChild(referenceNumberInput);\r\n form.appendChild(peopleIdInput);\r\n form.appendChild(serviceCodeIdInput);\r\n form.appendChild(startDateInput);\r\n form.appendChild(endDateInput);\r\n form.appendChild(loggedInUserPersonIdInput);\r\n\r\n form.style.position = 'absolute';\r\n form.style.opacity = '0';\r\n document.body.appendChild(form);\r\n\r\n form.submit();\r\n }\r\n\r\n\r\n function generateForm8(data) {\r\n var action = `${$.webServer.protocol}://${$.webServer.address}:${$.webServer.port}/${$.webServer.serviceName}/generateForm8/`;\r\n var successFunction = function (resp) {\r\n var res = JSON.stringify(response);\r\n return res;\r\n //callback()\r\n };\r\n data = {\r\n token: $.session.Token, \r\n referenceNumber: data.referenceNumber,\r\n vendorId: '',\r\n peopleId: data.peopleId,\r\n serviceCodeId: data.serviceCodeId,\r\n startDate: data.startDate,\r\n endDate: data.endDate,\r\n userId: data.userId,\r\n loggedInUserPersonId: data.loggedInUserPersonId\r\n }\r\n\r\n // Create an HTML form element\r\n var form = document.createElement('form');\r\n form.setAttribute('action', action);\r\n form.setAttribute('method', 'POST');\r\n form.setAttribute('target', '_blank'); // Open the response in a new tab\r\n\r\n // Create input elements for form data\r\n var tokenInput = document.createElement('input');\r\n tokenInput.setAttribute('type', 'hidden'); // Hidden input\r\n tokenInput.setAttribute('name', 'token');\r\n tokenInput.setAttribute('value', $.session.Token);\r\n form.setAttribute('success', successFunction);\r\n form.setAttribute('enctype', 'bare');\r\n //form.setAttribute('enctype', 'multipart/form-data');\r\n\r\n\r\n form.onsubmit = successFunction;\r\n\r\n var tokenInput = document.createElement('input');\r\n tokenInput.setAttribute('name', 'token');\r\n tokenInput.setAttribute('value', $.session.Token);\r\n tokenInput.id = 'token';\r\n\r\n var userIdInput = document.createElement('input');\r\n userIdInput.setAttribute('name', 'userId');\r\n userIdInput.setAttribute('value', data.userId);\r\n userIdInput.id = 'userId';\r\n\r\n var referenceNumberInput = document.createElement('input');\r\n referenceNumberInput.setAttribute('name', 'referenceNumber');\r\n referenceNumberInput.setAttribute('value', data.referenceNumber);\r\n referenceNumberInput.id = 'referenceNumber';\r\n\r\n var peopleIdInput = document.createElement('input');\r\n peopleIdInput.setAttribute('name', 'peopleId');\r\n peopleIdInput.setAttribute('value', data.peopleId);\r\n peopleIdInput.id = 'peopleId';\r\n\r\n var serviceCodeIdInput = document.createElement('input');\r\n serviceCodeIdInput.setAttribute('name', 'serviceCodeId');\r\n serviceCodeIdInput.setAttribute('value', data.serviceCodeId);\r\n serviceCodeIdInput.id = 'serviceCodeId';\r\n\r\n var startDateInput = document.createElement('input');\r\n startDateInput.setAttribute('name', 'startDate');\r\n startDateInput.setAttribute('value', data.startDate);\r\n startDateInput.id = 'startDate';\r\n\r\n var loggedInUserPersonIdInput = document.createElement('input');\r\n loggedInUserPersonIdInput.setAttribute('name', 'loggedInUserPersonId');\r\n loggedInUserPersonIdInput.setAttribute('value', data.loggedInUserPersonId);\r\n loggedInUserPersonIdInput.id = 'loggedInUserPersonId';\r\n\r\n var endDateInput = document.createElement('input');\r\n endDateInput.setAttribute('name', 'endDate');\r\n endDateInput.setAttribute('value', data.endDate);\r\n endDateInput.id = 'endDate';\r\n\r\n form.appendChild(tokenInput);\r\n form.appendChild(userIdInput);\r\n form.appendChild(referenceNumberInput);\r\n form.appendChild(peopleIdInput);\r\n form.appendChild(serviceCodeIdInput);\r\n form.appendChild(startDateInput);\r\n form.appendChild(endDateInput);\r\n form.appendChild(loggedInUserPersonIdInput);\r\n\r\n form.style.position = 'absolute';\r\n form.style.opacity = '0';\r\n document.body.appendChild(form);\r\n\r\n form.submit();\r\n }\r\n\r\n function generateForm10(data) {\r\n var action = `${$.webServer.protocol}://${$.webServer.address}:${$.webServer.port}/${$.webServer.serviceName}/generateForm10/`;\r\n var successFunction = function (resp) {\r\n var res = JSON.stringify(response);\r\n return res;\r\n //callback()\r\n };\r\n data = {\r\n token: $.session.Token, \r\n referenceNumber: data.referenceNumber,\r\n vendorId: '',\r\n peopleId: data.peopleId,\r\n serviceCodeId: data.serviceCodeId,\r\n startDate: data.startDate,\r\n endDate: data.endDate,\r\n userId: data.userId,\r\n loggedInUserPersonId: data.loggedInUserPersonId\r\n }\r\n\r\n var form = document.createElement('form');\r\n form.setAttribute('action', action);\r\n form.setAttribute('method', 'POST');\r\n form.setAttribute('target', '_blank');\r\n form.setAttribute('enctype', 'bare');\r\n form.setAttribute('success', successFunction); \r\n\r\n form.onsubmit = successFunction;\r\n\r\n var tokenInput = document.createElement('input');\r\n tokenInput.setAttribute('name', 'token');\r\n tokenInput.setAttribute('value', $.session.Token);\r\n tokenInput.id = 'token';\r\n\r\n var userIdInput = document.createElement('input');\r\n userIdInput.setAttribute('name', 'userId');\r\n userIdInput.setAttribute('value', data.userId);\r\n userIdInput.id = 'userId';\r\n\r\n var referenceNumberInput = document.createElement('input');\r\n referenceNumberInput.setAttribute('name', 'referenceNumber');\r\n referenceNumberInput.setAttribute('value', data.referenceNumber);\r\n referenceNumberInput.id = 'referenceNumber';\r\n\r\n var peopleIdInput = document.createElement('input');\r\n peopleIdInput.setAttribute('name', 'peopleId');\r\n peopleIdInput.setAttribute('value', data.peopleId);\r\n peopleIdInput.id = 'peopleId';\r\n\r\n var serviceCodeIdInput = document.createElement('input');\r\n serviceCodeIdInput.setAttribute('name', 'serviceCodeId');\r\n serviceCodeIdInput.setAttribute('value', data.serviceCodeId);\r\n serviceCodeIdInput.id = 'serviceCodeId';\r\n\r\n var startDateInput = document.createElement('input');\r\n startDateInput.setAttribute('name', 'startDate');\r\n startDateInput.setAttribute('value', data.startDate);\r\n startDateInput.id = 'startDate';\r\n\r\n var endDateInput = document.createElement('input');\r\n endDateInput.setAttribute('name', 'endDate');\r\n endDateInput.setAttribute('value', data.endDate);\r\n endDateInput.id = 'endDate';\r\n\r\n var loggedInUserPersonIdInput = document.createElement('input');\r\n loggedInUserPersonIdInput.setAttribute('name', 'loggedInUserPersonId');\r\n loggedInUserPersonIdInput.setAttribute('value', data.loggedInUserPersonId);\r\n loggedInUserPersonIdInput.id = 'loggedInUserPersonId';\r\n\r\n form.appendChild(tokenInput);\r\n form.appendChild(userIdInput);\r\n form.appendChild(referenceNumberInput);\r\n form.appendChild(peopleIdInput);\r\n form.appendChild(serviceCodeIdInput);\r\n form.appendChild(startDateInput);\r\n form.appendChild(endDateInput);\r\n form.appendChild(loggedInUserPersonIdInput);\r\n\r\n form.style.position = 'absolute';\r\n form.style.opacity = '0';\r\n document.body.appendChild(form);\r\n\r\n form.submit();\r\n }\r\n\r\n function generateForm16(data) {\r\n var action = `${$.webServer.protocol}://${$.webServer.address}:${$.webServer.port}/${$.webServer.serviceName}/generateForm16/`;\r\n var successFunction = function (resp) {\r\n var res = JSON.stringify(response);\r\n return res;\r\n //callback()\r\n };\r\n data = {\r\n token: $.session.Token, \r\n referenceNumber: data.referenceNumber,\r\n vendorId: '',\r\n peopleId: data.peopleId,\r\n serviceCodeId: data.serviceCodeId,\r\n startDate: data.startDate,\r\n endDate: data.endDate,\r\n userId: data.userId,\r\n loggedInUserPersonId: data.loggedInUserPersonId\r\n }\r\n\r\n // Create an HTML form element\r\n var form = document.createElement('form');\r\n form.setAttribute('action', action);\r\n form.setAttribute('method', 'POST');\r\n form.setAttribute('target', '_blank'); // Open the response in a new tab\r\n\r\n // Create input elements for form data\r\n var tokenInput = document.createElement('input');\r\n tokenInput.setAttribute('type', 'hidden'); // Hidden input\r\n tokenInput.setAttribute('name', 'token');\r\n tokenInput.setAttribute('value', $.session.Token);\r\n form.setAttribute('success', successFunction);\r\n form.setAttribute('enctype', 'bare');\r\n //form.setAttribute('enctype', 'multipart/form-data');\r\n\r\n\r\n form.onsubmit = successFunction;\r\n\r\n var tokenInput = document.createElement('input');\r\n tokenInput.setAttribute('name', 'token');\r\n tokenInput.setAttribute('value', $.session.Token);\r\n tokenInput.id = 'token';\r\n\r\n var userIdInput = document.createElement('input');\r\n userIdInput.setAttribute('name', 'userId');\r\n userIdInput.setAttribute('value', data.userId);\r\n userIdInput.id = 'userId';\r\n\r\n var referenceNumberInput = document.createElement('input');\r\n referenceNumberInput.setAttribute('name', 'referenceNumber');\r\n referenceNumberInput.setAttribute('value', data.referenceNumber);\r\n referenceNumberInput.id = 'referenceNumber';\r\n\r\n var peopleIdInput = document.createElement('input');\r\n peopleIdInput.setAttribute('name', 'peopleId');\r\n peopleIdInput.setAttribute('value', data.peopleId);\r\n peopleIdInput.id = 'peopleId';\r\n\r\n var serviceCodeIdInput = document.createElement('input');\r\n serviceCodeIdInput.setAttribute('name', 'serviceCodeId');\r\n serviceCodeIdInput.setAttribute('value', data.serviceCodeId);\r\n serviceCodeIdInput.id = 'serviceCodeId';\r\n\r\n var startDateInput = document.createElement('input');\r\n startDateInput.setAttribute('name', 'startDate');\r\n startDateInput.setAttribute('value', data.startDate);\r\n startDateInput.id = 'startDate';\r\n\r\n var loggedInUserPersonIdInput = document.createElement('input');\r\n loggedInUserPersonIdInput.setAttribute('name', 'loggedInUserPersonId');\r\n loggedInUserPersonIdInput.setAttribute('value', data.loggedInUserPersonId);\r\n loggedInUserPersonIdInput.id = 'loggedInUserPersonId';\r\n\r\n \r\n var endDateInput = document.createElement('input');\r\n endDateInput.setAttribute('name', 'endDate');\r\n endDateInput.setAttribute('value', data.endDate);\r\n endDateInput.id = 'endDate';\r\n\r\n form.appendChild(tokenInput);\r\n form.appendChild(userIdInput);\r\n form.appendChild(referenceNumberInput);\r\n form.appendChild(peopleIdInput);\r\n form.appendChild(serviceCodeIdInput);\r\n form.appendChild(startDateInput);\r\n form.appendChild(endDateInput);\r\n form.appendChild(loggedInUserPersonIdInput);\r\n\r\n form.style.position = 'absolute';\r\n form.style.opacity = '0';\r\n document.body.appendChild(form);\r\n\r\n form.submit();\r\n }\r\n\r\n return { \r\n \r\n getOODEntriesAsync,\r\n getActiveEmployeesAsync,\r\n getConsumerEmployersAsync,\r\n getActiveEmployersAsync,\r\n deleteEmployerAsync,\r\n updateEmployerAsync,\r\n insertEmployerAsync,\r\n getEmployer,\r\n updateEmploymentGoal,\r\n getEmploymentGoal,\r\n getActiveServiceCodesAsync,\r\n getConsumerReferenceNumbersAsync,\r\n getConsumerServiceCodesAsync,\r\n getContactTypesAsync,\r\n getOutcomesAsync,\r\n getContactMethodsAsync,\r\n getIndicatorsAsync,\r\n getPositionsAsync, \r\n getForm4MonthlyPlacementEditData,\r\n updateForm4MonthlyPlacementEditData,\r\n insertForm4MonthlyPlacementEditData,\r\n deleteOODFormEntryAsync,\r\n getForm4MonthlySummary,\r\n updateForm4MonthlySummary,\r\n insertForm4MonthlySummary,\r\n deleteFormMonthlySummaryAsync,\r\n getForm6Tier1andJDPLan,\r\n updateForm6Tier1andJDPLan,\r\n insertForm6Tier1andJDPLan,\r\n getForm8CommunityBasedAssessment,\r\n updateForm8CommunityBasedAssessment,\r\n insertForm8CommunityBasedAssessment,\r\n getForm8MonthlySummary,\r\n updateForm8MonthlySummary,\r\n insertForm8MonthlySummary,\r\n getForm10TransportationData,\r\n insertForm10TransportationData,\r\n updateForm10TransportationData,\r\n deleteOODForm10TransportationEntry,\r\n getForm16SummerYouthWorkExperience,\r\n insertForm16SummerYouthWorkExperience,\r\n updateForm16SummerYouthWorkExperience,\r\n getForm16MonthlySummary,\r\n updateForm16MonthlySummary,\r\n insertForm16MonthlySummary,\r\n generateForm4,\r\n generateForm6,\r\n generateForm8,\r\n generateForm10,\r\n generateForm16\r\n };\r\n }) ();\r\n ","const addEditOutcomeServices = (() => {\r\n let outcomeServicesData;\r\n let selectedConsumer;\r\n let filterValues;\r\n let newFilterValues;\r\n let filterRow;\r\n let addOutCome;\r\n let importServicesBtn;\r\n let filesList = [];\r\n let backBtn;\r\n // DOM\r\n let pageWrap;\r\n let overviewTable;\r\n let fileInput;\r\n //--\r\n let filterPopup;\r\n let outcomeTypeDropdown;\r\n let effectiveDateStart;\r\n let effectiveDateEnd;\r\n let importDate;\r\n let applyFilterBtn;\r\n let btnWrap;\r\n let outcomeTypeBtnWrap;\r\n let effectiveDateBtnWrap;\r\n let importDateBtnWrap;\r\n let fromImportedServicesPage = false;\r\n\r\n async function init(selectedConsume, navigatedFromImport) {\r\n selectedConsumer = selectedConsume;\r\n\r\n if (navigatedFromImport) {\r\n fromImportedServicesPage = navigatedFromImport;\r\n } else {\r\n fromImportedServicesPage = false;\r\n }\r\n buildNewOutcomeServices();\r\n }\r\n\r\n async function buildNewOutcomeServices() {\r\n DOM.clearActionCenter();\r\n DOM.scrollToTopOfPage();\r\n initFilterValues();\r\n document.getElementById('mini_roster').style.display = 'none';\r\n pageWrap = document.createElement('div');\r\n const consumerCard = buildConsumerCard();\r\n const backbtnWrap = document.createElement('div');\r\n backbtnWrap.classList.add('addOutcomeBtnWrap');\r\n const addInsertServicesBtnWrap = document.createElement('div');\r\n addInsertServicesBtnWrap.classList.add('addInsertServicesBtnWrap');\r\n backbtnWrap.appendChild(addInsertServicesBtnWrap);\r\n\r\n filteredByData = buildFilteredByData();\r\n addOutCome = addOutcomesButton();\r\n backBtn = backButton();\r\n addInsertServicesBtnWrap.appendChild(addOutCome);\r\n\r\n if ($.session.InsertServices === true && $.session.applicationName === 'Advisor') {\r\n importServicesBtn = button.build({\r\n text: 'IMPORT SERVICES',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'importServices',\r\n callback: async () => {\r\n createUploadPopup();\r\n },\r\n });\r\n\r\n addInsertServicesBtnWrap.appendChild(importServicesBtn);\r\n }\r\n\r\n backbtnWrap.appendChild(backBtn);\r\n\r\n pageWrap.appendChild(consumerCard);\r\n pageWrap.appendChild(backbtnWrap);\r\n pageWrap.appendChild(filteredByData);\r\n DOM.ACTIONCENTER.appendChild(pageWrap);\r\n\r\n if ($.session.InsertOutcomes == true) {\r\n addOutCome.classList.remove('disabled');\r\n } else {\r\n addOutCome.classList.add('disabled');\r\n }\r\n\r\n const spinner = PROGRESS.SPINNER.get('Gathering Data...');\r\n pageWrap.appendChild(spinner);\r\n\r\n outcomeServicesData = await outcomesAjax.getOutcomeServicsPageData({\r\n token: $.session.Token,\r\n selectedConsumerId: selectedConsumer.id,\r\n outcomeType: filterValues.outcomeTypeName,\r\n effectiveDateStart: filterValues.effectiveDateStart,\r\n effectiveDateEnd: filterValues.effectiveDateEnd,\r\n appName: $.session.applicationName,\r\n });\r\n\r\n pageWrap.removeChild(spinner);\r\n buildOverviewTable();\r\n }\r\n\r\n // Create and append the popup to the body\r\n function createUploadPopup() {\r\n let filesList = [];\r\n\r\n // Create the main popup container\r\n const popup = document.createElement('div');\r\n popup.id = 'upload-popup';\r\n popup.className = 'upload-popup hiddenPopup';\r\n\r\n // Create the content container\r\n const popupContent = document.createElement('div');\r\n popupContent.className = 'upload-popup-content';\r\n\r\n // Create the heading\r\n const heading = document.createElement('h2');\r\n heading.innerText = 'Upload File';\r\n\r\n // Create the drop area\r\n const dropArea = document.createElement('div');\r\n dropArea.id = 'drop-area';\r\n dropArea.className = 'drop-area';\r\n dropArea.style.display = 'flex'; // Make the dropArea a flex container\r\n dropArea.style.flexDirection = 'column';\r\n dropArea.style.alignItems = 'center';\r\n dropArea.style.justifyContent = 'center';\r\n\r\n // Add text to the drop area\r\n const dropText1 = document.createElement('p');\r\n dropText1.innerText = 'Drag & drop a file here';\r\n const dropText2 = document.createElement('p');\r\n dropText2.innerText = 'or';\r\n\r\n // Handle drag and drop\r\n dropArea.addEventListener('dragover', event => {\r\n event.preventDefault();\r\n dropArea.classList.add('active');\r\n });\r\n\r\n dropArea.addEventListener('dragleave', () => {\r\n dropArea.classList.remove('active');\r\n });\r\n\r\n dropArea.addEventListener('drop', event => {\r\n event.preventDefault();\r\n dropArea.classList.remove('active');\r\n const files = event.dataTransfer.files;\r\n handleFiles(files);\r\n });\r\n\r\n // Create the file input element\r\n fileInput = document.createElement('input');\r\n fileInput.type = 'file';\r\n fileInput.id = 'file-input';\r\n fileInput.className = 'file-input';\r\n fileInput.multiple = true;\r\n fileInput.style.display = 'none'; // Hide the input element\r\n\r\n // Create the button for selecting files\r\n const selectFilesButton = button.build({\r\n text: 'Select File',\r\n id: 'select-files',\r\n style: 'primary',\r\n type: 'contained',\r\n classNames: 'btn',\r\n callback: async () => {\r\n fileInput.click();\r\n },\r\n });\r\n\r\n // Center the button in its container\r\n selectFilesButton.style.margin = '10px auto';\r\n\r\n // Event listener to handle file selection\r\n fileInput.addEventListener('change', event => {\r\n const files = event.target.files;\r\n handleFiles(files);\r\n });\r\n\r\n // Append text and button to drop area\r\n dropArea.appendChild(dropText1);\r\n dropArea.appendChild(dropText2);\r\n dropArea.appendChild(selectFilesButton);\r\n\r\n // Create the file list display area\r\n const fileListDisplay = document.createElement('div');\r\n fileListDisplay.id = 'file-list';\r\n fileListDisplay.className = 'file-list';\r\n\r\n // Create the close button\r\n const closeButton = button.build({\r\n text: 'Close',\r\n id: 'upload-close',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'btn',\r\n callback: async () => {\r\n hidePopup();\r\n filesList = [];\r\n },\r\n });\r\n\r\n // Create the Import button\r\n const importButton = button.build({\r\n text: 'Start Import',\r\n id: 'upload-import',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: ['btn', 'disabled'],\r\n callback: async () => {\r\n const attachmentsForSave = await processFilesForUpload(filesList);\r\n\r\n hidePopup();\r\n importServices.init(attachmentsForSave, outcomeServicesData, selectedConsumer);\r\n },\r\n });\r\n\r\n const uploadBtnsWrap = document.createElement('div');\r\n uploadBtnsWrap.className = 'uploadBtnsWrap';\r\n\r\n // Append all elements to the content container\r\n popupContent.appendChild(heading);\r\n popupContent.appendChild(dropArea);\r\n popupContent.appendChild(fileListDisplay);\r\n uploadBtnsWrap.appendChild(importButton);\r\n uploadBtnsWrap.appendChild(closeButton);\r\n popupContent.appendChild(uploadBtnsWrap);\r\n\r\n // Append the content container to the popup\r\n popup.appendChild(popupContent);\r\n\r\n // Append the popup to the body\r\n document.body.appendChild(popup);\r\n\r\n // Function to display file names\r\n function displayFileNames(filesList) {\r\n fileListDisplay.innerHTML = ''; // Clear previous file list\r\n const list = document.createElement('ul');\r\n filesList.forEach((file, index) => {\r\n const listItem = document.createElement('li');\r\n listItem.innerText = file.name;\r\n\r\n // Create the remove button (X)\r\n const removeButton = document.createElement('button');\r\n removeButton.innerText = 'X';\r\n removeButton.style.marginLeft = '10px';\r\n removeButton.style.color = 'red';\r\n removeButton.style.border = 'none';\r\n removeButton.style.background = 'transparent';\r\n removeButton.style.cursor = 'pointer';\r\n\r\n // Event listener to remove the file from the list\r\n removeButton.addEventListener('click', () => {\r\n removeFile(index);\r\n });\r\n\r\n listItem.appendChild(removeButton);\r\n list.appendChild(listItem);\r\n });\r\n fileListDisplay.appendChild(list);\r\n }\r\n\r\n // Function to handle files\r\n function handleFiles(files) {\r\n filesList = filesList.concat(Array.from(files));\r\n displayFileNames(filesList);\r\n for (const file of files) {\r\n console.log('File uploaded:', file.name);\r\n }\r\n\r\n toggleButtonsDisabled('import', filesList);\r\n }\r\n\r\n function toggleButtonsDisabled(filesList) {\r\n const importButton = document.getElementById('upload-import');\r\n\r\n if (filesList.length > 0) {\r\n importButton.disabled = false;\r\n importButton.classList.remove('disabled');\r\n } else {\r\n importButton.disabled = true;\r\n importButton.classList.add('disabled');\r\n }\r\n }\r\n\r\n // Function to remove a file from the list\r\n function removeFile(index) {\r\n filesList.splice(index, 1);\r\n fileInput.value = '';\r\n displayFileNames(filesList);\r\n \r\n toggleButtonsDisabled(filesList);\r\n }\r\n\r\n // Function to process files for upload\r\n async function processFilesForUpload(files) {\r\n let attachments = [];\r\n \r\n for (const file of files) {\r\n const attachmentDetails = await _DOM.getAttachmentDetails(file);\r\n attachments.push(attachmentDetails.attachment);\r\n }\r\n \r\n return attachments; // Return just the attachment data\r\n }\r\n }\r\n\r\n // Hide popup function\r\n function hidePopup() {\r\n const popup = document.getElementById('upload-popup');\r\n if (popup) {\r\n popup.remove();\r\n }\r\n }\r\n\r\n function addOutcomesButton() {\r\n return button.build({\r\n text: 'ADD NEW OUTCOME',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'reportBtn',\r\n callback: async () => {\r\n if (!addOutCome.classList.contains('disabled')) {\r\n addOutcomes.init(selectedConsumer, 0);\r\n }\r\n },\r\n });\r\n }\r\n\r\n function backButton() {\r\n return button.build({\r\n text: 'BACK',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: async () => {\r\n document.getElementById('mini_roster').style.display = 'block';\r\n outcomes.backToOutcomeLoad(selectedConsumer);\r\n },\r\n });\r\n }\r\n\r\n function initFilterValues() {\r\n filterValues = {\r\n outcomeType: '%',\r\n effectiveDateStart: dates.formatISO(dates.subYears(new Date(new Date().setHours(0, 0, 0, 0)), 10)).slice(0, 10),\r\n effectiveDateEnd: dates.formatISO(new Date(new Date().setHours(0, 0, 0, 0))).slice(0, 10),\r\n importDate: dates.formatISO(new Date(new Date().setHours(0, 0, 0, 0))).slice(0, 10),\r\n outcomeTypeName: '%',\r\n };\r\n }\r\n\r\n function buildConsumerCard() {\r\n selectedConsumer.card.classList.remove('highlighted');\r\n\r\n const wrap = document.createElement('div');\r\n wrap.classList.add('planConsumerCard');\r\n\r\n wrap.appendChild(selectedConsumer.card);\r\n\r\n return wrap;\r\n }\r\n\r\n function buildFilteredByData() {\r\n var currentFilterDisplay = document.querySelector('.filteredByData');\r\n\r\n effectiveDateEnd = `${formatDate(filterValues.effectiveDateEnd)}`;\r\n importDate = '';\r\n\r\n if (fromImportedServicesPage) {\r\n importDate = `${formatDate(filterValues.effectiveDateEnd)}`;\r\n }\r\n\r\n if (!currentFilterDisplay) {\r\n currentFilterDisplay = document.createElement('div');\r\n currentFilterDisplay.classList.add('filteredByData');\r\n filterButtonSet();\r\n currentFilterDisplay.appendChild(btnWrap);\r\n }\r\n\r\n if (filterValues.outcomeType === '%') {\r\n btnWrap.appendChild(outcomeTypeBtnWrap);\r\n btnWrap.removeChild(outcomeTypeBtnWrap);\r\n } else {\r\n btnWrap.appendChild(outcomeTypeBtnWrap);\r\n if (document.getElementById('outcomeTypeBtn') != null)\r\n document.getElementById('outcomeTypeBtn').innerHTML = 'Outcome Type: ' + filterValues.outcomeTypeName;\r\n }\r\n\r\n if (effectiveDateEnd == '') {\r\n btnWrap.appendChild(effectiveDateBtnWrap);\r\n btnWrap.removeChild(effectiveDateBtnWrap);\r\n } else {\r\n btnWrap.appendChild(effectiveDateBtnWrap);\r\n if (document.getElementById('effectiveDateBtn') != null)\r\n document.getElementById('effectiveDateBtn').innerHTML = 'Effective As Of: ' + effectiveDateEnd;\r\n }\r\n\r\n if (importDate == '') {\r\n btnWrap.removeChild(importDateBtnWrap);\r\n } else {\r\n btnWrap.appendChild(importDateBtnWrap);\r\n if (document.getElementById('importDateBtn') != null)\r\n document.getElementById('importDateBtn').innerHTML = 'ImportDate: ' + importDate;\r\n }\r\n\r\n return currentFilterDisplay;\r\n }\r\n\r\n function filterButtonSet() {\r\n filterBtn = button.build({\r\n text: 'Filter',\r\n icon: 'filter',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'filterBtnNew',\r\n callback: () => {\r\n showFilterPopup('ALL');\r\n },\r\n });\r\n\r\n outcomeTypeBtn = button.build({\r\n id: 'outcomeTypeBtn',\r\n text: 'Outcome Type: ' + filterValues.outcomeType,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n showFilterPopup('outcomeTypeBtn');\r\n },\r\n });\r\n outcomeTypeCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('outcomeTypeBtn');\r\n },\r\n });\r\n\r\n effectiveDateBtn = button.build({\r\n id: 'effectiveDateBtn',\r\n text: 'Effective As Of: ' + effectiveDateEnd,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n showFilterPopup('effectiveDateBtn');\r\n },\r\n });\r\n\r\n importDateBtn = button.build({\r\n id: 'importDateBtn',\r\n text: 'Import Date: ' + importDate,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n showFilterPopup('importDateBtn');\r\n },\r\n });\r\n\r\n btnWrap = document.createElement('div');\r\n btnWrap.classList.add('filterBtnWrap');\r\n btnWrap.appendChild(filterBtn);\r\n\r\n outcomeTypeBtnWrap = document.createElement('div');\r\n outcomeTypeBtnWrap.classList.add('filterSelectionBtnWrap');\r\n outcomeTypeBtnWrap.appendChild(outcomeTypeBtn);\r\n outcomeTypeBtnWrap.appendChild(outcomeTypeCloseBtn);\r\n btnWrap.appendChild(outcomeTypeBtnWrap);\r\n\r\n effectiveDateBtnWrap = document.createElement('div');\r\n effectiveDateBtnWrap.classList.add('filterSelectionBtnWrap');\r\n effectiveDateBtnWrap.appendChild(effectiveDateBtn);\r\n btnWrap.appendChild(effectiveDateBtnWrap);\r\n\r\n importDateBtnWrap = document.createElement('div');\r\n importDateBtnWrap.classList.add('filterSelectionBtnWrap');\r\n importDateBtnWrap.appendChild(importDateBtn);\r\n btnWrap.appendChild(importDateBtnWrap);\r\n }\r\n\r\n function closeFilter(closeFilter) {\r\n if (closeFilter == 'outcomeTypeBtn') {\r\n filterValues.outcomeType = '%';\r\n filterValues.outcomeTypeName = '%';\r\n newFilterValues.outcomeType = '%';\r\n newFilterValues.outcomeTypeName = '%';\r\n }\r\n applyFilter();\r\n }\r\n\r\n function showFilterPopup(IsShow) {\r\n filterPopup = POPUP.build({});\r\n\r\n // Dropdowns\r\n outcomeTypeDropdown = dropdown.build({\r\n dropdownId: 'outcomeTypeDropdown',\r\n label: 'Outcome Type',\r\n style: 'secondary',\r\n value: filterValues.outcomeType,\r\n });\r\n\r\n // Date Inputs\r\n const effectiveDateWrap = document.createElement('div');\r\n effectiveDateEndInput = input.build({\r\n type: 'date',\r\n label: 'Effective As Of',\r\n style: 'secondary',\r\n value: filterValues.effectiveDateEnd,\r\n });\r\n\r\n const importDateWrap = document.createElement('div');\r\n importDateInput = input.build({\r\n type: 'date',\r\n label: 'Import Date',\r\n style: 'secondary',\r\n value: filterValues.importDate,\r\n });\r\n\r\n if (IsShow == 'ALL' || IsShow == 'effectiveDateBtn') {\r\n effectiveDateWrap.appendChild(effectiveDateEndInput);\r\n }\r\n\r\n if (IsShow == 'ALL' || IsShow == 'importDateBtn') {\r\n importDateWrap.appendChild(importDateInput);\r\n }\r\n\r\n const btnFilterWrap = document.createElement('div');\r\n btnFilterWrap.classList.add('btnWrap');\r\n applyFilterBtn = button.build({\r\n text: 'Apply',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n const cancelFilterBtn = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: function () {\r\n POPUP.hide(filterPopup);\r\n },\r\n });\r\n btnFilterWrap.appendChild(applyFilterBtn);\r\n btnFilterWrap.appendChild(cancelFilterBtn);\r\n\r\n if (IsShow == 'ALL' || IsShow == 'outcomeTypeBtn') filterPopup.appendChild(outcomeTypeDropdown);\r\n\r\n filterPopup.appendChild(effectiveDateWrap);\r\n filterPopup.appendChild(importDateWrap);\r\n filterPopup.appendChild(btnFilterWrap);\r\n\r\n POPUP.show(filterPopup);\r\n populateOutcomeTypeDropdown();\r\n setupFilterEvents();\r\n }\r\n function setupFilterEvents() {\r\n newFilterValues = {};\r\n\r\n outcomeTypeDropdown.addEventListener('change', e => {\r\n var selectedOption = e.target.options[e.target.selectedIndex];\r\n newFilterValues.outcomeType = selectedOption.value;\r\n newFilterValues.outcomeTypeName = selectedOption.text;\r\n });\r\n\r\n effectiveDateEndInput.addEventListener('change', e => {\r\n if (e.target.value === '') {\r\n effectiveDateEndInput.classList.add('error');\r\n } else {\r\n effectiveDateEndInput.classList.remove('error');\r\n newFilterValues.effectiveDateEnd = e.target.value;\r\n }\r\n checkFilterPopForErrors();\r\n });\r\n applyFilterBtn.addEventListener('click', async e => {\r\n POPUP.hide(filterPopup);\r\n if (!applyFilterBtn.classList.contains('disabled')) {\r\n applyFilter();\r\n }\r\n });\r\n }\r\n\r\n async function populateOutcomeTypeDropdown() {\r\n const { getOutcomeTypeDropDownResult: OutcomeType } = await outcomesAjax.getOutcomeTypeDropDownAsync(selectedConsumer);\r\n let outcomeTypeData = OutcomeType.map(outcomeTypes => ({\r\n id: outcomeTypes.Goal_Type_ID,\r\n value: outcomeTypes.Goal_Type_ID,\r\n text: outcomeTypes.goal_type_description,\r\n }));\r\n outcomeTypeData.unshift({ id: '%', value: '%', text: 'ALL' });\r\n dropdown.populate('outcomeTypeDropdown', outcomeTypeData, filterValues.outcomeType);\r\n }\r\n\r\n function checkFilterPopForErrors() {\r\n const errors = [...filterPopup.querySelectorAll('.error')];\r\n const hasErrors = errors.length > 0 ? true : false;\r\n\r\n if (hasErrors) {\r\n applyFilterBtn.classList.add('disabled');\r\n } else {\r\n applyFilterBtn.classList.remove('disabled');\r\n }\r\n }\r\n\r\n async function applyFilter() {\r\n filterValues = { ...filterValues, ...newFilterValues };\r\n\r\n const spinner = PROGRESS.SPINNER.get('Gathering Data...');\r\n pageWrap.removeChild(overviewTable);\r\n pageWrap.appendChild(spinner);\r\n\r\n outcomeServicesData = await outcomesAjax.getOutcomeServicsPageData({\r\n token: $.session.Token,\r\n selectedConsumerId: selectedConsumer.id,\r\n outcomeType: filterValues.outcomeTypeName == 'ALL' ? '%' : filterValues.outcomeTypeName,\r\n effectiveDateStart: filterValues.effectiveDateStart,\r\n effectiveDateEnd: filterValues.effectiveDateEnd,\r\n appName: $.session.applicationName,\r\n });\r\n\r\n pageWrap.removeChild(spinner);\r\n\r\n buildOverviewTable();\r\n const newfilteredByData = buildFilteredByData();\r\n pageWrap.replaceChild(newfilteredByData, filteredByData);\r\n filteredByData = newfilteredByData;\r\n }\r\n\r\n function buildOverviewTable() {\r\n groupChildData();\r\n\r\n overviewTable = document.createElement('div');\r\n overviewTable.classList.add('outcomeTable');\r\n\r\n const mainHeading = document.createElement('div');\r\n mainHeading.classList.add('outcomeTable__header');\r\n mainHeading.innerHTML = `\r\n \r\n
');\r\n successPopupText.innerHTML += `${successText}`;\r\n POPUP.show(popup);\r\n //return popup;\r\n }\r\n function buildMethodPopup(method) {\r\n var popup = POPUP.build({});\r\n var methodPopupText = document.createElement('p');\r\n popup.appendChild(methodPopupText);\r\n var methodText = method.replace(/(\\r\\n|\\n|\\r)/g, '
');\r\n methodPopupText.innerHTML += `${methodText}`;\r\n POPUP.show(popup);\r\n //return popup;\r\n }\r\n function buildObjectiveActivities(outcome) {\r\n var objectiveActivities = getObjectiveActivities(outcome);\r\n var outcomeRecurrance = outcome.Objective_Recurrance;\r\n if (objectiveActivities.length === 0) return null;\r\n // if (outcome.Objective_Statement === \"\") return null;\r\n\r\n var activities = document.createElement('div');\r\n activities.classList.add('activities');\r\n\r\n objectiveActivities.forEach(activity => {\r\n activity = activity.split('|');\r\n dailyAbsent = false;\r\n let label = activity[0];\r\n let id = activity[1];\r\n let isAbsent = activity[2];\r\n var ele = document.createElement('span');\r\n if (outcomeRecurrance === 'D' && isAbsent === 'Y') {\r\n dailyAbsent = true;\r\n }\r\n ele.classList.add('activity');\r\n ele.setAttribute('data-activity-id', id);\r\n ele.innerHTML = label;\r\n activities.appendChild(ele);\r\n });\r\n //if (!dailyAbsent) {\r\n activities.addEventListener('click', event => {\r\n activityId = event.target.dataset.activityId;\r\n if (activityId) {\r\n outcomesAjax.getObjectiveActivity(activityId, function (results) {\r\n outcomesAjax.getOutcomesSuccessTypes(outcome.Goal_Type_ID, function (successTypes) {\r\n outcomesAjax.getOutcomesPrimaryAndSecondaryLocations(selectedConsumerId, currDate, function (locations) {\r\n sortSuccessTypes(successTypes);\r\n sortOutcomeLocations(locations);\r\n buildCardDetails(results);\r\n });\r\n });\r\n });\r\n }\r\n });\r\n //}\r\n return activities;\r\n }\r\n async function buildCardOverview(outcome) {\r\n if (outcome.Objective_Statement === '') return;\r\n //PERMISSIONS - if $.session.viewableGoalTypeIds does not contain this cards goal type ID, do not display the card.\r\n var hasPermission = false;\r\n $.session.viewableGoalTypeIds.forEach(id => {\r\n if (outcome.Goal_Type_ID === id) {\r\n hasPermission = true;\r\n return;\r\n }\r\n });\r\n if (!hasPermission) return false;\r\n //////////\r\n var overviewCard = document.createElement('div');\r\n overviewCard.classList.add('card', 'objectiveOverview');\r\n\r\n // card values\r\n var typeDescription = outcome.goal_type_description;\r\n var goalStatement = outcome.Objective_Statement.replace(/(\\r\\n|\\n|\\r)/g, '
'); //outcome.Goal_Statement;\r\n var success = outcome.Success_Determination;\r\n var method = outcome.Objective_Method;\r\n var lastUpdateBy = outcome.lastUpdatedBy;\r\n\r\n // build card\r\n var description = document.createElement('h3');\r\n description.classList.add('description');\r\n description.innerHTML = typeDescription;\r\n\r\n var editIconBtn = button.build({\r\n icon: 'edit',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n addServicesForm.init(selectedConsume, outcome.Objective_id, 0);\r\n },\r\n });\r\n\r\n var statement = document.createElement('p');\r\n statement.classList.add('statement');\r\n statement.innerHTML = goalStatement;\r\n var lastUpdated = document.createElement('div');\r\n lastUpdated.classList.add('lastUpdated');\r\n if (lastUpdateBy !== '') {\r\n lastUpdated.innerHTML = `\r\n
Last Updated: ${lastUpdatedDate}`;\r\n return txtArea;\r\n }\r\n // main card\r\n function buildCardContainer(consumer) {\r\n OUTCOMES_SECTION.innerHTML = '';\r\n\r\n consumer.card.classList.remove('highlighted');\r\n var clone = consumer.card.cloneNode(true);\r\n var card = buildConsumerCard(clone, consumer.id);\r\n\r\n OUTCOMES_SECTION.appendChild(card);\r\n\r\n return OUTCOMES_SECTION;\r\n }\r\n\r\n // Populate Outcome Card\r\n //------------------------------------\r\n function populateNoFreqOutcomes(outcomes) {\r\n // aka NONE\r\n var section = document.getElementById('no frequency');\r\n section.innerHTML = '';\r\n outcomes.forEach(async oc => {\r\n var card = await buildCardOverview(oc);\r\n if (card) section.appendChild(card);\r\n });\r\n }\r\n function populateHourlyOutcomes(outcomes) {\r\n var section = document.getElementById('hourly');\r\n section.innerHTML = '';\r\n outcomes.forEach(async oc => {\r\n var card = await buildCardOverview(oc);\r\n if (card) section.appendChild(card);\r\n });\r\n }\r\n function populateDailyOutcomes(outcomes) {\r\n var section = document.getElementById('daily');\r\n section.innerHTML = '';\r\n outcomes.forEach(async oc => {\r\n var card = await buildCardOverview(oc);\r\n if (card) section.appendChild(card);\r\n });\r\n }\r\n function populateWeeklyOutcomes(outcomes) {\r\n var section = document.getElementById('weekly');\r\n section.innerHTML = '';\r\n outcomes.forEach(async oc => {\r\n var card = await buildCardOverview(oc);\r\n if (card) section.appendChild(card);\r\n });\r\n }\r\n function populateMonthlyOutcomes(outcomes) {\r\n var section = document.getElementById('monthly');\r\n section.innerHTML = '';\r\n outcomes.forEach(async oc => {\r\n var card = await buildCardOverview(oc);\r\n if (card) section.appendChild(card);\r\n });\r\n }\r\n function populateYearlyOutcomes(outcomes) {\r\n var section = document.getElementById('yearly');\r\n section.innerHTML = '';\r\n outcomes.forEach(async oc => {\r\n var card = await buildCardOverview(oc);\r\n if (card) section.appendChild(card);\r\n });\r\n }\r\n\r\n function populateOutcomes(od) {\r\n outcomesData = sortOutcomesAlpha(od);\r\n var sections = [];\r\n var noFreqOutcomes = outcomesData['NF'];\r\n var hourlyOutcomes = outcomesData['H'];\r\n var dailyOutcomes = outcomesData['D'];\r\n var weeklyOutcomes = outcomesData['W'];\r\n var monthlyOutcomes = outcomesData['M'];\r\n var yearlyOutcomes = outcomesData['Y'];\r\n\r\n if (noFreqOutcomes) sections.push('No Frequency');\r\n if (hourlyOutcomes) sections.push('Hourly');\r\n if (dailyOutcomes) sections.push('Daily');\r\n if (weeklyOutcomes) sections.push('Weekly');\r\n if (monthlyOutcomes) sections.push('Monthly');\r\n if (yearlyOutcomes) sections.push('Yearly');\r\n\r\n //currentSection\r\n var defaultActiveSection;\r\n sections.forEach((sec, index) => {\r\n if (sec === currentSection) defaultActiveSection = index;\r\n });\r\n\r\n defaultActiveSection = defaultActiveSection ? defaultActiveSection : 0;\r\n currentSection = sections[defaultActiveSection];\r\n\r\n OUTCOMES_SECTION.innerHTML = '';\r\n var outcomeTabs = tabs.build({\r\n sections,\r\n active: defaultActiveSection,\r\n tabNavCallback: function (data) {\r\n currentSection = data.activeSection;\r\n setUpOutcomesTabSpans();\r\n },\r\n });\r\n OUTCOMES_SECTION.appendChild(outcomeTabs);\r\n\r\n if (noFreqOutcomes) populateNoFreqOutcomes(noFreqOutcomes);\r\n if (hourlyOutcomes) populateHourlyOutcomes(hourlyOutcomes);\r\n if (dailyOutcomes) populateDailyOutcomes(dailyOutcomes);\r\n if (weeklyOutcomes) populateWeeklyOutcomes(weeklyOutcomes);\r\n if (monthlyOutcomes) populateMonthlyOutcomes(monthlyOutcomes);\r\n if (yearlyOutcomes) populateYearlyOutcomes(yearlyOutcomes);\r\n setUpOutcomesTabSpans();\r\n }\r\n\r\n //Handle navigation from dashboard widget to module\r\n function dashHandler(myconsumerId) {\r\n let myval = { id: '34275', card: 'div.consumerCard.consumer-selected.highlighted' };\r\n selectedConsumerId = '34275';\r\n currDate = '2020-03-30';\r\n consumerName = 'Joe Meyer';\r\n daysBack = '13';\r\n\r\n loadCardView(myval);\r\n }\r\n\r\n async function loadCardView(selectedConsumer, displayPlanViewPopup) {\r\n // DOM.scrollToTopOfPage();\r\n selectedConsume = selectedConsumer;\r\n DOM.clearActionCenter();\r\n clearBackCardValues();\r\n //Filter and date wrap\r\n var topFilterDateWrap = document.createElement('div');\r\n topFilterDateWrap.classList.add('topOutcomeWrap');\r\n //Date Input\r\n var date_Input = document.querySelector('.dateInput');\r\n if (!date_Input) {\r\n dateInput = buildDateInput();\r\n topFilterDateWrap.appendChild(dateInput);\r\n }\r\n\r\n reportsBtn = button.build({\r\n text: 'Reports',\r\n icon: 'add',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'reportBtn',\r\n callback: function () {\r\n const filterValues = {\r\n outcomesService: currService ? currService : 'All',\r\n outcomesType: currOutcomeId ? currOutcomeId : '0',\r\n outcomesConsumer: selectedConsumerId,\r\n outcomesDate: currDate,\r\n };\r\n\r\n generateReports.showReportsPopup([\r\n { text: 'Documentation - Completed With Percentages', filterValues },\r\n { text: 'Outcome Activity - With Community Integration by Employee, Consumer, Date', filterValues },\r\n ]);\r\n },\r\n });\r\n editOutcomeBtn = button.build({\r\n text: 'EDIT OUTCOMES/SERVICES',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'reportBtn',\r\n callback: () => {\r\n if (!editOutcomeBtn.classList.contains('disabled')) {\r\n addEditOutcomeServices.init(selectedConsume);\r\n }\r\n },\r\n });\r\n reviewOutcomesBtn = button.build({\r\n text: 'REVIEW OUTCOMES/SERVICES',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n outcomesReview.init({\r\n consumer: selectedConsumerObj,\r\n consumerName: consumerName,\r\n date: currDate,\r\n allowedConsumerIds: allowedConsumerIds,\r\n });\r\n },\r\n });\r\n\r\n let buttonName = 'VIEW PLAN';\r\n if ($.session.UpdatePlan) buttonName = 'VIEW/UPDATE PLAN';\r\n\r\n viewPlanBtn = button.build({\r\n text: buttonName,\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n if (!viewPlanBtn.classList.contains('disabled')) {\r\n planViewPOPUP();\r\n }\r\n },\r\n });\r\n topFilterDateWrap.appendChild(editOutcomeBtn);\r\n if ($.session.OutcomesReview) {\r\n topFilterDateWrap.appendChild(reviewOutcomesBtn);\r\n }\r\n\r\n if (\r\n $.session.InsertOutcomes == true ||\r\n $.session.UpdateOutcomes == true ||\r\n $.session.InsertServices == true ||\r\n $.session.UpdateServices == true\r\n ) {\r\n editOutcomeBtn.classList.remove('disabled');\r\n } else {\r\n editOutcomeBtn.classList.add('disabled');\r\n }\r\n\r\n if ($.session.applicationName === 'Advisor') {\r\n topFilterDateWrap.appendChild(reportsBtn);\r\n }\r\n\r\n const showPopup = await outcomesAjax.getPlanbyConsumerHistory(selectedConsumerId);\r\n const { getPlanbyConsumerHistoryResult } = showPopup;\r\n\r\n if (getPlanbyConsumerHistoryResult[0].isPlanAvailable == 'true') {\r\n if (displayPlanViewPopup !== 'false' && $.session.RequireViewPlan) planViewPOPUP(); \r\n if ($.session.RequireViewPlan) topFilterDateWrap.appendChild(viewPlanBtn);\r\n //viewPlanBtn.classList.remove('disabled');\r\n }\r\n else {\r\n //planViewPOPUP(); \r\n if ($.session.RequireViewPlan) topFilterDateWrap.appendChild(viewPlanBtn);\r\n // viewPlanBtn.classList.add('disabled');\r\n }\r\n \r\n const result = await outcomesAjax.isViewPlabBtnDisabled(selectedConsumerId);\r\n const { isViewPlabBtnDisabledResult } = result;\r\n\r\n if (isViewPlabBtnDisabledResult[0].isPlanAvailable == 'false' && !$.session.UpdatePlan) {\r\n viewPlanBtn.classList.add('disabled');\r\n }\r\n\r\n if (!document.querySelector('.topOutcomeWrap')) {\r\n DOM.ACTIONCENTER.appendChild(topFilterDateWrap);\r\n }\r\n\r\n var documentingForDiv = document.createElement('div');\r\n documentingForDiv.innerHTML = `
Last Updated: ${lastEdited}`;\r\n\r\n return txtArea;\r\n }\r\n function showDetailViewPopup(editData, outcomeData) {\r\n detailsPopup = POPUP.build({});\r\n const tmpData = {\r\n notifyEmployee: 'N',\r\n reviewNote: outcomeData.reviewNote || ''\r\n };\r\n\r\n if (editData) {\r\n locationID = editData.Location_ID || '';\r\n tmpData.primaryLoc = editData.Location_ID || '';\r\n tmpData.secLoc = editData.Locations_Secondary_ID || '';\r\n tmpData.success = editData.Objective_Success || '';\r\n tmpData.prompt = editData.Prompt_Type || '';\r\n tmpData.attempt = editData.Prompt_Number || '';\r\n tmpData.ci = editData.community_integration_level || '';\r\n tmpData.startTime = editData.start_time || '';\r\n tmpData.endTime = editData.end_time || '';\r\n tmpData.note = editData.Objective_Activity_Note || '';\r\n }\r\n\r\n const primaryLocationDropdown = buildPrimaryLocationDropdown(editData.Location_ID);\r\n const secondaryLocationDropdown = buildSecondaryLocationDropdown(editData.Locations_Secondary_ID);\r\n const resultsDropdown = buildResultsDropdown(editData.objective_success_description);\r\n const promptsDropdown = buildPromptsDropdown(editData.Prompt_Type);\r\n const attemptsDropdown = buildAttemptsDropdown(editData.Prompt_Number);\r\n const cIDropdown = buildCommunityIntegrationDropdown(editData.community_integration_level);\r\n const timeInputs = buildTimeInputs(editData.start_time, editData.end_time);\r\n const noteInput = buildNoteInput(editData.Objective_Activity_Note);\r\n const reviewNoteInput = buildReviewNoteInput(outcomeData.reviewNote);\r\n const notifyCheckbox = buildNotifyCheckbox();\r\n const saveBtn = buildSaveButton(true);\r\n const deleteBtn = buildDeleteButton();\r\n const lastEditBy = buildCardEnteredByDetails(editData.submitted_by_user_id, editData.Last_Update);\r\n \r\n\r\n const checkShowFields = () => {\r\n const showAttempts = successDetails?.Show_Attempts;\r\n const showPrompts = successDetails?.Show_Prompts;\r\n const showTime = successDetails?.Show_Time;\r\n const showCI = successDetails?.Show_Community_Integration;\r\n\r\n if (showAttempts === 'Y') {\r\n attemptsDropdown.classList.remove('hidden');\r\n } else {\r\n attemptsDropdown.classList.add('hidden');\r\n }\r\n if (showPrompts === 'Y') {\r\n promptsDropdown.classList.remove('hidden');\r\n } else {\r\n promptsDropdown.classList.add('hidden');\r\n }\r\n if (showTime === 'Y') {\r\n timeInputs.start.classList.remove('hidden');\r\n timeInputs.end.classList.remove('hidden');\r\n } else {\r\n timeInputs.start.classList.add('hidden');\r\n timeInputs.end.classList.add('hidden');\r\n }\r\n if (showCI === 'Y') {\r\n cIDropdown.classList.remove('hidden');\r\n } else {\r\n cIDropdown.classList.add('hidden');\r\n }\r\n };\r\n const checkRequiredFields = () => {\r\n const showAttempts = successDetails?.Show_Attempts;\r\n const showPrompts = successDetails?.Show_Prompts;\r\n const showTime = successDetails?.Show_Time;\r\n const showCI = successDetails?.Show_Community_Integration;\r\n\r\n const attemptsRequired = successDetails?.Attempts_Required;\r\n const promptsRequired = successDetails?.Prompt_Required;\r\n const timeRequired = successDetails?.Times_Required;\r\n const ciRequired = successDetails?.Community_Integration_Required;\r\n const noteRequired = successDetails?.Notes_Required;\r\n\r\n // attempts\r\n if (showAttempts === 'Y') {\r\n attemptsDropdown.classList.remove('hidden');\r\n attemptsDropdown.classList.remove('disabled');\r\n if (attemptsRequired === 'Y') {\r\n if (!tmpData.attempt || tmpData.attempt === '') {\r\n attemptsDropdown.classList.add('error');\r\n } else {\r\n attemptsDropdown.classList.remove('error');\r\n }\r\n } else {\r\n attemptsDropdown.classList.remove('error');\r\n }\r\n } else {\r\n attemptsDropdown.classList.add('hidden');\r\n attemptsDropdown.classList.add('disabled');\r\n }\r\n // prompts\r\n if (showPrompts === 'Y') {\r\n promptsDropdown.classList.remove('hidden');\r\n promptsDropdown.classList.remove('disabled');\r\n if (promptsRequired === 'Y') {\r\n if (!tmpData.prompt || tmpData.prompt === '') {\r\n promptsDropdown.classList.add('error');\r\n } else {\r\n promptsDropdown.classList.remove('error');\r\n }\r\n } else {\r\n promptsDropdown.classList.remove('error');\r\n }\r\n } else {\r\n promptsDropdown.classList.add('hidden');\r\n promptsDropdown.classList.add('disabled');\r\n }\r\n // community integration\r\n if (showCI === 'Y') {\r\n cIDropdown.classList.remove('hidden');\r\n cIDropdown.classList.remove('disabled');\r\n if (ciRequired === 'Y') {\r\n if (!tmpData.ci || tmpData.ci === '') {\r\n cIDropdown.classList.add('error');\r\n } else {\r\n cIDropdown.classList.remove('error');\r\n }\r\n } else {\r\n cIDropdown.classList.remove('error');\r\n }\r\n } else {\r\n cIDropdown.classList.add('hidden');\r\n cIDropdown.classList.add('disabled');\r\n }\r\n // start and end time\r\n if (showTime === 'Y') {\r\n timeInputs.start.classList.remove('disabled');\r\n timeInputs.end.classList.remove('disabled');\r\n if (timeRequired === 'Y') {\r\n if (tmpData.startTime === '') {\r\n timeInputs.start.classList.add('error');\r\n } else {\r\n timeInputs.start.classList.remove('error');\r\n }\r\n if (tmpData.endTime === '') {\r\n timeInputs.end.classList.add('error');\r\n } else {\r\n timeInputs.end.classList.remove('error');\r\n }\r\n } else {\r\n timeInputs.start.classList.remove('error');\r\n timeInputs.end.classList.remove('error');\r\n }\r\n } else {\r\n timeInputs.start.classList.add('disabled');\r\n timeInputs.end.classList.add('disabled');\r\n }\r\n // note\r\n if (noteRequired === 'Y') {\r\n if (!tmpData.note || tmpData.note === '') {\r\n noteInput.classList.add('error');\r\n } else {\r\n noteInput.classList.remove('error');\r\n }\r\n } else {\r\n noteInput.classList.remove('error');\r\n }\r\n\r\n const errors = [...detailsPopup.querySelectorAll('.error')];\r\n if (errors.length === 0) {\r\n saveBtn.classList.remove('disabled');\r\n } else {\r\n saveBtn.classList.add('disabled');\r\n }\r\n };\r\n const checkErrors = () => {\r\n const errors = document.querySelectorAll('.error');\r\n if (errors.length === 0) {\r\n saveBtn.classList.remove('disabled');\r\n } else {\r\n saveBtn.classList.add('disabled');\r\n }\r\n };\r\n\r\n primaryLocationDropdown.addEventListener('change', e => {\r\n tmpData.primaryLoc = e.target.value;\r\n });\r\n secondaryLocationDropdown.addEventListener('change', e => {\r\n tmpData.secLoc = e.target.value;\r\n });\r\n resultsDropdown.addEventListener('change', e => {\r\n const selectedOption = e.target.options[e.target.selectedIndex];\r\n tmpData.success = selectedOption.dataset.success;\r\n successDetails = successTypes[selectedOption.value];\r\n\r\n if (selectedOption.value === '') {\r\n resultsDropdown.classList.add('error');\r\n } else {\r\n resultsDropdown.classList.remove('error');\r\n }\r\n\r\n checkErrors();\r\n checkRequiredFields();\r\n });\r\n promptsDropdown.addEventListener('change', e => {\r\n tmpData.prompt = e.target.value;\r\n checkRequiredFields();\r\n });\r\n attemptsDropdown.addEventListener('change', e => {\r\n tmpData.attempt = e.target.value;\r\n checkRequiredFields();\r\n });\r\n cIDropdown.addEventListener('change', e => {\r\n tmpData.ci = e.target.value;\r\n checkRequiredFields();\r\n });\r\n\r\n timeInputs.start.addEventListener('change', e => {\r\n if (e.target) {\r\n tmpData.startTime = e.target.value;\r\n }\r\n checkRequiredFields();\r\n });\r\n timeInputs.end.addEventListener('change', e => {\r\n if (e.target) {\r\n tmpData.endTime = e.target.value;\r\n }\r\n checkRequiredFields();\r\n });\r\n noteInput.addEventListener('change', e => {\r\n tmpData.note = e.target.value;\r\n checkRequiredFields();\r\n });\r\n reviewNoteInput.addEventListener('change', e => {\r\n tmpData.reviewNote = e.target.value;\r\n });\r\n notifyCheckbox.addEventListener('change', e => {\r\n tmpData.notifyEmployee = e.target.checked ? 'Y' : 'N';\r\n });\r\n\r\n saveBtn.addEventListener('click', async e => {\r\n // main outcome\r\n const updateData = {\r\n personId: selectedConsumerId,\r\n objectiveId: editData.Objective_ID,\r\n activityId: outcomeData.activityId,\r\n objdate: dates.formateToISO(editData.Objective_Date.split(' ')[0]),\r\n success: tmpData.success,\r\n goalnote: UTIL.removeUnsavableNoteText(tmpData.note),\r\n promptType: tmpData.prompt === '' ? '0' : tmpData.prompt,\r\n promptNumber: tmpData.attempt === '' ? '0' : tmpData.attempt,\r\n locationId: tmpData.primaryLoc,\r\n locationSecondaryId: tmpData.secLoc === '' ? 0 : tmpData.secLoc,\r\n goalStartTime: tmpData.startTime,\r\n goalEndTime: tmpData.endTime,\r\n goalCILevel: tmpData.ci,\r\n }\r\n outcomesAjax.saveGoals(updateData, () => {\r\n POPUP.hide(detailsPopup);\r\n });\r\n\r\n // review note\r\n const rnUpdateData = {\r\n objectiveActivityId: outcomeData.activityId,\r\n reviewNote: tmpData.reviewNote,\r\n consumerId: selectedConsumerId,\r\n objectiveActivityDate: editData.Objective_Date.split(' ')[0],\r\n notifyEmployee: tmpData.notifyEmployee,\r\n }\r\n await outcomesAjax.addReviewNote({\r\n token: $.session.Token,\r\n ...rnUpdateData,\r\n });\r\n \r\n await getReviewTableDataSecondary();\r\n populateTabSections();\r\n });\r\n deleteBtn.addEventListener('click', e => {\r\n outcomesAjax.deleteGoal(outcomeData.activityId, selectedConsumerId, selectedDate, async () => {\r\n await getReviewTableDataSecondary();\r\n populateTabSections();\r\n POPUP.hide(detailsPopup);\r\n });\r\n });\r\n\r\n if (!$.session.OutcomesReview) {\r\n reviewNoteInput.classList.add('disabled');\r\n notifyCheckbox.classList.add('disabled');\r\n }\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(saveBtn);\r\n btnWrap.appendChild(deleteBtn);\r\n\r\n detailsPopup.appendChild(primaryLocationDropdown);\r\n if (locations.Secondary) detailsPopup.appendChild(secondaryLocationDropdown);\r\n detailsPopup.appendChild(resultsDropdown);\r\n detailsPopup.appendChild(promptsDropdown);\r\n detailsPopup.appendChild(attemptsDropdown);\r\n\r\n if ($.session.applicationName !== 'Gatekeeper') {\r\n detailsPopup.appendChild(cIDropdown);\r\n detailsPopup.appendChild(timeInputs.timeWrap);\r\n }\r\n\r\n detailsPopup.appendChild(noteInput);\r\n detailsPopup.appendChild(reviewNoteInput);\r\n detailsPopup.appendChild(notifyCheckbox);\r\n detailsPopup.appendChild(btnWrap);\r\n detailsPopup.appendChild(lastEditBy);\r\n\r\n POPUP.show(detailsPopup);\r\n\r\n checkShowFields();\r\n\r\n return;\r\n\r\n //? Might need below but need more data from Mike\r\n if (\r\n editData &&\r\n editData.submitted_by_user_id &&\r\n editData.submitted_by_user_id.toUpperCase() !== $.session.UserId.toUpperCase()\r\n ) {\r\n primaryLocationDropdown.classList.add('disabled');\r\n secondaryLocationDropdown.classList.add('disabled');\r\n resultsDropdown.classList.add('disabled');\r\n attemptsDropdown.classList.add('disabled');\r\n promptsDropdown.classList.add('disabled');\r\n cIDropdown.classList.add('disabled');\r\n timeInputs.classList.add('disabled');\r\n noteInput.querySelector('.input-field__input').setAttribute('readonly', 'true');\r\n saveBtn.classList.add('disabled');\r\n deleteBtn.classList.add('disabled');\r\n btnWrap.classList.add('hidden');\r\n }\r\n }\r\n function onDetailRowClick(outcome) {\r\n const getSuccessTypes = new Promise((resolve, reject) => {\r\n outcomesAjax.getOutcomesSuccessTypes(outcome.goalTypeID, results => {\r\n unOrderedSuccessObj = {};\r\n successTypes = {};\r\n\r\n results.forEach(st => {\r\n var label = st.Objective_Success_Description;\r\n if (!unOrderedSuccessObj[label]) {\r\n unOrderedSuccessObj[label] = st;\r\n }\r\n });\r\n\r\n Object.keys(unOrderedSuccessObj)\r\n .sort()\r\n .forEach(key => {\r\n successTypes[key] = unOrderedSuccessObj[key];\r\n });\r\n\r\n resolve('success');\r\n });\r\n });\r\n\r\n const getActivity = new Promise((resolve, reject) => {\r\n outcomesAjax.getObjectiveActivity(outcome.activityId, results => {\r\n activityRes = results;\r\n resolve('success');\r\n });\r\n });\r\n\r\n Promise.all([getSuccessTypes, getActivity]).then(function () {\r\n showDetailViewPopup(activityRes[0], outcome);\r\n });\r\n }\r\n\r\n // Filtering\r\n //----------------------------------------------------\r\n // date span filter\r\n function calculateSpanFromDateRange() {\r\n const toDate = new Date(`${selectedDateSpan.to} 00:00:00`);\r\n const fromDate = new Date(`${selectedDateSpan.from} 00:00:00`);\r\n\r\n const toWeekStart = dates.startDayOfWeek(toDate);\r\n const fromWeekStart = dates.startDayOfWeek(fromDate);\r\n const isoToDate = dates.formatISO(toWeekStart).split('T')[0];\r\n const isoFromDate = dates.formatISO(fromWeekStart).split('T')[0];\r\n\r\n switch (activeTab) {\r\n case NO_FREQ: {\r\n spanLength = dates.differenceInDays(toDate, fromDate);\r\n break;\r\n }\r\n case HOUR: {\r\n spanLength = dates.differenceInDays(toDate, fromDate);\r\n spanLength = spanLength * 24;\r\n break;\r\n }\r\n case DAY: {\r\n spanLength = dates.differenceInDays(toDate, fromDate);\r\n break;\r\n }\r\n case WEEK: {\r\n spanLength = dates.differenceInWeeks(toDate, fromDate);\r\n break;\r\n }\r\n case MONTH: {\r\n spanLength = dates.differenceInMonths(toDate, fromDate);\r\n break;\r\n }\r\n case YEAR: {\r\n spanLength = dates.differenceInYears(toDate, fromDate);\r\n break;\r\n }\r\n }\r\n }\r\n function updateSpanInput() {\r\n daysBackInput.value = spanLength;\r\n }\r\n function updateDateRangeInputs() {\r\n fromDateInput.value = selectedDateSpan.from;\r\n toDateInput.value = selectedDateSpan.to;\r\n }\r\n function updateFilterDates() {\r\n daysBackToggleBtn.textContent = `${unitType} Back`;\r\n daysBackLabel.textContent = `${unitType} Back`;\r\n updateDateRangeInputs();\r\n updateSpanInput();\r\n }\r\n function buildFilterDates() {\r\n const toggleButtonWrap = _DOM.createElement('div', { class: 'dateFilterToggle' });\r\n daysBackToggleBtn = _DOM.createElement('button', {\r\n class: 'active',\r\n id: 'days-back-btn',\r\n text: `${unitType} Back`,\r\n });\r\n const dateRangeToggleBtn = _DOM.createElement('button', { id: 'date-range-btn', text: 'Date Range' });\r\n toggleButtonWrap.appendChild(daysBackToggleBtn);\r\n toggleButtonWrap.appendChild(dateRangeToggleBtn);\r\n\r\n const daysBackInputWrap = _DOM.createElement('div', { class: ['daysBack', 'active'] });\r\n daysBackLabel = _DOM.createElement('label', { for: 'daysBack', text: `${unitType} Back` });\r\n daysBackInput = _DOM.createElement('input', {\r\n id: 'daysBack',\r\n type: 'number',\r\n name: 'daysBack',\r\n value: spanLength,\r\n });\r\n daysBackInputWrap.appendChild(daysBackLabel);\r\n daysBackInputWrap.appendChild(daysBackInput);\r\n\r\n const dateRangeInputWrap = _DOM.createElement('div', { class: ['dateRange'] });\r\n const dateRangeInnerWrap1 = _DOM.createElement('div');\r\n const dateRangeInnerWrap2 = _DOM.createElement('div');\r\n dateRangeInputWrap.appendChild(dateRangeInnerWrap1);\r\n dateRangeInputWrap.appendChild(dateRangeInnerWrap2);\r\n\r\n const fromDateLabel = _DOM.createElement('label', { for: 'fromDate', text: `From:` });\r\n fromDateInput = _DOM.createElement('input', {\r\n id: 'fromDate',\r\n type: 'date',\r\n name: 'fromDate',\r\n value: selectedDateSpan.from,\r\n });\r\n dateRangeInnerWrap1.appendChild(fromDateLabel);\r\n dateRangeInnerWrap1.appendChild(fromDateInput);\r\n\r\n const toDateLabel = _DOM.createElement('label', { for: 'toDate', text: `To:` });\r\n toDateInput = _DOM.createElement('input', {\r\n id: 'toDate',\r\n type: 'date',\r\n name: 'toDate',\r\n value: selectedDateSpan.to,\r\n });\r\n dateRangeInnerWrap2.appendChild(toDateLabel);\r\n dateRangeInnerWrap2.appendChild(toDateInput);\r\n\r\n const dateWrap = _DOM.createElement('div', { class: 'dateFilter' });\r\n dateWrap.appendChild(toggleButtonWrap);\r\n dateWrap.appendChild(daysBackInputWrap);\r\n dateWrap.appendChild(dateRangeInputWrap);\r\n\r\n toggleButtonWrap.addEventListener('click', async e => {\r\n if (e.target.classList.contains('active')) {\r\n return;\r\n }\r\n\r\n const daysBack = dateWrap.querySelector('.daysBack');\r\n const dateRange = dateWrap.querySelector('.dateRange');\r\n\r\n if (e.target === daysBackToggleBtn) {\r\n isDaysBackFilter = true;\r\n daysBack.classList.add('active');\r\n daysBackToggleBtn.classList.add('active');\r\n dateRange.classList.remove('active');\r\n dateRangeToggleBtn.classList.remove('active');\r\n\r\n if (selectedDateSpan.to !== selectedDate) {\r\n setUnitType();\r\n updateFilterDates();\r\n \r\n await getReviewTableDataSecondary();\r\n \r\n populateTabSections();\r\n }\r\n\r\n return;\r\n }\r\n\r\n isDaysBackFilter = false;\r\n dateRange.classList.add('active');\r\n dateRangeToggleBtn.classList.add('active');\r\n daysBack.classList.remove('active');\r\n daysBackToggleBtn.classList.remove('active');\r\n });\r\n\r\n dateWrap.addEventListener('change', async e => {\r\n if (e.target.id === 'daysBack') {\r\n spanLength = e.target.value;\r\n selectedDateSpan.to = selectedDate;\r\n\r\n switch (activeTab) {\r\n case NO_FREQ: {\r\n const dateObj = dates.subDays(new Date(`${selectedDateSpan.to} 00:00:00`), spanLength);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n break;\r\n }\r\n case HOUR: {\r\n const dateObj = dates.subHours(new Date(`${selectedDateSpan.to} 00:00:00`), spanLength);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n break;\r\n }\r\n case DAY: {\r\n const dateObj = dates.subDays(new Date(`${selectedDateSpan.to} 00:00:00`), spanLength);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n break;\r\n }\r\n case WEEK: {\r\n const dateObj = dates.subWeeks(new Date(`${selectedDateSpan.to} 00:00:00`), spanLength);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n break;\r\n }\r\n case MONTH: {\r\n const dateObj = dates.subMonths(new Date(`${selectedDateSpan.to} 00:00:00`), spanLength);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n break;\r\n }\r\n case YEAR: {\r\n const dateObj = dates.subYears(new Date(`${selectedDateSpan.to} 00:00:00`), spanLength);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n break;\r\n }\r\n }\r\n\r\n updateDateRangeInputs();\r\n await getReviewTableDataSecondary();\r\n populateTabSections();\r\n }\r\n if (e.target.id === 'fromDate') {\r\n selectedDateSpan.from = e.target.value;\r\n calculateSpanFromDateRange();\r\n updateSpanInput();\r\n await getReviewTableDataSecondary();\r\n populateTabSections();\r\n }\r\n if (e.target.id === 'toDate') {\r\n selectedDateSpan.to = e.target.value;\r\n calculateSpanFromDateRange();\r\n updateSpanInput();\r\n await getReviewTableDataSecondary();\r\n populateTabSections();\r\n }\r\n });\r\n\r\n return dateWrap;\r\n }\r\n // current filter display\r\n function buildCurrentFilterdisplay() {\r\n const currentFilterDisplay = _DOM.createElement('div', { class: 'filteredByData' });\r\n const dateFilter = buildFilterDates();\r\n const filteredByWrap = _DOM.createElement('div', { class: 'filteredByWrap' });\r\n const btnWrap = _DOM.createElement('div', { class: 'filterBtnWrap' });\r\n servBtnWrap = _DOM.createElement('div', { class: 'filterSelectionBtnWrap' });\r\n typeBtnWrap = _DOM.createElement('div', { class: 'filterSelectionBtnWrap' });\r\n\r\n filterBtn = button.build({\r\n text: 'Filter',\r\n icon: 'filter',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'filterBtnNew',\r\n callback: () => {\r\n showFilterPopup('ALL');\r\n },\r\n });\r\n\r\n serviceBtn = button.build({\r\n id: 'serviceBtn',\r\n text: 'Service:',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n showFilterPopup('serviceBtn');\r\n },\r\n });\r\n serviceCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('serviceBtn');\r\n },\r\n });\r\n\r\n outcomeTypeBtn = button.build({\r\n id: 'outcomeTypeBtn',\r\n text: 'Outcome Type:',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n showFilterPopup('outcomeTypeBtn');\r\n },\r\n });\r\n outcomeTypeCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('outcomeTypeBtn');\r\n },\r\n });\r\n\r\n btnWrap.appendChild(filterBtn);\r\n\r\n servBtnWrap.appendChild(serviceBtn);\r\n servBtnWrap.appendChild(serviceCloseBtn);\r\n\r\n typeBtnWrap.appendChild(outcomeTypeBtn);\r\n typeBtnWrap.appendChild(outcomeTypeCloseBtn);\r\n\r\n filteredByWrap.appendChild(btnWrap);\r\n filteredByWrap.appendChild(servBtnWrap);\r\n filteredByWrap.appendChild(typeBtnWrap);\r\n currentFilterDisplay.appendChild(filteredByWrap);\r\n currentFilterDisplay.appendChild(dateFilter);\r\n\r\n return currentFilterDisplay;\r\n }\r\n function updateCurrentFilterDisplay(service = '%', outcomeType = '%') {\r\n if (service === '%' || service === 'All') {\r\n servBtnWrap.classList.add('hidden');\r\n } else {\r\n servBtnWrap.classList.remove('hidden');\r\n serviceBtn.textContent = `Service: ${service}`;\r\n }\r\n\r\n if (outcomeType === '%' || outcomeType === 'All') {\r\n typeBtnWrap.classList.add('hidden');\r\n } else {\r\n typeBtnWrap.classList.remove('hidden');\r\n outcomeTypeBtn.textContent = `Outcome Type: ${outcomeType}`;\r\n }\r\n }\r\n // filter popup\r\n function applyFilter() {\r\n updateCurrentFilterDisplay(serviceFilterVal.text, outcomeTypeFilterVal.text);\r\n\r\n populateTabSections();\r\n }\r\n async function buildTypesDropdown() {\r\n const typesDrop = dropdown.build({\r\n dropdownId: 'outcomeDropdown',\r\n label: 'Outcome Type',\r\n style: 'secondary',\r\n readonly: false,\r\n });\r\n\r\n const data = goalTypes.map(type => {\r\n return {\r\n value: type.goalTypeId,\r\n text: type.goalTypeDescription,\r\n };\r\n });\r\n data.unshift({ value: '%', text: 'All' });\r\n\r\n const defaultValue = outcomeTypeFilterVal?.value ?? '%';\r\n dropdown.populate(typesDrop, data, defaultValue);\r\n\r\n return typesDrop;\r\n }\r\n function buildServiceDropdown() {\r\n const servDrop = dropdown.build({\r\n label: 'Service',\r\n style: 'secondary',\r\n readonly: false,\r\n });\r\n\r\n const data = [\r\n { value: 'All', text: 'All' },\r\n { value: 'Complete', text: 'Complete' },\r\n { value: 'Incomplete', text: 'Incomplete' },\r\n ];\r\n\r\n const defaultValue = serviceFilterVal?.value ?? 'All';\r\n dropdown.populate(servDrop, data, defaultValue);\r\n\r\n return servDrop;\r\n }\r\n function closeFilter(closefilter) {\r\n if (closefilter == 'serviceBtn') {\r\n serviceFilterVal.text = 'All';\r\n serviceFilterVal.value = 'All';\r\n }\r\n if (closefilter == 'outcomeTypeBtn') {\r\n outcomeTypeFilterVal.text = 'All';\r\n outcomeTypeFilterVal.value = '%';\r\n }\r\n applyFilter();\r\n }\r\n async function showFilterPopup(IsShow) {\r\n let tempServiceVal, tempTypeVal;\r\n\r\n filterPopup = POPUP.build({\r\n closeCallback: () => {},\r\n });\r\n\r\n const serviceDropdown = buildServiceDropdown();\r\n const typesDropdown = await buildTypesDropdown();\r\n const applyButton = button.build({\r\n text: 'Apply',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n applyButton.classList.add('singleBtn');\r\n\r\n serviceDropdown.addEventListener('change', event => {\r\n const selectedOption = event.target.options[event.target.selectedIndex];\r\n tempServiceVal = selectedOption;\r\n });\r\n typesDropdown.addEventListener('change', event => {\r\n const selectedOption = event.target.options[event.target.selectedIndex];\r\n tempTypeVal = selectedOption;\r\n });\r\n applyButton.addEventListener('click', () => {\r\n serviceFilterVal = tempServiceVal ?? serviceFilterVal;\r\n outcomeTypeFilterVal = tempTypeVal ?? outcomeTypeFilterVal;\r\n applyFilter();\r\n POPUP.hide(filterPopup);\r\n });\r\n\r\n if (IsShow == 'ALL' || IsShow == 'serviceBtn') filterPopup.appendChild(serviceDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'outcomeTypeBtn') filterPopup.appendChild(typesDropdown);\r\n filterPopup.appendChild(applyButton);\r\n\r\n POPUP.show(filterPopup);\r\n }\r\n\r\n // Table\r\n //----------------------------------------------------\r\n function buildToggleIcon() {\r\n const toggleIcon = _DOM.createElement('div', { class: ['rowToggle', 'closed'] });\r\n toggleIcon.innerHTML = icons['keyArrowRight'];\r\n return toggleIcon;\r\n }\r\n function buildTable(data, frequency) {\r\n let showTabExclamation;\r\n\r\n const table = _DOM.createElement('div');\r\n table.classList.add('outcomesReviewTable');\r\n\r\n const mainHeading = _DOM.createElement('div', { class: ['heading', 'heading-main'] });\r\n mainHeading.innerHTML = `\r\n \r\n![](\"./images/portraits/${id}.png?${time}\"\r\n)
`;\r\n\r\n if ($.loadedApp === 'plan')\r\n details.innerHTML = `\r\n
Outcome Type
\r\n Outcome Statement
\r\n Start Date
\r\n End Date
\r\n \r\n `;\r\n overviewTable.appendChild(mainHeading);\r\n\r\n outcomeServicesData.pageDataParent.forEach(parent => {\r\n const goalID = parent.goal_id;\r\n var eventName;\r\n var startDate =\r\n parent.effectiveDateStart == null || ''\r\n ? ''\r\n : UTIL.abbreviateDateYear(UTIL.formatDateFromIso(parent.effectiveDateStart.split('T')[0]));\r\n var endDate =\r\n parent.effectiveDateEnd == null || ''\r\n ? ''\r\n : UTIL.abbreviateDateYear(UTIL.formatDateFromIso(parent.effectiveDateEnd.split('T')[0]));\r\n const rowWrap = document.createElement('div');\r\n rowWrap.classList.add('outcomeTable__subTableWrap');\r\n\r\n // TOP LEVEL ROW\r\n //---------------------------------\r\n const mainDataRow = document.createElement('div');\r\n mainDataRow.classList.add('outcomeTable__mainDataRow', 'outcomeTable__dataRow');\r\n mainDataRow.value = parent.goal_id;\r\n const endIcon = document.createElement('div');\r\n endIcon.classList.add('outcomeTable__endIcon');\r\n\r\n const toggleIcon = document.createElement('div');\r\n toggleIcon.id = 'authToggle';\r\n toggleIcon.classList.add('outcomeTable__endIcon');\r\n toggleIcon.innerHTML = icons['keyArrowRight'];\r\n mainDataRow.innerHTML = ` \r\n ${parent.outcomeType}
\r\n ${parent.outcomeStatement}
\r\n ${startDate}
\r\n ${endDate}
\r\n `;\r\n mainDataRow.prepend(toggleIcon);\r\n if ($.session.InsertServices == true) {\r\n endIcon.innerHTML = icons['add'];\r\n } else {\r\n endIcon.innerHTML = ``;\r\n }\r\n mainDataRow.appendChild(endIcon);\r\n rowWrap.appendChild(mainDataRow);\r\n\r\n // SUB ROWS\r\n //---------------------------------\r\n const subRowWrap = document.createElement('div');\r\n subRowWrap.classList.add('outcomeTable__subRowWrap');\r\n\r\n const subHeading = document.createElement('div');\r\n subHeading.classList.add('outcomeTable__subHeader');\r\n subHeading.innerHTML = `\r\n \r\n Service Type
\r\n Service Statement
\r\n Frequency
\r\n Start Date
\r\n End Date
\r\n `;\r\n subRowWrap.appendChild(subHeading);\r\n\r\n if (outcomeServicesData.pageDataChild[goalID]) {\r\n outcomeServicesData.pageDataChild[goalID].sort((a, b) => {\r\n return parseInt(a.itemnum) - parseInt(b.itemnum);\r\n });\r\n\r\n outcomeServicesData.pageDataChild[goalID].forEach(child => {\r\n const subDataRow = document.createElement('div');\r\n var startDate =\r\n child.serviceStartDate == null || ''\r\n ? ''\r\n : UTIL.abbreviateDateYear(UTIL.formatDateFromIso(child.serviceStartDate.split('T')[0]));\r\n var endDate =\r\n child.serviceEndDate == null || ''\r\n ? ''\r\n : UTIL.abbreviateDateYear(UTIL.formatDateFromIso(child.serviceEndDate.split('T')[0]));\r\n var serviceTyp = child.serviceType == null ? '' : child.serviceType;\r\n subDataRow.classList.add('outcomeTable__subDataRow', 'outcomeTable__dataRow');\r\n subDataRow.innerHTML = `\r\n \r\n ${serviceTyp}
\r\n ${child.serviceStatement}
\r\n ${child.frequency}
\r\n ${startDate}
\r\n ${endDate}
\r\n `;\r\n subRowWrap.appendChild(subDataRow);\r\n\r\n subDataRow.addEventListener('click', e => {\r\n if ($.session.UpdateServices == true) {\r\n addServicesForm.init(selectedConsumer, child.objective_Id, 0);\r\n }\r\n });\r\n });\r\n }\r\n\r\n // EVENT\r\n //---------------------------------\r\n mainDataRow.addEventListener('click', e => {\r\n var goalID = e.currentTarget.value;\r\n if (eventName != 'toggle' && eventName != 'add') {\r\n if ($.session.UpdateOutcomes == true) {\r\n addOutcomes.init(selectedConsumer, goalID);\r\n }\r\n }\r\n eventName = '';\r\n });\r\n\r\n toggleIcon.addEventListener('click', e => {\r\n const toggle = document.querySelector('#authToggle');\r\n eventName = 'toggle';\r\n if (subRowWrap.classList.contains('active')) {\r\n // close it\r\n subRowWrap.classList.remove('active');\r\n toggleIcon.innerHTML = icons.keyArrowRight;\r\n } else {\r\n // open it\r\n subRowWrap.classList.add('active');\r\n toggleIcon.innerHTML = icons.keyArrowDown;\r\n }\r\n });\r\n\r\n endIcon.addEventListener('click', e => {\r\n eventName = 'add';\r\n addServicesForm.init(selectedConsumer, 0, goalID);\r\n });\r\n\r\n // ASSEMBLY\r\n //---------------------------------\r\n rowWrap.appendChild(subRowWrap);\r\n overviewTable.appendChild(rowWrap);\r\n });\r\n\r\n pageWrap.appendChild(overviewTable);\r\n }\r\n\r\n function groupChildData() {\r\n if (!outcomeServicesData.pageDataChild) {\r\n return;\r\n }\r\n\r\n const groupedChildren = outcomeServicesData.pageDataChild.reduce((obj, child) => {\r\n if (!obj[child.goal_id]) {\r\n obj[child.goal_id] = [];\r\n obj[child.goal_id].push(child);\r\n } else {\r\n obj[child.goal_id].push(child);\r\n }\r\n\r\n return obj;\r\n }, {});\r\n\r\n outcomeServicesData.pageDataChild = { ...groupedChildren };\r\n }\r\n\r\n function formatDate(date) {\r\n if (!date) return '';\r\n\r\n return UTIL.abbreviateDateYear(UTIL.formatDateFromIso(date.split('T')[0]));\r\n }\r\n\r\n return {\r\n init,\r\n buildNewOutcomeServices,\r\n };\r\n})();\r\n","const addOutcomes = (() => {\r\n //Inputs\r\n var selectedConsumers;\r\n var selectedConsumerId;\r\n let startDate;\r\n let endDate;\r\n let outcomeType;\r\n let outcomeTypeName;\r\n let outcomeStatement;\r\n let goalId;\r\n let BtnName;\r\n let location;\r\n\r\n async function init(selectedConsume, goalID) {\r\n selectedConsumers = selectedConsume;\r\n goalId = goalID;\r\n buildNewOutcomes();\r\n SAVE_BTN.classList.add('disabled');\r\n }\r\n\r\n // Build New Outcomes Page \r\n function buildConsumerCard() {\r\n selectedConsumers.card.classList.remove('highlighted');\r\n \r\n const wrap = document.createElement('div');\r\n wrap.classList.add('planConsumerCard');\r\n \r\n wrap.appendChild(selectedConsumers.card);\r\n \r\n return wrap;\r\n }\r\n async function buildNewOutcomes() {\r\n DOM.clearActionCenter();\r\n DOM.scrollToTopOfPage();\r\n landingPage = document.createElement('div');\r\n selectedConsumerId = selectedConsumers.id;\r\n const importantOutcomeForm = await buildOutComeForm();\r\n const consumerCard = buildConsumerCard();\r\n landingPage.appendChild(consumerCard);\r\n landingPage.appendChild(importantOutcomeForm);\r\n DOM.ACTIONCENTER.appendChild(landingPage);\r\n }\r\n\r\n async function buildOutComeForm() {\r\n const employeeInfoDiv = document.createElement('div');\r\n employeeInfoDiv.classList.add('additionalQuestionWrap');\r\n\r\n if (goalId > 0) {\r\n const result = await outcomesAjax.getGoalEntriesByIdAsync(goalId);\r\n const { getGoalEntriesByIdResult } = result;\r\n\r\n startDate = getGoalEntriesByIdResult[0].effectiveDateStart == '' ? '' : moment(getGoalEntriesByIdResult[0].effectiveDateStart).format('YYYY-MM-DD');\r\n endDate = getGoalEntriesByIdResult[0].effectiveDateEnd == '' ? '' : moment(getGoalEntriesByIdResult[0].effectiveDateEnd).format('YYYY-MM-DD');\r\n outcomeType = getGoalEntriesByIdResult[0].outcomeType;\r\n outcomeStatement = getGoalEntriesByIdResult[0].outcomeStatement;\r\n location = getGoalEntriesByIdResult[0].location;\r\n BtnName = 'UPDATE';\r\n }\r\n else {\r\n startDate = UTIL.getTodaysDate();\r\n endDate = '';\r\n outcomeType = '';\r\n outcomeStatement = '';\r\n location = '';\r\n BtnName = 'SAVE';\r\n }\r\n\r\n outcomeDropdown = dropdown.build({\r\n id: 'outcomeDropdown',\r\n label: \"Outcome Type\",\r\n dropdownId: \"outcomeDropdown\",\r\n value: outcomeType,\r\n });\r\n outcomeStatementInput = input.build({\r\n id: 'outcomeStatementInput',\r\n type: 'textarea',\r\n label: 'Outcome Statement',\r\n style: 'secondary',\r\n classNames: 'autosize',\r\n value: outcomeStatement,\r\n });\r\n dateStart = input.build({\r\n id: 'dateStart',\r\n type: 'date',\r\n label: 'Start Date',\r\n style: 'secondary',\r\n value: startDate,\r\n });\r\n dateEnd = input.build({\r\n id: 'dateEnd',\r\n type: 'date',\r\n label: 'End Date',\r\n style: 'secondary',\r\n value: endDate,\r\n });\r\n locationDropdown = dropdown.build({\r\n id: 'locationDropdown',\r\n label: \"Location\",\r\n dropdownId: \"locationDropdown\",\r\n value: location,\r\n });\r\n\r\n // button\r\n SAVE_BTN = button.build({\r\n text: BtnName,\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n if (!SAVE_BTN.classList.contains('disabled')) {\r\n SAVE_BTN.classList.add('disabled');\r\n await saveUpdateOutcomes();\r\n }\r\n },\r\n });\r\n CANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: async () => { addEditOutcomeServices.init(selectedConsumers) },\r\n });\r\n\r\n const column1 = document.createElement('div')\r\n column1.classList.add('col-1')\r\n const addNewCard = document.createElement(\"div\");\r\n addNewCard.classList.add(\"card\");\r\n const addNewCardBody = document.createElement(\"div\");\r\n addNewCardBody.classList.add(\"card__body\");\r\n addNewCard.innerHTML = `Outcome
`;\r\n addNewCard.appendChild(addNewCardBody)\r\n column1.appendChild(addNewCard)\r\n\r\n addNewCardBody.appendChild(outcomeDropdown);\r\n addNewCardBody.appendChild(outcomeStatementInput);\r\n\r\n var dateWrap = document.createElement('div');\r\n dateWrap.classList.add('addOutcomedateWrap');\r\n dateWrap.appendChild(dateStart);\r\n dateEnd.style.marginLeft = '2%';\r\n dateWrap.appendChild(dateEnd);\r\n locationDropdown.style.marginLeft = '2%';\r\n dateWrap.appendChild(locationDropdown);\r\n addNewCardBody.appendChild(dateWrap);\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('addOutcomeBtnWrap');\r\n btnWrap.style.marginLeft = '25%';\r\n btnWrap.style.width = '50%';\r\n\r\n SAVE_BTN.style.width = '52%';\r\n btnWrap.appendChild(SAVE_BTN);\r\n\r\n CANCEL_BTN.style.width = '52%';\r\n CANCEL_BTN.style.marginLeft = '5%';\r\n btnWrap.appendChild(CANCEL_BTN);\r\n addNewCardBody.appendChild(btnWrap);\r\n\r\n employeeInfoDiv.appendChild(column1);\r\n populateOutcomeTypesDropdown();\r\n eventListeners();\r\n requiredFieldsOfAddOutcome(startDate, endDate, outcomeType, outcomeStatement);\r\n return employeeInfoDiv;\r\n }\r\n\r\n\r\n async function populateOutcomeTypesDropdown() {\r\n const {\r\n getOutcomeTypeDropDownResult: OutcomeType,\r\n } = await outcomesAjax.getOutcomeTypeDropDownAsync(selectedConsumerId, startDate);\r\n\r\n let outcomeTypeData = OutcomeType.map((outcomeTypes) => ({\r\n id: outcomeTypes.Goal_Type_ID,\r\n value: outcomeTypes.Goal_Type_ID,\r\n text: outcomeTypes.goal_type_description\r\n }));\r\n\r\n outcomeTypeData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"outcomeDropdown\", outcomeTypeData, outcomeType);\r\n\r\n const {\r\n getLocationDropDownResult: locationDrop,\r\n } = await outcomesAjax.getLocationDropDownAsync();\r\n\r\n let locationData = locationDrop.map((locationDrops) => ({\r\n id: locationDrops.locationID,\r\n value: locationDrops.locationID,\r\n text: locationDrops.locationDescription\r\n }));\r\n locationData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"locationDropdown\", locationData, location);\r\n }\r\n\r\n function eventListeners() {\r\n outcomeDropdown.addEventListener(\"change\", event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n outcomeType = selectedOption.value;\r\n outcomeTypeName = selectedOption.innerHTML;\r\n checkRequiredFieldsOfAddOutcome();\r\n });\r\n\r\n locationDropdown.addEventListener(\"change\", event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n location = selectedOption.value;\r\n });\r\n\r\n outcomeStatementInput.addEventListener('input', event => {\r\n outcomeStatement = event.target.value.trim();\r\n checkRequiredFieldsOfAddOutcome();\r\n });\r\n dateStart.addEventListener('input', event => {\r\n startDate = event.target.value;\r\n checkRequiredFieldsOfAddOutcome();\r\n });\r\n dateEnd.addEventListener('input', event => {\r\n endDate = event.target.value;\r\n checkRequiredFieldsOfAddOutcome();\r\n });\r\n }\r\n\r\n\r\n function checkRequiredFieldsOfAddOutcome() {\r\n var startDateVal = dateStart.querySelector('#dateStart');\r\n var endDateVal = dateEnd.querySelector('#dateEnd');\r\n var outcomeStatementVal = outcomeStatementInput.querySelector('#outcomeStatementInput');\r\n var outComeVal = outcomeDropdown.querySelector('#outcomeDropdown');\r\n\r\n requiredFieldsOfAddOutcome(startDateVal.value, endDateVal.value, outComeVal.value, outcomeStatementVal.value)\r\n }\r\n\r\n function requiredFieldsOfAddOutcome(startDateVal, endDateVal, outComeVal, outcomeStatementVal) {\r\n if (startDateVal === '') {\r\n dateStart.classList.add('error');\r\n } else {\r\n dateStart.classList.remove('error');\r\n }\r\n\r\n if (endDateVal != null && endDateVal != '' && startDateVal > endDateVal) {\r\n dateEnd.classList.add('error');\r\n }\r\n else {\r\n dateEnd.classList.remove('error');\r\n }\r\n\r\n if (outComeVal === '') {\r\n outcomeDropdown.classList.add('error');\r\n } else {\r\n outcomeDropdown.classList.remove('error');\r\n }\r\n\r\n if (outcomeStatementVal.trim() === '') {\r\n outcomeStatementInput.classList.add('error');\r\n } else {\r\n outcomeStatementInput.classList.remove('error');\r\n }\r\n\r\n setBtnStatusOfAddOutcome();\r\n }\r\n\r\n function setBtnStatusOfAddOutcome() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.error'));\r\n if (hasErrors.length > 0) {\r\n SAVE_BTN.classList.add('disabled');\r\n return;\r\n } else {\r\n SAVE_BTN.classList.remove('disabled');\r\n }\r\n }\r\n\r\n async function saveUpdateOutcomes() {\r\n const result = await outcomesAjax.insertOutcomeInfoAsync(startDate, endDate, outcomeType, UTIL.removeUnsavableNoteText(outcomeStatement), $.session.UserId, goalId, selectedConsumerId, location);\r\n const { insertOutcomeInfoResult } = result;\r\n if (insertOutcomeInfoResult[0].goal_id != '0') {\r\n addEditOutcomeServices.init(selectedConsumers)\r\n }\r\n }\r\n\r\n\r\n return {\r\n init,\r\n buildNewOutcomes,\r\n };\r\n})(); \r\n","const addServicesForm = (() => {\r\n //Inputs\r\n var selectedConsumers;\r\n var selectedConsumerId;\r\n let startDate;\r\n let endDate;\r\n let outcomeType;\r\n let outcomeTypeName;\r\n let servicesStatement;\r\n let ServiceType;\r\n let ServiceTypeName;\r\n let method;\r\n let success;\r\n let frequencyModifier;\r\n let frequency;\r\n let frequencyPeriod;\r\n let objectiveId;\r\n let BtnName;\r\n let outcomeGoalId;\r\n let duration;\r\n let location;\r\n let SAVE_BTN; \r\n\r\n async function init(selectedConsume, ObjectiveID , goalId) {\r\n selectedConsumers = selectedConsume;\r\n objectiveId = ObjectiveID;\r\n outcomeGoalId = goalId > 0 ? goalId : '';\r\n await buildNewServicesForm();\r\n SAVE_BTN.classList.add('disabled'); \r\n }\r\n\r\n // Build New Outcomes Page\r\n function buildConsumerCard() {\r\n selectedConsumers.card.classList.remove('highlighted');\r\n \r\n const wrap = document.createElement('div');\r\n wrap.classList.add('planConsumerCard');\r\n \r\n wrap.appendChild(selectedConsumers.card);\r\n \r\n return wrap;\r\n }\r\n async function buildNewServicesForm() {\r\n DOM.clearActionCenter();\r\n DOM.scrollToTopOfPage();\r\n landingPage = document.createElement('div');\r\n selectedConsumerId = selectedConsumers.id;\r\n const importantOutcomeForm = await buildServicesForm();\r\n const consumerCard = buildConsumerCard();\r\n landingPage.appendChild(consumerCard);\r\n landingPage.appendChild(importantOutcomeForm);\r\n DOM.ACTIONCENTER.appendChild(landingPage);\r\n }\r\n\r\n async function buildServicesForm() {\r\n const employeeInfoDiv = document.createElement('div');\r\n employeeInfoDiv.classList.add('additionalQuestionWrap');\r\n if (objectiveId > 0) {\r\n const result = await outcomesAjax.getObjectiveEntriesByIdAsync(objectiveId);\r\n const { getObjectiveEntriesByIdResult } = result;\r\n\r\n startDate = getObjectiveEntriesByIdResult[0].serviceStartDate == '' ? UTIL.getTodaysDate() : moment(getObjectiveEntriesByIdResult[0].serviceStartDate).format('YYYY-MM-DD');\r\n endDate = getObjectiveEntriesByIdResult[0].serviceEndDate == '' ? '' : moment(getObjectiveEntriesByIdResult[0].serviceEndDate).format('YYYY-MM-DD');\r\n outcomeType = getObjectiveEntriesByIdResult[0].goal_id;\r\n servicesStatement = getObjectiveEntriesByIdResult[0].serviceStatement;\r\n ServiceType = getObjectiveEntriesByIdResult[0].objective_type;\r\n method = getObjectiveEntriesByIdResult[0].objective_method;\r\n success = getObjectiveEntriesByIdResult[0].success_determination;\r\n frequencyModifier = getObjectiveEntriesByIdResult[0].frequency_modifier;\r\n frequency = getObjectiveEntriesByIdResult[0].frequency_occurance;\r\n frequencyPeriod = getObjectiveEntriesByIdResult[0].frequency_peroid;\r\n duration = getObjectiveEntriesByIdResult[0].duration;\r\n location = getObjectiveEntriesByIdResult[0].location;\r\n BtnName = 'UPDATE';\r\n }\r\n else {\r\n const result = await outcomesAjax.getGoalEntriesByIdAsync(outcomeGoalId);\r\n const { getGoalEntriesByIdResult } = result;\r\n\r\n startDate = UTIL.getTodaysDate();\r\n endDate = '';\r\n outcomeType = outcomeGoalId; \r\n servicesStatement = '';\r\n ServiceType = '';\r\n method = '';\r\n success = '';\r\n frequencyModifier = '';\r\n frequency = '';\r\n frequencyPeriod = '';\r\n duration = '';\r\n location = getGoalEntriesByIdResult[0].location;\r\n BtnName = 'SAVE';\r\n }\r\n\r\n outcomeDropdown = dropdown.build({\r\n id: 'outcomeDropdown',\r\n label: \"Outcome\",\r\n dropdownId: \"outcomeDropdown\",\r\n value: outcomeType,\r\n });\r\n\r\n ServiceTypeDropdown = dropdown.build({\r\n id: 'ServiceTypeDropdown',\r\n label: \"Service Type\",\r\n dropdownId: \"ServiceTypeDropdown\",\r\n value: ServiceType,\r\n });\r\n\r\n servicesStatementInput = input.build({\r\n id: 'servicesStatementInput',\r\n type: 'textarea',\r\n label: 'Service Statement',\r\n style: 'secondary',\r\n classNames: 'autosize',\r\n value: servicesStatement,\r\n });\r\n\r\n methodInput = input.build({\r\n id: 'methodInput',\r\n type: 'textarea',\r\n label: 'Method',\r\n style: 'secondary',\r\n classNames: 'autosize',\r\n value: method,\r\n });\r\n\r\n successInput = input.build({\r\n id: 'successInput',\r\n type: 'textarea',\r\n label: 'Success',\r\n style: 'secondary',\r\n classNames: 'autosize',\r\n value: success,\r\n });\r\n\r\n dateStart = input.build({\r\n id: 'dateStart',\r\n type: 'date',\r\n label: 'Start Date',\r\n style: 'secondary',\r\n value: startDate,\r\n });\r\n dateEnd = input.build({\r\n id: 'dateEnd',\r\n type: 'date',\r\n label: 'End Date',\r\n style: 'secondary',\r\n value: endDate,\r\n });\r\n locationDropdown = dropdown.build({\r\n id: 'locationDropdown',\r\n label: \"Location\",\r\n dropdownId: \"locationDropdown\",\r\n value: location,\r\n });\r\n\r\n frequencyModifierDropdown = dropdown.build({\r\n id: 'frequencyModifierDropdown',\r\n label: \"Frequency Modifier\",\r\n dropdownId: \"frequencyModifierDropdown\",\r\n value: frequencyModifier,\r\n });\r\n\r\n frequencyInput = input.build({\r\n id: 'frequencyInput',\r\n type: 'number',\r\n label: 'Frequency',\r\n style: 'secondary',\r\n value: frequency,\r\n attributes: [ \r\n { key: 'min', value: '0' }, \r\n {\r\n key: 'onkeypress',\r\n value: 'return event.charCode >= 48 && event.charCode <= 57',\r\n },\r\n ],\r\n });\r\n\r\n frequencyPeriodDropdown = dropdown.build({\r\n id: 'frequencyPeriodDropdown',\r\n label: \"Frequency Period\",\r\n dropdownId: \"frequencyPeriodDropdown\",\r\n value: frequencyPeriod,\r\n });\r\n\r\n durationInput = input.build({\r\n id: 'durationInput',\r\n type: 'text',\r\n label: 'Duration',\r\n style: 'secondary',\r\n value: duration, \r\n });\r\n\r\n // button\r\n SAVE_BTN = button.build({\r\n text: BtnName,\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n if (!SAVE_BTN.classList.contains('disabled')) {\r\n SAVE_BTN.classList.add('disabled');\r\n await saveUpdateOutcomesService();\r\n }\r\n },\r\n });\r\n CANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: async () => { addEditOutcomeServices.init(selectedConsumers) },\r\n });\r\n var LineBr = document.createElement('br');\r\n const column1 = document.createElement('div');\r\n column1.classList.add('col-1');\r\n const addNewCard = document.createElement(\"div\");\r\n addNewCard.classList.add(\"card\");\r\n const addNewCardBody = document.createElement(\"div\");\r\n addNewCardBody.classList.add(\"card__body\");\r\n addNewCard.innerHTML = `Outcome
`;\r\n addNewCard.appendChild(addNewCardBody);\r\n column1.appendChild(addNewCard);\r\n\r\n const addNewServiceCard = document.createElement(\"div\");\r\n addNewServiceCard.classList.add(\"card\"); \r\n const addNewServiceCardBody = document.createElement(\"div\");\r\n addNewServiceCardBody.classList.add(\"card__body\");\r\n addNewServiceCard.innerHTML = `Service
`;\r\n addNewServiceCard.appendChild(addNewServiceCardBody)\r\n column1.appendChild(addNewServiceCard)\r\n\r\n const consumerNameDisplay = document.createElement(\"p\");\r\n consumerNameDisplay.classList.add(\"heading\");\r\n consumerNameDisplay.innerHTML = `${'Frequency'}`;\r\n consumerNameDisplay.style.marginLeft = '10px';\r\n\r\n addNewCardBody.appendChild(outcomeDropdown);\r\n\r\n addNewServiceCardBody.appendChild(ServiceTypeDropdown);\r\n addNewServiceCardBody.appendChild(servicesStatementInput);\r\n addNewServiceCardBody.appendChild(methodInput);\r\n addNewServiceCardBody.appendChild(successInput);\r\n\r\n var dateWrap = document.createElement('div');\r\n dateWrap.classList.add('addOutcomedateWrap');\r\n dateWrap.appendChild(dateStart);\r\n dateEnd.style.marginLeft = '2%';\r\n dateWrap.appendChild(dateEnd);\r\n locationDropdown.style.marginLeft = '2%';\r\n dateWrap.appendChild(locationDropdown);\r\n addNewServiceCardBody.appendChild(dateWrap);\r\n\r\n addNewServiceCardBody.appendChild(consumerNameDisplay);\r\n addNewServiceCardBody.appendChild(LineBr);\r\n addNewServiceCardBody.appendChild(LineBr);\r\n\r\n var infoWrap = document.createElement('div');\r\n infoWrap.classList.add('frequencyDTWrap');\r\n frequencyModifierDropdown.classList.add('width30Per');\r\n infoWrap.appendChild(frequencyModifierDropdown);\r\n frequencyInput.classList.add('width32Per');\r\n infoWrap.appendChild(frequencyInput);\r\n frequencyPeriodDropdown.classList.add('width32Per');\r\n infoWrap.appendChild(frequencyPeriodDropdown);\r\n addNewServiceCardBody.appendChild(infoWrap);\r\n\r\n var durationWrap = document.createElement('div');\r\n durationWrap.classList.add('frequencyDTWrap');\r\n durationInput.classList.add('width32Per');\r\n durationWrap.appendChild(durationInput);\r\n addNewServiceCardBody.appendChild(durationWrap); \r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('addOutcomeBtnWrap');\r\n btnWrap.style.marginLeft = '25%';\r\n btnWrap.style.width = '50%';\r\n\r\n SAVE_BTN.style.width = '52%';\r\n btnWrap.appendChild(SAVE_BTN);\r\n\r\n CANCEL_BTN.style.width = '52%';\r\n CANCEL_BTN.style.marginLeft = '5%';\r\n btnWrap.appendChild(CANCEL_BTN);\r\n addNewServiceCardBody.appendChild(btnWrap);\r\n\r\n employeeInfoDiv.appendChild(column1);\r\n populateOutcomeDropdown();\r\n eventListeners();\r\n populatefrequencyModifierDropdown();\r\n RequiredFieldsOfAddServiceForm(outcomeType, servicesStatement, startDate, endDate);\r\n return employeeInfoDiv;\r\n } \r\n\r\n async function populatefrequencyModifierDropdown() {\r\n const {\r\n getServiceFrequencyTypeDropDownResult: ServiceFrequency,\r\n } = await outcomesAjax.getServiceFrequencyTypeDropDownAsync('frequency');\r\n let ServiceFrequencyData = ServiceFrequency.map((serviceFrequency) => ({\r\n id: serviceFrequency.serviceFrequencyType_id,\r\n value: serviceFrequency.serviceFrequencyType_id,\r\n text: serviceFrequency.serviceFrequencyType_name\r\n }));\r\n ServiceFrequencyData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"frequencyModifierDropdown\", ServiceFrequencyData, frequencyModifier);\r\n }\r\n\r\n async function populateOutcomeDropdown() {\r\n const {\r\n getOutcomeServiceDropDownResult: OutcomeType,\r\n } = await outcomesAjax.getOutcomeServiceDropDownAsync(selectedConsumerId, startDate);\r\n\r\n let outcomeTypeData = OutcomeType.map(outcomeTypes => ({\r\n id: outcomeTypes.goal_id,\r\n value: outcomeTypes.goal_id,\r\n text: outcomeTypes.goal_serviceStatement,\r\n })).sort((a, b) => {\r\n if (a.text < b.text) return -1;\r\n if (a.text > b.text) return 1;\r\n return 0;\r\n });\r\n\r\n outcomeTypeData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate('outcomeDropdown', outcomeTypeData, outcomeType);\r\n\r\n const { getServiceFrequencyTypeDropDownResult: ServiceFrequencyType } =\r\n await outcomesAjax.getServiceFrequencyTypeDropDownAsync('service');\r\n\r\n let ServiceFrequencyData = ServiceFrequencyType.map(serviceFrequencyType => ({\r\n id: serviceFrequencyType.serviceFrequencyType_id,\r\n value: serviceFrequencyType.serviceFrequencyType_id,\r\n text: serviceFrequencyType.serviceFrequencyType_name,\r\n })).sort((a, b) => {\r\n if (a.text < b.text) return -1;\r\n if (a.text > b.text) return 1;\r\n return 0;\r\n });\r\n ServiceFrequencyData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate('ServiceTypeDropdown', ServiceFrequencyData, ServiceType);\r\n\r\n const frequencyPeriodDropdownData = [\r\n { id: 'H', value: 'H', text: 'per Hour' },\r\n { id: 'D', value: 'D', text: 'per Day' },\r\n { id: 'W', value: 'W', text: 'per Week' },\r\n { id: 'M', value: 'M', text: 'per Month' },\r\n { id: 'Y', value: 'Y', text: 'per Year' },\r\n ];\r\n frequencyPeriodDropdownData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate('frequencyPeriodDropdown', frequencyPeriodDropdownData, frequencyPeriod);\r\n\r\n const { getLocationDropDownResult: locationDrop } = await outcomesAjax.getLocationDropDownAsync();\r\n\r\n let locationData = locationDrop\r\n .map(locationDrops => ({\r\n id: locationDrops.locationID,\r\n value: locationDrops.locationID,\r\n text: locationDrops.locationDescription,\r\n }))\r\n .sort((a, b) => {\r\n if (a.text < b.text) return -1;\r\n if (a.text > b.text) return 1;\r\n return 0;\r\n });\r\n locationData.unshift({ id: null, value: '', text: '' });\r\n dropdown.populate(\"locationDropdown\", locationData, location); \r\n }\r\n\r\n function eventListeners() {\r\n outcomeDropdown.addEventListener(\"change\", event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n outcomeType = selectedOption.value;\r\n outcomeTypeName = selectedOption.innerHTML;\r\n getRequiredFieldsOfAddServiceForm();\r\n });\r\n\r\n ServiceTypeDropdown.addEventListener(\"change\", event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n ServiceType = selectedOption.value;\r\n ServiceTypeName = selectedOption.innerHTML; \r\n getRequiredFieldsOfAddServiceForm(); \r\n });\r\n\r\n servicesStatementInput.addEventListener('input', event => {\r\n servicesStatement = event.target.value.trim(); \r\n getRequiredFieldsOfAddServiceForm();\r\n });\r\n\r\n methodInput.addEventListener('input', event => {\r\n method = event.target.value.trim();\r\n getRequiredFieldsOfAddServiceForm();\r\n });\r\n\r\n successInput.addEventListener('input', event => {\r\n success = event.target.value.trim();\r\n getRequiredFieldsOfAddServiceForm();\r\n });\r\n\r\n frequencyInput.addEventListener('input', event => {\r\n frequency = event.target.value;\r\n getRequiredFieldsOfAddServiceForm();\r\n });\r\n\r\n dateStart.addEventListener('input', event => {\r\n startDate = event.target.value;\r\n getRequiredFieldsOfAddServiceForm();\r\n });\r\n dateEnd.addEventListener('input', event => {\r\n endDate = event.target.value;\r\n getRequiredFieldsOfAddServiceForm();\r\n });\r\n\r\n frequencyModifierDropdown.addEventListener(\"change\", event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n frequencyModifier = selectedOption.value;\r\n getRequiredFieldsOfAddServiceForm();\r\n });\r\n\r\n frequencyPeriodDropdown.addEventListener(\"change\", event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n frequencyPeriod = selectedOption.value;\r\n getRequiredFieldsOfAddServiceForm();\r\n });\r\n\r\n durationInput.addEventListener('input', event => {\r\n duration = event.target.value.trim();\r\n getRequiredFieldsOfAddServiceForm();\r\n });\r\n\r\n locationDropdown.addEventListener(\"change\", event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n location = selectedOption.value;\r\n getRequiredFieldsOfAddServiceForm();\r\n });\r\n }\r\n\r\n\r\n function getRequiredFieldsOfAddServiceForm() {\r\n var startDateVal = dateStart.querySelector('#dateStart');\r\n var endDateVal = dateEnd.querySelector('#dateEnd');\r\n var servicesStatementVal = servicesStatementInput.querySelector('#servicesStatementInput');\r\n var outComeVal = outcomeDropdown.querySelector('#outcomeDropdown');\r\n RequiredFieldsOfAddServiceForm(outComeVal.value, servicesStatementVal.value, startDateVal.value, endDateVal.value);\r\n }\r\n\r\n function RequiredFieldsOfAddServiceForm(outComeVal, servicesStatementVal, startDateVal, endDateVal) {\r\n if (outComeVal === '') {\r\n outcomeDropdown.classList.add('error');\r\n } else {\r\n outcomeDropdown.classList.remove('error');\r\n }\r\n \r\n if (servicesStatementVal.trim() === '') { \r\n servicesStatementInput.classList.add('error');\r\n } else {\r\n servicesStatementInput.classList.remove('error');\r\n }\r\n\r\n if (endDateVal != null && endDateVal != '' && startDateVal > endDateVal) {\r\n dateEnd.classList.add('error');\r\n }\r\n else {\r\n dateEnd.classList.remove('error');\r\n }\r\n setBtnStatusOfAddOutcome();\r\n }\r\n\r\n function setBtnStatusOfAddOutcome() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.error'));\r\n if (hasErrors.length > 0) {\r\n SAVE_BTN.classList.add('disabled');\r\n return;\r\n } else {\r\n SAVE_BTN.classList.remove('disabled');\r\n }\r\n }\r\n\r\n async function saveUpdateOutcomesService() {\r\n const result = await outcomesAjax.insertOutcomeServiceInfoAsync(startDate, endDate, outcomeType, UTIL.removeUnsavableNoteText(servicesStatement), ServiceType, UTIL.removeUnsavableNoteText(method), UTIL.removeUnsavableNoteText(success), frequencyModifier, frequency, frequencyPeriod, $.session.UserId, objectiveId, selectedConsumerId, location, duration);\r\n const { insertOutcomeServiceInfoResult } = result;\r\n if (insertOutcomeServiceInfoResult[0].objective_Id != '0') {\r\n addEditOutcomeServices.init(selectedConsumers)\r\n } \r\n }\r\n\r\n\r\n return {\r\n init,\r\n buildNewServicesForm,\r\n };\r\n})(); \r\n","const importServices = (() => {\r\n\r\n //DATA\r\n let extractionData;\r\n let currentlySelectedConsumer;\r\n let existingOutcomesVendorData;\r\n let selectedOutcomes = [];\r\n let assessmentAreas = \r\n {\r\n 'Communication' : 34,\r\n 'Advocacy & Engagement' : 35,\r\n 'Safety and Security' : 36,\r\n 'Social and Spirituality' : 37,\r\n 'Daily Life and Employment' : 38,\r\n 'Community Living' : 39,\r\n 'Healthy Living' : 40\r\n }\r\n const sectionToTableMap = {\r\n 'Known & Likely Risks': 'importedPlanRisksTable',\r\n 'Experiences': 'importedExperiencesTable',\r\n 'Paid Supports': 'importedPaidSupportsTable',\r\n 'Additional Supports': 'importedAdditionalSupportsTable',\r\n 'Professional Referrals': 'importedProfessionalReferralsTable',\r\n }; \r\n\r\n //ELEMENTS \r\n let importSelectedServicesPopup;\r\n\r\n // TABLES\r\n let knownAndLikelyRisksTable;\r\n let experiencesTable;\r\n let paidSupportsTable;\r\n let additionalSupportsTable;\r\n let professionalReferralsTable;\r\n\r\n async function init(files, outcomesServicesData, selectedConsumer) {\r\n const token = $.session.Token\r\n currentlySelectedConsumer = selectedConsumer;\r\n\r\n DOM.clearActionCenter();\r\n DOM.scrollToTopOfPage();\r\n landingPage = document.createElement('div');\r\n DOM.ACTIONCENTER.appendChild(landingPage);\r\n\r\n const spinner = PROGRESS.SPINNER.get('Gathering Data...');\r\n landingPage.appendChild(spinner);\r\n\r\n extractionData = await _UTIL.fetchData('importedOutcomesPDFData', {token, files});\r\n existingOutcomesVendorData = outcomesServicesData.pageDataParent.map(outcome => ({\r\n value: outcome.goal_id,\r\n text: outcome.outcomeStatement,\r\n }))\r\n buildImportSections();\r\n }\r\n\r\n // Build New Outcomes Page \r\n async function buildImportSections() {\r\n DOM.clearActionCenter();\r\n DOM.scrollToTopOfPage();\r\n landingPage = document.createElement('div');\r\n DOM.ACTIONCENTER.appendChild(landingPage);\r\n\r\n var headerCheckbox = document.createElement('input');\r\n headerCheckbox.type = 'checkbox';\r\n headerCheckbox.classList.add('header-checkbox');\r\n\r\n var rowCheckbox = document.createElement('input');\r\n rowCheckbox.type = 'checkbox';\r\n rowCheckbox.classList.add('row-checkbox');\r\n\r\n function formatDateToYYYYMMDD(dateString) {\r\n const date = new Date(dateString);\r\n const year = date.getFullYear();\r\n const month = String(date.getMonth() + 1).padStart(2, '0'); // Months are 0-based\r\n const day = String(date.getDate()).padStart(2, '0');\r\n return `${year}-${month}-${day}`;\r\n }\r\n\r\n function handleCheckboxSelection(event, rowData) {\r\n let checkbox = event.target;\r\n const currentTable = checkbox.closest('.table');\r\n const tableRow = checkbox.closest('.table__row');\r\n const tableRowId = tableRow.id;\r\n const outcomeRowId = `${tableRowId}A`;\r\n \r\n // Use CSS.escape to ensure the ID is properly escaped for querySelector\r\n const escapedOutcomeRowId = `#${CSS.escape(outcomeRowId)}`;\r\n \r\n // Find the outcomeRowContainer within the current table\r\n const outcomeRowContainer = currentTable.querySelector(escapedOutcomeRowId);\r\n \r\n // Check if the target is the checkbox itself\r\n if (checkbox.type !== 'checkbox') {\r\n // If not, assume we're in the div and select the checkbox within the startIcon div\r\n checkbox = event.target.querySelector('input[type=\"checkbox\"]');\r\n }\r\n \r\n if (checkbox && checkbox.checked) {\r\n // Gather values from the outcomeRowContainer inputs\r\n const dropdownId = `existingOutcomeDropdown_${tableRowId}`;\r\n const dropdown = document.getElementById(dropdownId);\r\n const serviceDateStart = outcomeRowContainer.querySelector('input.startDate');\r\n const serviceDateEnd = outcomeRowContainer.querySelector('input.endDate');\r\n \r\n // Add these input values to the rowData\r\n const outcomeData = {\r\n rowId: tableRowId,\r\n existingOutcomeGoalId: dropdown ? dropdown.value : null,\r\n serviceDateStart: serviceDateStart ? serviceDateStart.value : null,\r\n serviceDateEnd: serviceDateEnd ? serviceDateEnd.value : null\r\n };\r\n \r\n // Merge the rowData with the outcomeData\r\n const combinedData = { ...rowData, ...outcomeData };\r\n \r\n // Add the newly checked row data to the selected outcomes array\r\n selectedOutcomes.push(combinedData);\r\n \r\n // Show the existing outcomes div below the checkbox row\r\n outcomeRowContainer.style.display = 'flex';\r\n \r\n } else {\r\n // Remove the now unselected row data from the selected outcomes array\r\n selectedOutcomes = selectedOutcomes.filter(\r\n selectedRow => selectedRow.rowId !== tableRowId\r\n );\r\n \r\n // Hide the existing outcomes div below the checkbox row\r\n outcomeRowContainer.style.display = 'none';\r\n }\r\n \r\n // Toggle the import button based on the current state of checkboxes\r\n toggleImportButton();\r\n }\r\n \r\n function handleHeaderCheckboxSelection(headerCheckboxSelector, tableSelector) {\r\n const headerCheckbox = document.querySelector(headerCheckboxSelector);\r\n const rowCheckboxes = document.querySelectorAll(`${tableSelector} .row-checkbox`);\r\n \r\n rowCheckboxes.forEach(checkbox => {\r\n checkbox.checked = headerCheckbox.checked;\r\n\r\n // Find the cell that contains this checkbox\r\n const cell = checkbox.closest('.startIcon');\r\n\r\n // Dispatch the click event on the cell to trigger the callback\r\n if (cell) {\r\n cell.dispatchEvent(new Event('click'));\r\n }\r\n });\r\n }\r\n\r\n function createAddToExistingOutcomesRow(rowId, isPaidSupportsTable) {\r\n let serviceDateStartValue = extractionData.importedOutcomesPDFDataResult.startDate;\r\n let serviceDateEndValue = extractionData.importedOutcomesPDFDataResult.endDate;\r\n // Only check for BeginDateEndDate if we are dealing with the paidSupports table\r\n if (isPaidSupportsTable) {\r\n const index = parseInt(rowId, 10) - 1; // Convert rowId to an integer and adjust for 0-based index\r\n const [bDate, eDate] = extractionData.importedOutcomesPDFDataResult.paidSupports[index].BeginDateEndDate.split(/(?<=\\d{4})\\s+/);\r\n\r\n // Format the dates to 'YYYY-MM-DD'\r\n const formattedBDate = formatDateToYYYYMMDD(bDate);\r\n const formattedEDate = formatDateToYYYYMMDD(eDate);\r\n\r\n serviceDateStartValue = formattedBDate;\r\n serviceDateEndValue = formattedEDate;\r\n }\r\n const exitingOutcomDropdown = dropdown.build({\r\n id: `existingOutcomeDropdown_${rowId}`,\r\n label: 'Add to Existing Outcome',\r\n dropdownId: `existingOutcomeDropdown_${rowId}`,\r\n callback: () => toggleImportButton(),\r\n callbackType: 'change',\r\n classNames: \"existingOutcomesDropdown\"\r\n });\r\n \r\n const serviceDateStartInput = input.build({\r\n type: 'date',\r\n label: 'Service Date Start',\r\n style: 'secondary',\r\n callback: () => toggleImportButton(),\r\n callbackType: 'input',\r\n value: serviceDateStartValue,\r\n classNames: \"startDate\"\r\n });\r\n \r\n const serviceDateEndInput = input.build({\r\n type: 'date',\r\n label: 'Service Date End',\r\n style: 'secondary',\r\n callback: () => toggleImportButton(),\r\n callbackType: 'input',\r\n value: serviceDateEndValue,\r\n classNames: \"endDate\"\r\n });\r\n \r\n const createAddToExistingOutcomesRowContainerDiv = document.createElement('div');\r\n createAddToExistingOutcomesRowContainerDiv.classList.add('addToExistingOutcomesRowContainer');\r\n createAddToExistingOutcomesRowContainerDiv.id = `${rowId}A`;\r\n \r\n createAddToExistingOutcomesRowContainerDiv.appendChild(exitingOutcomDropdown);\r\n createAddToExistingOutcomesRowContainerDiv.appendChild(serviceDateStartInput);\r\n createAddToExistingOutcomesRowContainerDiv.appendChild(serviceDateEndInput);\r\n \r\n // Populate dropdown with options\r\n dropdown.populate(exitingOutcomDropdown, existingOutcomesVendorData, existingOutcomesVendorData[0]?.value);\r\n \r\n createAddToExistingOutcomesRowContainerDiv.style.display = 'none';\r\n return createAddToExistingOutcomesRowContainerDiv;\r\n }\r\n\r\n function appendToEachRow(table, isPaidSupportsTable = false) { \r\n const tableBody = table.querySelector('.table__body');\r\n const rows = Array.from(tableBody.querySelectorAll('.table__row'));\r\n \r\n rows.forEach(row => {\r\n // Create a new row for each existing table row\r\n const newRow = createAddToExistingOutcomesRow(row.id, isPaidSupportsTable);\r\n \r\n // Insert the new row after the current row\r\n row.insertAdjacentElement('afterend', newRow);\r\n });\r\n }\r\n\r\n knownAndLikelyRisksTable = table.build({\r\n tableId: `importedPlanRisksTable`,\r\n headline: `Known & Likely Risks`,\r\n columnHeadings: [\r\n 'Assessment Area',\r\n 'What is the risk, what it looks like, where it occurs',\r\n 'What support must look like, why the person needs this support',\r\n 'Does this risk require supervision?',\r\n 'Who is responsible',\r\n ],\r\n sortable: false,\r\n startIcon: true,\r\n startIconHeader: headerCheckbox.outerHTML,\r\n startIconHeaderCallback: () => handleHeaderCheckboxSelection('#importedPlanRisksTable .startIcon input[type=\"checkbox\"]', '#importedPlanRisksTable'),\r\n });\r\n\r\n if (extractionData.importedOutcomesPDFDataResult.riskAssessments) {\r\n const tableData = extractionData.importedOutcomesPDFDataResult.riskAssessments\r\n .map((ra, i) => {\r\n const { tableValues, raData } = mapRiskAssessmentsDataForTable(ra);\r\n const rowId = i + 1;\r\n\r\n return {\r\n id: rowId,\r\n values: tableValues,\r\n attributes: [{ key: 'sectionId', value: raData.assessmentAreaId }],\r\n startIcon: rowCheckbox.outerHTML,\r\n startIconCallback: (event) => handleCheckboxSelection(event, raData),\r\n onClick: event => {},\r\n };\r\n });\r\n\r\n table.populate(knownAndLikelyRisksTable, tableData, false);\r\n appendToEachRow(knownAndLikelyRisksTable);\r\n };\r\n \r\n // Experiences Table\r\n experiencesTable = table.build({\r\n tableId: `importedExperiencesTable`,\r\n headline: `Experiences: In order to accomplish the outcome, what experiences does the person need to have?`,\r\n columnHeadings: [\r\n 'What needs to happen',\r\n 'How should it happen?',\r\n 'Who is responsible?',\r\n 'When / How Often?',\r\n ],\r\n sortable: false,\r\n startIcon: true,\r\n startIconHeader: headerCheckbox.outerHTML,\r\n startIconHeaderCallback: () => handleHeaderCheckboxSelection('#importedExperiencesTable .startIcon input[type=\"checkbox\"]', '#importedExperiencesTable'),\r\n });\r\n\r\n if (extractionData.importedOutcomesPDFDataResult.experiences) {\r\n const tableData = extractionData.importedOutcomesPDFDataResult.experiences\r\n .map((ex, i) => { \r\n const { tableValues, exData } = mapExperiencesDataForTable(ex);\r\n const rowId = i + 1; \r\n \r\n return {\r\n id: rowId,\r\n values: tableValues,\r\n attributes: [{ key: 'sectionId', value: exData.assessmentAreaId }],\r\n startIcon: rowCheckbox.outerHTML,\r\n startIconCallback: (event) => handleCheckboxSelection(event, exData),\r\n onClick: () => {},\r\n };\r\n });\r\n \r\n table.populate(experiencesTable, tableData, false);\r\n appendToEachRow(experiencesTable);\r\n }\r\n \r\n // Paid Supports Table\r\n paidSupportsTable = table.build({\r\n tableId: 'importedPaidSupportsTable',\r\n headline: 'Paid Supports',\r\n columnHeadings: [\r\n 'Assessment Area',\r\n 'Funding Source',\r\n 'Service Name',\r\n 'Provider Name',\r\n 'Scope of Service/ What support looks like',\r\n 'How Often / How Much',\r\n 'Begin Date',\r\n 'End Date',\r\n ],\r\n sortable: false,\r\n startIcon: true,\r\n startIconHeader: headerCheckbox.outerHTML,\r\n startIconHeaderCallback: () => handleHeaderCheckboxSelection('#importedPaidSupportsTable .startIcon input[type=\"checkbox\"]', '#importedPaidSupportsTable'),\r\n });\r\n\r\n if (extractionData.importedOutcomesPDFDataResult.paidSupports) {\r\n const tableData = extractionData.importedOutcomesPDFDataResult.paidSupports\r\n .map((ps, i) => {\r\n const { tableValues, psData } = mapPaidSupportDataForTable(ps);\r\n const rowId = i + 1;\r\n\r\n return {\r\n id: rowId,\r\n values: tableValues,\r\n attributes: [{ key: 'sectionId', value: psData.assessmentAreaId }],\r\n startIcon: rowCheckbox.outerHTML,\r\n startIconCallback: (event) => handleCheckboxSelection(event, psData),\r\n onClick: event => {},\r\n };\r\n });\r\n\r\n table.populate(paidSupportsTable, tableData, false, true);\r\n appendToEachRow(paidSupportsTable, true);\r\n };\r\n \r\n // Additional Supports Table\r\n additionalSupportsTable = table.build({\r\n tableId: 'importedAdditionalSupportsTable',\r\n headline: `Additional Supports: Family, friends, community resources, technology, etc.`,\r\n columnHeadings: [\r\n 'Assessment Area',\r\n 'Who Supports',\r\n 'What Support Looks Like',\r\n 'When/How Often',\r\n ],\r\n endIcon: false,\r\n sortable: false,\r\n startIcon: true,\r\n startIconHeader: headerCheckbox.outerHTML,\r\n startIconHeaderCallback: () => handleHeaderCheckboxSelection('#importedAdditionalSupportsTable .startIcon input[type=\"checkbox\"]', '#importedAdditionalSupportsTable'),\r\n });\r\n\r\n if (extractionData.importedOutcomesPDFDataResult.additionalSupports) {\r\n const tableData = extractionData.importedOutcomesPDFDataResult.additionalSupports\r\n .map((as, i) => { \r\n const { tableValues, asData } = mapAdditionalSupportDataForTable(as);\r\n const rowId = i + 1; \r\n \r\n return {\r\n id: rowId,\r\n values: tableValues,\r\n attributes: [{ key: 'sectionId', value: asData.assessmentAreaId }],\r\n startIcon: rowCheckbox.outerHTML,\r\n startIconCallback: (event) => handleCheckboxSelection(event, asData),\r\n onClick: () => {},\r\n };\r\n });\r\n \r\n table.populate(additionalSupportsTable, tableData, false);\r\n\r\n appendToEachRow(additionalSupportsTable);\r\n }\r\n \r\n // Professional Referrals Table\r\n professionalReferralsTable = table.build({\r\n tableId: 'importedProfessionalReferralsTable',\r\n headline: `Professional Referrals: Medical professionals, therapists, etc.`,\r\n columnHeadings: [\r\n 'Assessment Area',\r\n 'New or Existing',\r\n 'Who Supports',\r\n 'Reason for Referral',\r\n ],\r\n sortable: false,\r\n startIcon: true,\r\n startIconHeader: headerCheckbox.outerHTML,\r\n startIconHeaderCallback: () => handleHeaderCheckboxSelection('#importedProfessionalReferralsTable .startIcon input[type=\"checkbox\"]', '#importedProfessionalReferralsTable'),\r\n });\r\n\r\n if (extractionData.importedOutcomesPDFDataResult.professionalReferrals) {\r\n const tableData = extractionData.importedOutcomesPDFDataResult.professionalReferrals\r\n .map((pr, i) => { \r\n const { tableValues, prData } = mapProfessionalReferralsDataForTable(pr);\r\n const rowId = i + 1; \r\n \r\n return {\r\n id: rowId,\r\n values: tableValues,\r\n attributes: [{ key: 'sectionId', value: prData.assessmentAreaId }],\r\n startIcon: rowCheckbox.outerHTML,\r\n startIconCallback: (event) => handleCheckboxSelection(event, prData),\r\n onClick: () => {}\r\n }\r\n });\r\n \r\n table.populate(professionalReferralsTable, tableData, false);\r\n appendToEachRow(professionalReferralsTable);\r\n }\r\n\r\n const importSelectedSerivcesAndCancelBtnWrap = document.createElement('div');\r\n importSelectedSerivcesAndCancelBtnWrap.classList.add('importSelectedSerivcesAndCancelBtnWrap');\r\n const importSelectedServicesBtn = button.build({\r\n id: 'importSelectedServicesBtn',\r\n text: 'Import Selected Services',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: ['importSelectedServicesBtn', 'disabled'],\r\n callback: async () => {showImportSelectedServicesPopup()},\r\n });\r\n\r\n const cancelBtn = button.build({\r\n id: 'cancelBtn',\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'cancelBtn',\r\n callback: () => {\r\n selectedOutcomes = [];\r\n addEditOutcomeServices.init(currentlySelectedConsumer, true);\r\n },\r\n });\r\n\r\n function toggleImportButton() {\r\n const importButton = document.getElementById('importSelectedServicesBtn');\r\n const checkboxes = document.querySelectorAll('.row-checkbox');\r\n \r\n // Check if any checkbox is checked at all\r\n const anyChecked = Array.from(checkboxes).some(checkbox => checkbox.checked);\r\n \r\n // No checkboxes are selected, keep the import button disabled\r\n if (!anyChecked) {\r\n importButton.disabled = true;\r\n importButton.classList.add('disabled');\r\n return;\r\n }\r\n \r\n let allValid = true; // Flag to track if all selected rows are valid\r\n \r\n checkboxes.forEach(checkbox => {\r\n if (checkbox.checked) {\r\n const currentTable = checkbox.closest('.table');\r\n const tableRow = checkbox.closest('.table__row');\r\n const tableRowId = tableRow.id;\r\n const outcomeRowId = `${tableRowId}A`;\r\n let startDateInput;\r\n let endDateInput;\r\n \r\n // Use CSS.escape to ensure the ID is properly escaped for querySelector\r\n const escapedOutcomeRowId = `#${CSS.escape(outcomeRowId)}`;\r\n \r\n // Find the outcomeRowContainer within the current table\r\n const outcomeRowContainer = currentTable.querySelector(escapedOutcomeRowId);\r\n \r\n if (outcomeRowContainer) {\r\n const dropdown = outcomeRowContainer.querySelector('select');\r\n\r\n // Find all date inputs within the outcomeRowContainer\r\n const dateInputs = outcomeRowContainer.querySelectorAll('input[type=\"date\"]');\r\n\r\n // Ensure there are at least two date inputs\r\n if (dateInputs.length >= 2) {\r\n startDateInput = dateInputs[0];\r\n endDateInput = dateInputs[1];\r\n }\r\n \r\n // Validate dropdown and date inputs\r\n const isDropdownSelected = dropdown && dropdown.value !== \"\";\r\n const isStartDateValid = startDateInput && startDateInput.value !== \"\";\r\n const isEndDateValid = endDateInput && endDateInput.value !== \"\";\r\n const isDateRangeValid = isStartDateValid && isEndDateValid && (new Date(startDateInput.value) <= new Date(endDateInput.value));\r\n \r\n // If any condition is not met, set allValid to false\r\n if (!isDropdownSelected || !isStartDateValid || !isEndDateValid || !isDateRangeValid) {\r\n allValid = false;\r\n }\r\n } else {\r\n // If outcomeRowContainer is not found, set allValid to false\r\n allValid = false;\r\n }\r\n }\r\n });\r\n \r\n // Enable or disable the button based on the validation checks\r\n if (allValid) {\r\n importButton.disabled = false;\r\n importButton.classList.remove('disabled');\r\n } else {\r\n importButton.disabled = true;\r\n importButton.classList.add('disabled');\r\n }\r\n }\r\n \r\n \r\n\r\n importSelectedSerivcesAndCancelBtnWrap.appendChild(importSelectedServicesBtn);\r\n importSelectedSerivcesAndCancelBtnWrap.appendChild(cancelBtn);\r\n\r\n async function showImportSelectedServicesPopup() {\r\n importSelectedServicesPopup = POPUP.build({\r\n classNames: 'importSelectedServicesPopup',\r\n })\r\n\r\n let importSelectedServicesPopupMessage = document.createElement('p');\r\n\r\n const okBtn = button.build({\r\n id: 'okBtn',\r\n text: 'Ok',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'okBtn',\r\n callback: () => {\r\n selectedOutcomes = [];\r\n POPUP.hide(importSelectedServicesPopup)\r\n addEditOutcomeServices.init(currentlySelectedConsumer, true);\r\n },\r\n });\r\n\r\n const token = $.session.Token;\r\n\r\n // Define the properties of ImportedTables with default values\r\n function createDefaultImportedTable(rowData) {\r\n return {\r\n assessmentAreaId: rowData.assessmentAreaId || null,\r\n assessmentArea: rowData.assessmentArea || \"\",\r\n whatIsRisk: rowData.whatIsRisk || \"\",\r\n whatSupportMustLookLike: rowData.whatSupportMustLookLike || \"\",\r\n whatSupportLooksLike: rowData.whatSupportLooksLike || \"\",\r\n riskRequiresSupervision: rowData.riskRequiresSupervision || \"\",\r\n whatNeedsToHappen: rowData.whatNeedsToHappen || \"\",\r\n howItShouldHappen: rowData.howItShouldHappen || \"\",\r\n whoIsResponsible: rowData.whoIsResponsible || \"\",\r\n whenHowOften: rowData.whenHowOften || \"\",\r\n providerName: rowData.providerName || \"\",\r\n scopeOfService: rowData.scopeOfService || \"\",\r\n howOftenValue: rowData.howOftenValue || \"\",\r\n howOftenText: rowData.howOftenText || \"\",\r\n howOftenFrequency: rowData.howOftenFrequency || \"\",\r\n whoSupports: rowData.whoSupports || \"\",\r\n newOrExisting: rowData.newOrExisting || \"\",\r\n reasonForReferral: rowData.reasonForReferral || \"\",\r\n section: rowData.section || \"\",\r\n existingOutcomeGoalId: rowData.existingOutcomeGoalId || \"\",\r\n serviceDateStart: rowData.serviceDateStart || \"\",\r\n serviceDateEnd: rowData.serviceDateEnd || \"\"\r\n };\r\n }\r\n\r\n // Gather all selected rows with additional data\r\n const importedTables = selectedOutcomes.map((rowData) => {\r\n // Use the sectionToTableMap to get the tableId\r\n const tableId = sectionToTableMap[rowData.section];\r\n const tableDiv = document.getElementById(tableId);\r\n\r\n const escapedId = CSS.escape(`${rowData.rowId}A`); // Escape the ID to handle special characters like digits or others\r\n const existingOutcomeContainer = tableDiv.querySelector(`#${escapedId}`);\r\n\r\n const dropdownId = `existingOutcomeDropdown_${rowData.rowId}`;\r\n const esitingOutcomeContainerDropdown = tableDiv.querySelector(`#${dropdownId}`);\r\n\r\n const serviceDateStart = existingOutcomeContainer.querySelector('.addToExistingOutcomesRowContainer input.startDate');\r\n const serviceDateEnd = existingOutcomeContainer.querySelector('.addToExistingOutcomesRowContainer input.endDate');\r\n\r\n const additionalData = {\r\n existingOutcomeGoalId: esitingOutcomeContainerDropdown ? esitingOutcomeContainerDropdown.value : null,\r\n serviceDateStart: serviceDateStart ? serviceDateStart.value : null,\r\n serviceDateEnd: serviceDateEnd ? serviceDateEnd.value : null\r\n };\r\n\r\n // Create a default ImportedTable object and merge with additional data\r\n return createDefaultImportedTable({ ...rowData, ...additionalData });\r\n });\r\n\r\n const importSelectedServicesResult = await _UTIL.fetchData('importSelectedServices', {token, importedTables});\r\n\r\n if (importSelectedServicesResult.importSelectedServicesResult.length === 0) {\r\n importSelectedServicesPopupMessage.innerText = 'Your outcomes have been successfully imported.'\r\n } else {\r\n importSelectedServicesPopupMessage.innerText = 'Something went wrong when trying to import your services. Please Try again.'\r\n }\r\n\r\n importSelectedServicesPopup.appendChild(importSelectedServicesPopupMessage);\r\n importSelectedServicesPopup.appendChild(okBtn);\r\n\r\n POPUP.show(importSelectedServicesPopup);\r\n }\r\n \r\n landingPage.appendChild(knownAndLikelyRisksTable);\r\n landingPage.appendChild(experiencesTable);\r\n landingPage.appendChild(paidSupportsTable);\r\n landingPage.appendChild(additionalSupportsTable);\r\n landingPage.appendChild(professionalReferralsTable);\r\n landingPage.appendChild(importSelectedSerivcesAndCancelBtnWrap);\r\n }\r\n\r\n // Match string of imported table assessment area to get the associated assessment area id\r\n function getAssessmentAreaId(targetKey) {\r\n return assessmentAreas.hasOwnProperty(targetKey) ? assessmentAreas[targetKey] : '';\r\n }\r\n \r\n\r\n // map the know and likely risks data into the format needed for populating the table\r\n function mapRiskAssessmentsDataForTable(ra) {\r\n let provderId = '';\r\n\r\n const whatIsRisk = ra.WhatIsRisk || \"\";\r\n const whatSupportMustLookLike = ra.WhatSupportMustLookLike || \"\";\r\n const riskRequiresSupervision = ra.RiskRequiresSupervision || \"\";\r\n const whoIsResponsible = ra.WhoIsResponsible || \"\";\r\n\r\n const assessmentAreaId = getAssessmentAreaId(ra.AssessmentArea);\r\n const assessmentArea = ra.AssessmentArea;\r\n\r\n const section = 'Known & Likely Risks';\r\n\r\n return {\r\n tableValues: [\r\n assessmentArea,\r\n whatIsRisk,\r\n whatSupportMustLookLike,\r\n riskRequiresSupervision,\r\n whoIsResponsible,\r\n ],\r\n raData: {\r\n assessmentAreaId,\r\n assessmentArea,\r\n whatIsRisk,\r\n whatSupportMustLookLike,\r\n riskRequiresSupervision,\r\n whoIsResponsible,\r\n section\r\n },\r\n };\r\n }\r\n\r\n // map the experiences data into the format needed for populating the table\r\n function mapExperiencesDataForTable(ex) {\r\n const whatNeedsToHappen = ex.WhatNeedsToHappen || \"\";\r\n const howItShouldHappen = ex.HowItShouldHappen || \"\";\r\n const whoIsResponsible = ex.WhoIsResponsible || \"\";\r\n const whenHowOften = ex.WhenHowOften || \"\";\r\n\r\n const section = 'Experiences';\r\n const assessmentAreaId = getAssessmentAreaId(ex.AssessmentArea);\r\n const assessmentArea = ex.AssessmentArea;\r\n\r\n return {\r\n tableValues: [\r\n whatNeedsToHappen,\r\n howItShouldHappen,\r\n whoIsResponsible,\r\n whenHowOften,\r\n ],\r\n exData: {\r\n assessmentAreaId,\r\n assessmentArea,\r\n whatNeedsToHappen,\r\n howItShouldHappen,\r\n whoIsResponsible,\r\n whenHowOften,\r\n section\r\n },\r\n };\r\n }\r\n\r\n // map the paid support data into the format needed for populating the table\r\n function mapPaidSupportDataForTable(ps) {\r\n // Split the string into two parts\r\n const [bDate, eDate] = (ps.BeginDateEndDate).split(/(?<=\\d{4})\\s+/);\r\n\r\n const serviceName = ps.ServiceName || \"\";\r\n const scopeOfService = ps.ScopeOfService || \"\";\r\n const howOftenValue = ps.HowOftenHowMuch || \"\";\r\n const howOftenText = ps.HowOftenHowMuch || \"\";\r\n const fundingSourceText = ps.FundingSource || \"\";\r\n const paidSupportsId = '';\r\n const providerName = ps.ProviderName || \"\";\r\n\r\n const assessmentAreaId = getAssessmentAreaId(ps.AssessmentArea);\r\n const assessmentArea = ps.AssessmentArea;\r\n\r\n const section = 'Paid Supports';\r\n\r\n let howOften = '';\r\n if (howOftenValue) howOften += howOftenValue;\r\n\r\n if (howOftenText) howOften += ` ${howOftenText}`;\r\n\r\n return {\r\n tableValues: [\r\n assessmentArea,\r\n fundingSourceText,\r\n serviceName,\r\n providerName,\r\n scopeOfService,\r\n howOftenText,\r\n bDate,\r\n eDate,\r\n ],\r\n psData: {\r\n assessmentAreaId,\r\n providerName,\r\n //serviceNameOther,\r\n scopeOfService,\r\n howOftenValue,\r\n howOftenText,\r\n bDate,\r\n eDate,\r\n fundingSourceText,\r\n paidSupportsId,\r\n section\r\n },\r\n };\r\n }\r\n\r\n // map the additional supports data into the format needed for populating the table\r\n function mapAdditionalSupportDataForTable(as) {\r\n let assessmentAreaId;\r\n let assessmentArea;\r\n\r\n const whoSupports = as.WhoSupports || \"\";\r\n const whoSupportsText = as.WhoSupports || \"\";\r\n const whatSupportLooksLike = as.WhatSupportLooksLike || \"\";\r\n const howOftenValue = as.WhenHowOften || \"\";\r\n const howOftenFrequency = as.WhenHowOften || \"\";\r\n const howOftenText = as.WhenHowOften || \"\";\r\n const additionalSupportsId = '';\r\n\r\n assessmentAreaId = getAssessmentAreaId(as.AssessmentArea);\r\n assessmentArea = as.AssessmentArea;\r\n\r\n const section = 'Additional Supports';\r\n\r\n const whenHowOftenDesc = '';\r\n let howOften = '';\r\n if (howOftenValue) howOften += howOftenValue;\r\n if (howOftenFrequency && howOftenFrequency !== '4') {\r\n howOften += ` ${whenHowOftenDesc}`;\r\n } else {\r\n if (howOftenText) howOften += ` ${howOftenText}`;\r\n }\r\n\r\n return {\r\n tableValues: [\r\n assessmentArea, \r\n whoSupportsText, \r\n whatSupportLooksLike, \r\n howOften,\r\n ],\r\n asData: {\r\n assessmentAreaId,\r\n whoSupports,\r\n whatSupportLooksLike,\r\n howOftenValue,\r\n howOftenFrequency,\r\n howOftenText,\r\n additionalSupportsId,\r\n section\r\n },\r\n };\r\n }\r\n\r\n // map the professional referrals data into the format needed for populating the table\r\n function mapProfessionalReferralsDataForTable(pr) {\r\n let assessmentAreaId;\r\n let assessmentArea;\r\n\r\n const newOrExisting = pr.NewOrExisting || \"\";\r\n const whoSupports = pr.WhoSupports || \"\";\r\n const reasonForReferral = pr.ReasonForReferral || \"\";\r\n const howOftenValue = pr.WhenHowOften || \"\";\r\n const howOftenFrequency = pr.WhenHowOften || \"\";\r\n const howOftenText = pr.WhenHowOften || \"\";\r\n const additionalSupportsId = '';\r\n\r\n assessmentAreaId = getAssessmentAreaId(pr.AssessmentArea);\r\n assessmentArea = pr.AssessmentArea;\r\n\r\n const section = 'Professional Referrals';\r\n\r\n const whenHowOftenDesc = '';\r\n let howOften = '';\r\n if (howOftenValue) howOften += howOftenValue;\r\n if (howOftenFrequency && howOftenFrequency !== '4') {\r\n howOften += ` ${whenHowOftenDesc}`;\r\n } else {\r\n if (howOftenText) howOften += ` ${howOftenText}`;\r\n }\r\n\r\n return {\r\n tableValues: [\r\n assessmentArea, \r\n newOrExisting, \r\n whoSupports, \r\n reasonForReferral,\r\n ],\r\n prData: {\r\n assessmentAreaId,\r\n assessmentArea, \r\n newOrExisting, \r\n whoSupports, \r\n reasonForReferral,\r\n section\r\n },\r\n };\r\n }\r\n\r\n return {\r\n init,\r\n };\r\n})(); ","const outcomes = (function () {\r\n let OUTCOMES_SECTION;\r\n\r\n // Filter DOM\r\n let filterPopup;\r\n let filterButton;\r\n let dateInput;\r\n let serviceDropdown;\r\n let outcomeDropdown;\r\n let applyButton;\r\n //const currentFilterDisplay = document.createElement(\"div\");\r\n // Filter Values\r\n let currDate;\r\n let currService;\r\n let currOutcome;\r\n let currOutcomeId;\r\n // Data\r\n //----------------------------\r\n let selectedConsumerObj;\r\n let selectedConsumerId;\r\n let selectedConsume;\r\n // front card data\r\n let outcomesDataObj;\r\n let outcomesPrompts;\r\n let outcomesLocations;\r\n // back card dom (popup)\r\n let detailsPopup;\r\n let primaryLocationDropdown;\r\n let secondaryLocationDropdown;\r\n let resultsDropdown;\r\n let promptsDropdown;\r\n let attemptsDropdown;\r\n let cIDropdown;\r\n let timeInputs;\r\n let saveBtn;\r\n let deleteBtn;\r\n let noteInput;\r\n let enteredByUser;\r\n let edit__lastEditedByDetails;\r\n // back card data\r\n let ciData;\r\n let successObj;\r\n let successType;\r\n let successDetails;\r\n let currResult = '';\r\n let currReason = '';\r\n let currAttempts = '';\r\n let currPrompt = '';\r\n let currCI = '';\r\n let currNote = '';\r\n let currStartTime = '';\r\n let currEndTime = '';\r\n let defaultObjLocationId;\r\n let defaultGoalLocationId;\r\n // save/update data\r\n let personId;\r\n let objectiveId;\r\n let activityId;\r\n let objdate;\r\n let success;\r\n let goalnote;\r\n let reviewNote;\r\n let notifyEmployee = 'N';\r\n let promptType;\r\n let promptNumber;\r\n let locationId;\r\n let locationSecondaryId;\r\n let goalStartTime;\r\n let goalEndTime;\r\n let goalCILevel;\r\n // other\r\n let dateSpanMessage;\r\n let daysBack;\r\n let daysBackDate;\r\n let useConsumerLocation;\r\n let defaultPrimaryLocation;\r\n let currentSection;\r\n let todaysDateToDisplay;\r\n let firstDayOfWeek;\r\n let lastDayOfWeek;\r\n let firstDayOfMonth;\r\n let lastDayOfMonth;\r\n let yearOfCurrentDay;\r\n let dailyAbsent = false;\r\n let consumerName;\r\n const todaysDate = UTIL.getTodaysDate();\r\n let initLoad;\r\n\r\n let btnWrap;\r\n let serviceBtnWrap;\r\n let outcomeTypeBtnWrap;\r\n let tmpService;\r\n let tmpOutcome;\r\n let tmpOutcomeId;\r\n let editOutcomeBtn;\r\n let viewPlanBtn;\r\n let viewPlanPOPUP;\r\n let updatePlanPopup;\r\n let attachmentInput; \r\n\r\n let isViewedAvailableOSPlan = 'false';\r\n\r\n function getAllowedConsumerIds() {\r\n return allowedConsumerIds;\r\n }\r\n function getDropdownValues() {\r\n return {\r\n prompts: outcomesPrompts,\r\n ci: ciData,\r\n };\r\n }\r\n function getDataForOverview() {\r\n return {\r\n objLocationId: defaultObjLocationId,\r\n goalLocationId: defaultGoalLocationId,\r\n primaryLocationId: defaultPrimaryLocation,\r\n };\r\n }\r\n\r\n // Workers\r\n //------------------------------------\r\n function disableNewOutcomeFields() {\r\n attemptsDropdown.classList.add('disabled');\r\n promptsDropdown.classList.add('disabled');\r\n cIDropdown.classList.add('disabled');\r\n timeInputs.start.classList.add('disabled');\r\n timeInputs.end.classList.add('disabled');\r\n //noteInput.classList.add('disabled');\r\n }\r\n function disableOutcomeFieldsOtherUser() {\r\n primaryLocationDropdown.classList.add('disabled');\r\n secondaryLocationDropdown.classList.add('disabled');\r\n resultsDropdown.classList.add('disabled');\r\n attemptsDropdown.classList.add('disabled');\r\n promptsDropdown.classList.add('disabled');\r\n cIDropdown.classList.add('disabled');\r\n timeInputs.start.classList.add('disabled');\r\n timeInputs.end.classList.add('disabled');\r\n // noteInput.classList.add('disabled');\r\n noteInput.querySelector('.input-field__input').setAttribute('readonly', 'true');\r\n saveBtn.classList.add('disabled');\r\n deleteBtn.classList.add('disabled');\r\n }\r\n\r\n function clearBackCardValues() {\r\n //ciData = '';\r\n successObj = '';\r\n successType = '';\r\n successDetails = '';\r\n currReason = '';\r\n currAttempts = '';\r\n currPrompt = '';\r\n currCI = '';\r\n currNote = '';\r\n currStartTime = '';\r\n currEndTime = '';\r\n goalnote = '';\r\n promptType = null;\r\n promptNumber = null;\r\n locationId = null;\r\n locationSecondaryId = null;\r\n goalStartTime = null;\r\n goalEndTime = null;\r\n goalCILevel = null;\r\n }\r\n function sortOutcomes(results) {\r\n outcomesDataObj = {};\r\n\r\n results.forEach(res => {\r\n var occurrence = res.Objective_Recurrance ? res.Objective_Recurrance : 'NF';\r\n\r\n if (!outcomesDataObj[occurrence]) {\r\n outcomesDataObj[occurrence] = [];\r\n }\r\n\r\n res.nullHourDaySuccesses = res.nullHourDaySuccesses !== '' ? res.nullHourDaySuccesses.split(',') : [];\r\n res.weekSuccesses = res.weekSuccesses !== '' ? res.weekSuccesses.split(',') : [];\r\n res.monthSuccesses = res.monthSuccesses !== '' ? res.monthSuccesses.split(',') : [];\r\n res.yearSuccesses = res.yearSuccesses !== '' ? res.yearSuccesses.split(',') : [];\r\n\r\n outcomesDataObj[occurrence].push(res);\r\n });\r\n }\r\n function sortOutcomeLocations(results) {\r\n outcomesLocations = {};\r\n\r\n results.forEach(res => {\r\n if (!outcomesLocations[res.type]) {\r\n outcomesLocations[res.type] = [];\r\n }\r\n\r\n outcomesLocations[res.type].push(res);\r\n });\r\n outcomesLocations['Primary'].sort(function (a, b) {\r\n if (a.description < b.description) {\r\n return -1;\r\n }\r\n if (a.description > b.description) {\r\n return 1;\r\n }\r\n return 0;\r\n });\r\n\r\n if (outcomesLocations.Secondary) {\r\n outcomesLocations['Secondary'].sort(function (a, b) {\r\n if (a.description < b.description) {\r\n return -1;\r\n }\r\n if (a.description > b.description) {\r\n return 1;\r\n }\r\n return 0;\r\n });\r\n }\r\n }\r\n function sortSuccessTypes(results) {\r\n unOrderedSuccessObj = {};\r\n successObj = {};\r\n\r\n results.forEach(st => {\r\n var label = st.Objective_Success_Description;\r\n if (!unOrderedSuccessObj[label]) {\r\n unOrderedSuccessObj[label] = st;\r\n }\r\n });\r\n\r\n Object.keys(unOrderedSuccessObj)\r\n .sort()\r\n .forEach(key => {\r\n successObj[key] = unOrderedSuccessObj[key];\r\n });\r\n }\r\n function getObjectiveActivities(outcome) {\r\n var objectiveRecurrance = outcome.Objective_Recurrance;\r\n if (objectiveRecurrance === '') objectiveRecurrance = 'NF';\r\n var activities;\r\n\r\n switch (objectiveRecurrance) {\r\n case 'NF': {\r\n activities = outcome.nullHourDaySuccesses;\r\n break;\r\n }\r\n case 'H': {\r\n activities = outcome.nullHourDaySuccesses;\r\n break;\r\n }\r\n case 'D': {\r\n activities = outcome.nullHourDaySuccesses;\r\n break;\r\n }\r\n case 'W': {\r\n activities = outcome.weekSuccesses;\r\n break;\r\n }\r\n case 'M': {\r\n activities = outcome.monthSuccesses;\r\n break;\r\n }\r\n case 'Y': {\r\n activities = outcome.yearSuccesses;\r\n break;\r\n }\r\n }\r\n\r\n return activities;\r\n }\r\n // Save/Update/Delete\r\n //------------------------------------\r\n function initSaveData(outcome) {\r\n personId = selectedConsumerId;\r\n activityId = 0;\r\n objectiveId = outcome.Objective_id;\r\n objdate = currDate;\r\n }\r\n function saveNewOutcome() {\r\n getInputValues();\r\n goalnote = UTIL.removeUnsavableNoteText(goalnote); //fix note with bad text\r\n const newOutcomeData = {\r\n personId,\r\n objectiveId,\r\n activityId,\r\n objdate,\r\n success,\r\n goalnote: !goalnote ? '' : goalnote,\r\n promptType: !promptType ? '0' : promptType,\r\n promptNumber: !promptNumber ? '0' : promptNumber,\r\n locationId,\r\n locationSecondaryId: !locationSecondaryId ? 0 : locationSecondaryId,\r\n goalStartTime: !goalStartTime ? '' : goalStartTime,\r\n goalEndTime: !goalEndTime ? '' : goalEndTime,\r\n goalCILevel: !goalCILevel ? '' : goalCILevel,\r\n };\r\n var section = document.querySelector('.tabs__nav--item.active');\r\n currentSection = section.innerHTML;\r\n POPUP.hide(detailsPopup);\r\n successfulSave.show();\r\n outcomesAjax.saveGoals(newOutcomeData, async function () {\r\n await outcomesAjax.addReviewNote({\r\n token: $.session.Token,\r\n objectiveActivityId: activityId,\r\n reviewNote: reviewNote,\r\n consumerId: selectedConsumerId,\r\n objectiveActivityDate: objdate,\r\n notifyEmployee: notifyEmployee,\r\n });\r\n\r\n resetOutcomeSaveData();\r\n getConsumersWithRemainingGoals();\r\n locationSecondaryId = 0;\r\n setTimeout(async () => {\r\n successfulSave.hide();\r\n await loadCardView(selectedConsumerObj, 'false');\r\n applyOutComeFilter();\r\n }, 1000);\r\n });\r\n }\r\n function resetOutcomeSaveData() {\r\n success = '';\r\n promptType = '0';\r\n promptNumber = 0;\r\n goalnote = '';\r\n goalStartTime = '';\r\n goalEndTime = '';\r\n goalCILevel = '';\r\n locationSecondaryId = 0;\r\n notifyEmployee = 'N';\r\n reviewNote = '';\r\n }\r\n function getInputValues() {\r\n var promptTypeInput = promptsDropdown.querySelector('.dropdown__select');\r\n var promptNumberInput = attemptsDropdown.querySelector('.dropdown__select');\r\n var goalnoteInput = noteInput.querySelector('.input-field__input');\r\n promptType = promptTypeInput[promptTypeInput.selectedIndex].value;\r\n promptNumber = promptNumberInput[promptNumberInput.selectedIndex].value;\r\n goalnote = goalnoteInput.value;\r\n }\r\n function deleteObjectiveActivity() {\r\n outcomesAjax.deleteGoal(activityId, selectedConsumerId, currDate, async () => {\r\n POPUP.hide(detailsPopup);\r\n await loadCardView(selectedConsumerObj);\r\n });\r\n }\r\n\r\n // Required Fields\r\n //------------------------------------\r\n function checkRequiredFields() {\r\n var showAttempts = successDetails?.Show_Attempts;\r\n var showPrompts = successDetails?.Show_Prompts;\r\n var showTime = successDetails?.Show_Time;\r\n var showCI = successDetails?.Show_Community_Integration;\r\n\r\n var attemptsRequired = successDetails?.Attempts_Required;\r\n var promptsRequired = successDetails?.Prompt_Required;\r\n var timeRequired = successDetails?.Times_Required;\r\n var ciRequired = successDetails?.Community_Integration_Required;\r\n var noteRequired = successDetails?.Notes_Required;\r\n\r\n var errorFree = true;\r\n\r\n // attempts\r\n if (showAttempts === 'Y') {\r\n attemptsDropdown.classList.remove('hidden');\r\n attemptsDropdown.classList.remove('disabled');\r\n if (attemptsRequired === 'Y') {\r\n if (!currAttempts || currAttempts === '') {\r\n attemptsDropdown.classList.add('error');\r\n errorFree = false;\r\n } else {\r\n attemptsDropdown.classList.remove('error');\r\n }\r\n } else {\r\n attemptsDropdown.classList.remove('error');\r\n }\r\n } else {\r\n attemptsDropdown.classList.add('hidden');\r\n attemptsDropdown.classList.add('disabled');\r\n }\r\n // prompts\r\n if (showPrompts === 'Y') {\r\n promptsDropdown.classList.remove('hidden');\r\n promptsDropdown.classList.remove('disabled');\r\n if (promptsRequired === 'Y') {\r\n if (!currPrompt || currPrompt === '') {\r\n promptsDropdown.classList.add('error');\r\n errorFree = false;\r\n } else {\r\n promptsDropdown.classList.remove('error');\r\n }\r\n } else {\r\n promptsDropdown.classList.remove('error');\r\n }\r\n } else {\r\n promptsDropdown.classList.add('hidden');\r\n promptsDropdown.classList.add('disabled');\r\n }\r\n // community integration\r\n if (showCI === 'Y') {\r\n cIDropdown.classList.remove('hidden');\r\n cIDropdown.classList.remove('disabled');\r\n if (ciRequired === 'Y') {\r\n if (!currCI || currCI === '') {\r\n cIDropdown.classList.add('error');\r\n errorFree = false;\r\n } else {\r\n cIDropdown.classList.remove('error');\r\n }\r\n } else {\r\n cIDropdown.classList.remove('error');\r\n }\r\n } else {\r\n cIDropdown.classList.add('hidden');\r\n cIDropdown.classList.add('disabled');\r\n }\r\n // start and end time\r\n if (showTime === 'Y') {\r\n timeInputs.start.classList.remove('disabled');\r\n timeInputs.end.classList.remove('disabled');\r\n if (timeRequired === 'Y') {\r\n if (currStartTime === '') {\r\n timeInputs.start.classList.add('error');\r\n errorFree = false;\r\n } else {\r\n timeInputs.start.classList.remove('error');\r\n }\r\n if (currEndTime === '') {\r\n timeInputs.end.classList.add('error');\r\n errorFree = false;\r\n } else {\r\n timeInputs.end.classList.remove('error');\r\n }\r\n } else {\r\n timeInputs.start.classList.remove('error');\r\n timeInputs.end.classList.remove('error');\r\n }\r\n } else {\r\n timeInputs.start.classList.add('disabled');\r\n timeInputs.end.classList.add('disabled');\r\n }\r\n // note\r\n if (noteRequired === 'Y') {\r\n if (!currNote || currNote === '') {\r\n noteInput.classList.add('error');\r\n errorFree = false;\r\n } else {\r\n noteInput.classList.remove('error');\r\n }\r\n } else {\r\n noteInput.classList.remove('error');\r\n }\r\n\r\n if (showTime === 'Y') validateStartEndTimes();\r\n\r\n checkErrors();\r\n }\r\n function validateStartEndTimes() {\r\n var timeRequired = successDetails.Times_Required;\r\n var startInput = timeInputs.start.querySelector('input');\r\n var endInput = timeInputs.end.querySelector('input');\r\n var startTime = startInput.value;\r\n var endTime = endInput.value;\r\n\r\n if (timeRequired === 'N' && startTime === '' && endTime === '') return;\r\n\r\n if (endTime === '00:00') {\r\n timeInputs.end.classList.add('error'); //error on 12am end time\r\n }\r\n\r\n if (timeRequired === 'N') {\r\n if (startTime === '' && endTime !== '') {\r\n timeInputs.start.classList.add('error');\r\n }\r\n if (endTime === '' && startTime !== '') {\r\n timeInputs.end.classList.add('error');\r\n }\r\n }\r\n // if ((startTime === \"\" && timeRequired === \"N\") && endTime !== \"\") {\r\n // timeInputs.start.classList.add(\"error\")\r\n // } else timeInputs.start.classList.remove(\"error\")\r\n // if ((endTime === \"\" && timeRequired === \"N\") && startTime !== \"\") {\r\n // timeInputs.end.classList.add(\"error\")\r\n // }\r\n if (startTime >= endTime) {\r\n timeInputs.end.classList.add('error');\r\n } else {\r\n timeInputs.end.classList.remove('error');\r\n }\r\n if (startTime <= endTime && startTime !== '') {\r\n timeInputs.start.classList.remove('error');\r\n } else {\r\n timeInputs.start.classList.add('error');\r\n }\r\n }\r\n\r\n function checkShowFields() {\r\n var showAttempts = successObj[Object.keys(successObj)[0]].Show_Attempts;\r\n var showPrompts = successObj[Object.keys(successObj)[0]].Show_Prompts;\r\n var showTime = successObj[Object.keys(successObj)[0]].Show_Time;\r\n var showCI = successObj[Object.keys(successObj)[0]].Show_Community_Integration;\r\n\r\n if (showAttempts === 'Y') {\r\n attemptsDropdown.classList.remove('hidden');\r\n } else {\r\n attemptsDropdown.classList.add('hidden');\r\n }\r\n if (showPrompts === 'Y') {\r\n promptsDropdown.classList.remove('hidden');\r\n } else {\r\n promptsDropdown.classList.add('hidden');\r\n }\r\n if (showTime === 'Y') {\r\n timeInputs.start.classList.remove('hidden');\r\n timeInputs.end.classList.remove('hidden');\r\n } else {\r\n timeInputs.start.classList.add('hidden');\r\n timeInputs.end.classList.add('hidden');\r\n }\r\n if (showCI === 'Y') {\r\n cIDropdown.classList.remove('hidden');\r\n } else {\r\n cIDropdown.classList.add('hidden');\r\n }\r\n }\r\n\r\n function checkErrors() {\r\n var errors = document.querySelectorAll('.error');\r\n if (errors.length === 0) {\r\n saveBtn.classList.remove('disabled');\r\n } else {\r\n saveBtn.classList.add('disabled');\r\n }\r\n }\r\n // Action Nav\r\n //------------------------------------\r\n function handleActionNavEvent(target) {\r\n var targetAction = target.dataset.actionNav;\r\n\r\n switch (targetAction) {\r\n case 'rosterDone': {\r\n //! I do not think this is used anymore\r\n roster.selectedConsumersToEnabledList();\r\n PROGRESS.SPINNER.show('Loading Outcomes...');\r\n loadLandingPage();\r\n roster.clearActiveConsumers();\r\n break;\r\n }\r\n case 'rosterCancel': {\r\n //! I do not think this is used anymore\r\n var outcomeModuleBtn = document.getElementById('goalssettingsbutton');\r\n var dashButton = document.getElementById('singlebutton');\r\n outcomeModuleBtn.classList.remove('active');\r\n dashButton.classList.add('active');\r\n unloadApp($.loadedApp);\r\n setActiveModuleAttribute('home');\r\n DOM.clearActionCenter();\r\n DOM.ACTIONCENTER.removeAttribute('data-active-section');\r\n dashboard.load();\r\n break;\r\n }\r\n case 'miniRosterDone': {\r\n initLoad = false;\r\n var activeConsumers = roster2.getActiveConsumers();\r\n if (activeConsumers.length > 0) {\r\n activeConsumers.forEach(consumer => {\r\n roster2.removeConsumerFromActiveConsumers(consumer.id);\r\n });\r\n }\r\n selectedConsumerObj = activeConsumers[activeConsumers.length - 1];\r\n consumerName = activeConsumers[activeConsumers.length - 1].card.innerText;\r\n selectedConsumerId = activeConsumers[activeConsumers.length - 1].id;\r\n afterSelectionRoster();\r\n break;\r\n }\r\n case 'miniRosterCancel': {\r\n if (initLoad) {\r\n loadApp('home');\r\n } else DOM.toggleNavLayout();\r\n break;\r\n }\r\n }\r\n }\r\n\r\n function backToOutcomeLoad(consumerObj) {\r\n selectedConsumerObj = consumerObj;\r\n consumerName = consumerObj.card.innerText;\r\n selectedConsumerId = consumerObj.id;\r\n afterSelectionRoster();\r\n }\r\n\r\n function afterSelectionRoster() {\r\n DOM.toggleNavLayout();\r\n PROGRESS.SPINNER.show(`Loading Outcomes For ${consumerName}`);\r\n resetFilter();\r\n updateCurrentFilterDisplay();\r\n outcomesAjax.getOutcomesPrompts(function (results) {\r\n outcomesPrompts = results;\r\n outcomesAjax.getGoalsCommunityIntegrationLevelDropdown(function (ciResults) {\r\n ciData = ciResults;\r\n outcomesAjax.getDaysBackForEditingGoalsAndUseConsumerLocation(selectedConsumerId, async function (results) {\r\n daysBack = results[0].setting_value;\r\n daysBackDate = convertDaysBack(daysBack);\r\n useConsumerLocation = results[0].outcomes_use_consumer_location;\r\n defaultPrimaryLocation = results[0].consumer_location;\r\n await loadCardView(selectedConsumerObj);\r\n });\r\n });\r\n });\r\n }\r\n //Set up spans to display\r\n function setUpOutcomesTabSpans() {\r\n //Create date to use for calculations\r\n var dateForCalculations = new Date(UTIL.formatDateFromIso(currDate));\r\n var day = dateForCalculations.getDay() + 1;\r\n //Single date\r\n todaysDateToDisplay = UTIL.formatDateFromIso(currDate);\r\n //week the date is in\r\n //first day\r\n firstDayOfWeek = new Date(\r\n dateForCalculations.getFullYear(),\r\n dateForCalculations.getMonth(),\r\n dateForCalculations.getDate() + (day == 0 ? -7 : 1) - day,\r\n );\r\n firstDayOfWeek = UTIL.getFormattedDateFromDate(firstDayOfWeek);\r\n //lastDayOfWeek\r\n lastDayOfWeek = new Date(\r\n dateForCalculations.getFullYear(),\r\n dateForCalculations.getMonth(),\r\n dateForCalculations.getDate() + (day == 0 ? 0 : 7) - day,\r\n );\r\n lastDayOfWeek = UTIL.getFormattedDateFromDate(lastDayOfWeek);\r\n //first day of month\r\n firstDayOfMonth = new Date(dateForCalculations.getFullYear(), dateForCalculations.getMonth(), 1);\r\n firstDayOfMonth = UTIL.getFormattedDateFromDate(firstDayOfMonth);\r\n //last day of month\r\n lastDayOfMonth = new Date(dateForCalculations.getFullYear(), dateForCalculations.getMonth() + 1, 0);\r\n lastDayOfMonth = UTIL.getFormattedDateFromDate(lastDayOfMonth);\r\n //year of current day\r\n yearOfCurrentDay = dateForCalculations.getFullYear();\r\n }\r\n\r\n // Filtering\r\n //------------------------------------\r\n function updateCurrentFilterDisplay(service = 'All', outcomeType = 'All') {\r\n var currentFilterDisplay = document.querySelector('.filteredByData');\r\n\r\n if (!currentFilterDisplay) {\r\n currentFilterDisplay = document.createElement('div');\r\n currentFilterDisplay.classList.add('filteredByData');\r\n filterButtonSet(service, outcomeType);\r\n currentFilterDisplay.appendChild(btnWrap);\r\n }\r\n\r\n currentFilterDisplay.style.maxWidth = '100%';\r\n\r\n if (service === '%' || service === 'All') {\r\n btnWrap.appendChild(serviceBtnWrap);\r\n btnWrap.removeChild(serviceBtnWrap);\r\n } else {\r\n btnWrap.appendChild(serviceBtnWrap);\r\n if (document.getElementById('serviceBtn') != null)\r\n document.getElementById('serviceBtn').innerHTML = 'Service: ' + service;\r\n }\r\n\r\n if (outcomeType === '%' || outcomeType === 'All') {\r\n btnWrap.appendChild(outcomeTypeBtnWrap);\r\n btnWrap.removeChild(outcomeTypeBtnWrap);\r\n } else {\r\n btnWrap.appendChild(outcomeTypeBtnWrap);\r\n if (document.getElementById('outcomeTypeBtn') != null)\r\n document.getElementById('outcomeTypeBtn').innerHTML = 'Outcome Type: ' + outcomeType;\r\n }\r\n return currentFilterDisplay;\r\n }\r\n function filterButtonSet(service = 'All', outcomeType = 'All') {\r\n filterBtn = button.build({\r\n text: 'Filter',\r\n icon: 'filter',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'filterBtnNew',\r\n callback: () => {\r\n showFilterPopup('ALL');\r\n },\r\n });\r\n\r\n serviceBtn = button.build({\r\n id: 'serviceBtn',\r\n text: 'Service: ' + service,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n showFilterPopup('serviceBtn');\r\n },\r\n });\r\n serviceCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('serviceBtn');\r\n },\r\n });\r\n\r\n outcomeTypeBtn = button.build({\r\n id: 'outcomeTypeBtn',\r\n text: 'Outcome Type: ' + outcomeType,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n showFilterPopup('outcomeTypeBtn');\r\n },\r\n });\r\n outcomeTypeCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('outcomeTypeBtn');\r\n },\r\n });\r\n\r\n btnWrap = document.createElement('div');\r\n btnWrap.classList.add('filterBtnWrap');\r\n btnWrap.appendChild(filterBtn);\r\n\r\n serviceBtnWrap = document.createElement('div');\r\n serviceBtnWrap.classList.add('filterSelectionBtnWrap');\r\n serviceBtnWrap.appendChild(serviceBtn);\r\n serviceBtnWrap.appendChild(serviceCloseBtn);\r\n btnWrap.appendChild(serviceBtnWrap);\r\n\r\n outcomeTypeBtnWrap = document.createElement('div');\r\n outcomeTypeBtnWrap.classList.add('filterSelectionBtnWrap');\r\n outcomeTypeBtnWrap.appendChild(outcomeTypeBtn);\r\n outcomeTypeBtnWrap.appendChild(outcomeTypeCloseBtn);\r\n btnWrap.appendChild(outcomeTypeBtnWrap);\r\n }\r\n function closeFilter(closefilter) {\r\n if (closefilter == 'serviceBtn') {\r\n tmpService = 'All';\r\n }\r\n if (closefilter == 'outcomeTypeBtn') {\r\n tmpOutcome = 'All';\r\n tmpOutcomeId = '%';\r\n }\r\n applyOutComeFilter();\r\n }\r\n function getOutcomeCompletion(outcome) {\r\n var recurrance = outcome.Objective_Recurrance;\r\n var occurance = outcome.Frequency_Occurance;\r\n var freqModifier = outcome.Frequency_Modifier;\r\n var successArray;\r\n var isComplete;\r\n\r\n if (recurrance === 'NF' || recurrance === 'H' || recurrance === 'D') {\r\n successArray = outcome.nullHourDaySuccesses;\r\n }\r\n if (recurrance === 'W') successArray = outcome.weekSuccesses;\r\n if (recurrance === 'M') successArray = outcome.monthSuccesses;\r\n if (recurrance === 'Y') successArray = outcome.yearSuccesses;\r\n\r\n switch (freqModifier) {\r\n case 'OBJFMEX':\r\n if (successArray && successArray.length >= occurance) {\r\n isComplete = true;\r\n } else {\r\n isComplete = false;\r\n }\r\n break;\r\n case 'OBJFMAL':\r\n if (successArray && successArray.length >= occurance) {\r\n isComplete = true;\r\n } else {\r\n isComplete = false;\r\n }\r\n break;\r\n case 'OBJFMAN':\r\n isComplete = true;\r\n break;\r\n case 'OBJFMAR':\r\n isComplete = true;\r\n break;\r\n case 'OBJFMNM':\r\n isComplete = true;\r\n break;\r\n case '':\r\n isComplete = true;\r\n break;\r\n default:\r\n isComplete = false;\r\n break;\r\n }\r\n\r\n return isComplete ? 'Complete' : 'Incomplete';\r\n }\r\n function filterOutcomes(filterByData) {\r\n var service = filterByData.currService;\r\n var outcomeId = filterByData.currOutcomeId;\r\n var filteredOutcomesDataObj = {};\r\n\r\n function filterObject() {\r\n var freqKeys = Object.keys(outcomesDataObj);\r\n\r\n freqKeys.forEach(key => {\r\n var data = outcomesDataObj[key].filter(od => {\r\n var completion = getOutcomeCompletion(od);\r\n\r\n switch (service) {\r\n case 'All':\r\n if (currOutcomeId === '%') return true;\r\n return od.Goal_Type_ID === outcomeId;\r\n case 'Incomplete':\r\n case 'Complete':\r\n if (currOutcomeId !== '%') return od.Goal_Type_ID === outcomeId && completion === service;\r\n return completion === service;\r\n default:\r\n break;\r\n }\r\n\r\n // if (currService === 'All' && currOutcomeId === '%') return true;\r\n // if (service && outcomeId) return od.Goal_Type_ID === outcomeId && completion === service;\r\n // if (service && !outcomeId) return completion === service;\r\n // if (!service && outcomeId) return od.Goal_Type_ID === outcomeId;\r\n });\r\n filteredOutcomesDataObj[key] = data;\r\n });\r\n }\r\n\r\n if (filterByData.tmpDate) {\r\n outcomesAjax.getGoals(selectedConsumerId, currDate, function (results) {\r\n sortOutcomes(results);\r\n filterObject();\r\n });\r\n } else {\r\n filterObject();\r\n }\r\n\r\n populateOutcomes(filteredOutcomesDataObj);\r\n }\r\n function setupFilterEvents() {\r\n serviceDropdown.addEventListener('change', event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n tmpService = selectedOption.value;\r\n });\r\n outcomeDropdown.addEventListener('change', event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n tmpOutcomeId = selectedOption.value;\r\n tmpOutcome = selectedOption.innerHTML;\r\n });\r\n applyButton.addEventListener('click', () => {\r\n applyOutComeFilter();\r\n POPUP.hide(filterPopup);\r\n });\r\n }\r\n\r\n function applyOutComeFilter() {\r\n if (tmpService) {\r\n currService = tmpService;\r\n } else {\r\n currService = currService ? currService : 'All';\r\n }\r\n if (tmpOutcome) {\r\n currOutcome = tmpOutcome;\r\n currOutcomeId = tmpOutcomeId;\r\n } else if (!currOutcomeId) {\r\n currOutcome = 'All';\r\n currOutcomeId = '%';\r\n }\r\n\r\n if (tmpService || tmpOutcome) {\r\n filterOutcomes({ currService, currOutcomeId });\r\n }\r\n\r\n let outcomeDd = document.getElementById('outcomeDropdown');\r\n let outcomeTypeText = outcomeDd == null ? currOutcome : outcomeDd.options[outcomeDd.selectedIndex].innerHTML;\r\n updateCurrentFilterDisplay(currService ? currService : 'All', outcomeTypeText);\r\n\r\n setUpOutcomesTabSpans();\r\n }\r\n function populateServiceDropdown() {\r\n var data = [\r\n { value: 'All', text: 'All' },\r\n { value: 'Complete', text: 'Complete' },\r\n { value: 'Incomplete', text: 'Incomplete' },\r\n ];\r\n if (currService === undefined) {\r\n currService = 'All';\r\n } else {\r\n currService = currService;\r\n }\r\n dropdown.populate(serviceDropdown, data, currService);\r\n }\r\n function populateOutcomeTypesDropdown(results) {\r\n // Goal_Type_ID: \"114\"\r\n // goal_type_description: \"Actions\"\r\n var data = results.map(res => {\r\n return {\r\n value: res.Goal_Type_ID,\r\n text: res.goal_type_description,\r\n };\r\n });\r\n if (currOutcomeId === undefined) {\r\n currOutcomeId = '%';\r\n currOutcome = 'All';\r\n } else {\r\n currOutcomeId = currOutcomeId;\r\n currOutcome = currOutcome;\r\n }\r\n data.unshift({ value: '%', text: 'All' });\r\n dropdown.populate(outcomeDropdown, data, currOutcomeId);\r\n }\r\n function populateDropdowns() {\r\n populateServiceDropdown();\r\n outcomesAjax.getOutcomeTypeForFilter(\r\n {\r\n consumerId: selectedConsumerId,\r\n selectedDate: currDate,\r\n token: $.session.Token,\r\n },\r\n populateOutcomeTypesDropdown,\r\n );\r\n }\r\n function showFilterPopup(IsShow) {\r\n filterPopup = POPUP.build({});\r\n\r\n serviceDropdown = dropdown.build({\r\n label: 'Service',\r\n style: 'secondary',\r\n readonly: false,\r\n });\r\n outcomeDropdown = dropdown.build({\r\n dropdownId: 'outcomeDropdown',\r\n label: 'Outcome Type',\r\n style: 'secondary',\r\n readonly: false,\r\n });\r\n applyButton = button.build({\r\n text: 'Apply',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n\r\n applyButton.classList.add('singleBtn');\r\n if (IsShow == 'ALL' || IsShow == 'serviceBtn') filterPopup.appendChild(serviceDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'outcomeTypeBtn') filterPopup.appendChild(outcomeDropdown);\r\n filterPopup.appendChild(applyButton);\r\n\r\n populateDropdowns();\r\n setupFilterEvents();\r\n\r\n POPUP.show(filterPopup);\r\n }\r\n function resetFilter() {\r\n currService = null;\r\n currOutcomeId = null;\r\n }\r\n\r\n // DATE INPUT\r\n //------------------------------------\r\n function buildDateInput() {\r\n var dateinput = input.build({\r\n id: 'outcomeDatePicker',\r\n label: 'Date',\r\n type: 'date',\r\n style: 'secondary',\r\n value: currDate,\r\n classNames: ['dateInput'],\r\n attributes: [\r\n { key: 'min', value: daysBackDate },\r\n { key: 'max', value: UTIL.getTodaysDate() },\r\n ],\r\n });\r\n\r\n dateinput.addEventListener('change', event => {\r\n var currDateCache = currDate;\r\n currDate = event.target.value;\r\n var currDateCheck = new Date(currDate.split('-')[0], currDate.split('-')[1] - 1, currDate.split('-')[2]);\r\n var daysBackDateCheck = new Date(\r\n daysBackDate.split('-')[0],\r\n daysBackDate.split('-')[1] - 1,\r\n daysBackDate.split('-')[2],\r\n );\r\n if (currDateCheck < daysBackDateCheck || currDate === '' || currDateCheck > new Date()) {\r\n dateinput.classList.add('error');\r\n currDate = currDateCache;\r\n return;\r\n } else dateinput.classList.remove('error');\r\n currService = 'All';\r\n currOutcomeId = '%';\r\n currOutcome = 'All';\r\n roster2.updateSelectedDate(currDate);\r\n setUpOutcomesTabSpans(currDate);\r\n outcomesAjax.getGoals(selectedConsumerId, currDate, loadOutcomesCards);\r\n getConsumersWithRemainingGoals();\r\n });\r\n dateinput.addEventListener('keydown', event => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n });\r\n return dateinput;\r\n }\r\n\r\n // Build Outcome Cards\r\n //------------------------------------\r\n function buildConsumerCard(clone, consumerId) {\r\n var card = document.createElement('div');\r\n card.classList.add('outcomes__consumer');\r\n card.appendChild(clone);\r\n return card;\r\n }\r\n // card details (old back)\r\n function buildPrimaryLocationDropdown(locId) {\r\n var select = dropdown.build({\r\n label: 'Primary Location',\r\n style: 'secondary',\r\n });\r\n var data = outcomesLocations.Primary.map(pl => {\r\n return {\r\n value: pl.Location_ID,\r\n text: pl.description,\r\n };\r\n });\r\n\r\n if (locId) {\r\n dropdown.populate(select, data, locId);\r\n locationId = locId;\r\n } else {\r\n if (defaultObjLocationId !== '') {\r\n var defaultLocation = defaultObjLocationId;\r\n } else if (defaultGoalLocationId !== '') {\r\n var defaultLocation = defaultGoalLocationId;\r\n } else if (useConsumerLocation) {\r\n var defaultLocation = defaultPrimaryLocation;\r\n } else {\r\n var defaultLocation = '';\r\n }\r\n // var defaultLocation = useConsumerLocation ? defaultPrimaryLocation : '';\r\n dropdown.populate(select, data, defaultLocation);\r\n locationId = defaultLocation === '' ? data[0].value : defaultLocation;\r\n }\r\n\r\n select.addEventListener('change', event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n locationId = selectedOption.value;\r\n rePopSecondaryLocationDropdown(locationId);\r\n });\r\n\r\n return select;\r\n }\r\n function rePopSecondaryLocationDropdown(locId) {\r\n var filteredOutcomesLocations = { Primary: [], Secondary: [] };\r\n\r\n outcomesLocations.Secondary.forEach(sl => {\r\n if (sl.primaryLocId === locId) {\r\n let obj = {\r\n Location_ID: sl.Location_ID,\r\n description: sl.description,\r\n primaryLocId: sl.primaryLocId,\r\n };\r\n filteredOutcomesLocations['Secondary'].push(obj);\r\n }\r\n });\r\n\r\n var data = filteredOutcomesLocations.Secondary.map(sl => {\r\n return {\r\n value: sl.Location_ID,\r\n text: sl.description,\r\n attributes: [{ key: 'data-primary-loc-id', value: sl.primaryLocId }],\r\n };\r\n });\r\n var defaultVal = {\r\n value: '',\r\n text: '',\r\n };\r\n data.unshift(defaultVal);\r\n dropdown.populate(secondaryLocationDropdown, data);\r\n locationSecondaryId = data[0].value;\r\n }\r\n\r\n function buildSecondaryLocationDropdown(locId) {\r\n var select = dropdown.build({\r\n label: 'Secondary Location',\r\n style: 'secondary',\r\n });\r\n\r\n if (!outcomesLocations.Secondary || outcomesLocations.Secondary.legnth < 1) return select;\r\n\r\n var filteredOutcomesLocations = { Primary: [], Secondary: [] };\r\n\r\n outcomesLocations.Secondary.forEach(sl => {\r\n if (sl.primaryLocId === locationId) {\r\n let obj = {\r\n Location_ID: sl.Location_ID,\r\n description: sl.description,\r\n primaryLocId: sl.primaryLocId,\r\n };\r\n filteredOutcomesLocations['Secondary'].push(obj);\r\n }\r\n });\r\n\r\n var data = filteredOutcomesLocations.Secondary.map(sl => {\r\n return {\r\n value: sl.Location_ID,\r\n text: sl.description,\r\n attributes: [{ key: 'data-primary-loc-id', value: sl.primaryLocId }],\r\n };\r\n });\r\n\r\n var defaultVal = {\r\n value: '',\r\n text: '',\r\n };\r\n data.unshift(defaultVal);\r\n\r\n if (locId) {\r\n dropdown.populate(select, data, locId);\r\n locationSecondaryId = locId;\r\n } else {\r\n dropdown.populate(select, data);\r\n locationSecondaryId = data[0].value;\r\n }\r\n\r\n select.addEventListener('change', event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n locationSecondaryId = selectedOption.value;\r\n });\r\n\r\n return select;\r\n }\r\n function buildResultsDropdown(result) {\r\n var select = dropdown.build({\r\n label: 'Results',\r\n style: 'secondary',\r\n });\r\n\r\n var data = Object.values(successObj).map(r => {\r\n return {\r\n value: r.Objective_Success_Description,\r\n text: `${r.Objective_Success} ${r.Objective_Success_Description}`,\r\n attributes: [{ key: 'data-success', value: r.Objective_Success }],\r\n };\r\n });\r\n var defaultVal = {\r\n value: '',\r\n text: '',\r\n };\r\n data.unshift(defaultVal);\r\n\r\n currResult = data[0].value;\r\n\r\n if (result) {\r\n dropdown.populate(select, data, result);\r\n successType = result;\r\n successDetails = successObj[successType];\r\n success = successDetails.Objective_Success;\r\n } else {\r\n select.classList.add('error');\r\n dropdown.populate(select, data);\r\n successType = data[0].value;\r\n successDetails = successObj[successType];\r\n success = successType;\r\n }\r\n\r\n select.addEventListener('change', event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n successType = selectedOption.value;\r\n if (successType === '') {\r\n resultsDropdown.classList.add('error');\r\n } else resultsDropdown.classList.remove('error');\r\n successDetails = successObj[successType];\r\n success = selectedOption.dataset.success;\r\n checkErrors();\r\n checkRequiredFields();\r\n });\r\n\r\n return select;\r\n }\r\n function buildPromptsDropdown(code) {\r\n var select = dropdown.build({\r\n label: 'Prompts',\r\n style: 'secondary',\r\n });\r\n var data = outcomesPrompts.map(op => {\r\n return {\r\n value: op.Code,\r\n text: `${op.Code} ${op.Caption}`,\r\n };\r\n });\r\n var defaultVal = {\r\n value: '',\r\n text: '',\r\n };\r\n data.unshift(defaultVal);\r\n if (code) {\r\n dropdown.populate(select, data, code);\r\n currPrompt = code;\r\n } else {\r\n dropdown.populate(select, data);\r\n }\r\n\r\n select.addEventListener('change', event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n currPrompt = selectedOption.value;\r\n promptType = currPrompt;\r\n //promptNumber;\r\n checkRequiredFields();\r\n });\r\n\r\n return select;\r\n }\r\n function buildAttemptsDropdown(attempt) {\r\n var select = dropdown.build({\r\n label: 'Attempts',\r\n style: 'secondary',\r\n });\r\n var data = [\r\n { value: '', text: '' },\r\n // { value: '', text: 'Ø' },\r\n // { value: '0', text: '0' },\r\n { value: '1', text: '1' },\r\n { value: '2', text: '2' },\r\n { value: '3', text: '3' },\r\n { value: '4', text: '4' },\r\n { value: '5', text: '5' },\r\n { value: '6', text: '6' },\r\n { value: '7', text: '7' },\r\n { value: '8', text: '8' },\r\n { value: '9', text: '9' },\r\n ];\r\n dropdown.populate(select, data, attempt);\r\n if (attempt) currAttempts = attempt;\r\n\r\n select.addEventListener('change', event => {\r\n currAttempts = event.target.value;\r\n promptNumber = currAttempts;\r\n checkRequiredFields();\r\n });\r\n\r\n return select;\r\n }\r\n function buildCommunityIntegrationDropdown(ciLevel) {\r\n var select = dropdown.build({\r\n label: 'Community Integration',\r\n style: 'secondary',\r\n });\r\n var data = ciData.map(ci => {\r\n return {\r\n value: ci.code,\r\n text: `${ci.code} ${ci.captionname}`,\r\n };\r\n });\r\n var defaultVal = {\r\n value: '',\r\n text: '',\r\n };\r\n data.unshift(defaultVal);\r\n\r\n if (ciLevel) {\r\n dropdown.populate(select, data, ciLevel);\r\n goalCILevel = ciLevel;\r\n currCI = ciLevel;\r\n } else {\r\n dropdown.populate(select, data);\r\n }\r\n\r\n select.addEventListener('change', event => {\r\n goalCILevel = event.target.value;\r\n currCI = event.target.value;\r\n checkRequiredFields();\r\n });\r\n\r\n return select;\r\n }\r\n function buildTimeInputs(startTime, endTime) {\r\n var start = input.build({\r\n label: 'Start Time',\r\n style: 'secondary',\r\n type: 'time',\r\n value: startTime,\r\n });\r\n var end = input.build({\r\n label: 'End Time',\r\n style: 'secondary',\r\n type: 'time',\r\n value: endTime,\r\n });\r\n\r\n if (startTime) {\r\n goalStartTime = startTime;\r\n currStartTime = startTime;\r\n }\r\n if (endTime) {\r\n goalEndTime = endTime;\r\n currEndTime = endTime;\r\n }\r\n\r\n start.addEventListener('change', event => {\r\n goalStartTime = event.target.value;\r\n currStartTime = startTime;\r\n checkRequiredFields();\r\n checkErrors();\r\n });\r\n end.addEventListener('change', event => {\r\n goalEndTime = event.target.value;\r\n currEndTime = endTime;\r\n checkRequiredFields();\r\n // if (validateStartEndTimes()) {\r\n // end.classList.remove('error')\r\n // } else end.classList.add('error')\r\n checkErrors();\r\n });\r\n\r\n return {\r\n start,\r\n end,\r\n };\r\n }\r\n function buildNoteInput(note) {\r\n var noteInput = input.build({\r\n label: 'Note',\r\n style: 'secondary',\r\n type: 'textarea',\r\n value: note,\r\n });\r\n\r\n if (note) {\r\n currNote = note;\r\n goalnote = note;\r\n }\r\n\r\n if (note !== undefined && enteredByUser && enteredByUser.toUpperCase() !== $.session.UserId.toUpperCase()) {\r\n return noteInput;\r\n }\r\n noteInput.addEventListener('keyup', (event) => {\r\n currNote = event.target.value;\r\n goalnote = currNote;\r\n checkRequiredFields();\r\n });\r\n\r\n return noteInput;\r\n }\r\n function buildReviewNoteInput(note) {\r\n const noteInput = input.build({\r\n label: 'Review Note',\r\n style: 'secondary',\r\n type: 'textarea',\r\n value: note,\r\n });\r\n\r\n reviewNote = note;\r\n\r\n noteInput.addEventListener('keyup', (event) => {\r\n reviewNote = event.target.value;\r\n });\r\n \r\n return noteInput;\r\n }\r\n function buildNotifyCheckbox() {\r\n const notifyEmployeeCheckbox = input.buildCheckbox({\r\n text: 'Notify Employee via System Message',\r\n });\r\n \r\n notifyEmployeeCheckbox.addEventListener('change', e => {\r\n notifyEmployee = e.target.checked ? 'Y' : 'N';\r\n });\r\n \r\n return notifyEmployeeCheckbox;\r\n }\r\n function buildSaveButton(isEdit) {\r\n var text = isEdit ? 'Update' : 'Save';\r\n var btn = button.build({\r\n text,\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'disabled',\r\n callback: saveNewOutcome,\r\n });\r\n\r\n return btn;\r\n }\r\n function buildDeleteButton() {\r\n var btn = button.build({\r\n text: 'Delete',\r\n style: 'secondary',\r\n type: 'contained',\r\n //callback: deleteObjectiveActivity,\r\n callback: deleteIncident,\r\n });\r\n\r\n return btn;\r\n }\r\n function deleteIncident() {\r\n var popup = document.createElement('div');\r\n popup.classList.add('popup');\r\n popup.classList.add('warning');\r\n popup.setAttribute('data-popup', 'true');\r\n\r\n var message = document.createElement('p');\r\n message.innerHTML = 'Are you sure you want to delete this activity?';\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n var yesBtn = button.build({\r\n text: 'Yes',\r\n type: 'contained',\r\n style: 'secondary',\r\n callback: function () {\r\n deleteObjectiveActivity();\r\n // hide popup\r\n actioncenter.removeChild(popup);\r\n overlay.hide();\r\n bodyScrollLock.enableBodyScroll(popup);\r\n // clear active consumers\r\n // roster.clearActiveConsumers();\r\n // re-get Users with remaining goals\r\n getConsumersWithRemainingGoals();\r\n },\r\n });\r\n var noBtn = button.build({\r\n text: 'No',\r\n type: 'contained',\r\n style: 'secondary',\r\n callback: function () {\r\n // hide popup\r\n actioncenter.removeChild(popup);\r\n // overlay.hide()\r\n // bodyScrollLock.enableBodyScroll(popup);\r\n },\r\n });\r\n\r\n btnWrap.appendChild(yesBtn);\r\n btnWrap.appendChild(noBtn);\r\n\r\n popup.appendChild(message);\r\n popup.appendChild(btnWrap);\r\n\r\n // show overlay\r\n overlay.show();\r\n // show popup\r\n actioncenter.appendChild(popup);\r\n // disable scrolling\r\n bodyScrollLock.disableBodyScroll(popup);\r\n }\r\n function buildCardDetails(editData) {\r\n detailsPopup = POPUP.build({\r\n classNames: ['card', 'objectiveDetails'],\r\n });\r\n\r\n if (editData) {\r\n editData = editData[0];\r\n personId = selectedConsumerId;\r\n objectiveId = editData.Objective_ID;\r\n objdate = currDate;\r\n let lastEditedTime = editData.Last_Update.split(' ')[1];\r\n let lastEditHH = lastEditedTime.split(':')[0];\r\n let lastEditMM = UTIL.leadingZero(lastEditedTime.split(':')[1]);\r\n lastEditedTime = `${lastEditHH}:${lastEditMM} ${editData.Last_Update.split(' ')[2]}`;\r\n\r\n var lastEditedDate = editData.Last_Update.split(' ')[0];\r\n var lastEdited = `${lastEditedDate} ${lastEditedTime}`;\r\n\r\n primaryLocationDropdown = buildPrimaryLocationDropdown(editData.Location_ID);\r\n secondaryLocationDropdown = buildSecondaryLocationDropdown(editData.Locations_Secondary_ID);\r\n resultsDropdown = buildResultsDropdown(editData.objective_success_description);\r\n promptsDropdown = buildPromptsDropdown(editData.Prompt_Type);\r\n attemptsDropdown = buildAttemptsDropdown(editData.Prompt_Number);\r\n cIDropdown = buildCommunityIntegrationDropdown(editData.community_integration_level);\r\n timeInputs = buildTimeInputs(editData.start_time, editData.end_time);\r\n noteInput = buildNoteInput(editData.Objective_Activity_Note);\r\n reviewNoteInput = buildReviewNoteInput(editData.reviewNote);\r\n notifyEmployeeCheckbox = buildNotifyCheckbox();\r\n saveBtn = buildSaveButton(true);\r\n deleteBtn = buildDeleteButton();\r\n enteredByUser = editData.submitted_by_user_id;\r\n edit__lastEditedByDetails = buildCardEnteredByDetails(enteredByUser, lastEdited);\r\n } else {\r\n primaryLocationDropdown = buildPrimaryLocationDropdown();\r\n secondaryLocationDropdown = buildSecondaryLocationDropdown();\r\n resultsDropdown = buildResultsDropdown();\r\n promptsDropdown = buildPromptsDropdown();\r\n attemptsDropdown = buildAttemptsDropdown();\r\n cIDropdown = buildCommunityIntegrationDropdown();\r\n timeInputs = buildTimeInputs();\r\n noteInput = buildNoteInput();\r\n reviewNoteInput = buildReviewNoteInput();\r\n notifyEmployeeCheckbox = buildNotifyCheckbox();\r\n saveBtn = buildSaveButton(false);\r\n deleteBtn = undefined;\r\n }\r\n\r\n \r\n if (!$.session.OutcomesReview) {\r\n reviewNoteInput.classList.add('disabled');\r\n notifyEmployeeCheckbox.classList.add('disabled');\r\n }\r\n\r\n checkShowFields();\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(saveBtn);\r\n if (deleteBtn) btnWrap.appendChild(deleteBtn);\r\n\r\n var timeWrap = document.createElement('div');\r\n timeWrap.appendChild(timeInputs.start);\r\n timeWrap.appendChild(timeInputs.end);\r\n\r\n detailsPopup.appendChild(primaryLocationDropdown);\r\n if (outcomesLocations.Secondary) detailsPopup.appendChild(secondaryLocationDropdown);\r\n detailsPopup.appendChild(resultsDropdown);\r\n detailsPopup.appendChild(promptsDropdown);\r\n detailsPopup.appendChild(attemptsDropdown);\r\n\r\n if ($.session.applicationName !== 'Gatekeeper') {\r\n detailsPopup.appendChild(cIDropdown);\r\n detailsPopup.appendChild(timeWrap);\r\n }\r\n\r\n detailsPopup.appendChild(noteInput);\r\n detailsPopup.appendChild(reviewNoteInput);\r\n detailsPopup.appendChild(notifyEmployeeCheckbox);\r\n detailsPopup.appendChild(btnWrap);\r\n\r\n if (editData) checkRequiredFields();\r\n if (editData) detailsPopup.appendChild(edit__lastEditedByDetails);\r\n if (editData && enteredByUser && enteredByUser.toUpperCase() !== $.session.UserId.toUpperCase()) {\r\n disableOutcomeFieldsOtherUser();\r\n btnWrap.classList.add('hidden');\r\n }\r\n\r\n POPUP.show(detailsPopup);\r\n }\r\n // card overview (old front)\r\n function buildActivityTracker(outcome) {\r\n var activities = getObjectiveActivities(outcome);\r\n var activityCount;\r\n var activityLimit = outcome.Frequency_Occurance !== '' ? parseInt(outcome.Frequency_Occurance, 10) : 0;\r\n\r\n activities = activities.filter(o => {\r\n // var type = o.split('|')[0];\r\n let isAbsent = o.split('|')[2];\r\n return isAbsent !== 'Y';\r\n });\r\n activityCount = activities.length;\r\n\r\n // set frequency modifier & path color\r\n var frequencyModifier = outcome.Frequency_Modifier.replace('OBJFM', '');\r\n var frequencySeparator;\r\n var pathColor;\r\n\r\n // color and modifier\r\n switch (frequencyModifier) {\r\n case 'AN':\r\n case 'AR':\r\n // As Needed & As Requested\r\n frequencySeparator = '>';\r\n if (activityLimit === 0 && activityCount > activityLimit) {\r\n pathColor = 'rgb(129,185,65)'; //green\r\n break;\r\n } else if (activityLimit === 0 && activityCount === 0) {\r\n //no color\r\n break;\r\n }\r\n if (activityCount === activityLimit) {\r\n pathColor = 'rgb(129,185,65)'; //green\r\n break;\r\n }\r\n pathColor = 'rgb(238,132,52)'; //orange\r\n break;\r\n case 'AL':\r\n // At Least\r\n frequencySeparator = '>';\r\n if (activityCount === 0 || activityCount < activityLimit) {\r\n pathColor = 'rgb(219,22,47)'; //red\r\n } else if (activityCount >= activityLimit) {\r\n pathColor = 'rgb(129,185,65)'; //green\r\n }\r\n break;\r\n case 'EX':\r\n // Exactly\r\n frequencySeparator = 'of';\r\n if (activityCount === 0 || activityCount < activityLimit) {\r\n pathColor = 'rgb(219,22,47)'; //red\r\n } else if (activityCount > activityLimit) {\r\n pathColor = 'rgb(238,132,52)'; //orange\r\n } else if (activityCount === activityLimit) {\r\n pathColor = 'rgb(129,185,65)'; //green\r\n }\r\n break;\r\n case 'NM':\r\n // No More Than\r\n frequencySeparator = '<';\r\n if (activityCount <= activityLimit) {\r\n pathColor = 'rgb(129,185,65)'; //green\r\n } else {\r\n pathColor = 'rgb(238,132,52)'; //orange\r\n }\r\n break;\r\n case '':\r\n frequencySeparator = '';\r\n if (activityLimit === 0) {\r\n pathColor = 'rgb(129,185,65)'; //green\r\n } else if (activityCount < activityLimit) {\r\n pathColor = 'rgb(219,22,47)'; //red\r\n } else if (activityCount > activityLimit) {\r\n pathColor = 'rgb(238,132,52)'; //orange\r\n } else if (activityCount === activityLimit) {\r\n pathColor = 'rgb(129,185,65)'; //green\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n // get percent complete\r\n\r\n // Dashoffset values vv\r\n // 301.635 = 0/ no circle\r\n // 0 = a full circle\r\n\r\n // var percentComplete = activityCount === 0 || activityLimit === 0 ? 0 : activityLimit / activityCount / 100;\r\n var percentComplete = activityCount === 0 || activityLimit === 0 ? 0 : activityCount / activityLimit;\r\n var dashOffset = 301.635 - percentComplete * 301.635;\r\n dashOffset = dashOffset === 0 ? 301.635 : dashOffset;\r\n // if (frequencySeparator === '') {\r\n // \tdashOffset = 0;\r\n // }\r\n if (percentComplete >= 1) {\r\n // dashOffset 0 = full circle. Anything 100% or over is a full circle\r\n dashOffset = 0;\r\n }\r\n if (activityCount > activityLimit) {\r\n dashOffset = 0;\r\n }\r\n var path2Style = `stroke-dashoffset: ${dashOffset};`;\r\n\r\n // cool circle thing\r\n var circle = document.createElement('div');\r\n circle.classList.add('progressCircle');\r\n circle.innerHTML = `\r\n \r\n ${\r\n frequencySeparator !== ''\r\n ? `${activityCount} ${frequencySeparator} ${activityLimit}
`\r\n : activityLimit > 0\r\n ? `${activityCount}
`\r\n : `${activityCount}
`\r\n }\r\n `;\r\n\r\n return circle;\r\n }\r\n function buildSuccessPopup(success) {\r\n var popup = POPUP.build({});\r\n var successPopupText = document.createElement('p');\r\n popup.appendChild(successPopupText);\r\n var successText = success.replace(/(\\r\\n|\\n|\\r)/g, '');\r\n successPopupText.innerHTML += `${successText}`;\r\n POPUP.show(popup);\r\n //return popup;\r\n }\r\n function buildMethodPopup(method) {\r\n var popup = POPUP.build({});\r\n var methodPopupText = document.createElement('p');\r\n popup.appendChild(methodPopupText);\r\n var methodText = method.replace(/(\\r\\n|\\n|\\r)/g, '
');\r\n methodPopupText.innerHTML += `${methodText}`;\r\n POPUP.show(popup);\r\n //return popup;\r\n }\r\n function buildObjectiveActivities(outcome) {\r\n var objectiveActivities = getObjectiveActivities(outcome);\r\n var outcomeRecurrance = outcome.Objective_Recurrance;\r\n if (objectiveActivities.length === 0) return null;\r\n // if (outcome.Objective_Statement === \"\") return null;\r\n\r\n var activities = document.createElement('div');\r\n activities.classList.add('activities');\r\n\r\n objectiveActivities.forEach(activity => {\r\n activity = activity.split('|');\r\n dailyAbsent = false;\r\n let label = activity[0];\r\n let id = activity[1];\r\n let isAbsent = activity[2];\r\n var ele = document.createElement('span');\r\n if (outcomeRecurrance === 'D' && isAbsent === 'Y') {\r\n dailyAbsent = true;\r\n }\r\n ele.classList.add('activity');\r\n ele.setAttribute('data-activity-id', id);\r\n ele.innerHTML = label;\r\n activities.appendChild(ele);\r\n });\r\n //if (!dailyAbsent) {\r\n activities.addEventListener('click', event => {\r\n activityId = event.target.dataset.activityId;\r\n if (activityId) {\r\n outcomesAjax.getObjectiveActivity(activityId, function (results) {\r\n outcomesAjax.getOutcomesSuccessTypes(outcome.Goal_Type_ID, function (successTypes) {\r\n outcomesAjax.getOutcomesPrimaryAndSecondaryLocations(selectedConsumerId, currDate, function (locations) {\r\n sortSuccessTypes(successTypes);\r\n sortOutcomeLocations(locations);\r\n buildCardDetails(results);\r\n });\r\n });\r\n });\r\n }\r\n });\r\n //}\r\n return activities;\r\n }\r\n async function buildCardOverview(outcome) {\r\n if (outcome.Objective_Statement === '') return;\r\n //PERMISSIONS - if $.session.viewableGoalTypeIds does not contain this cards goal type ID, do not display the card.\r\n var hasPermission = false;\r\n $.session.viewableGoalTypeIds.forEach(id => {\r\n if (outcome.Goal_Type_ID === id) {\r\n hasPermission = true;\r\n return;\r\n }\r\n });\r\n if (!hasPermission) return false;\r\n //////////\r\n var overviewCard = document.createElement('div');\r\n overviewCard.classList.add('card', 'objectiveOverview');\r\n\r\n // card values\r\n var typeDescription = outcome.goal_type_description;\r\n var goalStatement = outcome.Objective_Statement.replace(/(\\r\\n|\\n|\\r)/g, '
'); //outcome.Goal_Statement;\r\n var success = outcome.Success_Determination;\r\n var method = outcome.Objective_Method;\r\n var lastUpdateBy = outcome.lastUpdatedBy;\r\n\r\n // build card\r\n var description = document.createElement('h3');\r\n description.classList.add('description');\r\n description.innerHTML = typeDescription;\r\n\r\n var editIconBtn = button.build({\r\n icon: 'edit',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n addServicesForm.init(selectedConsume, outcome.Objective_id, 0);\r\n },\r\n });\r\n\r\n var statement = document.createElement('p');\r\n statement.classList.add('statement');\r\n statement.innerHTML = goalStatement;\r\n var lastUpdated = document.createElement('div');\r\n lastUpdated.classList.add('lastUpdated');\r\n if (lastUpdateBy !== '') {\r\n lastUpdated.innerHTML = `\r\n
Last update by ${lastUpdateBy.split(' ')[0]} ${lastUpdateBy.split(' ')[1]}
\r\non ${UTIL.formatDateFromIso(lastUpdateBy.split(' ')[2])}
\r\n `;\r\n } else {\r\n lastUpdated.innerHTML = ``;\r\n }\r\n\r\n // activity tracker\r\n var activityTracker = buildActivityTracker(outcome);\r\n // btns\r\n var newBtn = button.build({\r\n text: 'New',\r\n style: 'secondary',\r\n type: 'contained',\r\n icon: 'outcomeNew',\r\n callback: function () {\r\n outcomesAjax.getOutcomesSuccessTypes(outcome.Goal_Type_ID, function (successTypes) {\r\n outcomesAjax.getOutcomesPrimaryAndSecondaryLocations(selectedConsumerId, currDate, function (locations) {\r\n defaultObjLocationId = outcome.objLocationId;\r\n defaultGoalLocationId = outcome.Location_ID;\r\n sortSuccessTypes(successTypes);\r\n sortOutcomeLocations(locations);\r\n buildCardDetails();\r\n initSaveData(outcome);\r\n successType = null;\r\n successDetails = null;\r\n disableNewOutcomeFields();\r\n });\r\n });\r\n },\r\n });\r\n var successBtn = button.build({\r\n text: 'Success',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n var popup = buildSuccessPopup(success);\r\n POPUP.show(popup);\r\n },\r\n });\r\n var methodBtn = button.build({\r\n text: 'Method',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n var popup = buildMethodPopup(method);\r\n POPUP.show(popup);\r\n },\r\n });\r\n dailyAbsent = false;\r\n var objectiveActivities = buildObjectiveActivities(outcome);\r\n\r\n //const result = await outcomesAjax.isNewBtnDisabledByPlanHistory(\r\n // selectedConsumerId,\r\n // outcome.goal_id,\r\n // outcome.Objective_id,\r\n // );\r\n // const { isNewBtnDisabledByPlanHistoryResult } = result;\r\n\r\n // if (dailyAbsent || isNewBtnDisabledByPlanHistoryResult[0].isNewDisabled == 'true') {\r\n // newBtn.classList.add('disabled');\r\n // }\r\n\r\n var successMethodWrap = document.createElement('div');\r\n successMethodWrap.classList.add('btnWrap');\r\n if (success !== '') successMethodWrap.appendChild(successBtn);\r\n if (method !== '') successMethodWrap.appendChild(methodBtn);\r\n\r\n var wrap1 = document.createElement('div');\r\n wrap1.classList.add('row', 'progressAndNew');\r\n wrap1.appendChild(activityTracker);\r\n wrap1.appendChild(newBtn);\r\n\r\n var wrapEdit = document.createElement('div');\r\n wrapEdit.classList.add('editBtnWrap');\r\n wrapEdit.appendChild(description);\r\n if ($.session.UpdateServices == true) {\r\n wrapEdit.appendChild(editIconBtn);\r\n }\r\n overviewCard.appendChild(wrapEdit);\r\n overviewCard.appendChild(wrap1);\r\n overviewCard.appendChild(statement);\r\n overviewCard.appendChild(successMethodWrap);\r\n if (objectiveActivities) overviewCard.appendChild(objectiveActivities);\r\n if (lastUpdateBy !== '') overviewCard.appendChild(lastUpdated);\r\n\r\n return overviewCard;\r\n }\r\n function buildCardEnteredByDetails(enteredBy, lastUpdatedDate) {\r\n let txtArea = document.createElement('p');\r\n txtArea.classList.add('enteredByDetail');\r\n txtArea.innerHTML = `Entered By: ${enteredBy}Last Updated: ${lastUpdatedDate}`;\r\n return txtArea;\r\n }\r\n // main card\r\n function buildCardContainer(consumer) {\r\n OUTCOMES_SECTION.innerHTML = '';\r\n\r\n consumer.card.classList.remove('highlighted');\r\n var clone = consumer.card.cloneNode(true);\r\n var card = buildConsumerCard(clone, consumer.id);\r\n\r\n OUTCOMES_SECTION.appendChild(card);\r\n\r\n return OUTCOMES_SECTION;\r\n }\r\n\r\n // Populate Outcome Card\r\n //------------------------------------\r\n function populateNoFreqOutcomes(outcomes) {\r\n // aka NONE\r\n var section = document.getElementById('no frequency');\r\n section.innerHTML = '';\r\n outcomes.forEach(async oc => {\r\n var card = await buildCardOverview(oc);\r\n if (card) section.appendChild(card);\r\n });\r\n }\r\n function populateHourlyOutcomes(outcomes) {\r\n var section = document.getElementById('hourly');\r\n section.innerHTML = '';\r\n outcomes.forEach(async oc => {\r\n var card = await buildCardOverview(oc);\r\n if (card) section.appendChild(card);\r\n });\r\n }\r\n function populateDailyOutcomes(outcomes) {\r\n var section = document.getElementById('daily');\r\n section.innerHTML = '';\r\n outcomes.forEach(async oc => {\r\n var card = await buildCardOverview(oc);\r\n if (card) section.appendChild(card);\r\n });\r\n }\r\n function populateWeeklyOutcomes(outcomes) {\r\n var section = document.getElementById('weekly');\r\n section.innerHTML = '';\r\n outcomes.forEach(async oc => {\r\n var card = await buildCardOverview(oc);\r\n if (card) section.appendChild(card);\r\n });\r\n }\r\n function populateMonthlyOutcomes(outcomes) {\r\n var section = document.getElementById('monthly');\r\n section.innerHTML = '';\r\n outcomes.forEach(async oc => {\r\n var card = await buildCardOverview(oc);\r\n if (card) section.appendChild(card);\r\n });\r\n }\r\n function populateYearlyOutcomes(outcomes) {\r\n var section = document.getElementById('yearly');\r\n section.innerHTML = '';\r\n outcomes.forEach(async oc => {\r\n var card = await buildCardOverview(oc);\r\n if (card) section.appendChild(card);\r\n });\r\n }\r\n\r\n function populateOutcomes(od) {\r\n outcomesData = sortOutcomesAlpha(od);\r\n var sections = [];\r\n var noFreqOutcomes = outcomesData['NF'];\r\n var hourlyOutcomes = outcomesData['H'];\r\n var dailyOutcomes = outcomesData['D'];\r\n var weeklyOutcomes = outcomesData['W'];\r\n var monthlyOutcomes = outcomesData['M'];\r\n var yearlyOutcomes = outcomesData['Y'];\r\n\r\n if (noFreqOutcomes) sections.push('No Frequency');\r\n if (hourlyOutcomes) sections.push('Hourly');\r\n if (dailyOutcomes) sections.push('Daily');\r\n if (weeklyOutcomes) sections.push('Weekly');\r\n if (monthlyOutcomes) sections.push('Monthly');\r\n if (yearlyOutcomes) sections.push('Yearly');\r\n\r\n //currentSection\r\n var defaultActiveSection;\r\n sections.forEach((sec, index) => {\r\n if (sec === currentSection) defaultActiveSection = index;\r\n });\r\n\r\n defaultActiveSection = defaultActiveSection ? defaultActiveSection : 0;\r\n currentSection = sections[defaultActiveSection];\r\n\r\n OUTCOMES_SECTION.innerHTML = '';\r\n var outcomeTabs = tabs.build({\r\n sections,\r\n active: defaultActiveSection,\r\n tabNavCallback: function (data) {\r\n currentSection = data.activeSection;\r\n setUpOutcomesTabSpans();\r\n },\r\n });\r\n OUTCOMES_SECTION.appendChild(outcomeTabs);\r\n\r\n if (noFreqOutcomes) populateNoFreqOutcomes(noFreqOutcomes);\r\n if (hourlyOutcomes) populateHourlyOutcomes(hourlyOutcomes);\r\n if (dailyOutcomes) populateDailyOutcomes(dailyOutcomes);\r\n if (weeklyOutcomes) populateWeeklyOutcomes(weeklyOutcomes);\r\n if (monthlyOutcomes) populateMonthlyOutcomes(monthlyOutcomes);\r\n if (yearlyOutcomes) populateYearlyOutcomes(yearlyOutcomes);\r\n setUpOutcomesTabSpans();\r\n }\r\n\r\n //Handle navigation from dashboard widget to module\r\n function dashHandler(myconsumerId) {\r\n let myval = { id: '34275', card: 'div.consumerCard.consumer-selected.highlighted' };\r\n selectedConsumerId = '34275';\r\n currDate = '2020-03-30';\r\n consumerName = 'Joe Meyer';\r\n daysBack = '13';\r\n\r\n loadCardView(myval);\r\n }\r\n\r\n async function loadCardView(selectedConsumer, displayPlanViewPopup) {\r\n // DOM.scrollToTopOfPage();\r\n selectedConsume = selectedConsumer;\r\n DOM.clearActionCenter();\r\n clearBackCardValues();\r\n //Filter and date wrap\r\n var topFilterDateWrap = document.createElement('div');\r\n topFilterDateWrap.classList.add('topOutcomeWrap');\r\n //Date Input\r\n var date_Input = document.querySelector('.dateInput');\r\n if (!date_Input) {\r\n dateInput = buildDateInput();\r\n topFilterDateWrap.appendChild(dateInput);\r\n }\r\n\r\n reportsBtn = button.build({\r\n text: 'Reports',\r\n icon: 'add',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'reportBtn',\r\n callback: function () {\r\n const filterValues = {\r\n outcomesService: currService ? currService : 'All',\r\n outcomesType: currOutcomeId ? currOutcomeId : '0',\r\n outcomesConsumer: selectedConsumerId,\r\n outcomesDate: currDate,\r\n };\r\n\r\n generateReports.showReportsPopup([\r\n { text: 'Documentation - Completed With Percentages', filterValues },\r\n { text: 'Outcome Activity - With Community Integration by Employee, Consumer, Date', filterValues },\r\n ]);\r\n },\r\n });\r\n editOutcomeBtn = button.build({\r\n text: 'EDIT OUTCOMES/SERVICES',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'reportBtn',\r\n callback: () => {\r\n if (!editOutcomeBtn.classList.contains('disabled')) {\r\n addEditOutcomeServices.init(selectedConsume);\r\n }\r\n },\r\n });\r\n reviewOutcomesBtn = button.build({\r\n text: 'REVIEW OUTCOMES/SERVICES',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n outcomesReview.init({\r\n consumer: selectedConsumerObj,\r\n consumerName: consumerName,\r\n date: currDate,\r\n allowedConsumerIds: allowedConsumerIds,\r\n });\r\n },\r\n });\r\n\r\n let buttonName = 'VIEW PLAN';\r\n if ($.session.UpdatePlan) buttonName = 'VIEW/UPDATE PLAN';\r\n\r\n viewPlanBtn = button.build({\r\n text: buttonName,\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n if (!viewPlanBtn.classList.contains('disabled')) {\r\n planViewPOPUP();\r\n }\r\n },\r\n });\r\n topFilterDateWrap.appendChild(editOutcomeBtn);\r\n if ($.session.OutcomesReview) {\r\n topFilterDateWrap.appendChild(reviewOutcomesBtn);\r\n }\r\n\r\n if (\r\n $.session.InsertOutcomes == true ||\r\n $.session.UpdateOutcomes == true ||\r\n $.session.InsertServices == true ||\r\n $.session.UpdateServices == true\r\n ) {\r\n editOutcomeBtn.classList.remove('disabled');\r\n } else {\r\n editOutcomeBtn.classList.add('disabled');\r\n }\r\n\r\n if ($.session.applicationName === 'Advisor') {\r\n topFilterDateWrap.appendChild(reportsBtn);\r\n }\r\n\r\n const showPopup = await outcomesAjax.getPlanbyConsumerHistory(selectedConsumerId);\r\n const { getPlanbyConsumerHistoryResult } = showPopup;\r\n\r\n if (getPlanbyConsumerHistoryResult[0].isPlanAvailable == 'true') {\r\n if (displayPlanViewPopup !== 'false' && $.session.RequireViewPlan) planViewPOPUP(); \r\n if ($.session.RequireViewPlan) topFilterDateWrap.appendChild(viewPlanBtn);\r\n //viewPlanBtn.classList.remove('disabled');\r\n }\r\n else {\r\n //planViewPOPUP(); \r\n if ($.session.RequireViewPlan) topFilterDateWrap.appendChild(viewPlanBtn);\r\n // viewPlanBtn.classList.add('disabled');\r\n }\r\n \r\n const result = await outcomesAjax.isViewPlabBtnDisabled(selectedConsumerId);\r\n const { isViewPlabBtnDisabledResult } = result;\r\n\r\n if (isViewPlabBtnDisabledResult[0].isPlanAvailable == 'false' && !$.session.UpdatePlan) {\r\n viewPlanBtn.classList.add('disabled');\r\n }\r\n\r\n if (!document.querySelector('.topOutcomeWrap')) {\r\n DOM.ACTIONCENTER.appendChild(topFilterDateWrap);\r\n }\r\n\r\n var documentingForDiv = document.createElement('div');\r\n documentingForDiv.innerHTML = `
Documenting for: ${consumerName}
`;\r\n DOM.ACTIONCENTER.appendChild(documentingForDiv);\r\n\r\n var dayBackDateSpanWrap = document.createElement('div');\r\n dayBackDateSpanWrap.classList.add('dayBackDateSpanWrap');\r\n //Days back message\r\n var daysBackDiv = document.createElement('div');\r\n daysBackDiv.innerHTML = `You can document up to ${daysBack} days back
`;\r\n dayBackDateSpanWrap.appendChild(daysBackDiv);\r\n\r\n DOM.ACTIONCENTER.appendChild(dayBackDateSpanWrap);\r\n\r\n const filteredBy = updateCurrentFilterDisplay();\r\n DOM.ACTIONCENTER.appendChild(filteredBy);\r\n\r\n //Main section & tabs\r\n var outcomesTabs = buildCardContainer(selectedConsumer);\r\n DOM.ACTIONCENTER.appendChild(outcomesTabs);\r\n\r\n //Build and populate card overview\r\n const goalsResp = await outcomesAjax.getGoalsAsync(selectedConsumerId, currDate);\r\n loadOutcomesCards(goalsResp);\r\n }\r\n function loadOutcomesCards(results) {\r\n sortOutcomes(results);\r\n populateOutcomes(outcomesDataObj);\r\n }\r\n\r\n function sortOutcomesAlpha(outcomesData) {\r\n Object.keys(outcomesData).forEach(occur => {\r\n outcomesData[occur].sort((a, b) =>\r\n a.goal_type_description.toUpperCase() > b.goal_type_description.toUpperCase()\r\n ? 1\r\n : a.goal_type_description.toUpperCase() === b.goal_type_description.toUpperCase()\r\n ? a.Objective_Statement.toUpperCase() > b.Objective_Statement.toUpperCase()\r\n ? 1\r\n : -1\r\n : -1,\r\n );\r\n });\r\n return outcomesData;\r\n }\r\n\r\n function buildAllowedConsumersObj(userIdsWithGoals, userIdsWithRemainingGoals) {\r\n var remainingGoalsIds = {};\r\n userIdsWithGoals.forEach(user => {\r\n userIdsWithRemainingGoals.every(userReminingGoal => {\r\n if (user.id === userReminingGoal.ID) {\r\n remainingGoalsIds[user.id] = true;\r\n return false;\r\n } else {\r\n remainingGoalsIds[user.id] = false;\r\n return true;\r\n }\r\n });\r\n });\r\n\r\n var consumerIds = userIdsWithGoals.map(userId => {\r\n var showAlert = remainingGoalsIds[parseInt(userId.id)];\r\n return {\r\n consumer_id: userId.id,\r\n showAlertIcon: showAlert,\r\n };\r\n });\r\n allowedConsumerIds = consumerIds;\r\n\r\n roster2.setAllowedConsumers(consumerIds);\r\n if (initLoad) {\r\n roster2.miniRosterinit(null, {\r\n hideDate: true,\r\n });\r\n roster2.showMiniRoster({\r\n hideDate: true,\r\n });\r\n }\r\n }\r\n\r\n function getConsumersWithRemainingGoals() {\r\n var getUserIdPromise = new Promise(function (resolve, reject) {\r\n outcomesAjax.getUserIdsWithGoalsByDate(currDate, res => {\r\n userIdsWithGoals = res;\r\n resolve('success');\r\n });\r\n });\r\n var getRemainingDailyGoalsPromise = new Promise(function (resolve, reject) {\r\n outcomesAjax.getRemainingDailyGoals(currDate, res => {\r\n userIdsWithRemainingGoals = res;\r\n resolve('success');\r\n });\r\n });\r\n\r\n Promise.all([getUserIdPromise, getRemainingDailyGoalsPromise]).then(function () {\r\n buildAllowedConsumersObj(userIdsWithGoals, userIdsWithRemainingGoals);\r\n });\r\n }\r\n\r\n async function planViewPOPUP() {\r\n viewPlanPOPUP = POPUP.build({\r\n hideX: false, \r\n });\r\n\r\n planNow = button.build({\r\n text: 'READ AND ACKNOWLEDGE PLAN NOW',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'planNowBtn',\r\n callback: async () => {\r\n await savePlanNow(isViewedAvailableOSPlan);\r\n POPUP.hide(viewPlanPOPUP);\r\n },\r\n });\r\n\r\n planLater = button.build({\r\n text: 'READ AND ACKNOWLEDGE PLAN LATER',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n await savePlanLater();\r\n POPUP.hide(viewPlanPOPUP);\r\n },\r\n });\r\n\r\n planUpdate = button.build({\r\n text: 'UPDATE PLAN',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n planUpdatePOPUP();\r\n },\r\n });\r\n\r\n const message = document.createElement('p');\r\n planNow.style.width = '100%';\r\n planLater.style.width = '100%';\r\n planUpdate.style.width = '100%';\r\n message.innerText =\r\n \"A new ISP is available for viewing for this individual. You are required to acknowledge that you've read this plan before documenting for services. Would you like to read the plan now or later? \";\r\n message.style.textAlign = 'center';\r\n message.style.marginBottom = '15px';\r\n viewPlanPOPUP.appendChild(message);\r\n viewPlanPOPUP.appendChild(planNow);\r\n\r\n const result = await outcomesAjax.getPlanHistorybyConsumer(selectedConsumerId);\r\n const { getPlanHistorybyConsumerResult } = result;\r\n\r\n // if isPlanAvailable = TRUE -- then either history table doesnt have this attachment or history table has attachment and it hasn't been viewed \r\n if (getPlanHistorybyConsumerResult[0].isPlanAvailable == 'true' ) {\r\n viewPlanPOPUP.appendChild(planLater);\r\n if (getPlanHistorybyConsumerResult[0].isPlanLaterDisable == 'true') {\r\n planLater.classList.add('disabled'); \r\n\r\n } else {\r\n planLater.classList.remove('disabled');\r\n //viewPlanPOPUP.appendChild(planLater);\r\n }\r\n } else {\r\n\r\n }\r\n\r\n // if isViewedAvailableOSPlan = TRUE -- history table has attachment and it has been viewed\r\n if (getPlanHistorybyConsumerResult[0].isViewedAvailableOSPlan == 'true' ) {\r\n\r\n const planNowBtn = viewPlanPOPUP.getElementsByClassName('planNowBtn')[0];\r\n planNowBtn.innerHTML = 'READ CURRENT PLAN';\r\n isViewedAvailableOSPlan = 'true';\r\n message.style.display = 'none';\r\n const closePopupBtn = viewPlanPOPUP.getElementsByClassName('closePopupBtn')[0];\r\n closePopupBtn.style.display = 'inline';\r\n\r\n } else {\r\n\r\n isViewedAvailableOSPlan = 'false';\r\n }\r\n\r\n if ($.session.UpdatePlan) viewPlanPOPUP.appendChild(planUpdate);\r\n\r\n const resultCheckPlan = await outcomesAjax.isViewPlabBtnDisabled(selectedConsumerId);\r\n const { isViewPlabBtnDisabledResult } = resultCheckPlan;\r\n\r\n if (isViewPlabBtnDisabledResult[0].isPlanAvailable == 'false' && $.session.UpdatePlan) {\r\n message.style.display = 'none';\r\n planNow.style.display = 'none';\r\n planLater.style.display = 'none';\r\n // viewPlanPOPUP.closePopupBtn.display = 'none'\r\n const closePopupBtn = viewPlanPOPUP.getElementsByClassName('closePopupBtn')[0];\r\n closePopupBtn.style.display = 'inline';\r\n\r\n \r\n\r\n\r\n } else {\r\n const closePopupBtn = viewPlanPOPUP.getElementsByClassName('closePopupBtn')[0];\r\n closePopupBtn.style.display = 'none';\r\n\r\n if (getPlanHistorybyConsumerResult[0].isViewedAvailableOSPlan == 'true' ) {\r\n\r\n const planNowBtn = viewPlanPOPUP.getElementsByClassName('planNowBtn')[0];\r\n planNowBtn.innerHTML = 'READ CURRENT PLAN';\r\n isViewedAvailableOSPlan = 'true';\r\n message.style.display = 'none';\r\n const closePopupBtn = viewPlanPOPUP.getElementsByClassName('closePopupBtn')[0];\r\n closePopupBtn.style.display = 'inline';\r\n \r\n } else {\r\n \r\n const planNowBtn = viewPlanPOPUP.getElementsByClassName('planNowBtn')[0];\r\n planNowBtn.innerHTML = 'READ AND ACKNOWLEDGE PLAN NOW';\r\n isViewedAvailableOSPlan = 'false';\r\n }\r\n }\r\n POPUP.show(viewPlanPOPUP);\r\n }\r\n\r\n async function savePlanLater() {\r\n const saveData = {\r\n token: $.session.Token,\r\n consumerId: selectedConsumerId,\r\n };\r\n outcomesAjax.addOutcomePlanLater(saveData);\r\n }\r\n\r\n async function savePlanNow(isViewedAvailableOSPlan) {\r\n outcomesAjax.addOutcomePlanNow(selectedConsumerId, isViewedAvailableOSPlan);\r\n }\r\n\r\n function planUpdatePOPUP() {\r\n updatePlanPOPUP = POPUP.build({\r\n classNames: ['updatePlanPOPUP'],\r\n hideX: true,\r\n });\r\n\r\n //inputs\r\n newStartDate = input.build({\r\n id: 'newStartDate',\r\n type: 'date',\r\n label: 'Start Date',\r\n style: 'secondary',\r\n });\r\n\r\n newEndDate = input.build({\r\n id: 'newEndDate',\r\n type: 'date',\r\n label: 'End Date',\r\n style: 'secondary',\r\n });\r\n\r\n APPLY_BTN = button.build({\r\n text: 'SAVE',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n\r\n CANCEL_BTN = button.build({\r\n text: 'CANCEL',\r\n style: 'secondary',\r\n type: 'outlined',\r\n });\r\n\r\n var popupDateWrap = document.createElement('div');\r\n popupDateWrap.classList.add('btnWrap');\r\n newStartDate.style.width = '49%';\r\n newEndDate.style.width = '49%';\r\n popupDateWrap.appendChild(newStartDate);\r\n popupDateWrap.appendChild(newEndDate);\r\n updatePlanPOPUP.appendChild(popupDateWrap);\r\n\r\n const newAttachmentList = document.createElement('div');\r\n newAttachmentList.classList.add('newAttachmentList');\r\n const newAttachmentsHeader = document.createElement('h5');\r\n newAttachmentsHeader.innerText = 'Attachments to be added:';\r\n newAttachmentList.appendChild(newAttachmentsHeader);\r\n updatePlanPOPUP.appendChild(newAttachmentList);\r\n\r\n attachmentInput = document.createElement('input');\r\n attachmentInput.type = 'file';\r\n attachmentInput.classList.add('input-field__input', 'attachmentInput');\r\n attachmentInput.addEventListener('change', evt => fileValidation(evt.target));\r\n attachmentInput.style.marginBottom = '15px';\r\n updatePlanPOPUP.appendChild(attachmentInput);\r\n\r\n var popupbtnWrap = document.createElement('div');\r\n popupbtnWrap.classList.add('btnWrap');\r\n popupbtnWrap.appendChild(APPLY_BTN);\r\n popupbtnWrap.appendChild(CANCEL_BTN);\r\n updatePlanPOPUP.appendChild(popupbtnWrap);\r\n\r\n POPUP.hide(viewPlanPOPUP);\r\n POPUP.show(updatePlanPOPUP);\r\n PopupEventListeners();\r\n checkRequiredFieldsOfPopup();\r\n }\r\n\r\n // checks file is a valid type\r\n function fileValidation(target) {\r\n const fileType = target.files[0].type;\r\n const reFileTypeTest = new RegExp('(audio/)|(video/)');\r\n if (reFileTypeTest.test(fileType)) {\r\n alert('Anywhere currently does not accept audio or video files');\r\n target.value = '';\r\n return false;\r\n }\r\n checkRequiredFieldsOfPopup();\r\n }\r\n\r\n function PopupEventListeners() {\r\n newStartDate.addEventListener('input', event => {\r\n startDate = event.target.value;\r\n checkRequiredFieldsOfPopup();\r\n });\r\n newEndDate.addEventListener('input', event => {\r\n endDate = event.target.value;\r\n checkRequiredFieldsOfPopup();\r\n });\r\n\r\n APPLY_BTN.addEventListener('click', async () => {\r\n if (!APPLY_BTN.classList.contains('disabled')) {\r\n // ADD ATTACHMENTS\r\n const attachmentInputs = document.querySelectorAll('.attachmentInput');\r\n if (attachmentInputs.length === 0) {\r\n console.log('no attachments to add');\r\n return;\r\n }\r\n\r\n let attachmentProms = [];\r\n let attachmentArray = [];\r\n attachmentInputs.forEach(inputElement => {\r\n if (inputElement.value === '') {\r\n return;\r\n }\r\n const attPromise = new Promise(resolve => {\r\n const attachmentObj = {};\r\n const attachmentFile = inputElement.files.item(0);\r\n const attachmentName = attachmentFile.name;\r\n const attachmentType = attachmentFile.name.split('.').pop();\r\n attachmentObj.description = attachmentName;\r\n attachmentObj.type = attachmentType;\r\n // new Response(file) was added for Safari compatibility\r\n new Response(attachmentFile).arrayBuffer().then(res => {\r\n attachmentObj.arrayBuffer = res;\r\n attachmentArray.push(attachmentObj);\r\n resolve();\r\n });\r\n });\r\n\r\n attachmentProms.push(attPromise);\r\n });\r\n\r\n await Promise.all(attachmentProms);\r\n await saveAttachmentsToDB(attachmentArray);\r\n\r\n POPUP.hide(updatePlanPOPUP);\r\n POPUP.hide(viewPlanPOPUP);\r\n }\r\n });\r\n\r\n CANCEL_BTN.addEventListener('click', () => {\r\n POPUP.hide(updatePlanPOPUP);\r\n POPUP.show(viewPlanPOPUP);\r\n });\r\n }\r\n\r\n async function saveAttachmentsToDB(attachmentArray) {\r\n if (attachmentArray.length === 0) return;\r\n attachmentArray.forEach(attachment => {\r\n const saveProm = new Promise(resolve => {\r\n const saveData = {\r\n token: $.session.Token,\r\n userId: $.session.UserId,\r\n consumerId: selectedConsumerId,\r\n attachmentType: attachment.description,\r\n attachment: attachment.arrayBuffer,\r\n startDate: startDate,\r\n endDate: endDate,\r\n };\r\n outcomesAjax.addOutcomePlan(saveData);\r\n });\r\n });\r\n }\r\n\r\n function checkRequiredFieldsOfPopup() {\r\n var startDate = newStartDate.querySelector('#newStartDate');\r\n var endDate = newEndDate.querySelector('#newEndDate');\r\n const attachmentInputs = document.querySelectorAll('.attachmentInput');\r\n\r\n if (attachmentInputs[0].value == '') {\r\n attachmentInput.classList.add('errorPopup');\r\n } else {\r\n attachmentInput.classList.remove('errorPopup');\r\n }\r\n if (startDate.value === '') {\r\n newStartDate.classList.add('errorPopup');\r\n } else {\r\n newStartDate.classList.remove('errorPopup');\r\n }\r\n\r\n if (endDate.value === '' || (startDate.value != '' && startDate.value > endDate.value)) {\r\n newEndDate.classList.add('errorPopup');\r\n } else {\r\n newEndDate.classList.remove('errorPopup');\r\n } \r\n setBtnStatusOfPopup();\r\n }\r\n\r\n function setBtnStatusOfPopup() {\r\n var hasErrors = [].slice.call(document.querySelectorAll('.errorPopup'));\r\n if (hasErrors.length !== 0) {\r\n APPLY_BTN.classList.add('disabled');\r\n return;\r\n } else {\r\n APPLY_BTN.classList.remove('disabled');\r\n }\r\n }\r\n\r\n function loadLandingPage() {\r\n DOM.scrollToTopOfPage();\r\n DOM.clearActionCenter();\r\n PROGRESS.SPINNER.show('Loading Outcomes...');\r\n\r\n OUTCOMES_SECTION = document.createElement('div');\r\n OUTCOMES_SECTION.classList.add('outcomes');\r\n\r\n DOM.ACTIONCENTER.appendChild(OUTCOMES_SECTION);\r\n\r\n currDate = UTIL.getTodaysDate();\r\n outcomesAjax.getViewableGoalIdsByPermission(getConsumersWithRemainingGoals);\r\n }\r\n\r\n function init() {\r\n initLoad = true;\r\n loadLandingPage();\r\n }\r\n\r\n return {\r\n handleActionNavEvent,\r\n dashHandler,\r\n init,\r\n backToOutcomeLoad,\r\n getAllowedConsumerIds,\r\n getDropdownValues,\r\n getDataForOverview,\r\n };\r\n})();\r\n","const outcomesAjax = (function () {\r\n function deleteGoal(activityId, consumerId, goalDate, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/deleteGoal/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"activityId\":\"' + activityId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n callback();\r\n },\r\n error: function (xhr, status, error) {},\r\n });\r\n }\r\n function getGoals(consumerId, goalDate, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getGoalsByDateNew/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"consumerId\":\"' + consumerId + '\", \"goalDate\":\"' + goalDate + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getGoalsByDateNewResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n async function getGoalsAsync(consumerId, goalDate) {\r\n const retrieveData = {\r\n consumerId,\r\n goalDate,\r\n token: $.session.Token,\r\n };\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getGoalsByDateNew/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.getGoalsByDateNewResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n function getGoalSpecificLocationInfo(activityId, goalId, objId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getGoalSpecificLocationInfoJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"activityId\":\"' + activityId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getGoalSpecificLocationInfoJSONResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getIdsWithGoals(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getUserIdsWithGoalsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getUserIdsWithGoalsJSONResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getUserIdsWithGoalsByDate(goalsCheckDate, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getUserIdsWithGoalsByDateJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"goalsCheckDate\":\"' + goalsCheckDate + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getUserIdsWithGoalsByDateJSONResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getDaysBackForEditingGoalsAndUseConsumerLocation(consumerId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getDaysBackForEditingGoalsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"consumerId\":\"' + consumerId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getDaysBackForEditingGoalsJSONResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getViewableGoalIdsByPermission(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getViewableGoalIdsByPermissionJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getViewableGoalIdsByPermissionJSONResult;\r\n res.forEach(function ashLikesThisLoop(element, i) {\r\n $.session.viewableGoalTypeIds.push(element.ID);\r\n });\r\n callback();\r\n },\r\n });\r\n }\r\n function getRemainingDailyGoals(checkDate, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getRemainingDailyGoalsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"checkDate\":\"' + checkDate + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getRemainingDailyGoalsJSONResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getGoalsCommunityIntegrationLevelDropdown(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getGoalsCommunityIntegrationLevelJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getGoalsCommunityIntegrationLevelJSONResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n //Get whether or not community integration is required.\r\n function getGoalsCommunityIntegrationRequired(callback) {\r\n //Brad\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getGoalsCommunityIntegrationRequiredJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var results = ''; //JSON.parse(response.getGoalsCommunityIntegrationRequiredResult);\r\n var res = response.getGoalsCommunityIntegrationRequiredJSONResult;\r\n\r\n if (res.length) {\r\n if (res[0].Setting_Value == 'Y') {\r\n $.session.communityIntegrityRequired = true;\r\n } else {\r\n $.session.communityIntegrityRequired = false;\r\n }\r\n } else {\r\n $.session.communityIntegrityRequired = 'n/a';\r\n }\r\n\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getOutcomeTypeForFilter(data, callback) {\r\n // data = {consumerId, selectedDate, token}\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getOutcomeTypeForFilterJSON/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var results = response.getOutcomeTypeForFilterJSONResult;\r\n callback(results);\r\n },\r\n });\r\n }\r\n //function getConsumerTableConsumerLocation(consumerId) {\r\n //\tdata = {\r\n //\t\ttoken: $.session.Token,\r\n //\t\tconsumerId: consumerId,\r\n //\t};\r\n //\t$.ajax({\r\n //\t\ttype: 'POST',\r\n //\t\turl: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getConsumerTableConsumerLocation/',\r\n //\t\tdata: JSON.stringify(data),\r\n //\t\tcontentType: 'application/json; charset=utf-8',\r\n //\t\tdataType: 'json',\r\n //\t\tsuccess: function(response, status, xhr) {\r\n //\t\t\tdata = response.getConsumerTableConsumerLocationResult;\r\n //\t\t\t$.session.consumerTableConsumerLocationId = data[0].locationId;\r\n //\t\t\t$.session.consumerTableConsumerLocationName = data[0].description;\r\n //\t\t},\r\n //\t\terror: function(xhr, status, error) {\r\n //\t\t\talert('Error\\n-----\\n' + xhr.status + '\\n' + xhr.responseText);\r\n //\t\t},\r\n //\t});\r\n //}\r\n function saveGoals(data, callback) {\r\n data = {\r\n token: $.session.Token,\r\n objectiveId: data.objectiveId,\r\n activityId: data.activityId,\r\n date: data.objdate,\r\n success: data.success,\r\n goalnote: data.goalnote,\r\n promptType: data.promptType,\r\n promptNumber: data.promptNumber,\r\n locationId: data.locationId,\r\n locationSecondaryId: data.locationSecondaryId,\r\n goalStartTime: data.goalStartTime,\r\n goalEndTime: data.goalEndTime,\r\n goalCILevel: data.goalCILevel,\r\n };\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/saveGoal/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n\r\n if (!response.saveGoalResult.match('Error')) {\r\n callback(res);\r\n } else {\r\n alert('Outcome could not be saved. Please verify your start time, end time, and all other data.');\r\n }\r\n },\r\n });\r\n }\r\n function getObjectiveActivity(objectiveActivityId, callback) {\r\n data = {\r\n objectiveActivityId: objectiveActivityId,\r\n };\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getObjectiveActivity/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getObjectiveActivityResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getOutcomesPrompts(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getOutcomesPrompts/',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getOutcomesPromptsResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getOutcomesSuccessTypes(goalTypeId, callback) {\r\n data = {\r\n goalTypeId,\r\n };\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getOutcomesSuccessTypes/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getOutcomesSuccessTypesResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getOutcomesPrimaryAndSecondaryLocations(consumerId, goalDate, callback) {\r\n data = {\r\n consumerId,\r\n goalDate,\r\n };\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getOutcomesPrimaryAndSecondaryLocations/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getOutcomesPrimaryAndSecondaryLocationsResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getSuccessSymbols(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSuccessSymbolLookup/',\r\n // data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getSuccessSymbolLookupResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n\r\n async function getOutcomeServicsPageData(retrieveData) {\r\n // token\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getOutcomeServicsPageData/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.getOutcomeServicsPageDataResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n async function getOutcomeTypeDropDownAsync(selectedConsumer, effectiveDateStart) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getOutcomeTypeDropDown/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n consumerId: selectedConsumer.id,\r\n effectiveDateStart,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getOutcomeServiceDropDownAsync(selectedConsumerId, startDate) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getOutcomeServiceDropDown/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n consumerId: selectedConsumerId,\r\n effectiveDateStart: startDate,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getGoalEntriesByIdAsync(goalId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getGoalEntriesById/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"goalId\":\"' + goalId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getObjectiveEntriesByIdAsync(objectiveId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getObjectiveEntriesById/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"objectiveId\":\"' + objectiveId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getServiceFrequencyTypeDropDownAsync(Type) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getServiceFrequencyTypeDropDown/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n type: Type,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function insertOutcomeInfoAsync(\r\n startDate,\r\n endDate,\r\n outcomeType,\r\n outcomeStatement,\r\n userID,\r\n goalId,\r\n consumerId,\r\n location,\r\n ) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertOutcomeInfo/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n startDate: startDate,\r\n endDate: endDate,\r\n outcomeType: outcomeType,\r\n outcomeStatement: outcomeStatement,\r\n userID: userID,\r\n goalId: goalId,\r\n consumerId: consumerId,\r\n location: location,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function insertOutcomeServiceInfoAsync(\r\n startDate,\r\n endDate,\r\n outcomeType,\r\n servicesStatement,\r\n ServiceType,\r\n method,\r\n success,\r\n frequencyModifier,\r\n frequency,\r\n frequencyPeriod,\r\n userID,\r\n objectiveId,\r\n consumerId,\r\n location,\r\n duration,\r\n ) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertOutcomeServiceInfo/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n startDate: startDate,\r\n endDate: endDate,\r\n outcomeType: outcomeType,\r\n servicesStatement: servicesStatement,\r\n ServiceType: ServiceType,\r\n method: method,\r\n success: success,\r\n frequencyModifier: frequencyModifier,\r\n frequency: frequency,\r\n frequencyPeriod: frequencyPeriod,\r\n userID: userID,\r\n objectiveId: objectiveId,\r\n consumerId: consumerId,\r\n location: location,\r\n duration: duration,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getLocationDropDownAsync() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getLocationDropDown/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n // Review\r\n async function getReviewTableData(retrieveData) {\r\n //consumerId, objectiveDate\r\n //4365, '2024/07/01'\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getOutcomesReviewGrid/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n ...retrieveData,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return result.getOutcomesReviewGridResult;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n async function getReviewTableDataSecondary(retrieveData) {\r\n //consumerId, startDate, endDate, objectiveIdList\r\n //4365, '2024/07/01', '2024/10/01',\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getOutcomesReviewGridSecondary/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n ...retrieveData,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return result.getOutcomesReviewGridSecondaryResult;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n async function getAllGoalTypes() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getAllGoalTypes/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return result.getAllGoalTypesResult;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n async function addReviewNote(data) {\r\n // @token\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateReviewNote/',\r\n data: JSON.stringify({token: $.session.Token, ...data}),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return result.updateReviewNoteResult;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n //\r\n\r\n async function addOutcomePlan(retrieveData) {\r\n try {\r\n var binary = '';\r\n var bytes = new Uint8Array(retrieveData.attachment);\r\n var len = bytes.byteLength;\r\n for (var i = 0; i < len; i++) {\r\n binary += String.fromCharCode(bytes[i]);\r\n }\r\n let abString = window.btoa(binary);\r\n retrieveData.attachment = abString;\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/addOutcomePlan/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.addOutcomePlanResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n async function getPlanHistorybyConsumer(selectedConsumerId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getPlanHistorybyConsumer/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"consumerId\":\"' + selectedConsumerId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getPlanbyConsumerHistory(selectedConsumerId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getPlanbyConsumerHistory/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"consumerId\":\"' + selectedConsumerId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function addOutcomePlanLater(retrieveData) {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/addOutcomePlanLater/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.addOutcomePlanLaterResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n function addOutcomePlanNow(selectedConsumerId, isViewedAvailableOSPlan) {\r\n data = {\r\n token: $.session.Token,\r\n consumerId: selectedConsumerId,\r\n isViewedAvailableOSPlan: isViewedAvailableOSPlan,\r\n };\r\n var action = `${$.webServer.protocol}://${$.webServer.address}:${$.webServer.port}/${$.webServer.serviceName}/addOutcomePlanNow/`;\r\n var successFunction = function (resp) {\r\n var res = JSON.stringify(response);\r\n };\r\n\r\n var form = document.createElement('form');\r\n form.setAttribute('action', action);\r\n form.setAttribute('method', 'POST');\r\n form.setAttribute('target', '_blank');\r\n form.setAttribute('enctype', 'application/json');\r\n form.setAttribute('success', successFunction);\r\n var tokenInput = document.createElement('input');\r\n tokenInput.setAttribute('name', 'token');\r\n tokenInput.setAttribute('value', $.session.Token);\r\n tokenInput.id = 'token';\r\n var attachmentInput = document.createElement('input');\r\n attachmentInput.setAttribute('name', 'consumerId');\r\n attachmentInput.setAttribute('value', selectedConsumerId);\r\n attachmentInput.id = 'consumerId';\r\n var isViewedAvailableOSPlanInput = document.createElement('input');\r\n isViewedAvailableOSPlanInput.setAttribute('name', 'isViewedAvailableOSPlan');\r\n isViewedAvailableOSPlanInput.setAttribute('value', isViewedAvailableOSPlan);\r\n isViewedAvailableOSPlanInput.id = 'isViewedAvailableOSPlan';\r\n\r\n form.appendChild(tokenInput);\r\n form.appendChild(attachmentInput);\r\n form.appendChild(isViewedAvailableOSPlanInput);\r\n form.style.position = 'absolute';\r\n form.style.opacity = '0';\r\n document.body.appendChild(form);\r\n\r\n form.submit();\r\n form.remove();\r\n }\r\n\r\n async function isNewBtnDisabledByPlanHistory(selectedConsumerId, goalTypeID, ObjectiveID) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/isNewBtnDisabledByPlanHistory/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"consumerId\":\"' +\r\n selectedConsumerId +\r\n '\", \"goalTypeID\":\"' +\r\n goalTypeID +\r\n '\", \"ObjectiveID\":\"' +\r\n ObjectiveID +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function isViewPlabBtnDisabled(selectedConsumerId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/isViewPlabBtnDisabled/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"consumerId\":\"' + selectedConsumerId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n return {\r\n deleteGoal,\r\n getGoals,\r\n getGoalsAsync,\r\n getGoalSpecificLocationInfo,\r\n getIdsWithGoals,\r\n getUserIdsWithGoalsByDate,\r\n getDaysBackForEditingGoalsAndUseConsumerLocation,\r\n getViewableGoalIdsByPermission,\r\n getRemainingDailyGoals,\r\n getGoalsCommunityIntegrationLevelDropdown,\r\n getGoalsCommunityIntegrationRequired,\r\n getOutcomeTypeForFilter,\r\n // getConsumerTableConsumerLocation,\r\n saveGoals,\r\n getObjectiveActivity,\r\n getOutcomesPrompts,\r\n getOutcomesSuccessTypes,\r\n getOutcomesPrimaryAndSecondaryLocations,\r\n getSuccessSymbols,\r\n getOutcomeServicsPageData,\r\n getOutcomeTypeDropDownAsync,\r\n getGoalEntriesByIdAsync,\r\n getObjectiveEntriesByIdAsync,\r\n getOutcomeServiceDropDownAsync,\r\n getServiceFrequencyTypeDropDownAsync,\r\n insertOutcomeInfoAsync,\r\n insertOutcomeServiceInfoAsync,\r\n getLocationDropDownAsync,\r\n // Review\r\n getReviewTableData,\r\n getReviewTableDataSecondary,\r\n getAllGoalTypes,\r\n addReviewNote,\r\n //\r\n addOutcomePlan,\r\n getPlanHistorybyConsumer,\r\n addOutcomePlanLater,\r\n addOutcomePlanNow,\r\n isNewBtnDisabledByPlanHistory,\r\n isViewPlabBtnDisabled,\r\n getPlanbyConsumerHistory,\r\n };\r\n})();\r\n","const outcomesReview = (function () {\r\n // Data\r\n let selectedConsumerId;\r\n let selectedConsumerCard;\r\n let selectedDate;\r\n let outcomesData;\r\n let outcomesDataRaw;\r\n let outcomesDataSecondaryRaw;\r\n let exclamationIds;\r\n let exclamationSecondaryIds;\r\n let exclamationDateMap;\r\n let timesDocByDate;\r\n let dropdownData;\r\n let activityRes;\r\n let locations;\r\n let successTypes;\r\n let goalTypes;\r\n let tabSections;\r\n let activeTab;\r\n // Filter\r\n let filterBtn;\r\n let servBtnWrap;\r\n let serviceBtn;\r\n let serviceCloseBtn;\r\n let typeBtnWrap;\r\n let outcomeTypeBtn;\r\n let outcomeTypeCloseBtn;\r\n let serviceFilterVal;\r\n let outcomeTypeFilterVal;\r\n // Date span/days back filter\r\n let selectedDateSpan = { to: null, from: null };\r\n let unitType;\r\n let spanLength;\r\n let daysBackInput;\r\n let toDateInput;\r\n let fromDateInput;\r\n let isDaysBackFilter = true;\r\n // DOM\r\n let outcomesReviewDiv;\r\n let outcomeTabs;\r\n let detailsPopup;\r\n let reviewNotePopup;\r\n // Constants\r\n const NO_FREQ_SPAN = 7;\r\n const HOUR_SPAN = 24;\r\n const DAY_SPAN = 2;\r\n const WEEK_SPAN = 1;\r\n const MONTH_SPAN = 2;\r\n const YEAR_SPAN = 2;\r\n const NO_FREQ = 'no frequency';\r\n const HOUR = 'hourly';\r\n const DAY = 'daily';\r\n const WEEK = 'weekly';\r\n const MONTH = 'monthly';\r\n const YEAR = 'yearly';\r\n const FREQ_MAP = {\r\n 'no frequency': 'NF',\r\n hourly: 'H',\r\n daily: 'D',\r\n weekly: 'W',\r\n monthly: 'M',\r\n yearly: 'Y',\r\n };\r\n const MONTHS = {\r\n '01': 'January',\r\n '02': 'February',\r\n '03': 'March',\r\n '04': 'April',\r\n '05': 'May',\r\n '06': 'June',\r\n '07': 'July',\r\n '08': 'August',\r\n '09': 'September',\r\n 10: 'October',\r\n 11: 'November',\r\n 12: 'December',\r\n };\r\n const FREQUENCY = {\r\n OBJFMAL: 'At least',\r\n OBJFMAN: 'As needed',\r\n OBJFMAR: 'As Requested',\r\n OBJFMEX: 'Exactly',\r\n OBJFMNM: 'No more than',\r\n };\r\n const RECURRANCE = {\r\n D: 'per day',\r\n Y: 'per year',\r\n W: 'per week',\r\n M: 'per month',\r\n H: 'per hour',\r\n };\r\n\r\n function buildConsumerCard() {\r\n selectedConsumerCard.classList.remove('highlighted');\r\n\r\n const wrap = document.createElement('div');\r\n wrap.classList.add('planConsumerCard');\r\n\r\n wrap.appendChild(selectedConsumerCard);\r\n\r\n return wrap;\r\n }\r\n\r\n // Mini Roster\r\n //----------------------------------------------------\r\n async function handleActionNavEvent(target) {\r\n if (target.dataset.actionNav === 'miniRosterCancel') {\r\n DOM.toggleNavLayout();\r\n }\r\n\r\n if (target.dataset.actionNav === 'miniRosterDone') {\r\n DOM.toggleNavLayout();\r\n\r\n roster2.removeConsumerFromActiveConsumers(selectedConsumerId);\r\n\r\n const activeConsumers = roster2.getActiveConsumers();\r\n selectedConsumerId = activeConsumers[0].id;\r\n selectedConsumerCard = activeConsumers[0].card;\r\n\r\n await getReviewTableData();\r\n await getReviewTableDataSecondary();\r\n\r\n // replace consumer header\r\n const newConsumerCardHeader = buildConsumerCard();\r\n outcomesReviewDiv.replaceChild(newConsumerCardHeader, consumerCardHeader);\r\n consumerCardHeader = newConsumerCardHeader;\r\n // rebuild & populate tabs/tables\r\n const newOutcomeTabs = buildTabs();\r\n outcomesReviewDiv.replaceChild(newOutcomeTabs, outcomeTabs);\r\n outcomeTabs = newOutcomeTabs;\r\n\r\n populateTabSections();\r\n\r\n // data that is based off consumerID\r\n outcomesAjax.getDaysBackForEditingGoalsAndUseConsumerLocation(selectedConsumerId, res => {\r\n defaultPrimaryLocation = results[0].consumer_location;\r\n });\r\n outcomesAjax.getOutcomesPrimaryAndSecondaryLocations(\r\n selectedConsumerId,\r\n dates.formateToISO(selectedDate),\r\n results => sortLocations(results),\r\n );\r\n }\r\n }\r\n\r\n // Detail View Popup\r\n //----------------------------------------------------\r\n function showAddReviewNotePopup({ date, result, attempts, prompts, employeeId, activityId }) {\r\n const saveData = {\r\n objectiveActivityId: activityId,\r\n reviewNote: '',\r\n consumerId: selectedConsumerId,\r\n objectiveActivityDate: date.split(' ')[0],\r\n notifyEmployee: 'N',\r\n };\r\n\r\n reviewNotePopup = POPUP.build({\r\n id: 'reviewNotePopup',\r\n hideX: true,\r\n });\r\n\r\n const header = _DOM.createElement('div', { class: ['reviewNoteHeader'] });\r\n header.innerHTML = `Service Review Note - ${selectedConsumerName}
`;\r\n const topInfo = _DOM.createElement('div', { class: ['reviewNoteInfo'] });\r\n topInfo.innerHTML = `\r\nDate: ${date}
\r\nResult: ${result}
\r\nAttempts: ${attempts}
\r\nPrompts: ${prompts}
\r\n `;\r\n\r\n const noteInput = input.build({\r\n label: 'Review Note',\r\n style: 'secondary',\r\n type: 'textarea',\r\n callback: e => {\r\n saveData.reviewNote = e.target.value;\r\n },\r\n });\r\n const notifyEmployeeCheckbox = input.buildCheckbox({\r\n text: 'Notify Employee via System Message',\r\n callback: e => {\r\n saveData.notifyEmployee = e.target.checked ? 'Y' : 'N';\r\n },\r\n });\r\n const savebtn = button.build({\r\n text: 'Save',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n await outcomesAjax.addReviewNote({\r\n token: $.session.Token,\r\n ...saveData,\r\n });\r\n\r\n POPUP.hide(reviewNotePopup);\r\n POPUP.show(detailsPopup);\r\n },\r\n });\r\n const cancelbtn = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n POPUP.hide(reviewNotePopup);\r\n POPUP.show(detailsPopup);\r\n },\r\n });\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(savebtn);\r\n btnWrap.appendChild(cancelbtn);\r\n\r\n reviewNotePopup.appendChild(header);\r\n reviewNotePopup.appendChild(topInfo);\r\n reviewNotePopup.appendChild(noteInput);\r\n reviewNotePopup.appendChild(notifyEmployeeCheckbox);\r\n reviewNotePopup.appendChild(btnWrap);\r\n\r\n POPUP.show(reviewNotePopup);\r\n }\r\n function sortLocations(results) {\r\n locations = {};\r\n\r\n results.forEach(res => {\r\n if (!locations[res.type]) {\r\n locations[res.type] = [];\r\n }\r\n\r\n locations[res.type].push(res);\r\n });\r\n locations['Primary'].sort(function (a, b) {\r\n if (a.description < b.description) {\r\n return -1;\r\n }\r\n if (a.description > b.description) {\r\n return 1;\r\n }\r\n return 0;\r\n });\r\n\r\n if (locations.Secondary) {\r\n locations['Secondary'].sort(function (a, b) {\r\n if (a.description < b.description) {\r\n return -1;\r\n }\r\n if (a.description > b.description) {\r\n return 1;\r\n }\r\n return 0;\r\n });\r\n }\r\n }\r\n // Popup\r\n function buildPrimaryLocationDropdown(locId) {\r\n const select = dropdown.build({\r\n label: 'Primary Location',\r\n style: 'secondary',\r\n });\r\n\r\n const data = locations.Primary.map(pl => {\r\n return {\r\n value: pl.Location_ID,\r\n text: pl.description,\r\n };\r\n });\r\n\r\n dropdown.populate(select, data, locId);\r\n\r\n return select;\r\n }\r\n function buildSecondaryLocationDropdown(secLocId) {\r\n const select = dropdown.build({\r\n label: 'Secondary Location',\r\n style: 'secondary',\r\n });\r\n\r\n if (!locations.Secondary || locations.Secondary.legnth < 1) return select;\r\n\r\n const data = locations.Secondary.filter(sloc => {\r\n return sloc.primaryLocId === secLocId ? true : false;\r\n }).map(sl => {\r\n return {\r\n value: sl.Location_ID,\r\n text: sl.description,\r\n attributes: [{ key: 'data-primary-loc-id', value: sl.primaryLocId }],\r\n };\r\n });\r\n data.unshift({\r\n value: '',\r\n text: '',\r\n });\r\n\r\n dropdown.populate(select, data, secLocId);\r\n\r\n return select;\r\n }\r\n function buildResultsDropdown(result = '') {\r\n const select = dropdown.build({\r\n label: 'Results',\r\n style: 'secondary',\r\n });\r\n\r\n const data = Object.values(successTypes).map(r => {\r\n return {\r\n value: r.Objective_Success_Description,\r\n text: `${r.Objective_Success} ${r.Objective_Success_Description}`,\r\n attributes: [{ key: 'data-success', value: r.Objective_Success }],\r\n };\r\n });\r\n data.unshift({\r\n value: '',\r\n text: '',\r\n });\r\n\r\n const successType = result || data[0].value;\r\n successDetails = successTypes[successType];\r\n\r\n dropdown.populate(select, data, result);\r\n\r\n return select;\r\n }\r\n function buildPromptsDropdown(code = '') {\r\n const select = dropdown.build({\r\n label: 'Prompts',\r\n style: 'secondary',\r\n });\r\n\r\n const data = dropdownData.prompts.map(op => {\r\n return {\r\n value: op.Code,\r\n text: `${op.Code} ${op.Caption}`,\r\n };\r\n });\r\n data.unshift({\r\n value: '',\r\n text: '',\r\n });\r\n\r\n dropdown.populate(select, data, code);\r\n\r\n return select;\r\n }\r\n function buildAttemptsDropdown(attempt = '') {\r\n const select = dropdown.build({\r\n label: 'Attempts',\r\n style: 'secondary',\r\n });\r\n\r\n const data = [\r\n { value: '', text: '' },\r\n // { value: '', text: 'Ø' },\r\n // { value: '0', text: '0' },\r\n { value: '1', text: '1' },\r\n { value: '2', text: '2' },\r\n { value: '3', text: '3' },\r\n { value: '4', text: '4' },\r\n { value: '5', text: '5' },\r\n { value: '6', text: '6' },\r\n { value: '7', text: '7' },\r\n { value: '8', text: '8' },\r\n { value: '9', text: '9' },\r\n ];\r\n\r\n dropdown.populate(select, data, attempt);\r\n\r\n return select;\r\n }\r\n function buildCommunityIntegrationDropdown(ciLevel = '') {\r\n const select = dropdown.build({\r\n label: 'Community Integration',\r\n style: 'secondary',\r\n });\r\n\r\n const data = dropdownData.ci.map(ci => {\r\n return {\r\n value: ci.code,\r\n text: `${ci.code} ${ci.captionname}`,\r\n };\r\n });\r\n var defaultVal = {\r\n value: '',\r\n text: '',\r\n };\r\n data.unshift(defaultVal);\r\n\r\n dropdown.populate(select, data, ciLevel);\r\n\r\n return select;\r\n }\r\n function buildTimeInputs(startTime, endTime) {\r\n const start = input.build({\r\n label: 'Start Time',\r\n style: 'secondary',\r\n type: 'time',\r\n value: startTime,\r\n });\r\n const end = input.build({\r\n label: 'End Time',\r\n style: 'secondary',\r\n type: 'time',\r\n value: endTime,\r\n });\r\n\r\n const timeWrap = document.createElement('div');\r\n timeWrap.appendChild(start);\r\n timeWrap.appendChild(end);\r\n\r\n return { timeWrap, start, end };\r\n }\r\n function buildNoteInput(note) {\r\n const noteInput = input.build({\r\n label: 'Note',\r\n style: 'secondary',\r\n type: 'textarea',\r\n value: note,\r\n });\r\n\r\n return noteInput;\r\n }\r\n function buildReviewNoteInput(note) {\r\n const noteInput = input.build({\r\n label: 'Review Note',\r\n style: 'secondary',\r\n type: 'textarea',\r\n value: note,\r\n });\r\n\r\n return noteInput;\r\n }\r\n function buildNotifyCheckbox() {\r\n const notifyEmployeeCheckbox = input.buildCheckbox({\r\n text: 'Notify Employee via System Message',\r\n });\r\n\r\n return notifyEmployeeCheckbox;\r\n }\r\n function buildSaveButton(isEdit) {\r\n const text = isEdit ? 'Update' : 'Save';\r\n const btn = button.build({\r\n text,\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n\r\n return btn;\r\n }\r\n function buildDeleteButton() {\r\n const btn = button.build({\r\n text: 'Delete',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n\r\n return btn;\r\n }\r\n function buildAddNoteButton() {\r\n const btn = button.build({\r\n text: 'Add Review Note',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n\r\n return btn;\r\n }\r\n function buildCardEnteredByDetails(enteredBy, lastUpdatedDateDirty) {\r\n let lastEditedTime = lastUpdatedDateDirty.split(' ')[1];\r\n const lastEditHH = lastEditedTime.split(':')[0];\r\n const lastEditMM = UTIL.leadingZero(lastEditedTime.split(':')[1]);\r\n lastEditedTime = `${lastEditHH}:${lastEditMM} ${lastUpdatedDateDirty.split(' ')[2]}`;\r\n const lastEditedDate = lastUpdatedDateDirty.split(' ')[0];\r\n const lastEdited = `${lastEditedDate} ${lastEditedTime}`;\r\n\r\n const txtArea = document.createElement('p');\r\n txtArea.classList.add('enteredByDetail');\r\n txtArea.innerHTML = `Entered By: ${enteredBy}Last Updated: ${lastEdited}`;\r\n\r\n return txtArea;\r\n }\r\n function showDetailViewPopup(editData, outcomeData) {\r\n detailsPopup = POPUP.build({});\r\n const tmpData = {\r\n notifyEmployee: 'N',\r\n reviewNote: outcomeData.reviewNote || ''\r\n };\r\n\r\n if (editData) {\r\n locationID = editData.Location_ID || '';\r\n tmpData.primaryLoc = editData.Location_ID || '';\r\n tmpData.secLoc = editData.Locations_Secondary_ID || '';\r\n tmpData.success = editData.Objective_Success || '';\r\n tmpData.prompt = editData.Prompt_Type || '';\r\n tmpData.attempt = editData.Prompt_Number || '';\r\n tmpData.ci = editData.community_integration_level || '';\r\n tmpData.startTime = editData.start_time || '';\r\n tmpData.endTime = editData.end_time || '';\r\n tmpData.note = editData.Objective_Activity_Note || '';\r\n }\r\n\r\n const primaryLocationDropdown = buildPrimaryLocationDropdown(editData.Location_ID);\r\n const secondaryLocationDropdown = buildSecondaryLocationDropdown(editData.Locations_Secondary_ID);\r\n const resultsDropdown = buildResultsDropdown(editData.objective_success_description);\r\n const promptsDropdown = buildPromptsDropdown(editData.Prompt_Type);\r\n const attemptsDropdown = buildAttemptsDropdown(editData.Prompt_Number);\r\n const cIDropdown = buildCommunityIntegrationDropdown(editData.community_integration_level);\r\n const timeInputs = buildTimeInputs(editData.start_time, editData.end_time);\r\n const noteInput = buildNoteInput(editData.Objective_Activity_Note);\r\n const reviewNoteInput = buildReviewNoteInput(outcomeData.reviewNote);\r\n const notifyCheckbox = buildNotifyCheckbox();\r\n const saveBtn = buildSaveButton(true);\r\n const deleteBtn = buildDeleteButton();\r\n const lastEditBy = buildCardEnteredByDetails(editData.submitted_by_user_id, editData.Last_Update);\r\n \r\n\r\n const checkShowFields = () => {\r\n const showAttempts = successDetails?.Show_Attempts;\r\n const showPrompts = successDetails?.Show_Prompts;\r\n const showTime = successDetails?.Show_Time;\r\n const showCI = successDetails?.Show_Community_Integration;\r\n\r\n if (showAttempts === 'Y') {\r\n attemptsDropdown.classList.remove('hidden');\r\n } else {\r\n attemptsDropdown.classList.add('hidden');\r\n }\r\n if (showPrompts === 'Y') {\r\n promptsDropdown.classList.remove('hidden');\r\n } else {\r\n promptsDropdown.classList.add('hidden');\r\n }\r\n if (showTime === 'Y') {\r\n timeInputs.start.classList.remove('hidden');\r\n timeInputs.end.classList.remove('hidden');\r\n } else {\r\n timeInputs.start.classList.add('hidden');\r\n timeInputs.end.classList.add('hidden');\r\n }\r\n if (showCI === 'Y') {\r\n cIDropdown.classList.remove('hidden');\r\n } else {\r\n cIDropdown.classList.add('hidden');\r\n }\r\n };\r\n const checkRequiredFields = () => {\r\n const showAttempts = successDetails?.Show_Attempts;\r\n const showPrompts = successDetails?.Show_Prompts;\r\n const showTime = successDetails?.Show_Time;\r\n const showCI = successDetails?.Show_Community_Integration;\r\n\r\n const attemptsRequired = successDetails?.Attempts_Required;\r\n const promptsRequired = successDetails?.Prompt_Required;\r\n const timeRequired = successDetails?.Times_Required;\r\n const ciRequired = successDetails?.Community_Integration_Required;\r\n const noteRequired = successDetails?.Notes_Required;\r\n\r\n // attempts\r\n if (showAttempts === 'Y') {\r\n attemptsDropdown.classList.remove('hidden');\r\n attemptsDropdown.classList.remove('disabled');\r\n if (attemptsRequired === 'Y') {\r\n if (!tmpData.attempt || tmpData.attempt === '') {\r\n attemptsDropdown.classList.add('error');\r\n } else {\r\n attemptsDropdown.classList.remove('error');\r\n }\r\n } else {\r\n attemptsDropdown.classList.remove('error');\r\n }\r\n } else {\r\n attemptsDropdown.classList.add('hidden');\r\n attemptsDropdown.classList.add('disabled');\r\n }\r\n // prompts\r\n if (showPrompts === 'Y') {\r\n promptsDropdown.classList.remove('hidden');\r\n promptsDropdown.classList.remove('disabled');\r\n if (promptsRequired === 'Y') {\r\n if (!tmpData.prompt || tmpData.prompt === '') {\r\n promptsDropdown.classList.add('error');\r\n } else {\r\n promptsDropdown.classList.remove('error');\r\n }\r\n } else {\r\n promptsDropdown.classList.remove('error');\r\n }\r\n } else {\r\n promptsDropdown.classList.add('hidden');\r\n promptsDropdown.classList.add('disabled');\r\n }\r\n // community integration\r\n if (showCI === 'Y') {\r\n cIDropdown.classList.remove('hidden');\r\n cIDropdown.classList.remove('disabled');\r\n if (ciRequired === 'Y') {\r\n if (!tmpData.ci || tmpData.ci === '') {\r\n cIDropdown.classList.add('error');\r\n } else {\r\n cIDropdown.classList.remove('error');\r\n }\r\n } else {\r\n cIDropdown.classList.remove('error');\r\n }\r\n } else {\r\n cIDropdown.classList.add('hidden');\r\n cIDropdown.classList.add('disabled');\r\n }\r\n // start and end time\r\n if (showTime === 'Y') {\r\n timeInputs.start.classList.remove('disabled');\r\n timeInputs.end.classList.remove('disabled');\r\n if (timeRequired === 'Y') {\r\n if (tmpData.startTime === '') {\r\n timeInputs.start.classList.add('error');\r\n } else {\r\n timeInputs.start.classList.remove('error');\r\n }\r\n if (tmpData.endTime === '') {\r\n timeInputs.end.classList.add('error');\r\n } else {\r\n timeInputs.end.classList.remove('error');\r\n }\r\n } else {\r\n timeInputs.start.classList.remove('error');\r\n timeInputs.end.classList.remove('error');\r\n }\r\n } else {\r\n timeInputs.start.classList.add('disabled');\r\n timeInputs.end.classList.add('disabled');\r\n }\r\n // note\r\n if (noteRequired === 'Y') {\r\n if (!tmpData.note || tmpData.note === '') {\r\n noteInput.classList.add('error');\r\n } else {\r\n noteInput.classList.remove('error');\r\n }\r\n } else {\r\n noteInput.classList.remove('error');\r\n }\r\n\r\n const errors = [...detailsPopup.querySelectorAll('.error')];\r\n if (errors.length === 0) {\r\n saveBtn.classList.remove('disabled');\r\n } else {\r\n saveBtn.classList.add('disabled');\r\n }\r\n };\r\n const checkErrors = () => {\r\n const errors = document.querySelectorAll('.error');\r\n if (errors.length === 0) {\r\n saveBtn.classList.remove('disabled');\r\n } else {\r\n saveBtn.classList.add('disabled');\r\n }\r\n };\r\n\r\n primaryLocationDropdown.addEventListener('change', e => {\r\n tmpData.primaryLoc = e.target.value;\r\n });\r\n secondaryLocationDropdown.addEventListener('change', e => {\r\n tmpData.secLoc = e.target.value;\r\n });\r\n resultsDropdown.addEventListener('change', e => {\r\n const selectedOption = e.target.options[e.target.selectedIndex];\r\n tmpData.success = selectedOption.dataset.success;\r\n successDetails = successTypes[selectedOption.value];\r\n\r\n if (selectedOption.value === '') {\r\n resultsDropdown.classList.add('error');\r\n } else {\r\n resultsDropdown.classList.remove('error');\r\n }\r\n\r\n checkErrors();\r\n checkRequiredFields();\r\n });\r\n promptsDropdown.addEventListener('change', e => {\r\n tmpData.prompt = e.target.value;\r\n checkRequiredFields();\r\n });\r\n attemptsDropdown.addEventListener('change', e => {\r\n tmpData.attempt = e.target.value;\r\n checkRequiredFields();\r\n });\r\n cIDropdown.addEventListener('change', e => {\r\n tmpData.ci = e.target.value;\r\n checkRequiredFields();\r\n });\r\n\r\n timeInputs.start.addEventListener('change', e => {\r\n if (e.target) {\r\n tmpData.startTime = e.target.value;\r\n }\r\n checkRequiredFields();\r\n });\r\n timeInputs.end.addEventListener('change', e => {\r\n if (e.target) {\r\n tmpData.endTime = e.target.value;\r\n }\r\n checkRequiredFields();\r\n });\r\n noteInput.addEventListener('change', e => {\r\n tmpData.note = e.target.value;\r\n checkRequiredFields();\r\n });\r\n reviewNoteInput.addEventListener('change', e => {\r\n tmpData.reviewNote = e.target.value;\r\n });\r\n notifyCheckbox.addEventListener('change', e => {\r\n tmpData.notifyEmployee = e.target.checked ? 'Y' : 'N';\r\n });\r\n\r\n saveBtn.addEventListener('click', async e => {\r\n // main outcome\r\n const updateData = {\r\n personId: selectedConsumerId,\r\n objectiveId: editData.Objective_ID,\r\n activityId: outcomeData.activityId,\r\n objdate: dates.formateToISO(editData.Objective_Date.split(' ')[0]),\r\n success: tmpData.success,\r\n goalnote: UTIL.removeUnsavableNoteText(tmpData.note),\r\n promptType: tmpData.prompt === '' ? '0' : tmpData.prompt,\r\n promptNumber: tmpData.attempt === '' ? '0' : tmpData.attempt,\r\n locationId: tmpData.primaryLoc,\r\n locationSecondaryId: tmpData.secLoc === '' ? 0 : tmpData.secLoc,\r\n goalStartTime: tmpData.startTime,\r\n goalEndTime: tmpData.endTime,\r\n goalCILevel: tmpData.ci,\r\n }\r\n outcomesAjax.saveGoals(updateData, () => {\r\n POPUP.hide(detailsPopup);\r\n });\r\n\r\n // review note\r\n const rnUpdateData = {\r\n objectiveActivityId: outcomeData.activityId,\r\n reviewNote: tmpData.reviewNote,\r\n consumerId: selectedConsumerId,\r\n objectiveActivityDate: editData.Objective_Date.split(' ')[0],\r\n notifyEmployee: tmpData.notifyEmployee,\r\n }\r\n await outcomesAjax.addReviewNote({\r\n token: $.session.Token,\r\n ...rnUpdateData,\r\n });\r\n \r\n await getReviewTableDataSecondary();\r\n populateTabSections();\r\n });\r\n deleteBtn.addEventListener('click', e => {\r\n outcomesAjax.deleteGoal(outcomeData.activityId, selectedConsumerId, selectedDate, async () => {\r\n await getReviewTableDataSecondary();\r\n populateTabSections();\r\n POPUP.hide(detailsPopup);\r\n });\r\n });\r\n\r\n if (!$.session.OutcomesReview) {\r\n reviewNoteInput.classList.add('disabled');\r\n notifyCheckbox.classList.add('disabled');\r\n }\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(saveBtn);\r\n btnWrap.appendChild(deleteBtn);\r\n\r\n detailsPopup.appendChild(primaryLocationDropdown);\r\n if (locations.Secondary) detailsPopup.appendChild(secondaryLocationDropdown);\r\n detailsPopup.appendChild(resultsDropdown);\r\n detailsPopup.appendChild(promptsDropdown);\r\n detailsPopup.appendChild(attemptsDropdown);\r\n\r\n if ($.session.applicationName !== 'Gatekeeper') {\r\n detailsPopup.appendChild(cIDropdown);\r\n detailsPopup.appendChild(timeInputs.timeWrap);\r\n }\r\n\r\n detailsPopup.appendChild(noteInput);\r\n detailsPopup.appendChild(reviewNoteInput);\r\n detailsPopup.appendChild(notifyCheckbox);\r\n detailsPopup.appendChild(btnWrap);\r\n detailsPopup.appendChild(lastEditBy);\r\n\r\n POPUP.show(detailsPopup);\r\n\r\n checkShowFields();\r\n\r\n return;\r\n\r\n //? Might need below but need more data from Mike\r\n if (\r\n editData &&\r\n editData.submitted_by_user_id &&\r\n editData.submitted_by_user_id.toUpperCase() !== $.session.UserId.toUpperCase()\r\n ) {\r\n primaryLocationDropdown.classList.add('disabled');\r\n secondaryLocationDropdown.classList.add('disabled');\r\n resultsDropdown.classList.add('disabled');\r\n attemptsDropdown.classList.add('disabled');\r\n promptsDropdown.classList.add('disabled');\r\n cIDropdown.classList.add('disabled');\r\n timeInputs.classList.add('disabled');\r\n noteInput.querySelector('.input-field__input').setAttribute('readonly', 'true');\r\n saveBtn.classList.add('disabled');\r\n deleteBtn.classList.add('disabled');\r\n btnWrap.classList.add('hidden');\r\n }\r\n }\r\n function onDetailRowClick(outcome) {\r\n const getSuccessTypes = new Promise((resolve, reject) => {\r\n outcomesAjax.getOutcomesSuccessTypes(outcome.goalTypeID, results => {\r\n unOrderedSuccessObj = {};\r\n successTypes = {};\r\n\r\n results.forEach(st => {\r\n var label = st.Objective_Success_Description;\r\n if (!unOrderedSuccessObj[label]) {\r\n unOrderedSuccessObj[label] = st;\r\n }\r\n });\r\n\r\n Object.keys(unOrderedSuccessObj)\r\n .sort()\r\n .forEach(key => {\r\n successTypes[key] = unOrderedSuccessObj[key];\r\n });\r\n\r\n resolve('success');\r\n });\r\n });\r\n\r\n const getActivity = new Promise((resolve, reject) => {\r\n outcomesAjax.getObjectiveActivity(outcome.activityId, results => {\r\n activityRes = results;\r\n resolve('success');\r\n });\r\n });\r\n\r\n Promise.all([getSuccessTypes, getActivity]).then(function () {\r\n showDetailViewPopup(activityRes[0], outcome);\r\n });\r\n }\r\n\r\n // Filtering\r\n //----------------------------------------------------\r\n // date span filter\r\n function calculateSpanFromDateRange() {\r\n const toDate = new Date(`${selectedDateSpan.to} 00:00:00`);\r\n const fromDate = new Date(`${selectedDateSpan.from} 00:00:00`);\r\n\r\n const toWeekStart = dates.startDayOfWeek(toDate);\r\n const fromWeekStart = dates.startDayOfWeek(fromDate);\r\n const isoToDate = dates.formatISO(toWeekStart).split('T')[0];\r\n const isoFromDate = dates.formatISO(fromWeekStart).split('T')[0];\r\n\r\n switch (activeTab) {\r\n case NO_FREQ: {\r\n spanLength = dates.differenceInDays(toDate, fromDate);\r\n break;\r\n }\r\n case HOUR: {\r\n spanLength = dates.differenceInDays(toDate, fromDate);\r\n spanLength = spanLength * 24;\r\n break;\r\n }\r\n case DAY: {\r\n spanLength = dates.differenceInDays(toDate, fromDate);\r\n break;\r\n }\r\n case WEEK: {\r\n spanLength = dates.differenceInWeeks(toDate, fromDate);\r\n break;\r\n }\r\n case MONTH: {\r\n spanLength = dates.differenceInMonths(toDate, fromDate);\r\n break;\r\n }\r\n case YEAR: {\r\n spanLength = dates.differenceInYears(toDate, fromDate);\r\n break;\r\n }\r\n }\r\n }\r\n function updateSpanInput() {\r\n daysBackInput.value = spanLength;\r\n }\r\n function updateDateRangeInputs() {\r\n fromDateInput.value = selectedDateSpan.from;\r\n toDateInput.value = selectedDateSpan.to;\r\n }\r\n function updateFilterDates() {\r\n daysBackToggleBtn.textContent = `${unitType} Back`;\r\n daysBackLabel.textContent = `${unitType} Back`;\r\n updateDateRangeInputs();\r\n updateSpanInput();\r\n }\r\n function buildFilterDates() {\r\n const toggleButtonWrap = _DOM.createElement('div', { class: 'dateFilterToggle' });\r\n daysBackToggleBtn = _DOM.createElement('button', {\r\n class: 'active',\r\n id: 'days-back-btn',\r\n text: `${unitType} Back`,\r\n });\r\n const dateRangeToggleBtn = _DOM.createElement('button', { id: 'date-range-btn', text: 'Date Range' });\r\n toggleButtonWrap.appendChild(daysBackToggleBtn);\r\n toggleButtonWrap.appendChild(dateRangeToggleBtn);\r\n\r\n const daysBackInputWrap = _DOM.createElement('div', { class: ['daysBack', 'active'] });\r\n daysBackLabel = _DOM.createElement('label', { for: 'daysBack', text: `${unitType} Back` });\r\n daysBackInput = _DOM.createElement('input', {\r\n id: 'daysBack',\r\n type: 'number',\r\n name: 'daysBack',\r\n value: spanLength,\r\n });\r\n daysBackInputWrap.appendChild(daysBackLabel);\r\n daysBackInputWrap.appendChild(daysBackInput);\r\n\r\n const dateRangeInputWrap = _DOM.createElement('div', { class: ['dateRange'] });\r\n const dateRangeInnerWrap1 = _DOM.createElement('div');\r\n const dateRangeInnerWrap2 = _DOM.createElement('div');\r\n dateRangeInputWrap.appendChild(dateRangeInnerWrap1);\r\n dateRangeInputWrap.appendChild(dateRangeInnerWrap2);\r\n\r\n const fromDateLabel = _DOM.createElement('label', { for: 'fromDate', text: `From:` });\r\n fromDateInput = _DOM.createElement('input', {\r\n id: 'fromDate',\r\n type: 'date',\r\n name: 'fromDate',\r\n value: selectedDateSpan.from,\r\n });\r\n dateRangeInnerWrap1.appendChild(fromDateLabel);\r\n dateRangeInnerWrap1.appendChild(fromDateInput);\r\n\r\n const toDateLabel = _DOM.createElement('label', { for: 'toDate', text: `To:` });\r\n toDateInput = _DOM.createElement('input', {\r\n id: 'toDate',\r\n type: 'date',\r\n name: 'toDate',\r\n value: selectedDateSpan.to,\r\n });\r\n dateRangeInnerWrap2.appendChild(toDateLabel);\r\n dateRangeInnerWrap2.appendChild(toDateInput);\r\n\r\n const dateWrap = _DOM.createElement('div', { class: 'dateFilter' });\r\n dateWrap.appendChild(toggleButtonWrap);\r\n dateWrap.appendChild(daysBackInputWrap);\r\n dateWrap.appendChild(dateRangeInputWrap);\r\n\r\n toggleButtonWrap.addEventListener('click', async e => {\r\n if (e.target.classList.contains('active')) {\r\n return;\r\n }\r\n\r\n const daysBack = dateWrap.querySelector('.daysBack');\r\n const dateRange = dateWrap.querySelector('.dateRange');\r\n\r\n if (e.target === daysBackToggleBtn) {\r\n isDaysBackFilter = true;\r\n daysBack.classList.add('active');\r\n daysBackToggleBtn.classList.add('active');\r\n dateRange.classList.remove('active');\r\n dateRangeToggleBtn.classList.remove('active');\r\n\r\n if (selectedDateSpan.to !== selectedDate) {\r\n setUnitType();\r\n updateFilterDates();\r\n \r\n await getReviewTableDataSecondary();\r\n \r\n populateTabSections();\r\n }\r\n\r\n return;\r\n }\r\n\r\n isDaysBackFilter = false;\r\n dateRange.classList.add('active');\r\n dateRangeToggleBtn.classList.add('active');\r\n daysBack.classList.remove('active');\r\n daysBackToggleBtn.classList.remove('active');\r\n });\r\n\r\n dateWrap.addEventListener('change', async e => {\r\n if (e.target.id === 'daysBack') {\r\n spanLength = e.target.value;\r\n selectedDateSpan.to = selectedDate;\r\n\r\n switch (activeTab) {\r\n case NO_FREQ: {\r\n const dateObj = dates.subDays(new Date(`${selectedDateSpan.to} 00:00:00`), spanLength);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n break;\r\n }\r\n case HOUR: {\r\n const dateObj = dates.subHours(new Date(`${selectedDateSpan.to} 00:00:00`), spanLength);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n break;\r\n }\r\n case DAY: {\r\n const dateObj = dates.subDays(new Date(`${selectedDateSpan.to} 00:00:00`), spanLength);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n break;\r\n }\r\n case WEEK: {\r\n const dateObj = dates.subWeeks(new Date(`${selectedDateSpan.to} 00:00:00`), spanLength);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n break;\r\n }\r\n case MONTH: {\r\n const dateObj = dates.subMonths(new Date(`${selectedDateSpan.to} 00:00:00`), spanLength);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n break;\r\n }\r\n case YEAR: {\r\n const dateObj = dates.subYears(new Date(`${selectedDateSpan.to} 00:00:00`), spanLength);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n break;\r\n }\r\n }\r\n\r\n updateDateRangeInputs();\r\n await getReviewTableDataSecondary();\r\n populateTabSections();\r\n }\r\n if (e.target.id === 'fromDate') {\r\n selectedDateSpan.from = e.target.value;\r\n calculateSpanFromDateRange();\r\n updateSpanInput();\r\n await getReviewTableDataSecondary();\r\n populateTabSections();\r\n }\r\n if (e.target.id === 'toDate') {\r\n selectedDateSpan.to = e.target.value;\r\n calculateSpanFromDateRange();\r\n updateSpanInput();\r\n await getReviewTableDataSecondary();\r\n populateTabSections();\r\n }\r\n });\r\n\r\n return dateWrap;\r\n }\r\n // current filter display\r\n function buildCurrentFilterdisplay() {\r\n const currentFilterDisplay = _DOM.createElement('div', { class: 'filteredByData' });\r\n const dateFilter = buildFilterDates();\r\n const filteredByWrap = _DOM.createElement('div', { class: 'filteredByWrap' });\r\n const btnWrap = _DOM.createElement('div', { class: 'filterBtnWrap' });\r\n servBtnWrap = _DOM.createElement('div', { class: 'filterSelectionBtnWrap' });\r\n typeBtnWrap = _DOM.createElement('div', { class: 'filterSelectionBtnWrap' });\r\n\r\n filterBtn = button.build({\r\n text: 'Filter',\r\n icon: 'filter',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'filterBtnNew',\r\n callback: () => {\r\n showFilterPopup('ALL');\r\n },\r\n });\r\n\r\n serviceBtn = button.build({\r\n id: 'serviceBtn',\r\n text: 'Service:',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n showFilterPopup('serviceBtn');\r\n },\r\n });\r\n serviceCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('serviceBtn');\r\n },\r\n });\r\n\r\n outcomeTypeBtn = button.build({\r\n id: 'outcomeTypeBtn',\r\n text: 'Outcome Type:',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n showFilterPopup('outcomeTypeBtn');\r\n },\r\n });\r\n outcomeTypeCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('outcomeTypeBtn');\r\n },\r\n });\r\n\r\n btnWrap.appendChild(filterBtn);\r\n\r\n servBtnWrap.appendChild(serviceBtn);\r\n servBtnWrap.appendChild(serviceCloseBtn);\r\n\r\n typeBtnWrap.appendChild(outcomeTypeBtn);\r\n typeBtnWrap.appendChild(outcomeTypeCloseBtn);\r\n\r\n filteredByWrap.appendChild(btnWrap);\r\n filteredByWrap.appendChild(servBtnWrap);\r\n filteredByWrap.appendChild(typeBtnWrap);\r\n currentFilterDisplay.appendChild(filteredByWrap);\r\n currentFilterDisplay.appendChild(dateFilter);\r\n\r\n return currentFilterDisplay;\r\n }\r\n function updateCurrentFilterDisplay(service = '%', outcomeType = '%') {\r\n if (service === '%' || service === 'All') {\r\n servBtnWrap.classList.add('hidden');\r\n } else {\r\n servBtnWrap.classList.remove('hidden');\r\n serviceBtn.textContent = `Service: ${service}`;\r\n }\r\n\r\n if (outcomeType === '%' || outcomeType === 'All') {\r\n typeBtnWrap.classList.add('hidden');\r\n } else {\r\n typeBtnWrap.classList.remove('hidden');\r\n outcomeTypeBtn.textContent = `Outcome Type: ${outcomeType}`;\r\n }\r\n }\r\n // filter popup\r\n function applyFilter() {\r\n updateCurrentFilterDisplay(serviceFilterVal.text, outcomeTypeFilterVal.text);\r\n\r\n populateTabSections();\r\n }\r\n async function buildTypesDropdown() {\r\n const typesDrop = dropdown.build({\r\n dropdownId: 'outcomeDropdown',\r\n label: 'Outcome Type',\r\n style: 'secondary',\r\n readonly: false,\r\n });\r\n\r\n const data = goalTypes.map(type => {\r\n return {\r\n value: type.goalTypeId,\r\n text: type.goalTypeDescription,\r\n };\r\n });\r\n data.unshift({ value: '%', text: 'All' });\r\n\r\n const defaultValue = outcomeTypeFilterVal?.value ?? '%';\r\n dropdown.populate(typesDrop, data, defaultValue);\r\n\r\n return typesDrop;\r\n }\r\n function buildServiceDropdown() {\r\n const servDrop = dropdown.build({\r\n label: 'Service',\r\n style: 'secondary',\r\n readonly: false,\r\n });\r\n\r\n const data = [\r\n { value: 'All', text: 'All' },\r\n { value: 'Complete', text: 'Complete' },\r\n { value: 'Incomplete', text: 'Incomplete' },\r\n ];\r\n\r\n const defaultValue = serviceFilterVal?.value ?? 'All';\r\n dropdown.populate(servDrop, data, defaultValue);\r\n\r\n return servDrop;\r\n }\r\n function closeFilter(closefilter) {\r\n if (closefilter == 'serviceBtn') {\r\n serviceFilterVal.text = 'All';\r\n serviceFilterVal.value = 'All';\r\n }\r\n if (closefilter == 'outcomeTypeBtn') {\r\n outcomeTypeFilterVal.text = 'All';\r\n outcomeTypeFilterVal.value = '%';\r\n }\r\n applyFilter();\r\n }\r\n async function showFilterPopup(IsShow) {\r\n let tempServiceVal, tempTypeVal;\r\n\r\n filterPopup = POPUP.build({\r\n closeCallback: () => {},\r\n });\r\n\r\n const serviceDropdown = buildServiceDropdown();\r\n const typesDropdown = await buildTypesDropdown();\r\n const applyButton = button.build({\r\n text: 'Apply',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n applyButton.classList.add('singleBtn');\r\n\r\n serviceDropdown.addEventListener('change', event => {\r\n const selectedOption = event.target.options[event.target.selectedIndex];\r\n tempServiceVal = selectedOption;\r\n });\r\n typesDropdown.addEventListener('change', event => {\r\n const selectedOption = event.target.options[event.target.selectedIndex];\r\n tempTypeVal = selectedOption;\r\n });\r\n applyButton.addEventListener('click', () => {\r\n serviceFilterVal = tempServiceVal ?? serviceFilterVal;\r\n outcomeTypeFilterVal = tempTypeVal ?? outcomeTypeFilterVal;\r\n applyFilter();\r\n POPUP.hide(filterPopup);\r\n });\r\n\r\n if (IsShow == 'ALL' || IsShow == 'serviceBtn') filterPopup.appendChild(serviceDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'outcomeTypeBtn') filterPopup.appendChild(typesDropdown);\r\n filterPopup.appendChild(applyButton);\r\n\r\n POPUP.show(filterPopup);\r\n }\r\n\r\n // Table\r\n //----------------------------------------------------\r\n function buildToggleIcon() {\r\n const toggleIcon = _DOM.createElement('div', { class: ['rowToggle', 'closed'] });\r\n toggleIcon.innerHTML = icons['keyArrowRight'];\r\n return toggleIcon;\r\n }\r\n function buildTable(data, frequency) {\r\n let showTabExclamation;\r\n\r\n const table = _DOM.createElement('div');\r\n table.classList.add('outcomesReviewTable');\r\n\r\n const mainHeading = _DOM.createElement('div', { class: ['heading', 'heading-main'] });\r\n mainHeading.innerHTML = `\r\n \r\n
Individual
\r\n Service Statement
\r\n Frequency
\r\n Times Documented
\r\n Success Rate
\r\n \r\n `;\r\n table.appendChild(mainHeading);\r\n\r\n for (const objId in data) {\r\n const d = data[objId];\r\n\r\n const mainRowWrap = _DOM.createElement('div', { class: ['rowWrap', 'rowWrap-main'] });\r\n table.appendChild(mainRowWrap);\r\n\r\n const mainRow = _DOM.createElement('div', { class: ['row', 'row-main'] });\r\n mainRow.setAttribute('data-objid', objId);\r\n mainRow.setAttribute('data-outcomeType', d.outcomeType);\r\n mainRow.setAttribute('data-outcomeTypeId', d.outcomeTypeId);\r\n mainRow.setAttribute('data-showExclamation', d.showExclamation);\r\n const mainTI = buildToggleIcon();\r\n mainTI.classList.add('mainToggle');\r\n mainRow.appendChild(mainTI);\r\n mainRow.innerHTML += `\r\n ${d.individual}
\r\n ${d.serviceStatement}
\r\n ${d.frequency}
\r\n ${d.timesDoc}
\r\n ${d.successRate}
\r\n ${d.showExclamation ? icons.error : ''}
\r\n `;\r\n mainRowWrap.appendChild(mainRow);\r\n \r\n\r\n const mainRowSubWrap = _DOM.createElement('div', { class: ['rowWrap', 'rowWrap-main-sub', 'hidden'] });\r\n mainRowWrap.appendChild(mainRowSubWrap);\r\n\r\n mainRow.addEventListener('click', e => {\r\n const target = e.target;\r\n\r\n if (!target.classList.contains('mainToggle')) return;\r\n\r\n const showChildren = target.classList.contains('closed');\r\n\r\n if (showChildren) {\r\n target.innerHTML = icons.keyArrowDown;\r\n target.classList.remove('closed');\r\n mainRowSubWrap.classList.remove('hidden');\r\n } else {\r\n target.innerHTML = icons.keyArrowRight;\r\n target.classList.add('closed');\r\n mainRowSubWrap.classList.add('hidden');\r\n }\r\n });\r\n\r\n for (const date in data[objId].reviewDates) {\r\n const dateRowWrap = _DOM.createElement('div', { class: ['rowWrap', 'rowWrap-date'] });\r\n mainRowSubWrap.appendChild(dateRowWrap);\r\n\r\n const dateRow = _DOM.createElement('div', { class: ['row', 'row-date'] });\r\n const dateTI = buildToggleIcon();\r\n dateTI.classList.add('subToggle');\r\n dateRow.appendChild(dateTI);\r\n const dateForRow = frequency === 'H' ? dates.convertFromMilitary(date) : date;\r\n dateRow.innerHTML += `${dateForRow !== 'nf' ? dateForRow : 'No Frequency'}
`;\r\n dateRowWrap.appendChild(dateRow);\r\n if (exclamationDateMap[objId] && exclamationDateMap[objId][date]) {\r\n dateRow.innerHTML += `${icons.error}
`;\r\n showTabExclamation = true;\r\n }\r\n\r\n const detailsTable = _DOM.createElement('div', { class: ['rowWrap', 'rowWrap-date-sub', 'hidden'] });\r\n dateRowWrap.appendChild(detailsTable);\r\n\r\n dateRow.addEventListener('click', e => {\r\n const target = e.target;\r\n\r\n if (!target.classList.contains('subToggle')) return;\r\n\r\n const showChildren = target.classList.contains('closed');\r\n\r\n if (showChildren) {\r\n target.innerHTML = icons.keyArrowDown;\r\n target.classList.remove('closed');\r\n detailsTable.classList.remove('hidden');\r\n } else {\r\n target.innerHTML = icons.keyArrowRight;\r\n target.classList.add('closed');\r\n detailsTable.classList.add('hidden');\r\n }\r\n });\r\n\r\n if (Object.keys(data[objId].reviewDates[date]).length > 0) {\r\n const detailsHeading = _DOM.createElement('div', { class: ['heading', 'heading-details'] });\r\n detailsHeading.innerHTML = `\r\n Employee
\r\n Result
\r\n Attempts
\r\n Prompts
\r\n Note
\r\n `;\r\n detailsTable.appendChild(detailsHeading);\r\n\r\n for (const activityId in data[objId].reviewDates[date]) {\r\n const details = data[objId].reviewDates[date][activityId];\r\n\r\n const detailRow = _DOM.createElement('div', { class: ['row', 'row-details'] });\r\n detailRow.innerHTML = `\r\n ${details.employee}
\r\n ${details.result}
\r\n ${details.attempts}
\r\n ${details.prompts}
\r\n ${details.note}
\r\n `;\r\n detailsTable.appendChild(detailRow);\r\n\r\n detailRow.addEventListener('click', () => {\r\n onDetailRowClick({\r\n goalTypeID: d.outcomeTypeId,\r\n activityId: details.activityId,\r\n date: date,\r\n result: details.result,\r\n attempt: details.attempts,\r\n employeeId: details.staffId,\r\n reviewNote: details.reviewNote\r\n });\r\n });\r\n }\r\n }\r\n }\r\n }\r\n\r\n return { sectionTable: table, showTabExclamation };\r\n }\r\n\r\n // Tabs\r\n //----------------------------------------------------\r\n function buildTabs() {\r\n return tabs.build({\r\n sections: Object.values(tabSections),\r\n active: 0,\r\n tabNavCallback: async function (data) {\r\n activeTab = data.activeSection.toLowerCase();\r\n setUnitType();\r\n updateFilterDates();\r\n \r\n await getReviewTableDataSecondary();\r\n\r\n populateTabSections();\r\n },\r\n });\r\n }\r\n function populateTabSections(data) {\r\n if (!data) data = outcomesData;\r\n\r\n const key = FREQ_MAP[activeTab];\r\n const sectionID = tabSections[key].toLowerCase();\r\n const section = document.getElementById(sectionID);\r\n section.innerHTML = '';\r\n\r\n const { sectionTable, showTabExclamation } = buildTable(data[key], key);\r\n\r\n const rows = [...sectionTable.querySelectorAll('.row.row-main')];\r\n rows.forEach(row => {\r\n const outcomeType = row.dataset.outcometype;\r\n const outcomeTypeId = row.dataset.outcometypeid;\r\n const showExclamation = row.dataset.showexclamation;\r\n\r\n if (outcomeTypeFilterVal.text !== 'All' && outcomeTypeFilterVal.text !== outcomeType) {\r\n row.parentNode.style.display = 'none';\r\n return;\r\n }\r\n\r\n if (serviceFilterVal.text === 'Complete' && showExclamation === 'true') {\r\n row.parentNode.style.display = 'none';\r\n return;\r\n }\r\n\r\n if (serviceFilterVal.text === 'Incomplete' && showExclamation === 'false') {\r\n row.parentNode.style.display = 'none';\r\n return;\r\n }\r\n\r\n row.parentNode.style.display = 'flex';\r\n });\r\n\r\n const tabNavItems = [...document.querySelectorAll('.tabs__nav--item')];\r\n tabNavItems.forEach(item => {\r\n const freq = item.getAttribute('section');\r\n\r\n if (freq.toLowerCase() === activeTab.toLowerCase() && showTabExclamation) {\r\n item.innerHTML = `${freq} ${icons.error}`;\r\n } else {\r\n item.innerHTML = freq;\r\n }\r\n });\r\n\r\n section.appendChild(sectionTable);\r\n\r\n return;\r\n }\r\n\r\n // Main\r\n //----------------------------------------------------\r\n function getPercentForSuccessRate(topNumb, bottomNum) {\r\n if (bottomNum === '0' && topNumb === '0') {\r\n return 'N';\r\n }\r\n\r\n if (bottomNum === '0' && topNumb !== '0') {\r\n return '';\r\n }\r\n\r\n const percent = ((parseInt(topNumb) / parseInt(bottomNum)) * 100).toString().slice(0, 5);\r\n\r\n return `${percent}%`;\r\n }\r\n function setDatesForMiddleTier() {\r\n Object.keys(outcomesData).forEach(occ => {\r\n if (occ === 'NF') return;\r\n\r\n Object.keys(outcomesData[occ]).forEach(objId => {\r\n outcomesData[occ][objId].reviewDates = {};\r\n \r\n const dObj = {};\r\n\r\n if (occ === 'H') {\r\n dObj[0] = currentDateTime;\r\n dObj[0].setMinutes(0);\r\n dObj[0].setSeconds(0);\r\n } else {\r\n dObj[0] = new Date(`${selectedDateSpan.to} 00:00:00`)\r\n }\r\n\r\n const loopLength = isDaysBackFilter ? spanLength - 1 : spanLength;\r\n for (let index = 0; index < loopLength; index++) {\r\n switch (occ) {\r\n case 'H': {\r\n const nextDate = dates.subHours(dObj[index], 1);\r\n dObj[index + 1] = nextDate;\r\n break;\r\n }\r\n case 'D': {\r\n const nextDate = dates.subDays(dObj[index], 1);\r\n dObj[index + 1] = nextDate;\r\n break;\r\n }\r\n case 'W': {\r\n const nextDate = dates.subWeeks(dObj[index], 1);\r\n dObj[index + 1] = nextDate;\r\n break;\r\n }\r\n case 'M': {\r\n const nextDate = dates.subMonths(dObj[index], 1);\r\n dObj[index + 1] = nextDate;\r\n break;\r\n }\r\n case 'Y': {\r\n const nextDate = dates.subYears(dObj[index], 1);\r\n dObj[index + 1] = nextDate;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n Object.keys(dObj).forEach(key => {\r\n switch (occ) {\r\n case 'H': {\r\n //2024-10-31T14:11:35-04:00\r\n const militaryTime = dates.formatISO(dObj[key]).slice(11, 16);\r\n outcomesData[occ][objId].reviewDates[militaryTime] = {};\r\n break;\r\n }\r\n case 'D': {\r\n const isoDate = dates.formatISO(dObj[key]).split('T')[0];\r\n const stDate = dates.formateToStandard(isoDate);\r\n outcomesData[occ][objId].reviewDates[stDate] = {};\r\n break;\r\n }\r\n case 'W': {\r\n const weekStart = dates.startDayOfWeek(dObj[key]);\r\n const isoStartDate = dates.formatISO(weekStart).split('T')[0];\r\n const stStartDate = dates.formateToStandard(isoStartDate);\r\n\r\n const weekEnd = dates.endOfWeek(dObj[key]);\r\n const isoEndDate = dates.formatISO(weekEnd).split('T')[0];\r\n const stEndDate = dates.formateToStandard(isoEndDate);\r\n\r\n const dateKey = `${stStartDate}-${stEndDate}`;\r\n\r\n outcomesData[occ][objId].reviewDates[dateKey] = {};\r\n break;\r\n }\r\n case 'M': {\r\n const isoDate = dates.formatISO(dObj[key]).split('T')[0];\r\n const stDate = dates.formateToStandard(isoDate);\r\n const dateKey = MONTHS[stDate.split('/')[0]];\r\n outcomesData[occ][objId].reviewDates[dateKey] = {};\r\n break;\r\n }\r\n case 'Y': {\r\n const isoDate = dates.formatISO(dObj[key]).split('T')[0];\r\n const stDate = dates.formateToStandard(isoDate);\r\n const dateKey = stDate.split('/')[2];\r\n outcomesData[occ][objId].reviewDates[dateKey] = {};\r\n break;\r\n }\r\n }\r\n });\r\n });\r\n });\r\n }\r\n function setUnitType() {\r\n selectedDateSpan.to = selectedDate;\r\n\r\n switch (activeTab) {\r\n case NO_FREQ: {\r\n const dateObj = dates.subDays(new Date(`${selectedDate} 00:00:00`), NO_FREQ_SPAN);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n unitType = 'Day(s)';\r\n spanLength = NO_FREQ_SPAN;\r\n break;\r\n }\r\n case HOUR: {\r\n const dateObj = dates.subHours(new Date(`${selectedDate} 00:00:00`), HOUR_SPAN);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n unitType = 'Hour(s)';\r\n spanLength = HOUR_SPAN;\r\n break;\r\n }\r\n case DAY: {\r\n const dateObj = dates.subDays(new Date(`${selectedDate} 00:00:00`), DAY_SPAN);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n unitType = 'Day(s)';\r\n spanLength = DAY_SPAN;\r\n break;\r\n }\r\n case WEEK: {\r\n let dateObj;\r\n\r\n if (WEEK_SPAN === 1) {\r\n dateObj = new Date(`${selectedDate} 00:00:00`)\r\n } else {\r\n dateObj = dates.subWeeks(new Date(`${selectedDate} 00:00:00`), WEEK_SPAN);\r\n }\r\n \r\n dateObj = dates.startDayOfWeek(dateObj);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n unitType = 'Week(s)';\r\n spanLength = WEEK_SPAN;\r\n break;\r\n }\r\n case MONTH: {\r\n const dateObj = dates.subMonths(new Date(`${selectedDate} 00:00:00`), MONTH_SPAN);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n unitType = 'Month(s)';\r\n spanLength = MONTH_SPAN;\r\n break;\r\n }\r\n case YEAR: {\r\n const dateObj = dates.subYears(new Date(`${selectedDate} 00:00:00`), YEAR_SPAN);\r\n selectedDateSpan.from = dates.formatISO(dateObj).split('T')[0];\r\n unitType = 'Year(s)';\r\n spanLength = YEAR_SPAN;\r\n break;\r\n }\r\n default: {\r\n console.error(activeTab);\r\n throw new Error('something went wrong setting unit types');\r\n }\r\n }\r\n }\r\n function setTabSections() {\r\n tabSections = {};\r\n\r\n if (outcomesData.hasOwnProperty('NF')) tabSections['NF'] = NO_FREQ;\r\n if (outcomesData.hasOwnProperty('H')) tabSections['H'] = HOUR;\r\n if (outcomesData.hasOwnProperty('D')) tabSections['D'] = DAY;\r\n if (outcomesData.hasOwnProperty('W')) tabSections['W'] = WEEK;\r\n if (outcomesData.hasOwnProperty('M')) tabSections['M'] = MONTH;\r\n if (outcomesData.hasOwnProperty('Y')) tabSections['Y'] = YEAR;\r\n\r\n activeTab = Object.values(tabSections)[0];\r\n }\r\n function sortReviewTableData(dirtyData) {\r\n objIdSet = new Set();\r\n\r\n return dirtyData.reduce((a, d) => {\r\n const occurrence = d.objectiveRecurrance || 'NF';\r\n const objID = d.objectiveId;\r\n\r\n if (!occurrence || !objID) return a;\r\n\r\n objIdSet.add(objID);\r\n\r\n if (!a[occurrence]) {\r\n a[occurrence] = {};\r\n }\r\n\r\n if (!a[occurrence][objID]) {\r\n a[occurrence][objID] = {};\r\n }\r\n\r\n const freq = FREQUENCY[d.frequencyModifier] || '';\r\n const recurr = RECURRANCE[d.objectiveRecurrance] || '';\r\n\r\n a[occurrence][objID].showExclamation = false;\r\n a[occurrence][objID].individual = d.consumerName;\r\n a[occurrence][objID].serviceStatement = d.objectiveStatement;\r\n a[occurrence][objID].frequency = `${freq} ${d.objectiveIncrement} ${recurr}`;\r\n a[occurrence][objID].frequencyIncrement = d.objectiveIncrement;\r\n a[occurrence][objID].frequencyModifier = d.frequencyModifier;\r\n a[occurrence][objID].outcomeType = d.goalTypeDescription;\r\n a[occurrence][objID].outcomeTypeId = d.goalTypeId;\r\n\r\n return a;\r\n }, {});\r\n }\r\n function sortReviewTableDataSecondary(data, outcomeOjb) {\r\n timesDocByDate = {};\r\n\r\n data.forEach(d => {\r\n const occurrence = d.objectiveRecurrance || 'NF';\r\n const objID = d.objectiveId;\r\n const date = d.objective_date.split(' ')[0];\r\n const staffId = d.staffId;\r\n const activityId = d.objectiveActivityId;\r\n const percent = getPercentForSuccessRate(d.top_number, d.bottom_number);\r\n\r\n if (outcomeOjb[occurrence]) {\r\n if (outcomeOjb[occurrence][objID]) {\r\n outcomeOjb[occurrence][objID].successRate = percent;\r\n\r\n const prompt = dropdownData.prompts.find(p => p.Code === d.promptType);\r\n\r\n let dateThisBelongsTo;\r\n\r\n if (occurrence === 'NF') {\r\n outcomeOjb[occurrence][objID].timesDoc++;\r\n\r\n if (!outcomeOjb[occurrence][objID].reviewDates) {\r\n outcomeOjb[occurrence][objID].reviewDates = {};\r\n }\r\n\r\n if (!outcomeOjb[occurrence][objID].reviewDates['nf']) {\r\n outcomeOjb[occurrence][objID].reviewDates['nf'] = {};\r\n }\r\n\r\n if (!outcomeOjb[occurrence][objID].reviewDates['nf'][activityId]) {\r\n outcomeOjb[occurrence][objID].reviewDates['nf'][activityId] = {};\r\n }\r\n\r\n outcomeOjb[occurrence][objID].reviewDates['nf'][activityId].employee = d.employee;\r\n outcomeOjb[occurrence][objID].reviewDates['nf'][\r\n activityId\r\n ].result = `${d.objectiveSuccessSymbol} ${d.objectiveSuccessDescription}`;\r\n outcomeOjb[occurrence][objID].reviewDates['nf'][activityId].attempts = d.promptNumber;\r\n outcomeOjb[occurrence][objID].reviewDates['nf'][activityId].prompts = `${prompt ? prompt.Code : ''} ${prompt ? prompt.Caption : ''}`;\r\n outcomeOjb[occurrence][objID].reviewDates['nf'][activityId].note = d.objectiveActivityNote;\r\n outcomeOjb[occurrence][objID].reviewDates['nf'][activityId].activityId = d.objectiveActivityId;\r\n outcomeOjb[occurrence][objID].reviewDates['nf'][activityId].staffId = staffId;\r\n outcomeOjb[occurrence][objID].reviewDates['nf'][activityId].reviewNote = d.reviewNote;\r\n\r\n return;\r\n }\r\n if (occurrence === 'H') {\r\n if (d.startTime) {\r\n Object.keys(outcomeOjb[occurrence][objID].reviewDates).forEach(key => {\r\n let splitStart = d.startTime.split(':');\r\n let splitKey = key.split(':');\r\n\r\n if (splitStart[0] === splitKey[0]) {\r\n dateThisBelongsTo = key;\r\n }\r\n });\r\n }\r\n }\r\n if (occurrence === 'D') {\r\n const splitDate = date.split('/');\r\n const month = splitDate[0] < 10 ? `0${splitDate[0]}` : splitDate[0];\r\n const day = splitDate[1] < 10 ? `0${splitDate[1]}` : splitDate[1];\r\n const year = splitDate[2];\r\n \r\n dateThisBelongsTo = `${month}/${day}/${year}`;\r\n }\r\n if (occurrence === 'W') {\r\n Object.keys(outcomeOjb[occurrence][objID].reviewDates).forEach(key => {\r\n const [start, end] = key.split('-');\r\n const afterDate = new Date(`${start} 00:00:00`);\r\n const endDate = new Date(`${end} 00:00:00`);\r\n const compareDate = new Date(`${date} 00:00:00`);\r\n const isAfter = dates.isAfter(compareDate, afterDate);\r\n const isBefore = dates.isBefore(compareDate, endDate);\r\n\r\n if (isAfter && isBefore) {\r\n dateThisBelongsTo = key;\r\n }\r\n });\r\n }\r\n if (occurrence === 'M') {\r\n Object.keys(outcomeOjb[occurrence][objID].reviewDates).forEach(key => {\r\n let [month, day, year] = date.split('/');\r\n if (month < 10 && month.length === 1) {\r\n month = `0${month}`;\r\n }\r\n\r\n if (MONTHS[month] === key) {\r\n dateThisBelongsTo = key;\r\n }\r\n });\r\n }\r\n if (occurrence === 'Y') {\r\n Object.keys(outcomeOjb[occurrence][objID].reviewDates).forEach(key => {\r\n const [month, day, year] = date.split('/');\r\n if (year === key) {\r\n dateThisBelongsTo = key;\r\n }\r\n });\r\n }\r\n\r\n if (!dateThisBelongsTo) return;\r\n if (!outcomeOjb[occurrence][objID].reviewDates[dateThisBelongsTo]) return;\r\n\r\n outcomeOjb[occurrence][objID].timesDoc++;\r\n\r\n if (!timesDocByDate[occurrence]) timesDocByDate[occurrence] = {};\r\n if (!timesDocByDate[occurrence][objID]) timesDocByDate[occurrence][objID] = {};\r\n if (!timesDocByDate[occurrence][objID][dateThisBelongsTo]) timesDocByDate[occurrence][objID][dateThisBelongsTo] = {};\r\n if (!timesDocByDate[occurrence][objID][dateThisBelongsTo].timesDoc) {\r\n timesDocByDate[occurrence][objID][dateThisBelongsTo].timesDoc = 1;\r\n } else {\r\n timesDocByDate[occurrence][objID][dateThisBelongsTo].timesDoc++;\r\n }\r\n \r\n if (!outcomeOjb[occurrence][objID].reviewDates[dateThisBelongsTo][activityId]) {\r\n outcomeOjb[occurrence][objID].reviewDates[dateThisBelongsTo][activityId] = {};\r\n }\r\n\r\n outcomeOjb[occurrence][objID].reviewDates[dateThisBelongsTo][activityId].employee = d.employee;\r\n outcomeOjb[occurrence][objID].reviewDates[dateThisBelongsTo][\r\n activityId\r\n ].result = `${d.objectiveSuccessSymbol} ${d.objectiveSuccessDescription}`;\r\n outcomeOjb[occurrence][objID].reviewDates[dateThisBelongsTo][activityId].attempts = d.promptNumber;\r\n outcomeOjb[occurrence][objID].reviewDates[dateThisBelongsTo][\r\n activityId\r\n ].prompts = `${prompt ? prompt.Code : ''} ${prompt ? prompt.Caption : ''}`;\r\n outcomeOjb[occurrence][objID].reviewDates[dateThisBelongsTo][activityId].note = d.objectiveActivityNote;\r\n outcomeOjb[occurrence][objID].reviewDates[dateThisBelongsTo][activityId].staffId = staffId;\r\n outcomeOjb[occurrence][objID].reviewDates[dateThisBelongsTo][activityId].activityId = d.objectiveActivityId;\r\n outcomeOjb[occurrence][objID].reviewDates[dateThisBelongsTo][activityId].reviewNote = d.reviewNote;\r\n }\r\n }\r\n });\r\n }\r\n async function getReviewTableData() {\r\n const data = await outcomesAjax.getReviewTableData({\r\n consumerId: selectedConsumerId,\r\n objectiveDate: dates.formateToISO(selectedDate),\r\n });\r\n\r\n outcomesDataRaw = data;\r\n\r\n outcomesData = sortReviewTableData(data);\r\n setTabSections();\r\n setUnitType();\r\n }\r\n async function getReviewTableDataSecondary() {\r\n exclamationDateMap = {};\r\n setDatesForMiddleTier();\r\n\r\n const frequency = FREQ_MAP[activeTab];\r\n const data = await outcomesAjax.getReviewTableDataSecondary({\r\n consumerId: selectedConsumerId,\r\n startDate: selectedDateSpan.from,\r\n endDate: selectedDateSpan.to,\r\n objectiveIdList: Array.from(objIdSet).join(','),\r\n frequency,\r\n });\r\n\r\n outcomesDataSecondaryRaw = data.gridSecondary;\r\n\r\n Object.keys(outcomesData).forEach(a => {\r\n Object.keys(outcomesData[a]).forEach(b => {\r\n outcomesData[a][b].timesDoc = 0;\r\n outcomesData[a][b].successRate = 0;\r\n outcomesData[a][b].showExclamation = false;\r\n });\r\n });\r\n\r\n sortReviewTableDataSecondary(data.gridSecondary, outcomesData);\r\n\r\n Object.keys(outcomesData[frequency]).forEach(objId => {\r\n if (outcomesData[frequency][objId].successRate === 'N') {\r\n if (outcomesData[frequency][objId].timesDoc > 0) {\r\n outcomesData[frequency][objId].successRate = '0%';\r\n }\r\n\r\n if (outcomesData[frequency][objId].timesDoc === 0) {\r\n outcomesData[frequency][objId].successRate = '';\r\n }\r\n } else {\r\n if (outcomesData[frequency][objId].timesDoc > 0) {\r\n if (!outcomesData[frequency][objId].successRate) {\r\n outcomesData[frequency][objId].successRate = '100%';\r\n }\r\n } else if (outcomesData[frequency][objId].timesDoc === 0) {\r\n outcomesData[frequency][objId].successRate = '0%';\r\n }\r\n }\r\n \r\n if (outcomesData[frequency][objId].reviewDates) {\r\n Object.keys(outcomesData[frequency][objId].reviewDates).forEach(rDate => {\r\n if (frequency === 'NF') return;\r\n\r\n const freqMod = outcomesData[frequency][objId].frequencyModifier;\r\n const freqInc = outcomesData[frequency][objId].frequencyIncrement;\r\n const timesDoc = outcomesData[frequency][objId].timesDoc;\r\n let timesDocDate = 0;\r\n\r\n if (timesDocByDate[frequency] && timesDocByDate[frequency][objId] && timesDocByDate[frequency][objId][rDate]) {\r\n timesDocDate = timesDocByDate[frequency][objId][rDate].timesDoc ?? 0;\r\n }\r\n\r\n if (!exclamationDateMap[objId]) exclamationDateMap[objId] = {};\r\n\r\n if (freqMod === 'OBJFMAL' && timesDocDate < parseInt(freqInc)) {\r\n //'At least'\r\n outcomesData[frequency][objId].showExclamation = true\r\n exclamationDateMap[objId][rDate] = true;\r\n }\r\n if (freqMod === 'OBJFMEX' && timesDocDate !== parseInt(freqInc)) {\r\n //'Exactly'\r\n outcomesData[frequency][objId].showExclamation = true\r\n exclamationDateMap[objId][rDate] = true;\r\n }\r\n if (freqMod === 'OBJFMNM' && timesDocDate > parseInt(freqInc)) {\r\n //'No more than'\r\n outcomesData[frequency][objId].showExclamation = true\r\n exclamationDateMap[objId][rDate] = true;\r\n }\r\n });\r\n }\r\n });\r\n }\r\n \r\n async function init({ consumer, consumerName, date, allowedConsumerIds }) {\r\n console.clear();\r\n\r\n selectedConsumerId = consumer.id;\r\n selectedConsumerCard = consumer.card;\r\n selectedConsumerName = consumerName;\r\n selectedDate = date;\r\n serviceFilterVal = {\r\n text: 'All',\r\n value: 'All'\r\n };\r\n outcomeTypeFilterVal = {\r\n text: 'All',\r\n value: '%'\r\n };\r\n currentDateTime = new Date();\r\n\r\n setActiveModuleSectionAttribute('outcomes-review');\r\n PROGRESS.SPINNER.show('Loading Outcomes...');\r\n\r\n otherData = outcomes.getDataForOverview();\r\n dropdownData = outcomes.getDropdownValues();\r\n\r\n await getReviewTableData();\r\n await getReviewTableDataSecondary();\r\n\r\n DOM.clearActionCenter();\r\n\r\n outcomesReviewDiv = _DOM.createElement('div');\r\n outcomesReviewDiv.classList.add('outcomesReview');\r\n\r\n const backbtn = button.build({\r\n text: 'Back',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n outcomes.backToOutcomeLoad(consumer);\r\n }\r\n });\r\n\r\n consumerCardHeader = buildConsumerCard();\r\n\r\n const filterDisplay = buildCurrentFilterdisplay();\r\n outcomeTabs = buildTabs();\r\n\r\n outcomesReviewDiv.appendChild(backbtn);\r\n outcomesReviewDiv.appendChild(consumerCardHeader);\r\n outcomesReviewDiv.appendChild(filterDisplay);\r\n outcomesReviewDiv.appendChild(outcomeTabs);\r\n DOM.ACTIONCENTER.appendChild(outcomesReviewDiv);\r\n\r\n updateCurrentFilterDisplay();\r\n populateTabSections();\r\n\r\n roster2.setAllowedConsumers(allowedConsumerIds);\r\n roster2.addConsumerToActiveConsumers(selectedConsumerCard);\r\n roster2.miniRosterinit(null, {\r\n hideDate: true,\r\n });\r\n\r\n goalTypes = await outcomesAjax.getAllGoalTypes();\r\n outcomesAjax.getOutcomesPrimaryAndSecondaryLocations(\r\n selectedConsumerId,\r\n dates.formateToISO(selectedDate),\r\n results => sortLocations(results),\r\n );\r\n }\r\n\r\n return {\r\n init,\r\n handleActionNavEvent,\r\n };\r\n})();\r\n","const plan = (function () {\r\n // DOM\r\n // -----------------\r\n // plan landing\r\n let landingPage;\r\n let overviewTable;\r\n let newPlanBtn;\r\n let assignCaseLoadBtn;\r\n let downloadPlanBtn;\r\n // new plan setup\r\n let planSetupPage;\r\n let setupWrap;\r\n let prevPlanTable;\r\n let datesBoxDiv;\r\n let doneBtn;\r\n let addedMemberPopup;\r\n // main plan page\r\n let planHeader;\r\n let planHeaderButtons;\r\n let planHeaderGeneralInfoBar;\r\n let morePopup;\r\n let morePopupMenu;\r\n let editDatesScreen;\r\n let updateStatusScreen;\r\n let deleteScreen;\r\n let reactivateScreen;\r\n let addWorkflowScreen;\r\n let reportsScreen;\r\n let reportsAttachmentScreen;\r\n let DODDScreen;\r\n let portalScreen;\r\n let sendToDODDScreen;\r\n let changePlanTypeScreen;\r\n let generalInfoBar;\r\n\r\n // DATA\r\n // -----------------\r\n let previousPlansData;\r\n let dropdownData;\r\n let retrieveData;\r\n // general info\r\n let selectedConsumer;\r\n let planId;\r\n let planType;\r\n let planStatus;\r\n let planActiveStatus;\r\n let revisionNumber;\r\n let sentToOnet;\r\n let downloadedFromSalesforce;\r\n // prior plan data\r\n let hasPreviousPlans;\r\n let priorConsumerPlanId;\r\n let thisPreviousPlanId = 0;\r\n // more popup\r\n let selectedWorkflows;\r\n //let selectedPreviousWfForms;\r\n let addWorkflowDoneBtn;\r\n let planAttBody;\r\n let workflowAttBody;\r\n let signatureAttBody;\r\n let portalPlanAttBody;\r\n let portalWorkflowAttBody;\r\n let portalSignatureAttBody;\r\n let DODDplanAttBody;\r\n let DODDsignAttBody;\r\n let DODDworkflowAttBody;\r\n // runReports screen\r\n let include = 'N';\r\n let includeCheckbox; //\r\n // plan validation\r\n let ISPValidationCheck;\r\n\r\n async function launchWorkflowViewer() {\r\n let processId =\r\n planType === 'Revision' ? WorkflowProcess.CONSUMER_PLAN_REVISION : WorkflowProcess.CONSUMER_PLAN_ANNUAL;\r\n await WorkflowViewerComponent.open(processId, planId);\r\n }\r\n async function dashHandler(consumer, pId, stepId) {\r\n function pageLoadCallback() {\r\n let target = document.querySelector(`.wf-steps-container[data-id='${stepId}']`);\r\n let container = document.querySelector('.planWorkflow');\r\n if (target) container.scrollTop = target.offsetTop;\r\n }\r\n let {\r\n consumer: { consumerId, consumerFirstName, consumerLastName },\r\n } = consumer;\r\n\r\n setActiveModuleAttribute('plan');\r\n $.loadedApp = 'plan';\r\n DOM.clearActionCenter();\r\n DOM.scrollToTopOfPage();\r\n UTIL.toggleMenuItemHighlight('plan');\r\n\r\n // mock consumerCard\r\n let card = roster2.buildConsumerCard({\r\n FN: consumerFirstName,\r\n LN: consumerLastName,\r\n id: consumerId,\r\n });\r\n\r\n selectedConsumer = { card: card, id: consumerId };\r\n\r\n const plans = await planAjax.getConsumerPlans({\r\n token: $.session.Token,\r\n consumerId: selectedConsumer.id,\r\n });\r\n const pd = plans.filter(p => p.consumerPlanId === pId)[0];\r\n const assessmentData = await assessment.getAssessmentData(pd.consumerPlanId);\r\n const type = pd.planType === 'A' ? 'a' : 'r';\r\n const effectiveStart = pd.effectiveStart.split(' ')[0];\r\n const effectiveEnd = pd.effectiveEnd.split(' ')[0];\r\n const isActive = pd.active === 'True' ? true : false;\r\n\r\n planId = pd.consumerPlanId;\r\n planType = type;\r\n planStatus = pd.planStatus ? pd.planStatus : 'D';\r\n planActiveStatus = isActive;\r\n\r\n // TODO: below will need changed to call buildPlanPage()\r\n planDates.dashHandler({\r\n planYearStartDate: new Date(pd.planYearStart.split(' ')[0]),\r\n planYearEndDate: new Date(pd.planYearEnd.split(' ')[0]),\r\n effectiveStartDate: new Date(pd.effectiveStart.split(' ')[0]),\r\n effectiveEndDate: new Date(pd.effectiveEnd.split(' ')[0]),\r\n planReviewDate: pd.reviewDate ? new Date(pd.reviewDate.split(' ')[0]) : '',\r\n });\r\n await buildPlanPage(['w', 'a', 'i'], pageLoadCallback);\r\n // TODO: end\r\n\r\n // setTimeout(() => {\r\n\r\n // }, 1000);\r\n }\r\n\r\n // Helpers\r\n //---------------------------------------------\r\n async function handleActionNavEvent(target) {\r\n const targetAction = target.dataset.actionNav;\r\n\r\n switch (targetAction) {\r\n case 'miniRosterDone': {\r\n DOM.scrollToTopOfPage();\r\n DOM.clearActionCenter();\r\n PROGRESS.init();\r\n PROGRESS.SPINNER.show('Gathering Plans...');\r\n selectedConsumer = roster2.getActiveConsumers()[0];\r\n if ($.session.applicationName === 'Advisor') {\r\n planAjax.getConsumerPeopleId(selectedConsumer.id, function (results) {\r\n $.session.planPeopleId = results[0].id;\r\n selectedConsumer.consumerId = selectedConsumer.id;\r\n selectedConsumer.id = $.session.planPeopleId;\r\n loadLandingPage();\r\n DOM.toggleNavLayout();\r\n });\r\n } else {\r\n loadLandingPage();\r\n DOM.toggleNavLayout();\r\n }\r\n break;\r\n }\r\n case 'miniRosterCancel': {\r\n DOM.toggleNavLayout();\r\n loadApp('home');\r\n break;\r\n }\r\n }\r\n }\r\n //-- get\r\n function getSelectedConsumer() {\r\n return selectedConsumer;\r\n }\r\n function getCurrentPlanId() {\r\n return planId;\r\n }\r\n function getCurrentPlanType() {\r\n return planType;\r\n }\r\n function getPlanStatus() {\r\n return planStatus;\r\n }\r\n function getPlanActiveStatus() {\r\n return planActiveStatus;\r\n }\r\n function getPlanDropdownData() {\r\n return dropdownData;\r\n }\r\n function getHasPreviousPlans() {\r\n return previousPlansData ? (previousPlansData.length > 0 ? true : false) : false;\r\n }\r\n function getISPValidation() {\r\n return ISPValidationCheck;\r\n }\r\n //-- set\r\n function setSelectedConsumer(consumer) {\r\n selectedConsumer = consumer;\r\n }\r\n function setPlanId(newPlanId) {\r\n planId = newPlanId;\r\n }\r\n function setPlanType(newPlanType) {\r\n planType = newPlanType;\r\n }\r\n function setPlanStatus(newPlanStatus) {\r\n if (planStatus !== newPlanStatus) {\r\n planStatus = newPlanStatus;\r\n\r\n if (planStatus === 'D') {\r\n // do stuff\r\n } else {\r\n // do stuff\r\n }\r\n\r\n //isp informed consent\r\n // informedConsent.planStatusChange();\r\n //isp signatures\r\n // planSignature.planStatusChange();\r\n //isp contact information\r\n // contactInformation.planStatusChange();\r\n }\r\n }\r\n function setRevisionNumber(revNum) {\r\n revisionNumber = revNum;\r\n }\r\n function setPlanActiveStatus(newActiveStatus) {\r\n planActiveStatus = newActiveStatus;\r\n }\r\n //-- clear\r\n function clearAllData() {\r\n selectedConsumer = undefined;\r\n clearAllDataKeepConsumer();\r\n }\r\n function clearAllDataKeepConsumer() {\r\n planId = undefined;\r\n planType = undefined;\r\n planStatus = undefined;\r\n planActiveStatus = undefined;\r\n revisionNumber = undefined;\r\n downloadedFromSalesforce = undefined;\r\n\r\n hasPreviousPlans = undefined;\r\n priorConsumerPlanId = undefined;\r\n\r\n landingPage = undefined;\r\n overviewTable = undefined;\r\n newPlanBtn = undefined;\r\n planSetupPage = undefined;\r\n setupWrap = undefined;\r\n prevPlanTable = undefined;\r\n datesBoxDiv = undefined;\r\n doneBtn = undefined;\r\n planHeader = undefined;\r\n planHeaderButtons = undefined;\r\n planHeaderGeneralInfoBar = undefined;\r\n morePopup = undefined;\r\n morePopupMenu = undefined;\r\n editDatesScreen = undefined;\r\n updateStatusScreen = undefined;\r\n deleteScreen = undefined;\r\n reactivateScreen = undefined;\r\n addWorkflowScreen = undefined;\r\n sentToOnet = '';\r\n\r\n planDates.clearData();\r\n assessmentCard.clearData();\r\n }\r\n function clearPlanId() {\r\n planId = undefined;\r\n }\r\n\r\n // Plan Page - Q&A, ISP, Workflow, etc...\r\n //---------------------------------------------\r\n // more popup\r\n function refreshMoreMenu() {\r\n const newMorePopupMenu = buildMorePopupMenu();\r\n menuInnerWrap.replaceChild(newMorePopupMenu, morePopupMenu);\r\n morePopupMenu = newMorePopupMenu;\r\n }\r\n function buildEditDatesScreen() {\r\n const screen = document.createElement('div');\r\n screen.id = 'editDatesScreen';\r\n screen.classList.add('screen');\r\n\r\n const validDates = isValid => {\r\n if (isValid) {\r\n updateBtn.classList.remove('disabled');\r\n updateBtn.disabled = false;\r\n } else {\r\n updateBtn.classList.add('disabled');\r\n updateBtn.disabled = true;\r\n }\r\n };\r\n const dateBoxDiv = planDates.buildDatesBox(validDates);\r\n\r\n const updateBtn = button.build({\r\n text: 'Update',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n const success = await planDates.updatePlanDates(planId, planType);\r\n // const message = success === 1 ? 'Dates successfully changed.' : 'Plan dates were not able to be changed.';\r\n const message = 'Dates successfully changed.';\r\n const successDiv = successfulSave.get(message, true);\r\n // if (success !== 1) successDiv.classList.add('error');\r\n\r\n dateBoxDiv.style.display = 'none';\r\n btnWrap.style.display = 'none';\r\n screen.appendChild(successDiv);\r\n\r\n setTimeout(() => {\r\n screen.removeChild(successDiv);\r\n\r\n dateBoxDiv.removeAttribute('style');\r\n btnWrap.removeAttribute('style');\r\n\r\n screen.classList.remove('visible');\r\n morePopupMenu.classList.add('visible');\r\n\r\n refreshGeneralInfo();\r\n assessmentCard.refreshAssessmentCard({\r\n planStatus,\r\n planId,\r\n isActive: planActiveStatus,\r\n });\r\n ISP.refreshISP(planId);\r\n }, 1000);\r\n // let cache = {eventTypeId : planId, eventType : \"plan\", eventId : 13};\r\n // let processEvent = await WorkflowViewerAjax.processStepEventsAsync(cache);\r\n },\r\n });\r\n const cancelBtn = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n planDates.resetPlanDatesToOriginal();\r\n planDates.updateBoxDateValues();\r\n screen.classList.remove('visible');\r\n morePopupMenu.classList.add('visible');\r\n },\r\n });\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n\r\n btnWrap.appendChild(updateBtn);\r\n btnWrap.appendChild(cancelBtn);\r\n\r\n screen.appendChild(dateBoxDiv);\r\n screen.appendChild(btnWrap);\r\n\r\n return screen;\r\n }\r\n function buildUpdateStatusScreen() {\r\n let newStatus;\r\n\r\n const screen = document.createElement('div');\r\n screen.id = 'updateStatusScreen';\r\n screen.classList.add('screen');\r\n\r\n const currentStatus = document.createElement('div');\r\n currentStatus.classList.add('currentStatus');\r\n currentStatus.innerHTML = `\r\n Current Status:
${planStatus === 'D' ? 'Draft
' : 'Complete
'}\r\n `;\r\n\r\n const statusDropdown = dropdown.build({\r\n className: `statusDropdown`,\r\n label: 'Status',\r\n style: 'secondary',\r\n });\r\n const dropdownData = [\r\n { value: 'D', text: 'Draft' },\r\n { value: 'C', text: 'Complete' },\r\n ];\r\n dropdown.populate(statusDropdown, dropdownData, planStatus);\r\n statusDropdown.addEventListener('change', e => {\r\n var selectedOption = e.target.options[e.target.selectedIndex];\r\n newStatus = selectedOption.value;\r\n if (newStatus === planStatus) {\r\n updateBtn.classList.add('disabled');\r\n } else {\r\n updateBtn.classList.remove('disabled');\r\n }\r\n });\r\n\r\n const updateBtn = button.build({\r\n text: 'Update',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n let success;\r\n\r\n if (newStatus !== planStatus) {\r\n success = await planAjax.updateConsumerPlanSetStatus({\r\n token: $.session.Token,\r\n consumerPlanId: planId,\r\n status: newStatus,\r\n });\r\n planStatus = newStatus;\r\n if (planStatus === 'C') {\r\n finalizeBtn.classList.remove('disabled');\r\n } else {\r\n finalizeBtn.classList.add('disabled');\r\n }\r\n }\r\n\r\n const message = success === 1 ? 'Status successfully updated.' : 'Status was not able to be updated.';\r\n const successDiv = successfulSave.get(message, true);\r\n if (success !== 1) successDiv.classList.add('error');\r\n\r\n currentStatus.style.display = 'none';\r\n statusDropdown.style.display = 'none';\r\n btnWrap.style.display = 'none';\r\n screen.appendChild(successDiv);\r\n\r\n setTimeout(() => {\r\n screen.removeChild(successDiv);\r\n\r\n currentStatus.removeAttribute('style');\r\n statusDropdown.removeAttribute('style');\r\n btnWrap.removeAttribute('style');\r\n\r\n refreshMoreMenu();\r\n screen.classList.remove('visible');\r\n morePopupMenu.classList.add('visible');\r\n\r\n if (success === 1) {\r\n assessmentCard.refreshAssessmentCard({\r\n planStatus,\r\n planId,\r\n isActive: planActiveStatus,\r\n });\r\n ISP.refreshISP(planId);\r\n }\r\n }, 1000);\r\n },\r\n });\r\n const cancelBtn = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n screen.classList.remove('visible');\r\n morePopupMenu.classList.add('visible');\r\n },\r\n });\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n\r\n btnWrap.appendChild(updateBtn);\r\n btnWrap.appendChild(cancelBtn);\r\n\r\n screen.appendChild(currentStatus);\r\n screen.appendChild(statusDropdown);\r\n screen.appendChild(btnWrap);\r\n\r\n return screen;\r\n }\r\n function buildDeleteScreen() {\r\n const screen = document.createElement('div');\r\n screen.id = 'deleteScreen';\r\n screen.classList.add('screen');\r\n\r\n const warningMessage = document.createElement('div');\r\n warningMessage.classList.add('warningMessage');\r\n\r\n const effectiveStart = planDates.getEffectiveStartDate();\r\n const formatedDate = UTIL.formatDateFromDateObj(effectiveStart);\r\n const splitFormatedDate = formatedDate.split('-');\r\n let esDate = `${splitFormatedDate[1]}/${splitFormatedDate[2]}/${splitFormatedDate[0].substring(2)}`;\r\n\r\n if (planType === 'Annual' || planType === 'a') {\r\n warningMessage.innerHTML = `\r\nAre you sure you want to delete the entire Annual plan effective on ${esDate} for \r\n ${getConsumerNameFromCard(selectedConsumer)}?
\r\n `;\r\n } else {\r\n warningMessage.innerHTML = `\r\nAre you sure you want to delete the entire Revision ${revisionNumber} plan effective on ${esDate} for \r\n ${getConsumerNameFromCard(selectedConsumer)}?
\r\n `;\r\n }\r\n\r\n const yesBtn = button.build({\r\n text: 'Yes',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n const success = await planAjax.deletePlan({\r\n token: $.session.Token,\r\n consumerPlanId: planId,\r\n });\r\n const message = success === 'success' ? 'Plan was deleted.' : 'Unable to delete plan.';\r\n const successDiv = successfulSave.get(message, true);\r\n if (success !== 'success') {\r\n successDiv.classList.add('error');\r\n return;\r\n }\r\n\r\n const outcomes = [...document.querySelectorAll('.outcome')];\r\n outcomes.forEach(async outcome => {\r\n const isNew = outcome.dataset.newOutcome;\r\n const outcomeId = outcome.id;\r\n\r\n if (isNew === 'false') {\r\n await planOutcomesAjax.deletePlanOutcome({\r\n token: $.session.Token,\r\n outcomeId: outcomeId,\r\n });\r\n }\r\n });\r\n\r\n warningMessage.style.display = 'none';\r\n btnWrap.style.display = 'none';\r\n screen.appendChild(successDiv);\r\n\r\n setTimeout(function () {\r\n screen.removeChild(successDiv);\r\n\r\n warningMessage.removeAttribute('style');\r\n btnWrap.removeAttribute('style');\r\n\r\n screen.classList.remove('visible');\r\n morePopupMenu.classList.add('visible');\r\n\r\n if (success === 'success') {\r\n POPUP.hide(morePopup);\r\n loadLandingPage();\r\n }\r\n }, 1000);\r\n // let cache27 = {eventTypeId : planId, eventType : \"plan\", eventId : 27};\r\n // let processEvent = await WorkflowViewerAjax.processStepEventsAsync(cache27);\r\n // let cache28 = {eventTypeId : planId, eventType : \"plan\", eventId : 28};\r\n // let processEvent = await WorkflowViewerAjax.processStepEventsAsync(cache28);\r\n },\r\n });\r\n\r\n const noBtn = button.build({\r\n text: 'No',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n screen.classList.remove('visible');\r\n morePopupMenu.classList.add('visible');\r\n },\r\n });\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n\r\n btnWrap.appendChild(yesBtn);\r\n btnWrap.appendChild(noBtn);\r\n\r\n screen.appendChild(warningMessage);\r\n screen.appendChild(btnWrap);\r\n\r\n return screen;\r\n }\r\n function buildReactivateScreen() {\r\n const screen = document.createElement('div');\r\n screen.id = 'reactivateScreen';\r\n screen.classList.add('screen');\r\n\r\n const warningMessage = document.createElement('div');\r\n warningMessage.classList.add('warningMessage');\r\n warningMessage.innerHTML = 'Are you sure you want to reactivate this plan?
';\r\n\r\n const yesBtn = button.build({\r\n text: 'Yes',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n const success = await planAjax.updateConsumerPlanReactivate({\r\n token: $.session.Token,\r\n consumerPlanId: planId,\r\n });\r\n\r\n const message = success === 1 ? 'Plan successfully reactivated.' : 'Unable to reactivate plan.';\r\n const successDiv = successfulSave.get(message, true);\r\n if (success !== 1) successDiv.classList.add('error');\r\n\r\n warningMessage.style.display = 'none';\r\n btnWrap.style.display = 'none';\r\n screen.appendChild(successDiv);\r\n\r\n setTimeout(() => {\r\n screen.removeChild(successDiv);\r\n\r\n warningMessage.removeAttribute('style');\r\n btnWrap.removeAttribute('style');\r\n\r\n screen.classList.remove('visible');\r\n morePopupMenu.classList.add('visible');\r\n\r\n if (success === 1) {\r\n planActiveStatus = !planActiveStatus;\r\n assessmentCard.refreshAssessmentCard({\r\n planStatus,\r\n planId,\r\n isActive: planActiveStatus,\r\n });\r\n ISP.refreshISP(planId);\r\n }\r\n }, 1000);\r\n },\r\n });\r\n const noBtn = button.build({\r\n text: 'No',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n screen.classList.remove('visible');\r\n morePopupMenu.classList.add('visible');\r\n },\r\n });\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n\r\n btnWrap.appendChild(yesBtn);\r\n btnWrap.appendChild(noBtn);\r\n\r\n screen.appendChild(warningMessage);\r\n screen.appendChild(btnWrap);\r\n\r\n return screen;\r\n }\r\n function buildAddWorkflowScreen() {\r\n const screen = document.createElement('div');\r\n screen.id = 'addWorkflowScreen';\r\n screen.classList.add('screen');\r\n\r\n screen.addEventListener('click', e => {\r\n if (e.target.classList.contains('workflowListItem')) {\r\n const templateID = e.target.dataset.templateId;\r\n\r\n if (!e.target.classList.contains('selected')) {\r\n e.target.classList.add('selected');\r\n selectedWorkflows.push(templateID);\r\n } else {\r\n e.target.classList.remove('selected');\r\n selectedWorkflows = selectedWorkflows.filter(wf => wf !== templateID);\r\n }\r\n\r\n selectedWorkflows.length > 0\r\n ? addWorkflowDoneBtn.classList.remove('disabled')\r\n : addWorkflowDoneBtn.classList.add('disabled');\r\n }\r\n });\r\n\r\n return screen;\r\n }\r\n async function populateAddWorkflowScreen() {\r\n const processId = planWorkflow.getProcessId(planType);\r\n selectedWorkflows = [];\r\n\r\n const screen = document.getElementById('addWorkflowScreen');\r\n screen.innerHTML = '';\r\n\r\n const title = document.createElement('h2');\r\n title.innerHTML = 'Select workflow(s) to attach.';\r\n screen.appendChild(title);\r\n\r\n const wfvData = await planWorkflow.getWorkflowList(processId, planId);\r\n if (wfvData && wfvData.length > 0) {\r\n const list = planWorkflow.buildWorkflowList(wfvData);\r\n screen.appendChild(list);\r\n }\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n\r\n const cancelBtn = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n addWorkflowDoneBtn.classList.add('disabled');\r\n screen.classList.remove('visible');\r\n morePopupMenu.classList.add('visible');\r\n },\r\n });\r\n addWorkflowDoneBtn = button.build({\r\n text: 'Done',\r\n type: 'contained',\r\n style: 'secondary',\r\n classNames: ['copySelectedBtn', 'disabled'],\r\n callback: () => {\r\n addWorkflowDoneBtn.classList.add('disabled');\r\n cancelBtn.classList.add('disabled');\r\n\r\n if (selectedWorkflows && selectedWorkflows.length > 0) {\r\n selectedWorkflows.forEach(workflowTemplateId => {\r\n WorkflowViewerAjax.copyWorkflowtemplateToRecord({\r\n token: $.session.Token,\r\n templateId: workflowTemplateId,\r\n referenceId: planId,\r\n peopleId: selectedConsumer.id,\r\n });\r\n });\r\n\r\n const message = 'Workflows Added';\r\n const successDiv = successfulSave.get(null, true);\r\n screen.appendChild(successDiv);\r\n\r\n setTimeout(() => {\r\n screen.removeChild(successDiv);\r\n screen.classList.remove('visible');\r\n morePopupMenu.classList.add('visible');\r\n }, 1000);\r\n }\r\n },\r\n });\r\n\r\n btnWrap.appendChild(addWorkflowDoneBtn);\r\n btnWrap.appendChild(cancelBtn);\r\n screen.appendChild(btnWrap);\r\n }\r\n function buildReportsScreen() {\r\n const screen = document.createElement('div');\r\n screen.id = 'reportsScreen';\r\n screen.classList.add('screen');\r\n\r\n const attachmentsWrap = document.createElement('div');\r\n attachmentsWrap.classList.add('attachmentsWrap');\r\n const attachHeading = document.createElement('p');\r\n attachHeading.classList.add('attachmentsHeading');\r\n attachHeading.innerText = `Please select the attachment(s) that should be included with the report.`;\r\n attachmentsWrap.appendChild(attachHeading);\r\n\r\n const planAttWrap = document.createElement('div');\r\n planAttWrap.classList.add('planAttWrap');\r\n const workflowAttWrap = document.createElement('div');\r\n workflowAttWrap.classList.add('workflowAttWrap');\r\n const signatureAttWrap = document.createElement('div');\r\n signatureAttWrap.classList.add('signatureAttWrap');\r\n attachmentsWrap.appendChild(planAttWrap);\r\n attachmentsWrap.appendChild(workflowAttWrap);\r\n attachmentsWrap.appendChild(signatureAttWrap);\r\n\r\n const planHeading = document.createElement('h2');\r\n const workflowHeading = document.createElement('h2');\r\n const signHeading = document.createElement('h2');\r\n planHeading.innerText = 'Plan Attachments';\r\n workflowHeading.innerText = 'Workflow Attachments';\r\n signHeading.innerText = 'Signature Attachments';\r\n planAttWrap.appendChild(planHeading);\r\n workflowAttWrap.appendChild(workflowHeading);\r\n signatureAttWrap.appendChild(signHeading);\r\n\r\n planAttBody = document.createElement('div');\r\n signatureAttBody = document.createElement('div');\r\n workflowAttBody = document.createElement('div');\r\n planAttWrap.appendChild(planAttBody);\r\n signatureAttWrap.appendChild(signatureAttBody);\r\n workflowAttWrap.appendChild(workflowAttBody);\r\n\r\n screen.appendChild(attachmentsWrap);\r\n\r\n return screen;\r\n }\r\n function buildReportsAttachmentsScreen() {\r\n const screen = document.createElement('div');\r\n screen.id = 'reportsAttachmentScreen';\r\n screen.classList.add('screen');\r\n\r\n return screen;\r\n }\r\n function buildDODDScreen() {\r\n const screen = document.createElement('div');\r\n screen.id = 'DODDScreen';\r\n screen.classList.add('screen');\r\n\r\n //const message = document.createElement('p');\r\n //message.classList.add('doddMessage');\r\n //screen.appendChild(message);\r\n\r\n const attachmentsWrap = document.createElement('div');\r\n attachmentsWrap.classList.add('attachmentsWrap');\r\n const attachHeading = document.createElement('p');\r\n attachHeading.classList.add('attachmentsHeading');\r\n attachHeading.innerText = `Please select the attachment(s) that should be sent to DODD with the plan.`;\r\n attachmentsWrap.appendChild(attachHeading);\r\n\r\n const DODDplanAttWrap = document.createElement('div');\r\n DODDplanAttWrap.classList.add('planAttWrap');\r\n const DODDsignatureAttWrap = document.createElement('div');\r\n DODDsignatureAttWrap.classList.add('signatureAttWrap');\r\n const DODDworkflowAttWrap = document.createElement('div');\r\n DODDworkflowAttWrap.classList.add('workflowAttWrap');\r\n attachmentsWrap.appendChild(DODDplanAttWrap);\r\n attachmentsWrap.appendChild(DODDsignatureAttWrap);\r\n attachmentsWrap.appendChild(DODDworkflowAttWrap);\r\n\r\n const planHeading = document.createElement('h2');\r\n const signHeading = document.createElement('h2');\r\n const workflowHeading = document.createElement('h2');\r\n planHeading.innerText = 'Plan and Assessment Attachments';\r\n signHeading.innerText = 'Signature Attachments';\r\n workflowHeading.innerText = 'Workflow Attachments';\r\n DODDplanAttWrap.appendChild(planHeading);\r\n DODDsignatureAttWrap.appendChild(signHeading);\r\n DODDworkflowAttWrap.appendChild(workflowHeading);\r\n\r\n DODDplanAttBody = document.createElement('div');\r\n DODDsignAttBody = document.createElement('div');\r\n DODDworkflowAttBody = document.createElement('div');\r\n DODDplanAttWrap.appendChild(DODDplanAttBody);\r\n DODDsignatureAttWrap.appendChild(DODDsignAttBody);\r\n DODDworkflowAttWrap.appendChild(DODDworkflowAttBody);\r\n\r\n screen.appendChild(attachmentsWrap);\r\n\r\n return screen;\r\n }\r\n function buildPortalScreen() {\r\n const screen = document.createElement('div');\r\n screen.id = 'portalScreen';\r\n screen.classList.add('screen');\r\n\r\n const attachmentsWrap = document.createElement('div');\r\n attachmentsWrap.classList.add('attachmentsWrap');\r\n const attachHeading = document.createElement('p');\r\n attachHeading.classList.add('attachmentsHeading');\r\n attachHeading.innerText = `Please select the attachment(s) that should be included with the report.`;\r\n attachmentsWrap.appendChild(attachHeading);\r\n\r\n const portalPlanAttWrap = document.createElement('div');\r\n portalPlanAttWrap.classList.add('planAttWrap');\r\n const portalWorkflowAttWrap = document.createElement('div');\r\n portalWorkflowAttWrap.classList.add('workflowAttWrap');\r\n const portalSignatureAttWrap = document.createElement('div');\r\n portalSignatureAttWrap.classList.add('signatureAttWrap');\r\n attachmentsWrap.appendChild(portalPlanAttWrap);\r\n attachmentsWrap.appendChild(portalWorkflowAttWrap);\r\n attachmentsWrap.appendChild(portalSignatureAttWrap);\r\n\r\n const planHeading = document.createElement('h2');\r\n const workflowHeading = document.createElement('h2');\r\n const signHeading = document.createElement('h2');\r\n planHeading.innerText = 'Plan Attachments';\r\n workflowHeading.innerText = 'Workflow Attachments';\r\n signHeading.innerText = 'Signature Attachments';\r\n portalPlanAttWrap.appendChild(planHeading);\r\n portalWorkflowAttWrap.appendChild(workflowHeading);\r\n portalSignatureAttWrap.appendChild(signHeading);\r\n\r\n portalPlanAttBody = document.createElement('div');\r\n portalSignatureAttBody = document.createElement('div');\r\n portalWorkflowAttBody = document.createElement('div');\r\n portalPlanAttWrap.appendChild(portalPlanAttBody);\r\n portalSignatureAttWrap.appendChild(portalSignatureAttBody);\r\n portalWorkflowAttWrap.appendChild(portalWorkflowAttBody);\r\n\r\n screen.appendChild(attachmentsWrap);\r\n\r\n return screen;\r\n }\r\n function buildSendToDODDScreen() {\r\n const screen = document.createElement('div');\r\n screen.id = 'sendToDODDScreen';\r\n screen.classList.add('screen');\r\n\r\n const message = document.createElement('p');\r\n message.classList.add('doddMessage');\r\n screen.appendChild(message);\r\n\r\n return screen;\r\n }\r\n function buildChangePlanTypeScreen() {\r\n let origDateCache;\r\n let origType;\r\n let newType;\r\n let previousPlansTable;\r\n let datesBoxDiv;\r\n // data from prev plan\r\n let newPlan, newPlanData;\r\n\r\n const screen = document.createElement('div');\r\n screen.id = 'changePlanTypeScreen';\r\n screen.classList.add('screen');\r\n\r\n // current type\r\n const currentType = document.createElement('div');\r\n currentType.classList.add('currentType');\r\n currentType.innerHTML = `\r\nCurrent Type:
${planType === 'a' ? 'Annual
' : 'Revision
'}\r\n `;\r\n\r\n // dropdown\r\n const typeDropdown = dropdown.build({\r\n className: `typeDropdown`,\r\n label: 'Type',\r\n style: 'secondary',\r\n });\r\n dropdown.populate(\r\n typeDropdown,\r\n [\r\n { value: 'a', text: 'Annual' },\r\n { value: 'r', text: 'Revision' },\r\n ],\r\n planType,\r\n );\r\n typeDropdown.addEventListener('change', event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n newType = selectedOption.value;\r\n if (newType === planType) {\r\n updateBtn.classList.add('disabled');\r\n } else {\r\n updateBtn.classList.remove('disabled');\r\n\r\n if (newType === 'r') {\r\n // prev plans table\r\n previousPlansTable = buildPreviousPlansTable(true, (selectedPlan, planData) => {\r\n newPlan = selectedPlan;\r\n newPlanData = planData;\r\n\r\n origType = planType;\r\n origDateCache = planDates.setRevisionPlanDates(newPlanData);\r\n planType = newType;\r\n\r\n const previouslySeletedRow = previousPlansTable.querySelector('.selected');\r\n if (previouslySeletedRow) previouslySeletedRow.classList.remove('selected');\r\n selectedPlan.classList.add('selected');\r\n\r\n if (screen.contains(datesBoxDiv)) screen.removeChild(datesBoxDiv);\r\n datesBoxDiv = planDates.buildDatesBox(isValid => {\r\n if (isValid) {\r\n updateBtn.classList.remove('disabled');\r\n } else {\r\n updateBtn.classList.add('disabled');\r\n }\r\n }, true);\r\n screen.insertBefore(datesBoxDiv, btnWrap);\r\n });\r\n screen.insertBefore(previousPlansTable, btnWrap);\r\n } else {\r\n if (previousPlansTable) screen.removeChild(previousPlansTable);\r\n if (datesBoxDiv) screen.removeChild(datesBoxDiv);\r\n if (origDateCache) planDates.resetPlanDatesFromChangeTypeMenu(origDateCache);\r\n }\r\n }\r\n });\r\n\r\n // btns\r\n const updateBtn = button.build({\r\n text: 'Update',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n const success = await planAjax.updatePlanType({\r\n token: $.session.Token,\r\n consumerPlanId: planId,\r\n prevPlanId: newType === 'a' ? planId : newPlanData.consumerPlanId,\r\n planType: newType.toUpperCase(),\r\n revisionNumber: newType === 'r' ? parseInt(newPlanData.revisionNumber) + 1 : '',\r\n planYearStart: UTIL.formatDateToIso(dates.formatISO(planDates.getPlanYearStartDate()).split('T')[0]),\r\n planYearEnd: UTIL.formatDateToIso(dates.formatISO(planDates.getPlanYearEndDate()).split('T')[0]),\r\n effectiveStartDate: UTIL.formatDateToIso(dates.formatISO(planDates.getEffectiveStartDate()).split('T')[0]),\r\n effectiveEndDate: UTIL.formatDateToIso(dates.formatISO(planDates.getEffectiveEndDate())).split('T')[0],\r\n reviewDate: UTIL.formatDateToIso(dates.formatISO(planDates.getPlanReviewDate())).split('T')[0],\r\n });\r\n\r\n if (success === 'Success') {\r\n currentType.innerHTML = `Current Type:
${planType === 'a' ? 'Annual
' : 'Revision
'}`;\r\n }\r\n\r\n const message = success === 'Success' ? 'Type successfully updated.' : 'Type was not able to be updated.';\r\n const successDiv = successfulSave.get(message, true);\r\n if (success !== 'Success') successDiv.classList.add('error');\r\n\r\n currentType.style.display = 'none';\r\n typeDropdown.style.display = 'none';\r\n btnWrap.style.display = 'none';\r\n screen.appendChild(successDiv);\r\n\r\n setTimeout(() => {\r\n screen.removeChild(successDiv);\r\n\r\n currentType.removeAttribute('style');\r\n typeDropdown.removeAttribute('style');\r\n btnWrap.removeAttribute('style');\r\n\r\n refreshMoreMenu();\r\n screen.classList.remove('visible');\r\n morePopupMenu.classList.add('visible');\r\n\r\n if (success === 'Success') {\r\n refreshGeneralInfo();\r\n assessmentCard.refreshAssessmentCard({\r\n planStatus,\r\n planId,\r\n isActive: planActiveStatus,\r\n });\r\n ISP.refreshISP(planId);\r\n } else {\r\n if (previousPlansTable) screen.removeChild(previousPlansTable);\r\n if (datesBoxDiv) screen.removeChild(datesBoxDiv);\r\n\r\n // reset type dropdown value\r\n const typeSelect = typeDropdown.querySelector('select');\r\n typeSelect.value = planType;\r\n // reset dates\r\n if (origDateCache) planDates.resetPlanDatesFromChangeTypeMenu(origDateCache);\r\n // reset type\r\n plantype = origType;\r\n }\r\n }, 1000);\r\n },\r\n });\r\n updateBtn.classList.add('disabled');\r\n const cancelBtn = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n if (previousPlansTable) screen.removeChild(previousPlansTable);\r\n if (datesBoxDiv) screen.removeChild(datesBoxDiv);\r\n\r\n // reset type dropdown value\r\n const typeSelect = typeDropdown.querySelector('select');\r\n typeSelect.value = planType;\r\n // reset dates\r\n if (origDateCache) planDates.resetPlanDatesFromChangeTypeMenu(origDateCache);\r\n // reset type\r\n plantype = origType;\r\n\r\n screen.classList.remove('visible');\r\n morePopupMenu.classList.add('visible');\r\n },\r\n });\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n\r\n btnWrap.appendChild(updateBtn);\r\n btnWrap.appendChild(cancelBtn);\r\n\r\n screen.appendChild(currentType);\r\n screen.appendChild(typeDropdown);\r\n screen.appendChild(btnWrap);\r\n\r\n return screen;\r\n }\r\n function getAttachmentIds(attachments) {\r\n const idArray = [];\r\n\r\n for (const prop in attachments) {\r\n idArray.push(attachments[prop].attachmentId);\r\n }\r\n\r\n return idArray;\r\n }\r\n\r\n function getwfstepdocIds(attachments) {\r\n const idArray = [];\r\n\r\n for (const prop in attachments) {\r\n idArray.push(attachments[prop].workflowstepdocId);\r\n }\r\n\r\n return idArray;\r\n }\r\n\r\n async function runReportScreen(extraSpace) {\r\n const selectedAttachmentsPlan = {};\r\n const selectedAttachmentsWorkflow = {};\r\n const selectedAttachmentsSignature = {};\r\n\r\n // clear out body before each run to prevent dups\r\n planAttBody.innerHTML = '';\r\n workflowAttBody.innerHTML = '';\r\n signatureAttBody.innerHTML = '';\r\n\r\n // Show Attachements\r\n const attachments = await planAjax.getPlanAndWorkFlowAttachments({\r\n token: $.session.Token,\r\n assessmentId: planId, //TODO\r\n });\r\n\r\n let index = 0;\r\n\r\n if (attachments) {\r\n for (const prop in attachments) {\r\n attachments[prop].order = index;\r\n const a = attachments[prop];\r\n const attachment = document.createElement('div');\r\n attachment.classList.add('attachment');\r\n const description = document.createElement('p');\r\n description.innerText = a.description;\r\n attachment.appendChild(description);\r\n\r\n attachment.addEventListener('click', () => {\r\n if (!attachment.classList.contains('selected')) {\r\n attachment.classList.add('selected');\r\n if (a.sigAttachmentId) {\r\n selectedAttachmentsSignature[a.order] = { ...a };\r\n } else if (a.whereFrom === 'Plan') {\r\n selectedAttachmentsPlan[a.order] = { ...a };\r\n } else {\r\n selectedAttachmentsWorkflow[a.order] = { ...a };\r\n }\r\n } else {\r\n attachment.classList.remove('selected');\r\n if (a.sigAttachmentId) {\r\n delete selectedAttachmentsSignature[a.order];\r\n } else if (a.whereFrom === 'Plan') {\r\n delete selectedAttachmentsPlan[a.order];\r\n } else {\r\n delete selectedAttachmentsWorkflow[a.order];\r\n }\r\n }\r\n });\r\n\r\n if (a.sigAttachmentId) {\r\n signatureAttBody.appendChild(attachment);\r\n } else if (a.whereFrom === 'Plan') {\r\n planAttBody.appendChild(attachment);\r\n } else {\r\n workflowAttBody.appendChild(attachment);\r\n }\r\n\r\n index++;\r\n }\r\n }\r\n\r\n // checkbox\r\n includeCheckbox = input.buildCheckbox({\r\n id: 'reportCheckbox',\r\n // className: 'reportCheckbox',\r\n isChecked: include === 'Y' ? true : false,\r\n });\r\n\r\n includeCheckbox.addEventListener('change', event => {\r\n include = event.target.checked ? 'Y' : 'N';\r\n });\r\n\r\n const doneBtn = button.build({\r\n text: 'Done',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n let isSuccess;\r\n // build & show spinner\r\n const spinner = PROGRESS.SPINNER.get('Building Report...');\r\n const screenInner = reportsScreen.querySelector('.attachmentsWrap');\r\n reportsScreen.removeChild(doneBtn);\r\n reportsScreen.removeChild(checkboxArea);\r\n reportsScreen.removeChild(screenInner);\r\n reportsScreen.appendChild(spinner);\r\n // generate report\r\n if (\r\n Object.keys(selectedAttachmentsPlan).length > 0 ||\r\n Object.keys(selectedAttachmentsWorkflow).length > 0 ||\r\n Object.keys(selectedAttachmentsSignature).length > 0\r\n ) {\r\n const planAttachmentIds = getAttachmentIds(selectedAttachmentsPlan);\r\n const wfAttachmentIds = getAttachmentIds(selectedAttachmentsWorkflow);\r\n const sigAttachmentIds = getAttachmentIds(selectedAttachmentsSignature);\r\n isSuccess = assessment.generateReportWithAttachments(\r\n planId,\r\n '1',\r\n extraSpace,\r\n planAttachmentIds,\r\n wfAttachmentIds,\r\n sigAttachmentIds,\r\n 'false', //DODDFlag\r\n 'false', //signatureOnly\r\n include, // 'Y' or 'N' -- Include Important to, Important For, Skills and Abilities, and Risks in assessment\r\n );\r\n } else {\r\n //isSuccess = await assessment.generateReport(planId, '1', extraSpace);\r\n const planAttachmentIds = getAttachmentIds(selectedAttachmentsPlan);\r\n const wfAttachmentIds = getAttachmentIds(selectedAttachmentsWorkflow);\r\n const sigAttachmentIds = getAttachmentIds(selectedAttachmentsSignature);\r\n isSuccess = assessment.generateReportWithAttachments(\r\n planId,\r\n '1',\r\n extraSpace,\r\n planAttachmentIds,\r\n wfAttachmentIds,\r\n sigAttachmentIds,\r\n 'false', //DODDFlag\r\n 'false', //signatureOnly\r\n include, // 'Y' or 'N' -- Include Important to, Important For, Skills and Abilities, and Risks in assessment\r\n );\r\n }\r\n\r\n // remove spinner\r\n reportsScreen.removeChild(spinner);\r\n reportsScreen.appendChild(screenInner);\r\n reportsScreen.classList.remove('visible');\r\n morePopupMenu.classList.add('visible');\r\n },\r\n });\r\n\r\n // add checkbox\r\n // const checkboxCheck = document.createElement('div');\r\n // checkboxCheck.appendChild(includeCheckbox);\r\n const checkboxText = document.createElement('div');\r\n checkboxText.innerHTML = 'Include Important to, Important For, Skills and Abilities, and Risks in assessment';\r\n const checkboxArea = document.createElement('div');\r\n checkboxArea.classList.add('checkboxWrap');\r\n checkboxArea.appendChild(includeCheckbox);\r\n checkboxArea.appendChild(checkboxText);\r\n reportsScreen.appendChild(checkboxArea);\r\n reportsScreen.appendChild(doneBtn);\r\n }\r\n\r\n async function runPortalScreen(extraSpace) {\r\n const selectedAttachmentsPlan = {};\r\n const selectedAttachmentsWorkflow = {};\r\n const selectedAttachmentsSignature = {};\r\n\r\n // clear out body before each run to prevent dups\r\n portalPlanAttBody.innerHTML = '';\r\n portalWorkflowAttBody.innerHTML = '';\r\n portalSignatureAttBody.innerHTML = '';\r\n\r\n // Show Attachements\r\n const attachments = await planAjax.getPlanAndWorkFlowAttachments({\r\n token: $.session.Token,\r\n assessmentId: planId,\r\n });\r\n\r\n let index = 0;\r\n\r\n if (attachments) {\r\n for (const prop in attachments) {\r\n attachments[prop].order = index;\r\n const a = attachments[prop];\r\n const attachment = document.createElement('div');\r\n attachment.classList.add('attachment');\r\n const description = document.createElement('p');\r\n description.innerText = a.description;\r\n attachment.appendChild(description);\r\n\r\n attachment.addEventListener('click', () => {\r\n if (!attachment.classList.contains('selected')) {\r\n attachment.classList.add('selected');\r\n if (a.sigAttachmentId) {\r\n selectedAttachmentsSignature[a.order] = { ...a };\r\n } else if (a.whereFrom === 'Plan') {\r\n selectedAttachmentsPlan[a.order] = { ...a };\r\n } else {\r\n selectedAttachmentsWorkflow[a.order] = { ...a };\r\n }\r\n } else {\r\n attachment.classList.remove('selected');\r\n if (a.sigAttachmentId) {\r\n delete selectedAttachmentsSignature[a.order];\r\n } else if (a.whereFrom === 'Plan') {\r\n delete selectedAttachmentsPlan[a.order];\r\n } else {\r\n delete selectedAttachmentsWorkflow[a.order];\r\n }\r\n }\r\n });\r\n\r\n if (a.sigAttachmentId) {\r\n portalSignatureAttBody.appendChild(attachment);\r\n } else if (a.whereFrom === 'Plan') {\r\n portalPlanAttBody.appendChild(attachment);\r\n } else {\r\n portalWorkflowAttBody.appendChild(attachment);\r\n }\r\n\r\n index++;\r\n }\r\n }\r\n\r\n // checkbox\r\n includeCheckbox = input.buildCheckbox({\r\n id: 'portalCheckbox',\r\n isChecked: include === 'Y' ? true : false,\r\n });\r\n\r\n includeCheckbox.addEventListener('change', event => {\r\n include = event.target.checked ? 'Y' : 'N';\r\n });\r\n\r\n const doneBtn = button.build({\r\n text: 'Done',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n let sendSuccess;\r\n // build & show spinner\r\n const spinner = PROGRESS.SPINNER.get('Sending Plan to OhioDD.net');\r\n const screenInner = portalScreen.querySelector('.attachmentsWrap');\r\n portalScreen.removeChild(doneBtn);\r\n portalScreen.removeChild(checkboxArea);\r\n portalScreen.removeChild(screenInner);\r\n portalScreen.appendChild(spinner);\r\n // send report to ohiodd.net\r\n if (\r\n Object.keys(selectedAttachmentsPlan).length > 0 ||\r\n Object.keys(selectedAttachmentsWorkflow).length > 0 ||\r\n Object.keys(selectedAttachmentsSignature).length > 0\r\n ) {\r\n const planAttachmentIds = getAttachmentIds(selectedAttachmentsPlan);\r\n const wfAttachmentIds = getAttachmentIds(selectedAttachmentsWorkflow);\r\n const sigAttachmentIds = getAttachmentIds(selectedAttachmentsSignature);\r\n sendSuccess = await assessment.transeferPlanReportToONET(\r\n planId,\r\n '1',\r\n extraSpace,\r\n planAttachmentIds,\r\n wfAttachmentIds,\r\n sigAttachmentIds,\r\n 'false', //DODDFlag\r\n 'false', //signatureOnly\r\n include, // 'Y' or 'N' -- Include Important to, Important For, Skills and Abilities, and Risks in assessment\r\n );\r\n } else {\r\n const planAttachmentIds = getAttachmentIds(selectedAttachmentsPlan);\r\n const wfAttachmentIds = getAttachmentIds(selectedAttachmentsWorkflow);\r\n const sigAttachmentIds = getAttachmentIds(selectedAttachmentsSignature);\r\n sendSuccess = await assessment.transeferPlanReportToONET(\r\n planId,\r\n '1',\r\n extraSpace,\r\n planAttachmentIds,\r\n wfAttachmentIds,\r\n sigAttachmentIds,\r\n 'false', //DODDFlag\r\n 'false', //signatureOnly\r\n include, // 'Y' or 'N' -- Include Important to, Important For, Skills and Abilities, and Risks in assessment\r\n );\r\n }\r\n\r\n sendToPortalAlert(sendSuccess);\r\n\r\n // remove spinner\r\n portalScreen.removeChild(spinner);\r\n portalScreen.appendChild(screenInner);\r\n portalScreen.classList.remove('visible');\r\n morePopupMenu.classList.add('visible');\r\n },\r\n });\r\n\r\n const checkboxText = document.createElement('div');\r\n checkboxText.innerHTML = 'Include Important to, Important For, Skills and Abilities, and Risks in assessment';\r\n const checkboxArea = document.createElement('div');\r\n checkboxArea.classList.add('checkboxWrap');\r\n checkboxArea.appendChild(includeCheckbox);\r\n checkboxArea.appendChild(checkboxText);\r\n portalScreen.appendChild(checkboxArea);\r\n portalScreen.appendChild(doneBtn);\r\n }\r\n\r\n async function runDODDScreen(extraSpace) {\r\n const selectedAttachmentsPlan = {};\r\n const selectedAttachmentsWorkflow = {};\r\n const selectedAttachmentsSignature = {};\r\n\r\n // clear out body before each run to prevent dups\r\n DODDplanAttBody.innerHTML = '';\r\n DODDsignAttBody.innerHTML = '';\r\n DODDworkflowAttBody.innerHTML = '';\r\n\r\n // Show Attachements\r\n const attachments = await planAjax.getPlanAndWorkFlowAttachments({\r\n token: $.session.Token,\r\n assessmentId: planId, //TODO\r\n });\r\n\r\n let index = 0;\r\n\r\n if (attachments) {\r\n for (const prop in attachments) {\r\n attachments[prop].order = index;\r\n const a = attachments[prop];\r\n const attachment = document.createElement('div');\r\n attachment.classList.add('attachment');\r\n const description = document.createElement('p');\r\n description.innerText = a.description;\r\n attachment.appendChild(description);\r\n // attachment.setAttribute('data-WF-stepdocId', a.workflowstepdocId);\r\n // attachment.setAttribute('data-attachmentId', a.attachmentId);\r\n\r\n attachment.addEventListener('click', () => {\r\n if (!attachment.classList.contains('selected')) {\r\n attachment.classList.add('selected');\r\n if (a.sigAttachmentId) {\r\n selectedAttachmentsSignature[a.order] = { ...a };\r\n } else if (a.whereFrom === 'Plan') {\r\n selectedAttachmentsPlan[a.order] = { ...a };\r\n } else {\r\n selectedAttachmentsWorkflow[a.order] = { ...a };\r\n }\r\n } else {\r\n attachment.classList.remove('selected');\r\n if (a.sigAttachmentId) {\r\n delete selectedAttachmentsSignature[a.order];\r\n } else if (a.whereFrom === 'Plan') {\r\n delete selectedAttachmentsPlan[a.order];\r\n } else {\r\n delete selectedAttachmentsWorkflow[a.order];\r\n }\r\n }\r\n });\r\n\r\n if (a.sigAttachmentId) {\r\n DODDsignAttBody.appendChild(attachment);\r\n } else if (a.whereFrom === 'Plan') {\r\n DODDplanAttBody.appendChild(attachment);\r\n } else {\r\n DODDworkflowAttBody.appendChild(attachment);\r\n }\r\n\r\n index++;\r\n }\r\n }\r\n\r\n const doneBtn = button.build({\r\n text: 'Send To DODD',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n //Send plan to DODD\r\n // runSendToDODDScreen();\r\n\r\n //Send the selected plan attachments to DODD by calling the same function the report uses\r\n let sendSuccess = [];\r\n // build & show spinner\r\n const spinner = PROGRESS.SPINNER.get('Sending to DODD...');\r\n const screenInner = DODDScreen.querySelector('.attachmentsWrap');\r\n DODDScreen.removeChild(doneBtn);\r\n DODDScreen.removeChild(screenInner);\r\n DODDScreen.appendChild(spinner);\r\n // generate report\r\n // if (\r\n // Object.keys(selectedAttachmentsPlan).length > 0 ||\r\n // Object.keys(selectedAttachmentsWorkflow).length > 0 ||\r\n // Object.keys(selectedAttachmentsSignature).length > 0\r\n // ) {\r\n const planAttachmentIds = getAttachmentIds(selectedAttachmentsPlan);\r\n const wfAttachmentIds = getwfstepdocIds(selectedAttachmentsWorkflow);\r\n const sigAttachmentIds = getAttachmentIds(selectedAttachmentsSignature);\r\n try {\r\n // await needed to allow spinner to spin while request is being made\r\n // try catch added to prevent code from stopping on ajax error\r\n sendSuccess = await assessmentAjax.sendSelectedAttachmentsToDODD({\r\n token: $.session.Token,\r\n planAttachmentIds: planAttachmentIds,\r\n wfAttachmentIds: wfAttachmentIds,\r\n sigAttachmentIds: sigAttachmentIds,\r\n planId: planId,\r\n consumerId: selectedConsumer.id,\r\n });\r\n } catch (error) {\r\n console.log(error.statusText);\r\n }\r\n //* if we need to upload to dodd after sending attachments\r\n //* below was old code from old sendToDODD screen\r\n // const success = await planAjax.uploadPlanToDODD({\r\n // consumerId: selectedConsumer.id,\r\n // planId,\r\n // });\r\n // }\r\n\r\n if (\r\n sendSuccess &&\r\n (sendSuccess[0] === 'Successfully sent Plan to DODD.' ||\r\n sendSuccess[0] === 'Successfully sent Plan and selected Attachments to DODD.')\r\n ) {\r\n sendtoDODDSuccessMessage(sendSuccess);\r\n } else {\r\n sendtoDODDGeneralErrorMessage(sendSuccess);\r\n }\r\n\r\n DODDScreen.removeChild(spinner);\r\n DODDScreen.appendChild(screenInner);\r\n DODDScreen.classList.remove('visible');\r\n morePopupMenu.classList.add('visible');\r\n\r\n //TODO set date_sent_to_dodd column when the attachment is successfully uploaded to DODD\r\n },\r\n });\r\n\r\n DODDScreen.appendChild(doneBtn);\r\n }\r\n\r\n function sendtoDODDGeneralErrorMessage(sendtoDODDResponse) {\r\n console.log('sendtoDODDGeneralErrorMessage', sendtoDODDResponse[0]);\r\n var generalMessagePopup = POPUP.build({\r\n id: 'saveAlertPopup',\r\n classNames: 'warning',\r\n hideX: true,\r\n });\r\n var generalBtnWrap = document.createElement('div');\r\n generalBtnWrap.classList.add('btnWrap');\r\n var closeBtnWrap = document.createElement('div');\r\n closeBtnWrap.classList.add('btnWrap');\r\n var alertokBtn = button.build({\r\n text: 'Copy Error to Clipboard',\r\n style: 'secondary',\r\n type: 'contained',\r\n // icon: 'checkmark',\r\n callback: async function () {\r\n navigator.clipboard.writeText(sendtoDODDResponse[0]);\r\n // POPUP.hide(generalMessagePopup);\r\n overlay.show();\r\n showOKPopup();\r\n },\r\n });\r\n var displayDetailBtn = button.build({\r\n text: 'Show Error Details',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async function () {\r\n POPUP.hide(generalMessagePopup);\r\n overlay.show();\r\n sendtoDODDDetailErrorMessage(sendtoDODDResponse);\r\n },\r\n });\r\n var closeBtn = button.build({\r\n text: 'Close',\r\n style: 'secondary',\r\n type: 'contained',\r\n // classNames: 'btnWrap',\r\n // icon: 'checkmark',\r\n callback: async function () {\r\n POPUP.hide(generalMessagePopup);\r\n overlay.show();\r\n },\r\n });\r\n\r\n generalBtnWrap.appendChild(alertokBtn);\r\n generalBtnWrap.appendChild(displayDetailBtn);\r\n closeBtnWrap.appendChild(closeBtn);\r\n var generalMessage = document.createElement('p');\r\n generalMessage.innerHTML = sendtoDODDResponse[0];\r\n generalMessagePopup.appendChild(generalMessage);\r\n generalMessagePopup.appendChild(generalBtnWrap);\r\n generalMessagePopup.appendChild(closeBtnWrap);\r\n POPUP.show(generalMessagePopup);\r\n }\r\n\r\n function sendtoDODDDetailErrorMessage(sendtoDODDResponse) {\r\n console.log('sendtoDODDDetailErrorMessage', sendtoDODDResponse[1]);\r\n var detailMessagePopup = POPUP.build({\r\n id: 'saveAlertPopup',\r\n classNames: 'warning',\r\n hideX: true,\r\n });\r\n var detailBtnWrap = document.createElement('div');\r\n detailBtnWrap.classList.add('btnWrap');\r\n var closeBtnWrap = document.createElement('div');\r\n closeBtnWrap.classList.add('btnWrap');\r\n var alertokBtn = button.build({\r\n text: 'Copy Error to Clipboard',\r\n style: 'secondary',\r\n type: 'contained',\r\n // icon: 'checkmark',\r\n callback: async function () {\r\n navigator.clipboard.writeText(sendtoDODDResponse[0] + ' ' + sendtoDODDResponse[1]);\r\n // POPUP.hide(detailMessagePopup);\r\n overlay.show();\r\n showOKPopup();\r\n },\r\n });\r\n var displayGeneralBtn = button.build({\r\n text: 'Hide Error Details',\r\n style: 'secondary',\r\n type: 'contained',\r\n //icon: 'checkmark',\r\n callback: async function () {\r\n POPUP.hide(detailMessagePopup);\r\n overlay.show();\r\n sendtoDODDGeneralErrorMessage(sendtoDODDResponse);\r\n },\r\n });\r\n var closeBtn = button.build({\r\n text: 'Close',\r\n style: 'secondary',\r\n type: 'contained',\r\n // classNames: 'btnWrap',\r\n // icon: 'checkmark',\r\n callback: async function () {\r\n POPUP.hide(detailMessagePopup);\r\n overlay.show();\r\n },\r\n });\r\n\r\n detailBtnWrap.appendChild(alertokBtn);\r\n detailBtnWrap.appendChild(displayGeneralBtn);\r\n closeBtnWrap.appendChild(closeBtn);\r\n var detailMessage = document.createElement('p');\r\n detailMessage.innerHTML = sendtoDODDResponse[0] + '' + sendtoDODDResponse[1];\r\n detailMessagePopup.appendChild(detailMessage);\r\n detailMessagePopup.appendChild(detailBtnWrap);\r\n detailMessagePopup.appendChild(closeBtnWrap);\r\n POPUP.show(detailMessagePopup);\r\n }\r\n\r\n function showOKPopup() {\r\n var OKPopup = POPUP.build({\r\n id: 'saveAlertPopup',\r\n classNames: 'warning',\r\n hideX: true,\r\n });\r\n var OKBtnWrap = document.createElement('div');\r\n OKBtnWrap.classList.add('btnWrap');\r\n var alertokBtn = button.build({\r\n text: 'OK',\r\n style: 'secondary',\r\n type: 'contained',\r\n // icon: 'checkmark',\r\n callback: async function () {\r\n POPUP.hide(OKPopup);\r\n overlay.show();\r\n },\r\n });\r\n\r\n OKBtnWrap.appendChild(alertokBtn);\r\n var OKMessage = document.createElement('p');\r\n OKMessage.innerHTML = 'Error Copied to Clipboard';\r\n OKPopup.appendChild(OKMessage);\r\n OKPopup.appendChild(OKBtnWrap);\r\n POPUP.show(OKPopup);\r\n }\r\n\r\n function sendtoDODDSuccessMessage(sendtoDODDResponse) {\r\n var sendtoDODDSuccessPopup = POPUP.build({\r\n id: 'saveAlertPopup',\r\n classNames: 'warning',\r\n hideX: true,\r\n });\r\n var OKBtnWrap = document.createElement('div');\r\n OKBtnWrap.classList.add('btnWrap');\r\n var alertokBtn = button.build({\r\n text: 'OK',\r\n style: 'secondary',\r\n type: 'contained',\r\n // icon: 'checkmark',\r\n callback: async function () {\r\n POPUP.hide(sendtoDODDSuccessPopup);\r\n overlay.show();\r\n },\r\n });\r\n\r\n OKBtnWrap.appendChild(alertokBtn);\r\n var sendtoDODDSuccessMesssage = document.createElement('p');\r\n sendtoDODDSuccessMesssage.innerHTML = sendtoDODDResponse[0];\r\n sendtoDODDSuccessPopup.appendChild(sendtoDODDSuccessMesssage);\r\n sendtoDODDSuccessPopup.appendChild(OKBtnWrap);\r\n POPUP.show(sendtoDODDSuccessPopup);\r\n }\r\n\r\n function sendToPortalAlert(sendtoPortalResponse) {\r\n var alertPopup = POPUP.build({\r\n id: 'saveAlertPopup',\r\n classNames: 'warning',\r\n });\r\n var alertbtnWrap = document.createElement('div');\r\n alertbtnWrap.classList.add('btnWrap');\r\n var alertokBtn = button.build({\r\n text: 'OK',\r\n style: 'secondary',\r\n type: 'contained',\r\n icon: 'checkmark',\r\n callback: async function () {\r\n POPUP.hide(alertPopup);\r\n overlay.show();\r\n },\r\n });\r\n\r\n alertbtnWrap.appendChild(alertokBtn);\r\n var alertMessage = document.createElement('p');\r\n alertMessage.innerHTML = sendtoPortalResponse;\r\n alertPopup.appendChild(alertMessage);\r\n alertPopup.appendChild(alertbtnWrap);\r\n POPUP.show(alertPopup);\r\n }\r\n\r\n function buildMorePopupMenu() {\r\n const morepopupmenu = document.createElement('div');\r\n morepopupmenu.classList.add('moreMenuPopup__menu', 'visible');\r\n\r\n const reportBtn = button.build({\r\n text: 'Report',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: ['reportBtn'],\r\n });\r\n const reportBtn2 = button.build({\r\n text: 'Report with notes',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: ['reportBtn2'],\r\n });\r\n\r\n const reportSignatureBtn = button.build({\r\n text: 'Print Signature Page',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: ['reportBtn2'],\r\n callback: async () => {\r\n let isSuccess;\r\n const selectedAttachmentsPlan = {};\r\n const selectedAttachmentsWorkflow = {};\r\n const selectedAttachmentsSignature = {};\r\n let extraSpace = 'false';\r\n\r\n // build & show spinner\r\n // const spinner = PROGRESS.SPINNER.show('Building Report...');\r\n //const screenInner = reportsScreen.querySelector('.attachmentsWrap');\r\n // reportsScreen.removeChild(doneBtn);\r\n // reportsScreen.removeChild(screenInner);\r\n // reportsScreen.appendChild(spinner);\r\n // generate report\r\n const planAttachmentIds = getAttachmentIds(selectedAttachmentsPlan);\r\n const wfAttachmentIds = getAttachmentIds(selectedAttachmentsWorkflow);\r\n const sigAttachmentIds = getAttachmentIds(selectedAttachmentsSignature);\r\n isSuccess = assessment.generateReportWithAttachments(\r\n planId,\r\n '1',\r\n extraSpace,\r\n planAttachmentIds,\r\n wfAttachmentIds,\r\n sigAttachmentIds,\r\n 'false', //DODDFlag\r\n 'true', //signatureOnly\r\n 'N', // 'Y' or 'N' -- Include Important to, Important For, Skills and Abilities, and Risks in assessment\r\n );\r\n },\r\n });\r\n\r\n const reportBtn3 = button.build({\r\n text: 'Report with attachments',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: ['reportBtn2'],\r\n });\r\n const sendtoPortalBtn = button.build({\r\n text: 'Send To Portal',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames:\r\n planStatus === 'C' && $.session.webPermission === 'Web' ? ['sendtoPortalBtn'] : ['sendtoPortalBtn', 'disabled'],\r\n });\r\n const sendToDODDBtn = button.build({\r\n text: 'Send To DODD',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: planStatus === 'C' && $.session.sendToDODD ? ['sendToDODDBtn'] : ['sendToDODDBtn', 'disabled'],\r\n });\r\n const editDatesBtn = button.build({\r\n text: 'Change Dates',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames:\r\n planActiveStatus && $.session.planUpdate && planStatus !== 'C'\r\n ? ['editDatesBtn']\r\n : ['editDatesBtn', 'disabled'],\r\n });\r\n const statusBtn = button.build({\r\n text: 'Change Status',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: planActiveStatus && $.session.planUpdate ? ['statusBtn'] : ['statusBtn', 'disabled'],\r\n });\r\n const deleteBtn = button.build({\r\n text: 'Delete Plan',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: downloadedFromSalesforce\r\n ? $.session.planDelete\r\n ? ['deleteBtn']\r\n : ['deleteBtn', 'disabled']\r\n : planStatus === 'D' && planActiveStatus && $.session.planUpdate && $.session.planDelete\r\n ? ['deleteBtn']\r\n : ['deleteBtn', 'disabled'],\r\n });\r\n const reactivateBtn = button.build({\r\n text: 'Reactivate Plan',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: downloadedFromSalesforce\r\n ? ['reactivateBtn', 'disabled']\r\n : !planActiveStatus && $.session.planUpdate\r\n ? ['reactivateBtn']\r\n : ['reactivateBtn', 'disabled'],\r\n });\r\n const changeTypeBtn = button.build({\r\n text: 'Change Plan Type',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: downloadedFromSalesforce ? ['planTypeBtn', 'disabled'] : ['planTypeBtn'],\r\n });\r\n\r\n //morepopupmenu.appendChild(addWorkflowBtn);\r\n morepopupmenu.appendChild(reportBtn);\r\n morepopupmenu.appendChild(reportBtn2);\r\n morepopupmenu.appendChild(reportSignatureBtn);\r\n morepopupmenu.appendChild(sendtoPortalBtn);\r\n\r\n if (sentToOnet !== '') {\r\n const sentToOnetPDiv = document.createElement('div');\r\n sentToOnetPDiv.classList.add('sentToOnetDateDiv');\r\n sentToOnetPDiv.innerHTML = `Previously sent on: ${sentToOnet}`;\r\n morepopupmenu.appendChild(sentToOnetPDiv);\r\n }\r\n\r\n morepopupmenu.appendChild(sendToDODDBtn);\r\n morepopupmenu.appendChild(editDatesBtn);\r\n morepopupmenu.appendChild(statusBtn);\r\n morepopupmenu.appendChild(deleteBtn);\r\n morepopupmenu.appendChild(reactivateBtn);\r\n morepopupmenu.appendChild(changeTypeBtn);\r\n\r\n morepopupmenu.addEventListener('click', async e => {\r\n e.target.classList.add('disabled');\r\n\r\n let targetScreen;\r\n\r\n switch (e.target) {\r\n case reportBtn:\r\n case reportBtn2: {\r\n targetScreen = 'reportsScreen';\r\n break;\r\n }\r\n case reportSignatureBtn: {\r\n //targetScreen = 'reportsScreen';\r\n break;\r\n }\r\n case reportBtn3: {\r\n // Below 'targetScreen' will be for when we need to select attatchments\r\n targetScreen = 'reportsAttachmentScreen';\r\n retrieveData = {\r\n token: $.session.Token,\r\n assessmentId: getCurrentPlanId(),\r\n };\r\n break;\r\n }\r\n case sendtoPortalBtn: {\r\n // Below 'targetScreen' will be for when we need to select attatchments\r\n targetScreen = 'portalScreen';\r\n retrieveData = {\r\n token: $.session.Token,\r\n assessmentId: getCurrentPlanId(),\r\n };\r\n //assessment.transeferPlanReportToONET(planId, '1');\r\n break;\r\n }\r\n case sendToDODDBtn: {\r\n //Nathan TODO call ajax\r\n targetScreen = 'DODDScreen';\r\n retrieveData = {\r\n token: $.session.Token,\r\n assessmentId: getCurrentPlanId(),\r\n };\r\n break;\r\n }\r\n case editDatesBtn: {\r\n targetScreen = 'editDatesScreen';\r\n break;\r\n }\r\n case statusBtn: {\r\n targetScreen = 'updateStatusScreen';\r\n break;\r\n }\r\n case deleteBtn: {\r\n targetScreen = 'deleteScreen';\r\n break;\r\n }\r\n case reactivateBtn: {\r\n targetScreen = 'reactivateScreen';\r\n break;\r\n }\r\n case changeTypeBtn: {\r\n targetScreen = 'changePlanTypeScreen';\r\n }\r\n default: {\r\n break;\r\n }\r\n }\r\n e.target.classList.remove('disabled');\r\n\r\n if (targetScreen) {\r\n const targetScreenElement = document.getElementById(targetScreen);\r\n morePopupMenu.classList.remove('visible');\r\n targetScreenElement.classList.add('visible');\r\n }\r\n\r\n if (targetScreen === 'DODDScreen') {\r\n const extraSpace = e.target === sendToDODDBtn ? 'false' : 'true';\r\n // DODDScreen = buildDODDScreen();\r\n runDODDScreen(extraSpace);\r\n }\r\n\r\n if (targetScreen === 'reportsScreen') {\r\n const extraSpace = e.target === reportBtn ? 'false' : 'true';\r\n runReportScreen(extraSpace);\r\n }\r\n\r\n if (targetScreen === 'portalScreen') {\r\n const extraSpace = e.target === sendtoPortalBtn ? 'false' : 'true';\r\n runPortalScreen(extraSpace);\r\n }\r\n });\r\n\r\n return morepopupmenu;\r\n }\r\n async function showMorePopup() {\r\n //sentToOnet = await assessmentAjax.getSentToONETDate({\r\n // token: $.session.Token,\r\n // assessmentId: planId,\r\n //});\r\n //sentToOnet = sentToOnet[0].sentDate;\r\n morePopup = POPUP.build({\r\n classNames: 'moreMenuPopup',\r\n });\r\n\r\n menuInnerWrap = document.createElement('div');\r\n menuInnerWrap.classList.add('moreMenuPopup__innerWrap');\r\n\r\n morePopupMenu = buildMorePopupMenu();\r\n editDatesScreen = buildEditDatesScreen();\r\n updateStatusScreen = buildUpdateStatusScreen();\r\n deleteScreen = buildDeleteScreen();\r\n reactivateScreen = buildReactivateScreen();\r\n addWorkflowScreen = buildAddWorkflowScreen();\r\n reportsScreen = buildReportsScreen();\r\n reportsAttachmentScreen = buildReportsAttachmentsScreen();\r\n DODDScreen = buildDODDScreen();\r\n changePlanTypeScreen = buildChangePlanTypeScreen();\r\n portalScreen = buildPortalScreen();\r\n\r\n menuInnerWrap.appendChild(morePopupMenu);\r\n menuInnerWrap.appendChild(editDatesScreen);\r\n menuInnerWrap.appendChild(updateStatusScreen);\r\n menuInnerWrap.appendChild(deleteScreen);\r\n menuInnerWrap.appendChild(reactivateScreen);\r\n menuInnerWrap.appendChild(addWorkflowScreen);\r\n menuInnerWrap.appendChild(reportsScreen);\r\n menuInnerWrap.appendChild(reportsAttachmentScreen);\r\n menuInnerWrap.appendChild(DODDScreen);\r\n menuInnerWrap.appendChild(changePlanTypeScreen);\r\n menuInnerWrap.appendChild(portalScreen);\r\n\r\n morePopup.appendChild(menuInnerWrap);\r\n\r\n POPUP.show(morePopup);\r\n }\r\n\r\n //* Plan Finalization\r\n function splitStringSentence(sentence) {\r\n const splitsentence = sentence.split('||');\r\n const firstPart = splitsentence[0];\r\n const secondPart = splitsentence[1];\r\n return [firstPart, secondPart];\r\n }\r\n function handleReportStream(report) {\r\n if (!report) return;\r\n\r\n const arr = report;\r\n const byteArray = new Uint8Array(arr);\r\n const blob = new Blob([byteArray], { type: 'application/pdf' });\r\n if ($.session.browser == 'Explorer' || $.session.browser == 'Mozilla') {\r\n window.navigator.msSaveOrOpenBlob(blob, 'report.pdf');\r\n } else {\r\n var fileURL = URL.createObjectURL(blob);\r\n window.open(fileURL);\r\n }\r\n }\r\n function mapResultsObj(results) {\r\n const obj = {};\r\n\r\n results.forEach(r => {\r\n const [action, result, ...rest] = r.split(' ');\r\n obj[action] = rest && rest.length ? `${result},${rest}`.replaceAll(',', ' ') : result;\r\n });\r\n\r\n return obj;\r\n }\r\n async function showFinalizePopup() {\r\n let currScreen = 1;\r\n let checkboxesSelected = [];\r\n let finalizationResults;\r\n let includeInAssessment = 'false';\r\n\r\n const finalizePopup = POPUP.build({\r\n classNames: 'finalizePopup',\r\n });\r\n\r\n const screen1 = document.createElement('div');\r\n const screen2 = document.createElement('div');\r\n const screen3 = document.createElement('div');\r\n screen1.classList.add('finalizeSelect', 'finalizeScreen', 'visible');\r\n screen2.classList.add('finalizeAttachments', 'finalizeScreen');\r\n screen3.classList.add('screenThree', 'finalizeScreen');\r\n\r\n const heading1 = document.createElement('p');\r\n const heading2 = document.createElement('p');\r\n heading1.classList.add('finalizeheading');\r\n heading2.classList.add('finalizeheading');\r\n heading1.innerHTML = 'Please select the actions that should take place';\r\n heading2.innerHTML = 'Please select the attachment(s) that should be included with the report.';\r\n\r\n screen1.appendChild(heading1);\r\n screen2.appendChild(heading2);\r\n\r\n const actionBtn = button.build({\r\n text: 'Next',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n if (currScreen === 1) {\r\n if (selectedCheckboxes.selectAllCheck) {\r\n checkboxesSelected = ['selectAllCheck'];\r\n } else {\r\n checkboxesSelected = Object.entries(selectedCheckboxes)\r\n .filter(([key, value]) => {\r\n // return key === 'selectAllCheck'\r\n if (key === 'selectAllCheck') return false;\r\n if (value) return true;\r\n })\r\n .map(([key, value]) => {\r\n return key;\r\n });\r\n }\r\n\r\n currScreen = 2;\r\n screen1.classList.remove('visible');\r\n screen2.classList.add('visible');\r\n\r\n return;\r\n }\r\n\r\n if (currScreen === 2) {\r\n const spinner = PROGRESS.SPINNER.get('Finalizing Plan...');\r\n screen3.insertBefore(spinner, screen3.firstChild);\r\n\r\n currScreen = 3;\r\n actionBtn.textContent = 'done';\r\n actionBtn.style.display = 'none';\r\n screen2.classList.remove('visible');\r\n screen3.classList.add('visible');\r\n\r\n finalizationResults = await assessmentAjax.finalizationActions({\r\n token: $.session.Token,\r\n planAttachmentIds: getAttachmentIds(selectedAttachmentsPlan),\r\n wfAttachmentIds: getAttachmentIds(selectedAttachmentsWorkflow),\r\n sigAttachmentIds: getAttachmentIds(selectedAttachmentsSignature), \r\n wfAttachmentStepIds: getwfstepdocIds(selectedAttachmentsWorkflow),\r\n userId: $.session.UserId,\r\n assessmentID: planId,\r\n peopleId: selectedConsumer.id,\r\n emailAddresses: [...Object.values(selectedEmails)],\r\n checkBoxes: [...checkboxesSelected],\r\n extraSpace: 'false',\r\n toONET: false,\r\n isp: false,\r\n oneSpan: false,\r\n signatureOnly: false,\r\n include: includeInAssessment,\r\n versionID: '1',\r\n });\r\n\r\n spinner.remove();\r\n actionBtn.style.display = 'block';\r\n\r\n if (finalizationResults && selectedCheckboxes.downloadReportCheck) {\r\n handleReportStream(finalizationResults.report);\r\n }\r\n\r\n const resultsObj = mapResultsObj(finalizationResults.actions);\r\n console.log('actions', finalizationResults.actions);\r\n console.log('resultsObj', resultsObj);\r\n\r\n if (selectedCheckboxes.selectAllCheck) {\r\n screen3.appendChild(sendToDODDStatus);\r\n screen3.appendChild(sendToOhioNetStatus);\r\n screen3.appendChild(downloadReportStatus);\r\n screen3.appendChild(emailReportStatus);\r\n\r\n if ($.session.sendToDODD) {\r\n if (resultsObj.DODD !== 'Success') {\r\n sendtoDODDGeneralErrorMessage(splitStringSentence(resultsObj.DODD));\r\n }\r\n\r\n sendToDODDStatusIcon.innerHTML = resultsObj.DODD === 'Success' ? icons.checkmark : icons.close;\r\n sendToDODDStatus.classList.toggle('success', resultsObj.DODD === 'Success');\r\n }\r\n if ($.session.sendToPortal) {\r\n sendToOhioNetStatusIcon.innerHTML = resultsObj.ONET === 'Success' ? icons.checkmark : icons.close;\r\n sendToOhioNetStatus.classList.toggle('success', resultsObj.ONET === 'Success');\r\n }\r\n downloadReportStatusIcon.innerHTML = resultsObj.REPORT === 'Success' ? icons.checkmark : icons.close;\r\n downloadReportStatus.classList.toggle('success', resultsObj.REPORT === 'Success');\r\n emailReportStatusIcon.innerHTML = resultsObj.EMAIL === 'Success' ? icons.checkmark : icons.close;\r\n emailReportStatus.classList.toggle('success', resultsObj.EMAIL === 'Success');\r\n } else {\r\n if (selectedCheckboxes.sendToDODDCheck) {\r\n if (resultsObj.DODD !== 'Success') {\r\n sendtoDODDGeneralErrorMessage(splitStringSentence(resultsObj.DODD));\r\n }\r\n\r\n screen3.appendChild(sendToDODDStatus);\r\n sendToDODDStatusIcon.innerHTML = resultsObj.DODD === 'Success' ? icons.checkmark : icons.close;\r\n sendToDODDStatus.classList.toggle('success', resultsObj.DODD === 'Success');\r\n }\r\n if (selectedCheckboxes.sendToOhioNetCheck) {\r\n screen3.appendChild(sendToOhioNetStatus);\r\n sendToOhioNetStatusIcon.innerHTML = resultsObj.ONET === 'Success' ? icons.checkmark : icons.close;\r\n sendToOhioNetStatus.classList.toggle('success', resultsObj.ONET === 'Success');\r\n }\r\n if (selectedCheckboxes.downloadReportCheck) {\r\n screen3.appendChild(downloadReportStatus);\r\n downloadReportStatusIcon.innerHTML = resultsObj.REPORT === 'Success' ? icons.checkmark : icons.close;\r\n downloadReportStatus.classList.toggle('success', resultsObj.REPORT === 'Success');\r\n }\r\n if (selectedCheckboxes.emailReportCheck) {\r\n screen3.appendChild(emailReportStatus);\r\n emailReportStatusIcon.innerHTML = resultsObj.EMAIL === 'Success' ? icons.checkmark : icons.close;\r\n emailReportStatus.classList.toggle('success', resultsObj.EMAIL === 'Success');\r\n }\r\n }\r\n\r\n return;\r\n }\r\n\r\n if (currScreen === 3) {\r\n actionBtn.remove();\r\n POPUP.hide(finalizePopup);\r\n finalizeBtn.classList.remove('disabled');\r\n }\r\n },\r\n });\r\n\r\n finalizePopup.appendChild(screen1);\r\n finalizePopup.appendChild(screen2);\r\n finalizePopup.appendChild(screen3);\r\n finalizePopup.appendChild(actionBtn);\r\n\r\n //----------------------------------------------\r\n // screen 1\r\n //----------------------------------------------\r\n const selectedCheckboxes = {\r\n selectAllCheck: true,\r\n sendToDODDCheck: true,\r\n sendToOhioNetCheck: true,\r\n downloadReportCheck: true,\r\n emailReportCheck: true,\r\n };\r\n const selectedEmails = {};\r\n const emails = await assessmentAjax.getDefaultEmailsForFinalization();\r\n const checkboxWrap = document.createElement('div');\r\n checkboxWrap.classList.add('checkboxes');\r\n\r\n const selectAllCheck = input.buildCheckbox({\r\n id: 'selectAll',\r\n text: 'Select All',\r\n isChecked: true,\r\n callback: e => {\r\n selectedCheckboxes.selectAllCheck = e.target.checked;\r\n\r\n if (selectedCheckboxes.selectAllCheck) {\r\n if ($.session.sendToDODD) {\r\n sendToDODDCheck.querySelector('input').checked = true;\r\n selectedCheckboxes.sendToDODDCheck = true;\r\n }\r\n\r\n if ($.session.sendToPortal) {\r\n sendToOhioNetCheck.querySelector('input').checked = true;\r\n selectedCheckboxes.sendToOhioNetCheck = true;\r\n }\r\n\r\n downloadReportCheck.querySelector('input').checked = true;\r\n selectedCheckboxes.downloadReportCheck = true;\r\n\r\n emailReportCheck.querySelector('input').checked = true;\r\n selectedCheckboxes.emailReportCheck = true;\r\n }\r\n },\r\n });\r\n const sendToDODDCheck = input.buildCheckbox({\r\n id: 'sendToDODD',\r\n text: 'Send To DODD',\r\n isChecked: true,\r\n callback: e => {\r\n selectedCheckboxes.sendToDODDCheck = e.target.checked;\r\n\r\n if (!e.target.checked) {\r\n selectAllCheck.querySelector('input').checked = false;\r\n selectedCheckboxes.selectAllCheck = false;\r\n }\r\n },\r\n });\r\n const sendToOhioNetCheck = input.buildCheckbox({\r\n id: 'sendToOhioNet',\r\n text: 'Send to OhioDD.net',\r\n isChecked: true,\r\n callback: e => {\r\n selectedCheckboxes.sendToOhioNetCheck = e.target.checked;\r\n\r\n if (!e.target.checked) {\r\n selectAllCheck.querySelector('input').checked = false;\r\n selectedCheckboxes.selectAllCheck = false;\r\n }\r\n },\r\n });\r\n const downloadReportCheck = input.buildCheckbox({\r\n id: 'downloadReport',\r\n text: 'Download Report',\r\n isChecked: true,\r\n callback: e => {\r\n selectedCheckboxes.downloadReportCheck = e.target.checked;\r\n\r\n if (!e.target.checked) {\r\n selectAllCheck.querySelector('input').checked = false;\r\n selectedCheckboxes.selectAllCheck = false;\r\n }\r\n },\r\n });\r\n const emailReportCheck = input.buildCheckbox({\r\n id: 'emailReport',\r\n text: 'Email Report',\r\n isChecked: true,\r\n callback: e => {\r\n selectedCheckboxes.emailReportCheck = e.target.checked;\r\n\r\n if (!e.target.checked) {\r\n selectAllCheck.querySelector('input').checked = false;\r\n selectedCheckboxes.selectAllCheck = false;\r\n }\r\n },\r\n });\r\n\r\n\r\n const addEmailBtn = button.build({\r\n text: 'Add Email',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n //if (Object.values(selectedEmails).length === 5) return;\r\n\r\n const id = _UTIL.autoIncrementId(`email-${Object.values(selectedEmails).length}`);\r\n selectedEmails[id] = '';\r\n\r\n const wrap = document.createElement('div');\r\n wrap.classList.add('emailWrap');\r\n\r\n const emailInput = input.build({\r\n label: 'Email',\r\n type: 'email',\r\n callback: e => {\r\n selectedEmails[id] = e.target.value;\r\n },\r\n });\r\n\r\n const deleteEmail = document.createElement('span');\r\n deleteEmail.innerHTML = icons.delete;\r\n deleteEmail.addEventListener('click', () => {\r\n wrap.remove();\r\n delete selectedEmails[id];\r\n addEmailBtn.classList.toggle(Object.values(selectedEmails).length === 5, 'disabled');\r\n });\r\n\r\n wrap.appendChild(emailInput);\r\n wrap.appendChild(deleteEmail);\r\n screen1.appendChild(wrap);\r\n\r\n addEmailBtn.classList.toggle(Object.values(selectedEmails).length === 5, 'disabled');\r\n },\r\n });\r\n\r\n screen1.appendChild(checkboxWrap);\r\n screen1.appendChild(addEmailBtn);\r\n checkboxWrap.appendChild(selectAllCheck);\r\n if ($.session.sendToDODD) {\r\n checkboxWrap.appendChild(sendToDODDCheck);\r\n } else {\r\n selectedCheckboxes.sendToDODDCheck = false;\r\n }\r\n if ($.session.sendToPortal) {\r\n checkboxWrap.appendChild(sendToOhioNetCheck);\r\n } else {\r\n selectedCheckboxes.sendToOhioNetCheck = false;\r\n }\r\n checkboxWrap.appendChild(downloadReportCheck);\r\n checkboxWrap.appendChild(emailReportCheck);\r\n\r\n if (emails) {\r\n emails.forEach((email, index) => {\r\n if (email.setting_value === '') {\r\n return;\r\n }\r\n\r\n const id = _UTIL.autoIncrementId(`email-${index + 1}`);\r\n selectedEmails[id] = email.setting_value;\r\n\r\n const wrap = document.createElement('div');\r\n wrap.classList.add('emailWrap');\r\n\r\n const emailInput = input.build({\r\n label: 'Email',\r\n type: 'email',\r\n value: email.setting_value,\r\n callback: e => {\r\n selectedEmails[id] = e.target.value;\r\n },\r\n });\r\n\r\n const deleteEmail = document.createElement('span');\r\n deleteEmail.innerHTML = icons.delete;\r\n deleteEmail.addEventListener('click', () => {\r\n wrap.remove();\r\n delete selectedEmails[id];\r\n addEmailBtn.classList.toggle(Object.values(selectedEmails).length === 5, 'disabled');\r\n });\r\n\r\n wrap.appendChild(emailInput);\r\n wrap.appendChild(deleteEmail);\r\n screen1.appendChild(wrap);\r\n });\r\n }\r\n\r\n //----------------------------------------------\r\n // screen 2\r\n //----------------------------------------------\r\n const selectedAttachmentsPlan = {};\r\n const selectedAttachmentsSignature = {};\r\n const selectedAttachmentsWorkflow = {};\r\n\r\n const attachWraper = document.createElement('div');\r\n attachWraper.classList.add('attachMainWrap');\r\n\r\n const planAttBody = document.createElement('div');\r\n const workflowAttBody = document.createElement('div');\r\n const signatureAttBody = document.createElement('div');\r\n planAttBody.classList.add('attachWrap');\r\n workflowAttBody.classList.add('attachWrap');\r\n signatureAttBody.classList.add('attachWrap');\r\n const planHeading = document.createElement('h2');\r\n const workflowHeading = document.createElement('h2');\r\n const signHeading = document.createElement('h2');\r\n planHeading.innerText = 'Plan Attachments';\r\n workflowHeading.innerText = 'Workflow Attachments';\r\n signHeading.innerText = 'Signature Attachments';\r\n planAttBody.appendChild(planHeading);\r\n workflowAttBody.appendChild(workflowHeading);\r\n signatureAttBody.appendChild(signHeading);\r\n attachWraper.appendChild(planAttBody);\r\n attachWraper.appendChild(workflowAttBody);\r\n attachWraper.appendChild(signatureAttBody);\r\n\r\n screen2.appendChild(attachWraper);\r\n\r\n const attachments = await planAjax.getPlanAndWorkFlowAttachments({\r\n token: $.session.Token,\r\n assessmentId: planId,\r\n });\r\n\r\n let index = 0;\r\n\r\n if (attachments) {\r\n for (const prop in attachments) {\r\n attachments[prop].order = index;\r\n const a = attachments[prop];\r\n const attachment = document.createElement('div');\r\n attachment.classList.add('attachment');\r\n const description = document.createElement('p');\r\n description.innerText = a.description;\r\n attachment.appendChild(description);\r\n\r\n attachment.addEventListener('click', () => {\r\n if (!attachment.classList.contains('selected')) {\r\n attachment.classList.add('selected');\r\n if (a.sigAttachmentId) {\r\n selectedAttachmentsSignature[a.order] = { ...a };\r\n } else if (a.whereFrom === 'Plan') {\r\n selectedAttachmentsPlan[a.order] = { ...a };\r\n } else {\r\n selectedAttachmentsWorkflow[a.order] = { ...a };\r\n }\r\n } else {\r\n attachment.classList.remove('selected');\r\n if (a.sigAttachmentId) {\r\n delete selectedAttachmentsSignature[a.order];\r\n } else if (a.whereFrom === 'Plan') {\r\n delete selectedAttachmentsPlan[a.order];\r\n } else {\r\n delete selectedAttachmentsWorkflow[a.order];\r\n }\r\n }\r\n });\r\n\r\n if (a.sigAttachmentId) {\r\n signatureAttBody.appendChild(attachment);\r\n } else if (a.whereFrom === 'Plan') {\r\n planAttBody.appendChild(attachment);\r\n } else {\r\n workflowAttBody.appendChild(attachment);\r\n }\r\n\r\n index++;\r\n }\r\n }\r\n\r\n const includeInAssessmentCheck = input.buildCheckbox({\r\n id: 'includeInAssessmentCheck',\r\n text: 'Include Important to, Important For, Skills and Abilities, and Risks in assessment',\r\n isChecked: false,\r\n callback: e => {\r\n includeInAssessment = e.target.checked ? 'true' : 'false';\r\n },\r\n });\r\n screen2.appendChild(includeInAssessmentCheck);\r\n\r\n //----------------------------------------------\r\n // screen 3\r\n //----------------------------------------------\r\n const sendToDODDStatus = document.createElement('div');\r\n const sendToOhioNetStatus = document.createElement('div');\r\n const downloadReportStatus = document.createElement('div');\r\n const emailReportStatus = document.createElement('div');\r\n sendToDODDStatus.classList.add('finalizeStatus');\r\n sendToOhioNetStatus.classList.add('finalizeStatus');\r\n downloadReportStatus.classList.add('finalizeStatus');\r\n emailReportStatus.classList.add('finalizeStatus');\r\n sendToDODDStatus.innerHTML = '
Send to DODD
';\r\n sendToOhioNetStatus.innerHTML = 'Send to OhioDD.net
';\r\n downloadReportStatus.innerHTML = 'Download Report
';\r\n emailReportStatus.innerHTML = 'Email Report
';\r\n const sendToDODDStatusIcon = document.createElement('span');\r\n const sendToOhioNetStatusIcon = document.createElement('span');\r\n const downloadReportStatusIcon = document.createElement('span');\r\n const emailReportStatusIcon = document.createElement('span');\r\n sendToDODDStatus.appendChild(sendToDODDStatusIcon);\r\n sendToOhioNetStatus.appendChild(sendToOhioNetStatusIcon);\r\n downloadReportStatus.appendChild(downloadReportStatusIcon);\r\n emailReportStatus.appendChild(emailReportStatusIcon);\r\n\r\n POPUP.show(finalizePopup);\r\n }\r\n\r\n // plan header\r\n function refreshGeneralInfo() {\r\n planHeader.removeChild(planHeaderGeneralInfoBar);\r\n\r\n planHeaderGeneralInfoBar = buildGeneralInfoBar();\r\n planHeader.insertBefore(planHeaderGeneralInfoBar, planHeaderButtons);\r\n }\r\n function getConsumerNameFromCard({ card, firstName, lastName }) {\r\n if (!card) {\r\n return `${lastName} ${firstName}`;\r\n }\r\n\r\n const firstName2 = card.querySelector('.name_first');\r\n const lastName2 = card.querySelector('.name_last');\r\n\r\n if (!firstName2 || !lastName2) return;\r\n\r\n return `${lastName2.innerText} ${firstName2.innerText}`;\r\n }\r\n function buildGeneralInfoBar() {\r\n let type;\r\n\r\n if (planType === 'r') {\r\n type = 'Revision';\r\n } else if (planType === 'a') {\r\n type = 'Annual';\r\n }\r\n\r\n const PlanStartDate = planDates.getPlanYearStartDate();\r\n const PlanEndDate = planDates.getPlanYearEndDate();\r\n const EffectiveStartDate = planDates.getEffectiveStartDate();\r\n const EffectiveEndDate = planDates.getEffectiveEndDate();\r\n\r\n const formatedDate = UTIL.formatDateFromDateObj(EffectiveStartDate);\r\n const splitFormatedDate = formatedDate.split('-');\r\n let esDate = `${splitFormatedDate[1]}/${splitFormatedDate[2]}/${splitFormatedDate[0].substring(2)}`;\r\n\r\n const formatedDate2 = UTIL.formatDateFromDateObj(EffectiveEndDate);\r\n const splitFormatedDate2 = formatedDate2.split('-');\r\n let edDate = `${splitFormatedDate2[1]}/${splitFormatedDate2[2]}/${splitFormatedDate2[0].substring(2)}`;\r\n\r\n const formatedDate3 = UTIL.formatDateFromDateObj(PlanStartDate);\r\n const splitFormatedDate3 = formatedDate3.split('-');\r\n let starDate = `${splitFormatedDate3[1]}/${splitFormatedDate3[2]}/${splitFormatedDate3[0].substring(2)}`;\r\n\r\n const formatedDate4 = UTIL.formatDateFromDateObj(PlanEndDate);\r\n const splitFormatedDate4 = formatedDate4.split('-');\r\n let endDate = `${splitFormatedDate4[1]}/${splitFormatedDate4[2]}/${splitFormatedDate4[0].substring(2)}`;\r\n\r\n generalInfoBar = document.createElement('div');\r\n generalInfoBar.classList.add('generalInfo');\r\n generalInfoBar.setAttribute('data-people-id', `${selectedConsumer.id}`);\r\n\r\n const consumerName = `${getConsumerNameFromCard(selectedConsumer)}
`;\r\n const dateSpan = `Span: ${starDate} - ${endDate}
`;\r\n const dateSpanEff = `Eff: ${esDate} - ${edDate}
`;\r\n const typeAndNum = revisionNumber > 0 ? `${type} ${revisionNumber}
` : `${type}
`;\r\n\r\n generalInfoBar.innerHTML = `\r\n${consumerName}${typeAndNum}
\r\n ${dateSpan}${dateSpanEff}
\r\n `;\r\n\r\n return generalInfoBar;\r\n }\r\n function buildButtonBar() {\r\n const buttonBar = document.createElement('div');\r\n buttonBar.classList.add('buttonBar');\r\n\r\n const moreBtn = button.build({\r\n text: 'More',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: showMorePopup,\r\n });\r\n finalizeBtn = button.build({\r\n text: 'Finalize Plan',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n finalizeBtn.classList.add('disabled');\r\n await showFinalizePopup();\r\n finalizeBtn.classList.remove('disabled');\r\n },\r\n });\r\n if (planStatus !== 'C') {\r\n finalizeBtn.classList.add('disabled');\r\n }\r\n\r\n const backBtn = button.build({\r\n text: 'Back',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n clearAllDataKeepConsumer();\r\n loadLandingPage();\r\n },\r\n });\r\n\r\n buttonBar.appendChild(moreBtn);\r\n if ($.session.applicationName === 'Gatekeeper' && $.session.planUpdate) {\r\n buttonBar.appendChild(finalizeBtn);\r\n }\r\n buttonBar.appendChild(backBtn);\r\n\r\n return buttonBar;\r\n }\r\n function buildPlanHeader() {\r\n planHeader = document.createElement('div');\r\n planHeader.classList.add('planHeader');\r\n\r\n planHeaderGeneralInfoBar = buildGeneralInfoBar();\r\n planHeaderButtons = buildButtonBar();\r\n\r\n planHeader.appendChild(planHeaderGeneralInfoBar);\r\n planHeader.appendChild(planHeaderButtons);\r\n\r\n return planHeader;\r\n }\r\n // main build\r\n async function getWorkflowMarkup() {\r\n const workflowMarkup = document.createElement('div');\r\n workflowMarkup.classList.add('planWorkflow');\r\n\r\n const processId = planWorkflow.getProcessId(planType);\r\n const workflowViewer = await WorkflowViewerComponent.get(processId, planId);\r\n const addWorkflowBtn = button.build({\r\n id: 'workflow_addWorkflowBtn',\r\n text: 'Add Workflow(s)',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: ['addWorkflowBtn'],\r\n callback: () => {\r\n planWorkflow.addWorkflowPopup();\r\n },\r\n });\r\n\r\n workflowMarkup.appendChild(addWorkflowBtn);\r\n workflowMarkup.appendChild(workflowViewer);\r\n\r\n return workflowMarkup;\r\n }\r\n async function buildPlanPage(loadingOrder, workflowDashboardCallback) {\r\n // loadingOrder = ['a', 'i', 'w']\r\n document.body.classList.add('planActive');\r\n\r\n const planHeading = buildPlanHeader();\r\n const loadingBar = PROGRESS.SPINNER.get('Loading Plan...');\r\n DOM.clearActionCenter();\r\n DOM.ACTIONCENTER.appendChild(planHeading);\r\n DOM.ACTIONCENTER.appendChild(loadingBar);\r\n // init data for tab sections\r\n await planData.init(planId);\r\n await planAttachment.getAttachments(planId);\r\n\r\n // build tab section wraps\r\n const assessmentWrap = document.createElement('div');\r\n const ispWrap = document.createElement('div');\r\n const workflowWrap = document.createElement('div');\r\n assessmentWrap.id = 'planAssessment';\r\n ispWrap.id = 'planISP';\r\n workflowWrap.id = 'planWorkflow';\r\n\r\n const firstToLoad = loadingOrder ? loadingOrder[0] : 'a';\r\n let defaultActiveTab = firstToLoad === 'a' ? 0 : firstToLoad === 'i' ? 1 : 2;\r\n\r\n // Build Tabs Markup\r\n const tabs = TABS.build(\r\n {\r\n navOnClick: async targetTabIndex => {\r\n if (targetTabIndex === '0') {\r\n $.loadedAppPage = 'planAssessment';\r\n TABS.toggleNavStatus(tabs, 'disable');\r\n await assessmentCard.refreshAssessmentCard({\r\n planStatus,\r\n planId,\r\n isActive: planActiveStatus,\r\n });\r\n TABS.toggleNavStatus(tabs, 'enable');\r\n } else if (targetTabIndex === '1') {\r\n TABS.toggleNavStatus(tabs, 'disable');\r\n\r\n $.loadedAppPage = 'planISP';\r\n await ISP.refreshISP(planId);\r\n TABS.toggleNavStatus(tabs, 'enable');\r\n DOM.autosizeTextarea();\r\n } else if (targetTabIndex === '2') {\r\n TABS.toggleNavStatus(tabs, 'disable');\r\n\r\n $.loadedAppPage = 'planWorkflow';\r\n const workflowLoadingBar = PROGRESS.SPINNER.get('Loading Workflow...');\r\n workflowWrap.innerHTML = '';\r\n workflowWrap.appendChild(workflowLoadingBar);\r\n const newWorkflowMarkup = await getWorkflowMarkup();\r\n workflowWrap.innerHTML = '';\r\n workflowWrap.appendChild(newWorkflowMarkup);\r\n TABS.toggleNavStatus(tabs, 'enable');\r\n }\r\n DOM.autosizeTextarea();\r\n },\r\n active: defaultActiveTab,\r\n },\r\n [\r\n {\r\n heading: 'Assessment',\r\n markup: assessmentWrap,\r\n },\r\n {\r\n heading: 'ISP',\r\n markup: ispWrap,\r\n },\r\n {\r\n heading: 'Workflow',\r\n markup: workflowWrap,\r\n },\r\n ],\r\n );\r\n\r\n // initial load by ordering\r\n\r\n switch (firstToLoad) {\r\n case 'a': {\r\n $.loadedAppPage = 'planAssessment';\r\n defaultActiveTab = 0;\r\n\r\n const assessmentData = await assessment.getAssessmentData(planId);\r\n const assessmentMarkup = await assessmentCard.build(assessmentData, {\r\n selectedConsumer,\r\n planStatus,\r\n planId,\r\n isActive: planActiveStatus,\r\n });\r\n assessmentWrap.appendChild(assessmentMarkup);\r\n\r\n break;\r\n }\r\n case 'i': {\r\n $.loadedAppPage = 'planISP';\r\n defaultActiveTab = 1;\r\n\r\n await ISP.refreshISP(planId);\r\n TABS.toggleNavStatus(tabs, 'enable');\r\n break;\r\n }\r\n case 'w': {\r\n $.loadedAppPage = 'planWorkflow';\r\n defaultActiveTab = 2;\r\n\r\n const workflowLoadingBar = PROGRESS.SPINNER.get('Loading ISP...');\r\n workflowWrap.innerHTML = '';\r\n workflowWrap.appendChild(workflowLoadingBar);\r\n const newWorkflowMarkup = await getWorkflowMarkup();\r\n workflowWrap.innerHTML = '';\r\n workflowWrap.appendChild(newWorkflowMarkup);\r\n TABS.toggleNavStatus(tabs, 'enable');\r\n break;\r\n }\r\n }\r\n\r\n DOM.ACTIONCENTER.removeChild(loadingBar);\r\n DOM.ACTIONCENTER.appendChild(tabs);\r\n TABS.toggleNavStatus(tabs, 'enable');\r\n\r\n if (workflowDashboardCallback) workflowDashboardCallback();\r\n\r\n if (defaultActiveTab === 0) {\r\n mainAssessment.markUnansweredQuestions();\r\n tableOfContents.showUnansweredQuestionCount();\r\n }\r\n\r\n DOM.autosizeTextarea();\r\n\r\n //sentToOnet = await assessmentAjax.getSentToONETDate({\r\n // token: $.session.Token,\r\n // assessmentId: planId,\r\n //});\r\n //sentToOnet = sentToOnet[0].sentDate;\r\n }\r\n\r\n // New Plan Setup Page\r\n //---------------------------------------------\r\n function sortPreviousPlans(previousPlansData) {\r\n return [...previousPlansData].sort((a, b) => {\r\n const aStart = new Date(a.planYearStart.split(' ')[0]);\r\n const bStart = new Date(b.planYearStart.split(' ')[0]);\r\n\r\n if (aStart === bStart) return 0;\r\n\r\n return aStart > bStart ? -1 : 1;\r\n });\r\n }\r\n async function handleTypeChange(e) {\r\n const selectedOption = e.target.options[e.target.selectedIndex];\r\n planType = selectedOption.value;\r\n\r\n if (setupWrap.contains(prevPlanTable)) setupWrap.removeChild(prevPlanTable);\r\n if (setupWrap.contains(datesBoxDiv)) setupWrap.removeChild(datesBoxDiv);\r\n\r\n if (planType === 'a') {\r\n await planDates.setAnnualPlanDates(previousPlansData);\r\n plan.setPlanType('a');\r\n datesBoxDiv = planDates.buildDatesBox(isValid => {\r\n if (isValid) {\r\n doneBtn.classList.remove('disabled');\r\n } else {\r\n doneBtn.classList.add('disabled');\r\n }\r\n });\r\n setupWrap.insertBefore(datesBoxDiv, doneBtn);\r\n doneBtn.classList.remove('disabled');\r\n }\r\n\r\n if (planType === 'r') {\r\n prevPlanTable = buildPreviousPlansTable();\r\n plan.setPlanType('r');\r\n setupWrap.insertBefore(prevPlanTable, doneBtn);\r\n doneBtn.classList.add('disabled');\r\n }\r\n }\r\n async function handleDoneBtnClick(selectedConsumer) {\r\n if (doneBtn.classList.contains('disabled')) {\r\n return;\r\n }\r\n\r\n PROGRESS__BTN.SPINNER.show('annualRevisionDoneBtn', '', true);\r\n const processId = planWorkflow.getProcessId(planType);\r\n const wfvData = await planWorkflow.getWorkflowList(processId, 0);\r\n\r\n if (!wfvData || wfvData.length === 0) {\r\n createNewPlan(selectedConsumer, processId);\r\n return;\r\n }\r\n\r\n //const foo = async (selectedWorkflows) => {\r\n // const workflowCallback = selectedWorkflows => {\r\n const workflowCallback = async selectedWorkflows => {\r\n PROGRESS__BTN.SPINNER.show('workflowContinueBtn', '', false);\r\n // TODO 100969 -- display list of User Forms for the selected Workflows\r\n\r\n if ($.session.planFormCarryover) {\r\n let selectedwfForms = [];\r\n\r\n const wfvPopup = document.querySelector('.workflowListPopup');\r\n if (wfvPopup) {\r\n POPUP.hide(wfvPopup);\r\n }\r\n\r\n // *********FAKE DATA for Step Docs in a Workflow*****Albert Annual 6/23******Annual -- 279, Antnio -- 934*******************\r\n // const wfFormsData2 = [{ docId : 6052 , description : 'Expert 15 test.pdf', WFId: 934, wfName: 'Antinono 3' },\r\n // { docId : 6053 , description : 'FORMS -- General.pdf', WFId: 934, wfName: 'Antinono 3' },\r\n // { docId : 1836 , description : 'Medication -- Med Assessment.pdf', WFId: 279, wfName: 'Annual - Waver'},\r\n /// { docId : 3201 , description : 'Signed_Plan.pdf', WFId: 279, wfName: 'Annual - Waver'} ];\r\n\r\n let thisannual_plan;\r\n // inserting a new plan based on a selected prior plan\r\n if (priorConsumerPlanId && priorConsumerPlanId !== '') {\r\n thisPreviousPlanId = priorConsumerPlanId;\r\n } else {\r\n // // inserting a new plan based on the most recent existing plan\r\n thisannual_plan = previousPlansData.filter(wf => wf.active === 'True');\r\n if (thisannual_plan && thisannual_plan.length > 0) {\r\n thisPreviousPlanId = thisannual_plan[0].consumerPlanId;\r\n }\r\n }\r\n\r\n const wfFormsData = await WorkflowViewerAjax.getWorkFlowFormsfromPreviousPlan({\r\n token: $.session.Token,\r\n selectedWFTemplateIds: selectedWorkflows.join(', '),\r\n previousPlanId: thisPreviousPlanId,\r\n });\r\n\r\n const wfFormsPopup = POPUP.build({\r\n classNames: ['wfFormsPopup'],\r\n });\r\n\r\n const title = document.createElement('h2');\r\n title.innerHTML = 'Select forms to attach.';\r\n const linebr = document.createElement('div');\r\n linebr.innerHTML = '';\r\n wfFormsPopup.appendChild(title);\r\n wfFormsPopup.appendChild(linebr);\r\n\r\n const doneBtn = button.build({\r\n id: 'wfFormsContinueBtn',\r\n text: 'Continue',\r\n type: 'contained',\r\n style: 'secondary',\r\n // classNames: ['copySelectedBtn', 'disabled'],\r\n classNames: 'copySelectedBtn',\r\n callback: () => {\r\n var selectedPreviousWfForms = planWorkflow.getselectedWorkFlowForms();\r\n var wf_template_selected = selectedWorkflows;\r\n\r\n POPUP.hide(wfFormsPopup);\r\n createNewPlan(selectedConsumer, processId, selectedWorkflows, selectedPreviousWfForms);\r\n },\r\n });\r\n\r\n if (wfFormsData && wfFormsData.length > 0) {\r\n const list = planWorkflow.buildWorkflowFormList(wfFormsData);\r\n wfFormsPopup.appendChild(list);\r\n wfFormsPopup.appendChild(doneBtn);\r\n POPUP.show(wfFormsPopup);\r\n } else {\r\n createNewPlan(selectedConsumer, processId, selectedWorkflows);\r\n }\r\n } else {\r\n // if ($.session.planFormCarryover\r\n createNewPlan(selectedConsumer, processId, selectedWorkflows);\r\n }\r\n };\r\n planWorkflow.showWorkflowListPopup(wfvData, workflowCallback);\r\n }\r\n function getSelectedConsumerName(selectedConsumer) {\r\n const last = selectedConsumer.card.querySelector('.name_last');\r\n const first = selectedConsumer.card.querySelector('.name_first');\r\n return `${first.innerText} ${last.innerText}`;\r\n }\r\n async function createNewPlan(selectedConsumer, processId, selectedWorkflows, selectedPreviousWfForms) {\r\n const EffectiveEndDate = planDates.getEffectiveEndDate();\r\n let edDate = UTIL.formatDateFromDateObj(EffectiveEndDate);\r\n\r\n let currentPlanId;\r\n let workflowId;\r\n let insertedSSA;\r\n const workflowIds = [];\r\n const wfDocIds = [];\r\n\r\n //var selectedConsumer = plan.getSelectedConsumer();\r\n var salesForceCaseManagerId = await consentAndSignAjax.getStateCaseManagerforConsumer({\r\n peopleId: selectedConsumer.id,\r\n });\r\n\r\n if (planType === 'a') {\r\n const planYearStartDate = planDates.getPlanYearStartDate();\r\n const planYearReviewDate = planDates.getPlanReviewDate();\r\n\r\n let returnString = await planAjax.insertAnnualPlan({\r\n token: $.session.Token,\r\n consumerId: selectedConsumer.id,\r\n planYearStart: UTIL.formatDateFromDateObj(planYearStartDate),\r\n reviewDate: UTIL.formatDateFromDateObj(planYearReviewDate),\r\n salesForceCaseManagerId: salesForceCaseManagerId,\r\n });\r\n\r\n returnString = returnString.split(',');\r\n currentPlanId = returnString[0];\r\n insertedSSA = returnString[1];\r\n } else {\r\n const EffectiveStartDate = planDates.getEffectiveStartDate();\r\n const esDate = UTIL.formatDateFromDateObj(EffectiveStartDate);\r\n const planYearReviewDate = planDates.getPlanReviewDate();\r\n\r\n let returnString = await planAjax.insertRevisedPlan({\r\n token: $.session.Token,\r\n priorConsumerPlanId,\r\n effectiveStart: esDate,\r\n effectiveEnd: edDate,\r\n reviewDate: UTIL.formatDateFromDateObj(planYearReviewDate),\r\n useLatestPlanVersion: true,\r\n salesForceCaseManagerId: salesForceCaseManagerId,\r\n });\r\n\r\n returnString = returnString.split(',');\r\n currentPlanId = returnString[0];\r\n insertedSSA = returnString[1];\r\n }\r\n // handle selected workflows\r\n if (selectedWorkflows && selectedWorkflows.length > 0) {\r\n for (i = 0; i < selectedWorkflows.length; i++) {\r\n let wftemplateId = selectedWorkflows[i];\r\n // does this have any attached WF Forms, if so then wantedFormIds: selectedPreviousWfForms, otherwise wantedFormDescriptions: \"\"\r\n let thiswfForms;\r\n\r\n // handle selected forms\r\n if (selectedPreviousWfForms && selectedPreviousWfForms.length > 0) {\r\n let thiswfFormslist = [];\r\n for (j = 0; j < selectedPreviousWfForms.length; j++) {\r\n if (wftemplateId === selectedPreviousWfForms[j].WFtemplateId) {\r\n //thiswfFormslist.push(selectedPreviousWfForms[j].description);\r\n thiswfFormslist.push(selectedPreviousWfForms[j].attachmentId);\r\n }\r\n }\r\n if (thiswfFormslist && thiswfFormslist.length > 0) {\r\n thiswfForms = thiswfFormslist.join(',');\r\n } else {\r\n thiswfForms = '';\r\n }\r\n } else {\r\n thiswfForms = '';\r\n }\r\n\r\n workflowId = await WorkflowViewerAjax.copyWorkflowtemplateToRecord({\r\n token: $.session.Token,\r\n templateId: wftemplateId,\r\n referenceId: currentPlanId,\r\n peopleId: selectedConsumer.id,\r\n wantedFormAttachmentIds: thiswfForms,\r\n priorReferenceId: thisPreviousPlanId,\r\n });\r\n workflowIds.push(workflowId);\r\n }\r\n }\r\n\r\n // START: Josh's WF ------------------\r\n const autoworkflowIds = await planAjax.insertAutomatedWorkflows({\r\n token: $.session.Token,\r\n processId,\r\n peopleId: selectedConsumer.id,\r\n referenceId: currentPlanId,\r\n priorConsumerPlanId: thisPreviousPlanId,\r\n });\r\n var autoWFIds = autoworkflowIds.split(',');\r\n workflowIds.push(...autoWFIds);\r\n // END: Josh's WF ---------------------\r\n\r\n const wfvPopup = document.querySelector('.workflowListPopup');\r\n if (wfvPopup) {\r\n // PROGRESS__BTN.SPINNER.hide('workflowContinueBtn');\r\n POPUP.hide(wfvPopup);\r\n }\r\n\r\n PROGRESS.SPINNER.show('Building Plan...');\r\n\r\n setActiveModuleSectionAttribute('plan-questionsAndAnswers-edit');\r\n\r\n planId = currentPlanId;\r\n planType = planType;\r\n planStatus = 'D';\r\n planActiveStatus = true;\r\n revisionNumber = undefined;\r\n\r\n if (salesForceCaseManagerId === '0') {\r\n // const wfvPopup = document.querySelector('.workflowListPopup');\r\n // if (wfvPopup) {\r\n // // PROGRESS__BTN.SPINNER.hide('workflowContinueBtn');\r\n // POPUP.hide(wfvPopup);\r\n // }\r\n const consumer = getSelectedConsumerName(selectedConsumer);\r\n showAddedToTeamMemberNoCasemanagerFoundPopup(consumer, () => {\r\n POPUP.hide(addedMemberNoCaseManagerPopup);\r\n planWorkflow.displayWFwithMissingResponsibleParties(workflowIds);\r\n buildPlanPage();\r\n });\r\n } else if (salesForceCaseManagerId === '-1') {\r\n // const wfvPopup = document.querySelector('.workflowListPopup');\r\n // if (wfvPopup) {\r\n // // PROGRESS__BTN.SPINNER.hide('workflowContinueBtn');\r\n // POPUP.hide(wfvPopup);\r\n // }\r\n const consumer = getSelectedConsumerName(selectedConsumer);\r\n showAddedToTeamMemberPopup(consumer, insertedSSA, () => {\r\n POPUP.hide(addedMemberPopup);\r\n planWorkflow.displayWFwithMissingResponsibleParties(workflowIds);\r\n buildPlanPage();\r\n });\r\n } else {\r\n const consumer = getSelectedConsumerName(selectedConsumer);\r\n showAddedToTeamMemberPopup(consumer, insertedSSA, () => {\r\n POPUP.hide(addedMemberPopup);\r\n planWorkflow.displayWFwithMissingResponsibleParties(workflowIds);\r\n buildPlanPage();\r\n });\r\n }\r\n }\r\n\r\n function buildPreviousPlansTable(forChangeType, callbackForChangeType) {\r\n const tableOptions = {\r\n plain: true,\r\n columnHeadings: ['Type', 'Rev #', 'PY Start', 'Eff Start', 'Review'],\r\n tableId: forChangeType ? 'previousPlanTableMoreMenu' : 'previousPlanTable',\r\n headline: 'Select a plan below for revision',\r\n };\r\n\r\n const tableData = previousPlansData\r\n .filter(prevPlan => {\r\n return prevPlan.active === 'True';\r\n })\r\n .map(prevPlan => {\r\n const type = prevPlan.planType === 'A' ? 'Ann' : 'Rev';\r\n const revisionNum = prevPlan.revisionNumber !== '0' ? prevPlan.revisionNumber : '';\r\n const start = prevPlan.planYearStart.split(' ')[0];\r\n const effectiveStart = prevPlan.effectiveStart.split(' ')[0];\r\n const reviewDate = prevPlan.reviewDate ? prevPlan.reviewDate.split(' ')[0] : 'n/a';\r\n\r\n return {\r\n values: [type, revisionNum, start, effectiveStart, reviewDate],\r\n attributes: [{ key: 'data-plan-id', value: prevPlan.consumerPlanId }],\r\n onClick: e => {\r\n if (!forChangeType) {\r\n const row = e.target;\r\n const previouslySeletedRow = prevPlanTable.querySelector('.selected');\r\n if (previouslySeletedRow) previouslySeletedRow.classList.remove('selected');\r\n\r\n row.classList.add('selected');\r\n\r\n planDates.setRevisionPlanDates(prevPlan);\r\n\r\n priorConsumerPlanId = prevPlan.consumerPlanId;\r\n\r\n if (setupWrap.contains(datesBoxDiv)) setupWrap.removeChild(datesBoxDiv);\r\n datesBoxDiv = planDates.buildDatesBox(isValid => {\r\n if (isValid) {\r\n doneBtn.classList.remove('disabled');\r\n } else {\r\n doneBtn.classList.add('disabled');\r\n }\r\n });\r\n setupWrap.insertBefore(datesBoxDiv, prevPlanTable);\r\n } else {\r\n callbackForChangeType(e.target, prevPlan);\r\n }\r\n },\r\n };\r\n });\r\n\r\n const previousPlansTable = table.build(tableOptions);\r\n table.populate(previousPlansTable, tableData);\r\n\r\n return previousPlansTable;\r\n }\r\n function toggleNewPlanDoneBtn(disable) {\r\n if (disable) {\r\n if (doneBtn) doneBtn.classList.add('disabled');\r\n return;\r\n }\r\n\r\n if (doneBtn) doneBtn.classList.remove('disabled');\r\n }\r\n async function buildNewPlanSetupPage(selectedConsumer) {\r\n setupWrap = document.createElement('div');\r\n setupWrap.classList.add('planSetupPage');\r\n\r\n hasPreviousPlans = previousPlansData && previousPlansData.length > 0 ? true : false;\r\n\r\n typeDropdown = dropdown.build({\r\n label: 'Type',\r\n style: 'secondary',\r\n className: 'planTypeDropdown',\r\n });\r\n\r\n let typeData;\r\n\r\n if (hasPreviousPlans) {\r\n planType = '%';\r\n typeData = [\r\n { value: '%', text: '' },\r\n { value: 'a', text: 'Annual' },\r\n { value: 'r', text: 'Revision' },\r\n ];\r\n } else {\r\n planType = 'a';\r\n typeData = [{ value: 'a', text: 'Annual' }];\r\n }\r\n\r\n dropdown.populate(typeDropdown, typeData);\r\n\r\n typeDropdown.addEventListener('change', handleTypeChange);\r\n\r\n doneBtn = button.build({\r\n id: 'annualRevisionDoneBtn',\r\n text: 'Done',\r\n type: 'contained',\r\n style: 'secondary',\r\n classNames: ['setupDoneBtn', 'disabled'],\r\n callback: () => handleDoneBtnClick(selectedConsumer),\r\n });\r\n\r\n setupWrap.appendChild(typeDropdown);\r\n\r\n if (!hasPreviousPlans) {\r\n plan.setPlanType('a');\r\n await planDates.setAnnualPlanDates(previousPlansData);\r\n datesBoxDiv = planDates.buildDatesBox(isValid => {\r\n if (isValid) {\r\n doneBtn.classList.remove('disabled');\r\n } else {\r\n doneBtn.classList.add('disabled');\r\n }\r\n });\r\n setupWrap.appendChild(datesBoxDiv);\r\n }\r\n\r\n setupWrap.appendChild(doneBtn);\r\n\r\n return setupWrap;\r\n }\r\n\r\n // Plan Landing Page\r\n //---------------------------------------------\r\n function showInvalidSalesForceWarningPopup() {\r\n const warningPopup = POPUP.build({\r\n id: 'importRelationshipPopup',\r\n // closeCallback: () => {\r\n // POPUP.hide(warningPopup);\r\n // },\r\n });\r\n\r\n const message = document.createElement('p');\r\n message.innerText = `This consumer does not have a Resident Number or a SalesForce ID. Please insert the Resident Number or confirm that it is a valid number in the Desktop before inserting a Plan.`;\r\n\r\n warningPopup.appendChild(message);\r\n\r\n POPUP.show(warningPopup);\r\n }\r\n function showAddedToTeamMemberPopup(consumer, ssa, callback) {\r\n addedMemberPopup = POPUP.build({\r\n id: 'importRelationshipPopup',\r\n hideX: true,\r\n });\r\n\r\n if (ssa) {\r\n addedMemberPopup.innerHTML += `${consumer} and ${ssa} have been added as a Team Member to this plan.
`;\r\n } else {\r\n addedMemberPopup.innerHTML += `${consumer} has been added as a Team Member to this plan.
`;\r\n // addedMemberPopup.innerHTML += `${consumer} has been added as a Team Member to this plan.
\r\n //No SSA/QIDP assigned to this consumer in Salesforce. Please assign SSA/QIDP.
\r\n // `;\r\n }\r\n\r\n const okButton = button.build({\r\n text: 'Ok',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: callback,\r\n });\r\n\r\n addedMemberPopup.appendChild(okButton);\r\n\r\n POPUP.show(addedMemberPopup);\r\n }\r\n\r\n function showAddedToTeamMemberNoCasemanagerFoundPopup(consumer, callback) {\r\n addedMemberNoCaseManagerPopup = POPUP.build({\r\n id: 'importRelationshipPopup',\r\n hideX: true,\r\n });\r\n\r\n addedMemberNoCaseManagerPopup.innerHTML += `${consumer} has been added as a Team Member to this plan.
\r\nNo SSA/QIDP assigned to this consumer in Salesforce. Please assign SSA/QIDP.
`;\r\n\r\n const okButton = button.build({\r\n text: 'Ok',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: callback,\r\n });\r\n\r\n addedMemberNoCaseManagerPopup.appendChild(okButton);\r\n\r\n POPUP.show(addedMemberNoCaseManagerPopup);\r\n }\r\n\r\n function buildNewPlanBtn() {\r\n return button.build({\r\n text: 'Add New Plan',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: !$.session.planUpdate ? ['disabled'] : ['newPlanBtn'],\r\n callback: async () => {\r\n if (newPlanBtn.innerText === 'ADD NEW PLAN') {\r\n PROGRESS__BTN.SPINNER.show(newPlanBtn);\r\n\r\n if ($.session.areInSalesForce) {\r\n // validate salesforce\r\n isValidSalesforce = await consentAndSignAjax.validateConsumerForSalesForceId({\r\n consumerId: selectedConsumer.id,\r\n });\r\n if (!isValidSalesforce) {\r\n PROGRESS__BTN.SPINNER.hide(newPlanBtn);\r\n showInvalidSalesForceWarningPopup();\r\n return;\r\n }\r\n }\r\n\r\n planSetupPage = await buildNewPlanSetupPage(selectedConsumer);\r\n\r\n landingPage.removeChild(overviewTable);\r\n landingPage.appendChild(planSetupPage);\r\n\r\n PROGRESS__BTN.SPINNER.hide(newPlanBtn);\r\n newPlanBtn.innerText = 'Back';\r\n\r\n if (assignCaseLoadBtn) {\r\n assignCaseLoadBtn.style.display = 'none';\r\n }\r\n } else {\r\n landingPage.removeChild(planSetupPage);\r\n landingPage.appendChild(overviewTable);\r\n\r\n newPlanBtn.innerText = 'Add New Plan';\r\n if (assignCaseLoadBtn) {\r\n assignCaseLoadBtn.style.display = 'block';\r\n }\r\n }\r\n },\r\n });\r\n }\r\n\r\n function buildAssignCaseloadBtn() {\r\n return button.build({\r\n id: 'assign-case-load-btn',\r\n text: $.session.applicationName === 'Gatekeeper' ? 'ASSIGN CASE LOAD' : 'ASSIGN QIDP',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: !$.session.planUpdate ? ['disabled'] : ['newPlanBtn'],\r\n callback: async () => {\r\n PROGRESS__BTN.SPINNER.show(assignCaseLoadBtn);\r\n await csAssignCaseload.showAssignCaseLoadPopup();\r\n PROGRESS__BTN.SPINNER.hide(assignCaseLoadBtn);\r\n },\r\n });\r\n }\r\n\r\n function buildDownloadPlanBtn() {\r\n return button.build({\r\n text: 'DOWNLOAD PLAN',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: ['downloadPlanBtn'],\r\n callback: downloadPlanFromSalesforceProgress,\r\n });\r\n }\r\n\r\n async function downloadPlanFromSalesforceProgress() {\r\n pendingSave.show('Downloading Plan...');\r\n\r\n const sentStatus = await planAjax.downloadPlanFromSalesforce({\r\n token: $.session.Token,\r\n consumerId: selectedConsumer.id,\r\n userId: $.session.UserId,\r\n });\r\n\r\n if (sentStatus === 'Download complete') {\r\n success = true;\r\n } else {\r\n success = false;\r\n }\r\n\r\n const pendingSavePopup = document.querySelector('.pendingSavePopup');\r\n pendingSavePopup.style.display = 'none';\r\n\r\n // Handles popup actions based on whether the One Span delivery was successsful\r\n if (success) {\r\n pendingSave.fulfill('Download Successful!');\r\n setTimeout(() => {\r\n const savePopup = document.querySelector('.successfulSavePopup');\r\n DOM.ACTIONCENTER.removeChild(savePopup);\r\n overlay.hide();\r\n\r\n loadLandingPage();\r\n }, 700);\r\n } else {\r\n pendingSave.reject('Failed to download plan, please try again.');\r\n setTimeout(() => {\r\n const failPopup = document.querySelector('.failSavePopup');\r\n DOM.ACTIONCENTER.removeChild(failPopup);\r\n overlay.hide();\r\n }, 2000);\r\n }\r\n }\r\n\r\n function buildConsumerCard() {\r\n selectedConsumer.card.classList.remove('highlighted');\r\n\r\n const saleforceIdClass = selectedConsumer.card.querySelector('.saleforce_Id');\r\n if (saleforceIdClass != null)\r\n saleforceIdClass.style.display = 'block';\r\n\r\n const wrap = document.createElement('div');\r\n wrap.classList.add('planConsumerCard');\r\n\r\n wrap.appendChild(selectedConsumer.card);\r\n\r\n return wrap;\r\n }\r\n function buildOverviewTable() {\r\n const tableOptions = {\r\n plain: false,\r\n columnHeadings: ['Type', 'Rev #', 'Downloaded', 'PY Start', 'Eff Start', 'Review', 'Sent To DODD'],\r\n tableId: 'planOverviewTable',\r\n };\r\n\r\n const tableData = previousPlansData.map(pd => {\r\n const type = pd.planType === 'A' ? 'Annual' : 'Revision';\r\n const revisionNum = pd.revisionNumber !== '0' ? pd.revisionNumber : '';\r\n const downloadedDate = pd.downloadDate ? pd.downloadDate.split(' ')[0] : '';\r\n const startDate = pd.planYearStart.split(' ')[0];\r\n const endDate = pd.planYearEnd.split(' ')[0];\r\n const effectiveStart = pd.effectiveStart.split(' ')[0];\r\n const effectiveEnd = pd.effectiveEnd.split(' ')[0];\r\n let isActive = pd.active === 'True' ? true : false;\r\n const reviewDate = pd.reviewDate ? pd.reviewDate.split(' ')[0] : 'n/a';\r\n let sentToDODD = pd.dateSentDODD ? pd.dateSentDODD : '';\r\n sentToDODD = `${pd.userSentDODD} - ${sentToDODD}`;\r\n if (downloadedDate !== '') {\r\n downloadPlanBtn.classList.add('disabled');\r\n }\r\n\r\n return {\r\n values: [type, revisionNum, downloadedDate, startDate, effectiveStart, reviewDate, sentToDODD],\r\n attributes: [\r\n { key: 'data-plan-active', value: isActive },\r\n { key: 'data-plan-id', value: pd.consumerPlanId },\r\n ],\r\n onClick: async () => {\r\n planId = pd.consumerPlanId;\r\n planType = pd.planType.toLowerCase();\r\n planStatus = pd.planStatus ? pd.planStatus : 'D';\r\n planActiveStatus = isActive;\r\n revisionNumber = pd.revisionNumber;\r\n downloadedFromSalesforce = downloadedDate ? true : false;\r\n\r\n planDates.setReviewPlanDates({\r\n startDate: new Date(startDate),\r\n endDate: new Date(endDate),\r\n effectiveStart: new Date(effectiveStart),\r\n effectiveEnd: new Date(effectiveEnd),\r\n reviewDate: new Date(reviewDate),\r\n });\r\n\r\n buildPlanPage();\r\n },\r\n };\r\n });\r\n\r\n const oTable = table.build(tableOptions);\r\n\r\n // Set the data type for each header, for sorting purposes\r\n const headers = oTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'string'); // Type\r\n headers[1].setAttribute('data-type', 'number'); // Rev\r\n headers[2].setAttribute('data-type', 'string'); // Downloaded data\r\n headers[3].setAttribute('data-type', 'date'); // PY Start \r\n headers[4].setAttribute('data-type', 'date'); // Eff Start\r\n headers[5].setAttribute('data-type', 'date'); // Review\r\n headers[6].setAttribute('data-type', 'string'); // send to ddd\r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(oTable);\r\n\r\n\r\n table.populate(oTable, tableData);\r\n\r\n return oTable;\r\n }\r\n async function loadLandingPage() {\r\n DOM.clearActionCenter();\r\n\r\n landingPage = document.createElement('div');\r\n landingPage.classList.add('planLandingPage');\r\n\r\n const consumerCard = buildConsumerCard();\r\n newPlanBtn = buildNewPlanBtn();\r\n assignCaseLoadBtn = buildAssignCaseloadBtn();\r\n downloadPlanBtn = buildDownloadPlanBtn();\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('topOutcomeWrap');\r\n\r\n btnWrap.appendChild(newPlanBtn);\r\n if ($.session.planAssignCaseload) btnWrap.appendChild(assignCaseLoadBtn);\r\n\r\n if ($.session.downloadPlans && $.session.areInSalesForce) {\r\n // validate salesforce\r\n isValidSalesforce = await consentAndSignAjax.validateConsumerForSalesForceId({\r\n consumerId: selectedConsumer.id,\r\n });\r\n\r\n if (isValidSalesforce) {\r\n btnWrap.appendChild(downloadPlanBtn);\r\n }\r\n }\r\n\r\n landingPage.appendChild(consumerCard);\r\n landingPage.appendChild(btnWrap);\r\n DOM.ACTIONCENTER.appendChild(landingPage);\r\n\r\n const spinner = PROGRESS.SPINNER.get('Gathering Plans...');\r\n landingPage.appendChild(spinner);\r\n\r\n previousPlansData = await planAjax.getConsumerPlans({\r\n token: $.session.Token,\r\n consumerId: selectedConsumer.id,\r\n });\r\n previousPlansData.sort((a, b) => {\r\n const aDate = a.effectiveStart.split(' ')[0];\r\n const bDate = b.effectiveStart.split(' ')[0];\r\n const aDateObj = new Date(aDate);\r\n const bDateObj = new Date(bDate);\r\n\r\n return bDateObj - aDateObj;\r\n });\r\n\r\n landingPage.removeChild(spinner);\r\n\r\n overviewTable = buildOverviewTable();\r\n landingPage.appendChild(overviewTable);\r\n }\r\n\r\n async function init() {\r\n setActiveModuleAttribute('plan');\r\n DOM.clearActionCenter();\r\n roster2.showMiniRoster();\r\n await planAjax.checkForSalesForce();\r\n PROGRESS.init();\r\n PROGRESS.SPINNER.show('Gathering Plans...');\r\n }\r\n\r\n return {\r\n clearAllData,\r\n clearPlanId,\r\n dashHandler,\r\n getCurrentPlanId,\r\n getSelectedConsumer,\r\n getCurrentPlanType,\r\n getPlanStatus,\r\n getPlanActiveStatus,\r\n getPlanDropdownData,\r\n getWorkflowMarkup,\r\n getHasPreviousPlans,\r\n setSelectedConsumer,\r\n setRevisionNumber,\r\n getISPValidation,\r\n getAttachmentIds,\r\n setPlanType,\r\n setPlanId,\r\n setPlanStatus,\r\n setPlanActiveStatus,\r\n toggleNewPlanDoneBtn,\r\n handleActionNavEvent,\r\n buildPlanPage,\r\n buildPreviousPlansTable,\r\n loadLanding: loadLandingPage,\r\n init,\r\n };\r\n})();\r\n","const planAjax = (function () {\r\n // GET\r\n //------------------------------------\r\n async function getConsumerPlans(retrieveData) {\r\n // token, consumerId\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getConsumerPlans/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.getConsumerPlansResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n async function getConsumerPlanYearInfo(retrieveData) {\r\n //token, answerObj array\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getConsumerPlanYearInfo/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.getConsumerPlanYearInfoResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n async function getPlanDropdownData(retrieveData) {\r\n // TODO: this function can be removed, it lives in planData now\r\n\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getServiceAndSupportsData/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return {\r\n ...data.getServiceAndSupportsDataResult,\r\n };\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n async function getPlanAndWorkFlowAttachments(retrieveData) {\r\n //string token, string assessmentId\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getPlanAndWorkFlowAttachments/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return {\r\n ...data.getPlanAndWorkFlowAttachmentsResult,\r\n };\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n // INSERT\r\n //------------------------------------\r\n async function insertAnnualPlan(retrieveData) {\r\n // token, consumerId, planYearStart\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertConsumerPlanAnnual/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n const planId = data.insertConsumerPlanAnnualResult;\r\n plan.setPlanId(planId);\r\n return planId;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n async function insertRevisedPlan(retrieveData) {\r\n // priorConsumerPlanId, effectiveStart, effectiveEnd, useLatestAssessmentVersion\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertConsumerPlanRevision/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n const planId = data.insertConsumerPlanRevisionResult;\r\n plan.setPlanId(planId);\r\n return planId;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n async function insertAutomatedWorkflows(retrieveData) {\r\n // token, processId, peopleId, referenceId\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertAutomatedWorkflows/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.insertAutomatedWorkflowsResult;\r\n } catch (error) {\r\n console.log(error.responseText);//\r\n }\r\n }\r\n async function addSelectedAttachmentsToReport(retrieveData) {\r\n // string token, string[] attachmentIds, string userId, string assessmentID,,\r\n // string versionID, string extraSpace, bool isp\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/addSelectedAttachmentsToReport/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.addSelectedAttachmentsToReportResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n // UPDATE\r\n //------------------------------------\r\n async function updateConsumerPlanReactivate(retrieveData) {\r\n // token, consumerPlanId\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateConsumerPlanReactivate/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.updateConsumerPlanReactivateResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n async function updateConsumerPlanSetStatus(retrieveData) {\r\n // token, consumerPlanId, status\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateConsumerPlanSetStatus/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.updateConsumerPlanSetStatusResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n return { hasError: true, message: error.statusText };\r\n }\r\n }\r\n async function updateConsumerPlanSetAnnualDates(retrieveData) {\r\n // token, consumerPlanId, newPlanYearStart\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateConsumerPlanSetAnnualDates/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.updateConsumerPlanSetAnnualDatesResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n async function updateConsumerPlanSetRevisionEffectiveDates(retrieveData) {\r\n // token, consumerPlanId, newEffectiveStart, newEffectiveEnd\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateConsumerPlanSetRevisionEffectiveDates/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.updateConsumerPlanSetRevisionEffectiveDatesResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n async function updateConsumerPlanReviewDate(retrieveData) {\r\n // token, reviewDate, planId (make a integer)\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateConsumerPlanReviewDate/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.updateConsumerPlanReviewDateResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n async function uploadPlanToDODD(retrieveData) {\r\n // consumerId(peopleId), planId)\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/uploadPlanToDODD/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.uploadPlanToDODDResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n async function updatePlanType(retrieveData) {\r\n //string token, string consumerPlanId, string planType, string planYearStart, string planYearEnd, \r\n //string effectiveStartDate, string effectiveEndDate, string reviewDate, string prevPlanId\r\n\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/switchPlanType/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.switchPlanTypeResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n // DELETE\r\n //------------------------------------\r\n async function deletePlan(retrieveData) {\r\n // token, consumerPlanId\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/deleteConsumerPlan/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n mainAssessment.clearData();\r\n plan.clearPlanId();\r\n return data.deleteConsumerPlanResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n // ATTACHMENTS\r\n // ----------------------------------\r\n function viewPlanAttachment(attachmentId, section) {\r\n data = {\r\n attachmentId: attachmentId,\r\n };\r\n var action = `${$.webServer.protocol}://${$.webServer.address}:${$.webServer.port}/${$.webServer.serviceName}/viewPlanAttachment/`;\r\n var successFunction = function (resp) {\r\n var res = JSON.stringify(response);\r\n };\r\n\r\n var form = document.createElement('form');\r\n form.setAttribute('action', action);\r\n form.setAttribute('method', 'POST');\r\n form.setAttribute('target', '_blank');\r\n form.setAttribute('enctype', 'application/json');\r\n form.setAttribute('success', successFunction);\r\n var tokenInput = document.createElement('input');\r\n tokenInput.setAttribute('name', 'token');\r\n tokenInput.setAttribute('value', $.session.Token);\r\n tokenInput.id = 'token';\r\n var attachmentInput = document.createElement('input');\r\n attachmentInput.setAttribute('name', 'attachmentId');\r\n attachmentInput.setAttribute('value', attachmentId);\r\n attachmentInput.id = 'attachmentId';\r\n var sectionInput = document.createElement('input');\r\n sectionInput.setAttribute('name', 'section');\r\n sectionInput.setAttribute('value', section);\r\n sectionInput.id = 'section';\r\n\r\n form.appendChild(tokenInput);\r\n form.appendChild(attachmentInput);\r\n form.appendChild(sectionInput);\r\n form.style.position = 'absolute';\r\n form.style.opacity = '0';\r\n document.body.appendChild(form);\r\n\r\n form.submit();\r\n form.remove();\r\n }\r\n\r\n async function addPlanAttachment(retrieveData) {\r\n // let abString = btoa(String.fromCharCode.apply(null, new Uint8Array(buf)))\r\n try {\r\n var binary = '';\r\n var bytes = new Uint8Array(retrieveData.attachment);\r\n var len = bytes.byteLength;\r\n for (var i = 0; i < len; i++) {\r\n binary += String.fromCharCode(bytes[i]);\r\n }\r\n let abString = window.btoa(binary);\r\n retrieveData.attachment = abString;\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/addPlanAttachment/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.addPlanAttachmentResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n function deletePlanAttachment(planId, attachmentId) {\r\n data = {\r\n token: $.session.Token,\r\n planId: planId, //long\r\n attachmentId: attachmentId, //long\r\n };\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/deletePlanAttachment/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.deletePlanAttachmentResult;\r\n },\r\n error: function (xhr, status, error) {},\r\n });\r\n }\r\n async function getPlanAttachmentsList(retrieveData) {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getPlanAttachmentsList/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.getPlanAttachmentsListResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n // OTHER\r\n // ----------------------------------\r\n async function getConsumerPeopleId(consumerId, callback) {\r\n await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getConsumerPeopleId/',\r\n data: '{\"consumerId\":\"' + consumerId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getConsumerPeopleIdResult;\r\n return callback(res);\r\n },\r\n });\r\n }\r\n async function getConsumerPeopleIdAsync(consumerId, callback) {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getConsumerPeopleId/',\r\n data: JSON.stringify({ consumerId: consumerId }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.getConsumerPeopleIdResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n async function updatePlanSectionApplicable(retrieveData) {\r\n // string token, long planId, long sectionId, string applicable)\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updatePlanSectionApplicable/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return data.updatePlanSectionApplicableResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n async function checkForSalesForce() {\r\n $.session.areInSalesForce = true;\r\n }\r\n async function runReOrderSQL() {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/runReOrderSQL/',\r\n data: JSON.stringify({}),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.runReOrderSQLResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n async function downloadPlanFromSalesforce(retrieveData) {\r\n // string token, string userId, string consumerId\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/downloadPlanFromSalesforce/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data.downloadPlanFromSalesforceResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n return {\r\n getConsumerPlans,\r\n getConsumerPlanYearInfo,\r\n getPlanDropdownData,\r\n getPlanAndWorkFlowAttachments,\r\n insertAnnualPlan,\r\n insertRevisedPlan,\r\n insertAutomatedWorkflows,\r\n addSelectedAttachmentsToReport,\r\n updateConsumerPlanReactivate,\r\n updateConsumerPlanSetStatus,\r\n updateConsumerPlanSetAnnualDates,\r\n updateConsumerPlanSetRevisionEffectiveDates,\r\n updateConsumerPlanReviewDate,\r\n updatePlanSectionApplicable,\r\n updatePlanType,\r\n deletePlan,\r\n viewPlanAttachment,\r\n addPlanAttachment,\r\n deletePlanAttachment,\r\n getPlanAttachmentsList,\r\n uploadPlanToDODD,\r\n checkForSalesForce,\r\n getConsumerPeopleId,\r\n getConsumerPeopleIdAsync,\r\n runReOrderSQL,\r\n downloadPlanFromSalesforce\r\n };\r\n})();\r\n","const planAttachment = (() => {\r\n let attachments;\r\n let planId;\r\n\r\n /** Class for attachments in Plan Module */\r\n class PlanAttachment {\r\n /**\r\n * Create a new attachment instance\r\n * @param {[string]} header Header for Attachment Popup\r\n * @param {string} questionId question ID the attachment button is assoicated with\r\n * @param {string} assessmentId Assessment ID\r\n */\r\n constructor(header, questionId, assessmentId) {\r\n this.attachmentsForQuestion = [];\r\n this.header = header;\r\n this.questionId = questionId;\r\n this.assessmentId = assessmentId;\r\n }\r\n\r\n buildAttachmentButton() {\r\n if (attachments.has(this.questionId))\r\n this.attachmentsForQuestion = attachments.get(this.questionId);\r\n\r\n const attachmentButton = button.build({\r\n id: `attach-${this.questionId}`,\r\n text: `ATTACHMENTS (${this.attachmentsForQuestion.length})`,\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n this.attachmentPopup();\r\n },\r\n });\r\n\r\n attachmentButton.classList.add('attachmentBtn');\r\n if (this.attachmentsForQuestion.length > 0) attachmentButton.classList.add('hasAttachments');\r\n\r\n return attachmentButton;\r\n }\r\n\r\n attachmentPopup() {\r\n const questionId = this.questionId;\r\n const assessmentId = this.assessmentId;\r\n const attachmentsForQuestion = this.attachmentsForQuestion;\r\n const attachmentsToDelete = [];\r\n const attachmentsAdded = [];\r\n // PERMISSIONS\r\n let ro;\r\n const planStatus = plan.getPlanStatus();\r\n const planActiveStatus = plan.getPlanActiveStatus();\r\n\r\n if (planActiveStatus && planStatus === 'D' && $.session.planUpdate) {\r\n ro = false;\r\n } else {\r\n ro = true;\r\n }\r\n // =========================\r\n // UTIL FUNCTIONS\r\n // =============================\r\n // Adds attachments to the existing attachments section in popup\r\n function populateExistingAttachments() {\r\n const header = document.createElement('h5');\r\n header.innerText = 'Existing Attachments:';\r\n reviewAttachmentList.appendChild(header);\r\n\r\n attachmentsForQuestion.forEach(attachment => {\r\n const fileContainer = document.createElement('div');\r\n fileContainer.classList.add('reviewAttachmentContainer');\r\n fileContainer.setAttribute('id', attachment.planAttachmentId);\r\n fileContainer.setAttribute('delete', false);\r\n const removeAttachmentBtn = button.build({\r\n style: 'secondary',\r\n type: 'text',\r\n icon: 'delete',\r\n callback: event => addRemoveAttachmentToDeleteList(event.target.parentElement),\r\n });\r\n const file = document.createElement('p');\r\n file.innerText = attachment.description;\r\n if (!ro) fileContainer.appendChild(removeAttachmentBtn);\r\n fileContainer.appendChild(file);\r\n file.addEventListener('click', event => {\r\n const attachmentId = event.target.parentElement.id;\r\n planAjax.viewPlanAttachment(attachmentId, '');\r\n });\r\n reviewAttachmentList.appendChild(fileContainer);\r\n });\r\n }\r\n // CB for clicking the delete button on attachments in existing attachment section\r\n function addRemoveAttachmentToDeleteList(attachmentElement) {\r\n const currentDeleteStatus = attachmentElement.getAttribute('delete');\r\n const attachmentId = attachmentElement.getAttribute('id');\r\n switch (currentDeleteStatus) {\r\n case 'false':\r\n attachmentElement.classList.add('deleteAttachment');\r\n attachmentsToDelete.push(attachmentId);\r\n attachmentElement.setAttribute('delete', true);\r\n break;\r\n case 'true':\r\n attachmentElement.classList.remove('deleteAttachment');\r\n attachmentsToDelete = attachmentsToDelete.filter(\r\n attachment => attachment !== attachmentId,\r\n );\r\n attachmentElement.setAttribute('delete', false);\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n // checks file is a valid type\r\n function fileValidation(target) {\r\n const fileType = target.files[0].type;\r\n const reFileTypeTest = new RegExp('(audio/)|(video/)');\r\n if (reFileTypeTest.test(fileType)) {\r\n alert('Anywhere currently does not accept audio or video files');\r\n target.value = '';\r\n return false;\r\n }\r\n }\r\n // CB for clicking the add attachment button. doesn't do anything if they haven't yet chosen an\r\n // attachment for existing add attachment input.\r\n function addNewAttachment() {\r\n function addRemoveAttachmentEventListener(btn) {\r\n btn.addEventListener('click', event => {\r\n const fileInput = event.target.parentElement.getElementsByTagName('input')[0];\r\n if (fileInput !== '') {\r\n event.target.parentElement.remove();\r\n }\r\n });\r\n }\r\n // Don't add new attachment input if the last attachment is empty\r\n const form = document.getElementById('attachmentForm');\r\n const lastAttachment = form.lastChild;\r\n if (lastAttachment && lastAttachment.querySelector('.attachmentInput').value === '') {\r\n return;\r\n }\r\n const newFileContainer = attachmentContainer.cloneNode(true);\r\n newFileContainer.getElementsByTagName('input')[0].value = ''; //remove file for new container\r\n newFileContainer\r\n .getElementsByTagName('input')[0]\r\n .addEventListener('change', evt => fileValidation(evt.target));\r\n attachmentList.appendChild(newFileContainer);\r\n addRemoveAttachmentEventListener(newFileContainer.firstElementChild);\r\n attachmentContainer = newFileContainer;\r\n }\r\n\r\n // CB for Done Button\r\n async function saveAction() {\r\n async function saveAttachmentsToDB() {\r\n const attachmentSaveArray = [];\r\n if (attachmentArray.length === 0) return;\r\n\r\n attachmentArray.forEach(attachment => {\r\n const saveProm = new Promise(resolve => {\r\n const saveData = {\r\n token: $.session.Token,\r\n assessmentId: assessmentId,\r\n description: attachment.description,\r\n attachmentType: attachment.type,\r\n attachment: attachment.arrayBuffer,\r\n section: '',\r\n questionId: questionId,\r\n };\r\n planAjax.addPlanAttachment(saveData).then(res => resolve(res));\r\n });\r\n attachmentSaveArray.push(saveProm);\r\n });\r\n\r\n const attSaveRes = await Promise.all(attachmentSaveArray);\r\n attSaveRes.forEach(att => {\r\n attachmentsAdded.push(att[0]);\r\n });\r\n }\r\n // DELETE ATTACHMENTS\r\n attachmentsToDelete.forEach(attachment => {\r\n planAjax.deletePlanAttachment(assessmentId, attachment);\r\n });\r\n\r\n // ADD ATTACHMENTS\r\n const attachmentInputs = document.querySelectorAll('.attachmentInput');\r\n if (attachmentInputs.length === 0) {\r\n console.log('no attachments to add');\r\n return;\r\n }\r\n\r\n let attachmentProms = [];\r\n let attachmentArray = [];\r\n attachmentInputs.forEach(inputElement => {\r\n if (inputElement.value === '') {\r\n return;\r\n }\r\n const attPromise = new Promise(resolve => {\r\n const attachmentObj = {};\r\n const attachmentFile = inputElement.files.item(0);\r\n const attachmentName = attachmentFile.name;\r\n const attachmentType = attachmentFile.name.split('.').pop();\r\n attachmentObj.description = attachmentName;\r\n attachmentObj.type = attachmentType;\r\n // new Response(file) was added for Safari compatibility\r\n new Response(attachmentFile).arrayBuffer().then(res => {\r\n attachmentObj.arrayBuffer = res;\r\n attachmentArray.push(attachmentObj);\r\n resolve();\r\n });\r\n });\r\n\r\n attachmentProms.push(attPromise);\r\n });\r\n\r\n await Promise.all(attachmentProms);\r\n await saveAttachmentsToDB();\r\n }\r\n //===========================================\r\n //===========================================\r\n\r\n const popup = POPUP.build({\r\n header: this.header,\r\n id: 'planAttachmentPopup',\r\n });\r\n\r\n const addAttachmentBtn = button.build({\r\n text: 'Add Attachment',\r\n style: 'secondary',\r\n type: 'text',\r\n icon: 'add',\r\n callback: () => addNewAttachment(),\r\n });\r\n addAttachmentBtn.type = 'button';\r\n\r\n const removeAttachmentBtn = button.build({\r\n style: 'secondary',\r\n type: 'text',\r\n icon: 'delete',\r\n });\r\n removeAttachmentBtn.type = 'button';\r\n\r\n const saveBtn = button.build({\r\n id: 'attachmentSave',\r\n text: 'Save',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n try {\r\n popup.style.display = 'none';\r\n pendingSave.show('Saving Attachment Changes');\r\n await saveAction();\r\n await this.cleanAttachmentLists(attachmentsAdded, attachmentsToDelete);\r\n pendingSave.fulfill('Saved');\r\n setTimeout(async () => {\r\n successfulSave.hide(false);\r\n // popup.remove();\r\n POPUP.hide(popup);\r\n // refresh attachments\r\n attachments = new Map();\r\n const res = await planAjax.getPlanAttachmentsList({\r\n token: $.session.Token,\r\n planId,\r\n section: '',\r\n });\r\n res.forEach(attachment => {\r\n let attArray = [];\r\n if (attachments.has(attachment.questionId)) {\r\n attArray = attachments.get(attachment.questionId);\r\n }\r\n attArray.push(attachment);\r\n attachments.set(attachment.questionId, attArray);\r\n });\r\n // build new button\r\n // const newAttachmentBtn = this.buildAttachmentButton();\r\n // const oldAttachmentBtn = document.getElementById(`attach-${this.questionId}`);\r\n // const attachmentParent = oldAttachmentBtn.parentElement;\r\n // attachmentParent.removeChild(oldAttachmentBtn);\r\n // attachmentParent.appendChild(newAttachmentBtn);\r\n }, 2000);\r\n } catch (error) {\r\n pendingSave.reject('Error saving attachment changes');\r\n setTimeout(() => {\r\n failSave.hide(false);\r\n popup.style.removeProperty('display');\r\n }, 2000);\r\n console.error(error);\r\n }\r\n },\r\n });\r\n const cancelBtn = button.build({\r\n id: 'attachmentCancel',\r\n text: ro ? 'close' : 'cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => {\r\n POPUP.hide(popup);\r\n },\r\n });\r\n const reviewAttachmentList = document.createElement('div');\r\n reviewAttachmentList.classList.add('reviewAttachmentList');\r\n const newAttachmentList = document.createElement('div');\r\n newAttachmentList.classList.add('newAttachmentList');\r\n const newAttachmentsHeader = document.createElement('h5');\r\n newAttachmentsHeader.innerText = 'Attachments to be added:';\r\n newAttachmentList.appendChild(newAttachmentsHeader);\r\n\r\n const attachmentInput = document.createElement('input');\r\n attachmentInput.type = 'file';\r\n attachmentInput.classList.add('input-field__input', 'attachmentInput');\r\n attachmentInput.addEventListener('change', evt => fileValidation(evt.target));\r\n\r\n let attachmentContainer = document.createElement('div');\r\n attachmentContainer.classList.add('attachmentContainer');\r\n const attachmentList = document.createElement('form');\r\n attachmentList.setAttribute('id', 'attachmentForm');\r\n attachmentList.appendChild(attachmentContainer);\r\n attachmentContainer.appendChild(removeAttachmentBtn);\r\n attachmentContainer.appendChild(attachmentInput);\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n\r\n popup.appendChild(reviewAttachmentList);\r\n if (!ro) {\r\n popup.appendChild(newAttachmentList);\r\n popup.appendChild(attachmentList);\r\n popup.appendChild(addAttachmentBtn);\r\n btnWrap.appendChild(saveBtn);\r\n }\r\n\r\n btnWrap.appendChild(cancelBtn);\r\n popup.appendChild(btnWrap);\r\n\r\n if (attachmentsForQuestion.length > 0) populateExistingAttachments();\r\n\r\n POPUP.show(popup);\r\n }\r\n\r\n /**\r\n * Gets the attachment button element\r\n * @return {HTMLButtonElement} Attachment Button Element\r\n */\r\n get attachmentButton() {\r\n return this.buildAttachmentButton();\r\n }\r\n\r\n cleanAttachmentLists(attachmentsToAdd, attachmentsToRemove) {\r\n attachmentsToRemove.forEach(attachmentId => {\r\n let list = attachments.get(this.questionId);\r\n let newList = list.filter(a => a.planAttachmentId !== attachmentId);\r\n attachments.set(this.questionId, newList);\r\n });\r\n attachmentsToAdd.forEach(attachment => {\r\n let list = [];\r\n if (attachments.has(this.questionId)) {\r\n list = attachments.get(this.questionId);\r\n }\r\n list.push(attachment);\r\n attachments.set(this.questionId, list);\r\n });\r\n if (attachments.has(this.questionId)) {\r\n this.attachmentsForQuestion = attachments.get(this.questionId);\r\n } else {\r\n this.attachmentsForQuestion = [];\r\n }\r\n\r\n const attachmentBtn = document.getElementById(`attach-${this.questionId}`);\r\n attachmentBtn.innerText = `ATTACHMENTS (${this.attachmentsForQuestion.length})`;\r\n\r\n const relativeCheckbox = attachmentBtn.parentElement.querySelector('.input-field__input');\r\n\r\n if (this.attachmentsForQuestion.length > 0) {\r\n attachmentBtn.classList.add('hasAttachments');\r\n attachmentBtn.classList.remove('error');\r\n } else {\r\n attachmentBtn.classList.remove('hasAttachments');\r\n if (relativeCheckbox.checked) {\r\n attachmentBtn.classList.add('error');\r\n } else {\r\n attachmentBtn.classList.remove('error');\r\n }\r\n }\r\n }\r\n }\r\n\r\n async function getAttachments(planID) {\r\n planId = planID;\r\n attachments = new Map();\r\n\r\n const retData = {\r\n token: $.session.Token,\r\n planId,\r\n section: '',\r\n };\r\n const res = await planAjax.getPlanAttachmentsList(retData);\r\n res.forEach(attachment => {\r\n let attArray = [];\r\n if (attachments.has(attachment.questionId)) {\r\n attArray = attachments.get(attachment.questionId);\r\n }\r\n attArray.push(attachment);\r\n attachments.set(attachment.questionId, attArray);\r\n });\r\n }\r\n\r\n return {\r\n PlanAttachment,\r\n getAttachments,\r\n };\r\n})();\r\n","const planData = (() => {\r\n let planId;\r\n let ispData;\r\n let dropdowns;\r\n\r\n // CHARACTER LIMITS\r\n //-----------------------------------------\r\n const characterLimits = {\r\n assessment: {},\r\n isp: {\r\n consentAndSign: {\r\n dissentAreaDisagree: 2500,\r\n dissentHowToAddress: 2500,\r\n },\r\n contactInfo: {\r\n moreDetail: 10000,\r\n },\r\n restrictiveMeasures: {\r\n rmKeepSelfSafe: 2500,\r\n rmFadeRestriction: 10000,\r\n rmWhatCouldHappenGood: 2500,\r\n rmWhatCouldHappenBad: 2500,\r\n rmOtherWayHelpGood: 2500,\r\n rmOtherWayHelpBad: 2500,\r\n },\r\n introduction: {\r\n likeAdmire: 2464,\r\n thingsImportantTo: 2464,\r\n thingsImportantFor: 2464,\r\n howToSupport: 2464,\r\n },\r\n outcomes: {\r\n description: 2500,\r\n details: 2500,\r\n history: 2500,\r\n carryOverReason: 255,\r\n whatNeedsToHappen: 2500, // exp\r\n howItShouldHappen: 2500, // exp\r\n whenHowOften: 255, // exp\r\n whenHowOftenOther: 255, // exp\r\n whatWillHappen: 2500, // rev\r\n whenToCheckIn: 2500, // rev\r\n },\r\n servicesSupports: {\r\n scopeOfService: 10000, // paid supp\r\n fundingSourceOther: 2500, // paid supp\r\n howOftenHowMuch: 255, // paid supp\r\n howOftenOther: 2500, // paid supp\r\n whatSupportLooksLike: 2500, // add supp\r\n whenHowOften: 2500, // add supp\r\n whenHowOftenOther: 2500, // add supp\r\n reasonForReferral: 2500, // prof ref\r\n },\r\n summary: {\r\n aloneTime: 10000,\r\n importantTo: 10000,\r\n importantFor: 10000,\r\n skillsAndAbilities: 10000,\r\n whatIsRisk: 10000,\r\n whatSupportLooksLike: 10000,\r\n },\r\n },\r\n };\r\n function getISPCharacterLimits(section) {\r\n return characterLimits.isp[section];\r\n }\r\n function getAllISPcharacterLimts() {\r\n return characterLimits.isp;\r\n }\r\n function getAssessmentCharacterLimits(section) {\r\n return characterLimits.assessment[section];\r\n }\r\n\r\n // DROPDOWN DATA\r\n //-----------------------------------------\r\n const removeDupRelationships = relationships => {\r\n const unique = [];\r\n const flag = {};\r\n relationships.forEach(el => {\r\n if (!flag[el.peopleId]) {\r\n flag[el.peopleId] = true;\r\n el.lastName = el.lastName.split('|')[0];\r\n unique.push(el);\r\n }\r\n });\r\n return unique;\r\n };\r\n const removeDups = data => {\r\n const flag = {};\r\n const flagN = {};\r\n const unique = [];\r\n data.forEach(el => {\r\n if (!flag[el.value] && !flagN[el.text]) {\r\n flag[el.value] = true;\r\n flagN[el.text] = true;\r\n unique.push(el);\r\n }\r\n });\r\n return unique;\r\n };\r\n async function setDropdownData() {\r\n /**\r\n * -- Service Type changes for Ticket 66872 --\r\n * Service Types no longer populate from GK, but instead are static,\r\n * and are also tied to a specific funding source. Some service types\r\n * only show with specific funding sources\r\n * Show with '%' displays with all funding sources\r\n * DON'T CHANGE VALUE!\r\n */\r\n const defaultDropdowns = {\r\n fundingSource: [\r\n { value: '%', text: '' },\r\n { value: '1', text: 'HCBS Individual Options Waiver' },\r\n { value: '2', text: 'HCBS Level One Waiver' },\r\n { value: '3', text: 'HCBS SELF Waiver' },\r\n { value: '4', text: 'ICF' },\r\n { value: '5', text: 'State Plan Services' },\r\n { value: '6', text: 'Local Funds' },\r\n { value: '7', text: 'Local Funds--Contracted with Ohio Department of Aging' },\r\n { value: '8', text: 'Other' },\r\n ],\r\n serviceTypes: [\r\n {\r\n value: '1',\r\n text: 'Adult Day Support - Community',\r\n showWith: ['1', '2', '3', '6', '7', '8'],\r\n },\r\n {\r\n value: '2',\r\n text: 'Adult Day Support - Facility',\r\n showWith: ['1', '2', '3', '6', '7', '8'],\r\n },\r\n {\r\n value: '51',\r\n text: 'Adult Day Support - Virtual',\r\n showWith: ['1', '2', '3', '6', '7'],\r\n },\r\n {\r\n value: '3',\r\n text: 'Assistive Technology Consultation & Supports',\r\n showWith: ['1', '2', '3', '6', '8'],\r\n },\r\n {\r\n value: '4',\r\n text: 'Assistive Technology Equipment & Supports',\r\n showWith: ['1', '2', '3', '6', '8'],\r\n },\r\n { value: '5', text: 'Career Planning', showWith: ['1', '2', '3', '6', '8'] },\r\n {\r\n value: '6',\r\n text: 'Career Planning--Benefits Education and Analysis',\r\n showWith: ['1', '2', '3', '6', '8'],\r\n },\r\n {\r\n value: '7',\r\n text: 'Career Planning--Worksite Accessibility',\r\n showWith: ['1', '2', '3', '6', '8'],\r\n },\r\n { value: '8', text: 'Community Respite', showWith: ['1', '2', '3', '8'] },\r\n { value: '9', text: 'Community Transition', showWith: ['1', '8'] },\r\n {\r\n value: '10',\r\n text: 'CTI--Clinical/Therapeutic Interventionist (SELF Service)',\r\n showWith: ['2', '3', '8'],\r\n },\r\n {\r\n value: '11',\r\n text: 'CTI--Senior Level Specialized Clinical/Therapeutic Interventionist (SELF Service)',\r\n showWith: ['3', '8'],\r\n },\r\n {\r\n value: '12',\r\n text: 'CTI--Specialized Clinical/Therapeutic Interventionist (SELF Service)',\r\n showWith: ['3', '8'],\r\n },\r\n { value: '13', text: 'DD Waiver Nursing', showWith: ['1', '8'] },\r\n { value: '14', text: 'Environmental Accessibility Adaptations', showWith: ['1', '2', '8'] },\r\n {\r\n value: '15',\r\n text: 'Functional Behavioral Assessment (SELF Service)',\r\n showWith: ['3', '8'],\r\n },\r\n { value: '16', text: 'Group Employment Supports', showWith: ['1', '2', '3', '6', '8'] },\r\n { value: '17', text: 'Home Delivered Meals', showWith: ['1', '2', '3', '8'] },\r\n { value: '18', text: 'Homemaker Personal Care', showWith: ['1', '2', '8'] },\r\n {\r\n value: '19',\r\n text: 'Homemaker Personal Care (HPC) Transportation',\r\n showWith: ['1', '2', '3', '8'],\r\n },\r\n { value: '20', text: 'HPC Transportation (Commercial)', showWith: ['1', '2', '8'] },\r\n {\r\n value: '21',\r\n text: 'Individual Employment Supports',\r\n showWith: ['1', '2', '3', '6', '8'],\r\n },\r\n { value: '22', text: 'Informal Respite--Family Only', showWith: ['2', '8'] },\r\n { value: '23', text: 'Informal Respite--Non-Family Only', showWith: ['2', '8'] },\r\n { value: '24', text: 'Intermediate Care Facility', showWith: ['4', '8'] },\r\n { value: '25', text: 'Interpreter Services', showWith: ['1', '8'] },\r\n { value: '26', text: 'Money Management', showWith: ['1', '2', '8'] },\r\n {\r\n value: '27',\r\n text: 'Non-Medical Transportation - Commercial (CNMT)',\r\n showWith: ['1', '2', '3', '6', '8'],\r\n },\r\n {\r\n value: '28',\r\n text: 'Non-Medical Transportation (NMT)',\r\n showWith: ['1', '2', '3', '6', '8'],\r\n },\r\n { value: '29', text: 'Nutritional Services', showWith: ['1', '8'] },\r\n { value: '30', text: 'Participant Directed HPC', showWith: ['1', '2', '3', '8'] },\r\n { value: '31', text: 'Participant Directed Goods and Services', showWith: ['2', '3', '8'] },\r\n {\r\n value: '32',\r\n text: 'Participant/Family Stability Assistance--Counseling (SELF Service)',\r\n showWith: ['3', '8'],\r\n },\r\n {\r\n value: '33',\r\n text: 'Participant/Family Stability Assistance--Training (SELF Service)',\r\n showWith: ['2', '3', '8'],\r\n },\r\n { value: '34', text: 'Remote Supports', showWith: ['1', '2', '3', '6', '8'] },\r\n { value: '35', text: 'Residential Respite', showWith: ['1', '2', '3', '8'] },\r\n { value: '36', text: 'Shared Living', showWith: ['1', '8'] },\r\n { value: '37', text: 'Social Work', showWith: ['1', '8'] },\r\n {\r\n value: '38',\r\n text: 'Specialized Medical Equipment (Adaptive Assistive Equipment)',\r\n showWith: ['1', '2', '8'],\r\n },\r\n { value: '39', text: 'Support Brokerage (SELF Service)', showWith: ['3', '8'] },\r\n { value: '40', text: 'Support Brokerage--Unpaid (SELF Service)', showWith: ['3', '8'] },\r\n { value: '41', text: 'Supported Living', showWith: ['8'] },\r\n { value: '42', text: 'Targeted Case Management', showWith: ['8'] },\r\n {\r\n value: '43',\r\n text: 'Vocational Habilitation - Community',\r\n showWith: ['1', '2', '3', '6', '8'],\r\n },\r\n {\r\n value: '44',\r\n text: 'Vocational Habilitation - Facility',\r\n showWith: ['1', '2', '3', '6', '8'],\r\n },\r\n { value: '45', text: 'Waiver Facility Licensee Only', showWith: ['8'] },\r\n { value: '46', text: 'Waiver Nursing Delegation (WND)', showWith: ['1', '2', '3', '8'] },\r\n { value: '47', text: 'Other (please specify)', showWith: ['5', '6'] },\r\n { value: '48', text: 'Self Directed Transportation', showWith: ['1', '2', '3'] },\r\n { value: '49', text: 'Adult Day Support - Both', showWith: ['1', '2', '3', '6', '7', '8'] },\r\n {\r\n value: '50',\r\n text: 'Vocational Habilitation - Both',\r\n showWith: ['1', '2', '3', '6', '8'],\r\n },\r\n {\r\n value: '52',\r\n text: 'Vocational Habilitation - Virtual',\r\n showWith: ['1', '2', '3', '6'],\r\n },\r\n {\r\n value: '53',\r\n text: 'Health Care Assessment',\r\n showWith: ['1', '2', '3'],\r\n },\r\n ],\r\n newOrExisting: [\r\n { value: '%', text: '' },\r\n { value: '1', text: 'New' },//\r\n { value: '2', text: 'Existing' },\r\n ],\r\n howOftenHowMuchFrequency: [\r\n { value: '%', text: '' },\r\n { value: '1', text: 'Daily' },\r\n { value: '2', text: 'Weekly' },\r\n { value: '3', text: 'Monthly' },\r\n { value: '4', text: 'Miles' },\r\n { value: '5', text: 'Other' },\r\n ],\r\n whenHowOftenFrequency: [\r\n { value: '%', text: '' },\r\n { value: '1', text: 'Daily' },\r\n { value: '2', text: 'Weekly' },\r\n { value: '3', text: 'Monthly' },\r\n { value: '4', text: 'Other' },\r\n ],\r\n howOFtenExperiences: [\r\n { value: '%', text: '' },\r\n { value: '1', text: 'Weekly' },\r\n { value: '2', text: 'Monthly' },\r\n { value: '3', text: 'Other' },\r\n ],\r\n communicationType: [\r\n // { value: '%', text: '' },\r\n { value: '1', text: 'Letter / Mail.' },\r\n { value: '2', text: 'Phone Call.' },\r\n { value: '3', text: 'Text.' },\r\n { value: '4', text: 'Email.' },\r\n { value: '5', text: 'Social Media.' },\r\n { value: '6', text: 'Video Meeting.' },\r\n { value: '7', text: 'Other.' },\r\n ],\r\n dailyLifeDropdownType: [\r\n { value: '%', text: '' },\r\n {\r\n value: '1',\r\n text: '1 Person has a job, may be interested in a different one or moving up.',\r\n },\r\n { value: '2', text: '2 Person wants a job and needs help to find one.' },\r\n {\r\n value: '3',\r\n text: `3 Person isn't sure about work and may need to learn more.`,\r\n },\r\n {\r\n value: '4',\r\n text: `4 Person doesn't think they want to work, but may not know enough about it.`,\r\n },\r\n ],\r\n levelsOfSupervision: [\r\n { value: '%', text: '' },\r\n { value: '1', text: 'No Paid Supports' },\r\n { value: '2', text: 'General' },\r\n { value: '3', text: 'Auditory' },\r\n { value: '4', text: 'Visual' },\r\n { value: '5', text: 'Close & Constant' },\r\n { value: '6', text: 'Technology' },\r\n ],\r\n outcomeStatus: [\r\n { value: '0', text: 'In Progress' },\r\n { value: '1', text: 'Complete' },\r\n ],\r\n };\r\n\r\n const retrieveData = {\r\n token: $.session.Token,\r\n effectiveStartDate: UTIL.getFormattedDateFromDate(planDates.getEffectiveStartDate(), {\r\n format: 'iso',\r\n }),\r\n effectiveEndDate: UTIL.getFormattedDateFromDate(planDates.getEffectiveEndDate(), {\r\n format: 'iso',\r\n }),\r\n consumerId: plan.getSelectedConsumer().id,\r\n areInSalesForce: $.session.areInSalesForce,\r\n planId,\r\n };\r\n\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getServiceAndSupportsData/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n dropdowns = {\r\n ...data.getServiceAndSupportsDataResult,\r\n ...defaultDropdowns,\r\n };\r\n\r\n dropdowns.relationshipsWithDups = dropdowns.relationships;\r\n dropdowns.relationships = removeDupRelationships(dropdowns.relationships);\r\n } catch (error) {\r\n console.log(error);\r\n\r\n dropdowns = {\r\n ...defaultDropdowns,\r\n };\r\n }\r\n }\r\n function getDropdownData() {\r\n return dropdowns;\r\n }\r\n async function refreshDropdownData() {\r\n await setDropdownData();\r\n planSummary.refreshDropdownData(dropdowns);\r\n planOutcomes.refreshDropdownData(dropdowns);\r\n servicesSupports.refreshDropdownData(dropdowns);\r\n contactInformation.refreshDropdownData(dropdowns);\r\n }\r\n function getRelationshipNameById(contactId) {\r\n if (!contactId) return '';\r\n\r\n if (contactId.endsWith('V')) {\r\n const supportData = servicesSupports.getSelectedVendors();\r\n const filteredService = supportData.filter(dd => `${dd.providerId}V` === contactId);\r\n if (filteredService.length > 0) {\r\n return `${filteredService[0].providerName}`;\r\n } else {\r\n return '';\r\n }\r\n } else {\r\n const filteredService = dropdowns.relationships.filter(dd => dd.contactId === contactId);\r\n if (filteredService.length > 0) {\r\n if (!filteredService[0].lastName || !filteredService[0].firstName) return '';\r\n return `${filteredService[0].lastName}, ${filteredService[0].firstName}`;\r\n } else {\r\n return '';\r\n }\r\n }\r\n }\r\n function populateRelationshipDropdown(dropdownEle, defaultValue, includeSupports = false) {\r\n //if ($.session.areInSalesForce) {\r\n // group populate\r\n const teamMemberGroup = {\r\n groupLabel: 'Plan Team Member',\r\n groupId: 'teamMemberGroup',\r\n dropdownValues: [],\r\n };\r\n const nonTeamMemberGroup = {\r\n groupLabel: 'Not a Team Member on this Plan',\r\n groupId: 'nonTeamMemberGroup',\r\n dropdownValues: [],\r\n };\r\n const paidSupportsGroup = {\r\n groupLabel: 'Providers on this Plan',\r\n groupId: 'paidSupportsGroup',\r\n dropdownValues: [],\r\n };\r\n\r\n dropdowns.relationships.forEach(dd => {\r\n if (dd.signatureId) {\r\n teamMemberGroup.dropdownValues.push({\r\n value: dd.contactId,\r\n text: `${dd.lastName}, ${dd.firstName}`,\r\n });\r\n } else {\r\n nonTeamMemberGroup.dropdownValues.push({\r\n value: dd.contactId,\r\n text: `${dd.lastName}, ${dd.firstName}`,\r\n });\r\n }\r\n });\r\n\r\n teamMemberGroup.dropdownValues = removeDups(teamMemberGroup.dropdownValues);\r\n nonTeamMemberGroup.dropdownValues = removeDups(nonTeamMemberGroup.dropdownValues);\r\n\r\n teamMemberGroup.dropdownValues.sort((a, b) => {\r\n const textA = a.text.toUpperCase();\r\n const textB = b.text.toUpperCase();\r\n return textA < textB ? -1 : textA > textB ? 1 : 0;\r\n });\r\n nonTeamMemberGroup.dropdownValues.sort((a, b) => {\r\n const textA = a.text.toUpperCase();\r\n const textB = b.text.toUpperCase();\r\n return textA < textB ? -1 : textA > textB ? 1 : 0;\r\n });\r\n\r\n const groupDropdownData = [];\r\n groupDropdownData.push(teamMemberGroup);\r\n groupDropdownData.push(nonTeamMemberGroup);\r\n\r\n if (includeSupports) {\r\n const supportData = servicesSupports.getSelectedVendors();\r\n paidSupportsGroup.dropdownValues = supportData.map(ps => {\r\n return {\r\n value: `${ps.providerId}V`,\r\n text: ps.providerName,\r\n };\r\n });\r\n\r\n paidSupportsGroup.dropdownValues = removeDups(paidSupportsGroup.dropdownValues);\r\n paidSupportsGroup.dropdownValues.sort((a, b) => {\r\n const textA = a.text.toUpperCase();\r\n const textB = b.text.toUpperCase();\r\n return textA < textB ? -1 : textA > textB ? 1 : 0;\r\n });\r\n groupDropdownData.push(paidSupportsGroup);\r\n }\r\n\r\n dropdown.groupingPopulate({\r\n dropdown: dropdownEle,\r\n data: groupDropdownData,\r\n nonGroupedData: [{ value: '', text: '' }],\r\n defaultVal: defaultValue,\r\n });\r\n // } else {\r\n // let data;\r\n // // normal populate\r\n // const data1 = dropdowns.relationships.map(dd => {\r\n // return {\r\n // value: dd.contactId,\r\n // text: `${dd.lastName}, ${dd.firstName}`,\r\n // };\r\n // });\r\n\r\n // if (includeSupports) {\r\n // const supportData = servicesSupports.getSelectedVendors();\r\n // const data2 = supportData.map(ps => {\r\n // return {\r\n // value: `${ps.providerId}V`,\r\n // text: ps.providerName,\r\n // };\r\n // });\r\n\r\n // data = [...data1, ...data2];\r\n // } else {\r\n // data = data1;\r\n // }\r\n\r\n // data.sort((a, b) => {\r\n // const textA = a.text.toUpperCase();\r\n // const textB = b.text.toUpperCase();\r\n // return textA < textB ? -1 : textA > textB ? 1 : 0;\r\n // });\r\n // data.unshift({ value: '', text: '' });\r\n\r\n // dropdown.populate(dropdownEle, removeDups(data), defaultValue);\r\n // }\r\n }\r\n\r\n async function populateOutcomesReviewWhoDropdown(dropdownEle, defaultValue) {\r\n //if ($.session.areInSalesForce) {\r\n // group populate\r\n const teamMemberGroup = {\r\n groupLabel: 'Plan Team Member',\r\n groupId: 'teamMemberGroup',\r\n dropdownValues: [],\r\n };\r\n const nonTeamMemberGroup = {\r\n groupLabel: 'Not a Team Member on this Plan',\r\n groupId: 'nonTeamMemberGroup',\r\n dropdownValues: [],\r\n };\r\n const paidSupportsGroup = {\r\n groupLabel: 'Providers on this Plan',\r\n groupId: 'paidSupportsGroup',\r\n dropdownValues: [],\r\n };\r\n const locationsGroup = {\r\n groupLabel: 'Facilities on this Plan ',\r\n groupId: 'locationsGroup',\r\n dropdownValues: [],\r\n };\r\n\r\n dropdowns.relationships.forEach(dd => {\r\n if (dd.signatureId) {\r\n teamMemberGroup.dropdownValues.push({\r\n value: dd.contactId,\r\n text: `${dd.lastName}, ${dd.firstName}`,\r\n });\r\n } else {\r\n nonTeamMemberGroup.dropdownValues.push({\r\n value: dd.contactId,\r\n text: `${dd.lastName}, ${dd.firstName}`,\r\n });\r\n }\r\n });\r\n\r\n teamMemberGroup.dropdownValues = removeDups(teamMemberGroup.dropdownValues);\r\n nonTeamMemberGroup.dropdownValues = removeDups(nonTeamMemberGroup.dropdownValues);\r\n\r\n teamMemberGroup.dropdownValues.sort((a, b) => {\r\n const textA = a.text.toUpperCase();\r\n const textB = b.text.toUpperCase();\r\n return textA < textB ? -1 : textA > textB ? 1 : 0;\r\n });\r\n nonTeamMemberGroup.dropdownValues.sort((a, b) => {\r\n const textA = a.text.toUpperCase();\r\n const textB = b.text.toUpperCase();\r\n return textA < textB ? -1 : textA > textB ? 1 : 0;\r\n });\r\n\r\n const groupDropdownData = [];\r\n groupDropdownData.push(teamMemberGroup);\r\n groupDropdownData.push(nonTeamMemberGroup);\r\n\r\n const teamMemberData = await consentAndSignAjax.getConsentAndSignData({\r\n token: $.session.Token,\r\n assessmentId: planId,\r\n });\r\n\r\n // var theseVendors = teamMemberData.filter(vendor => vendor.vendorId !== '' && vendor.salesForceId !== '');\r\n var theseVendors = teamMemberData.filter(member => member.vendorId !== '');\r\n paidSupportsGroup.dropdownValues = theseVendors.map(ps => {\r\n return {\r\n value: `${ps.vendorId}V`,\r\n text: ps.name,\r\n };\r\n });\r\n\r\n paidSupportsGroup.dropdownValues = removeDups(paidSupportsGroup.dropdownValues);\r\n paidSupportsGroup.dropdownValues.sort((a, b) => {\r\n const textA = a.text.toUpperCase();\r\n const textB = b.text.toUpperCase();\r\n return textA < textB ? -1 : textA > textB ? 1 : 0;\r\n });\r\n if (theseVendors.length > 0) groupDropdownData.push(paidSupportsGroup);\r\n\r\n if ($.session.applicationName !== 'Gatekeeper') { \r\n var theseLocations = teamMemberData.filter(member => member.locationId !== '');\r\n //var theseLocations = teamMemberData.filter(member => member.locationId !== '');\r\n locationsGroup.dropdownValues = theseLocations.map(ps => {\r\n return {\r\n value: `${ps.locationId}L`,\r\n text: ps.name,\r\n };\r\n });\r\n\r\n locationsGroup.dropdownValues = removeDups(locationsGroup.dropdownValues);\r\n locationsGroup.dropdownValues.sort((a, b) => {\r\n const textA = a.text.toUpperCase();\r\n const textB = b.text.toUpperCase();\r\n return textA < textB ? -1 : textA > textB ? 1 : 0;\r\n });\r\n if (theseLocations.length > 0) groupDropdownData.push(locationsGroup);\r\n }\r\n // }\r\n\r\n dropdown.groupingPopulate({\r\n dropdown: dropdownEle,\r\n data: groupDropdownData,\r\n nonGroupedData: [{ value: '', text: '' }],\r\n defaultVal: defaultValue,\r\n });\r\n \r\n }\r\n\r\n async function init(planID) {\r\n planId = planID;\r\n await setDropdownData();\r\n await planValidation.init(planId);\r\n }\r\n\r\n return {\r\n init,\r\n getDropdownData,\r\n getRelationshipNameById,\r\n getISPCharacterLimits,\r\n getAllISPcharacterLimts,\r\n getAssessmentCharacterLimits,\r\n populateRelationshipDropdown,\r\n populateOutcomesReviewWhoDropdown,\r\n refreshDropdownData,\r\n };\r\n})();\r\n","const planDates = (function () {\r\n // DOM\r\n let datesBoxDiv;\r\n let startDateInput;\r\n let endDateInput;\r\n let effectiveStartDateInput;\r\n let effectiveEndDateInput;\r\n let reviewDateInput;\r\n let dateErrorMessage;\r\n // Data\r\n let planYearInfo;\r\n let selectedConsumer;\r\n // Values\r\n let planYearStartDate;\r\n let planYearEndDate;\r\n let effectiveStartDate;\r\n let effectiveEndDate;\r\n let planReviewDate;\r\n // values changed?\r\n let dateChanged;\r\n let reviewDateChanged;\r\n // cahced dated vals\r\n let origPlanYearStartDate;\r\n let origPlanYearEndDate;\r\n let origEffectiveStartDate;\r\n let origEffectiveEndDate;\r\n let origPlanReviewDate;\r\n // prior plan data\r\n let priorPlanYearEndDate;\r\n let priorPlanYearStartDate;\r\n let priorEffectiveStartDate;\r\n let reviewDateOpts;\r\n\r\n let onChangeCallback;\r\n\r\n function clearData() {\r\n datesBoxDiv = undefined;\r\n startDateInput = undefined;\r\n endDateInput = undefined;\r\n effectiveStartDateInput = undefined;\r\n effectiveEndDateInput = undefined;\r\n\r\n planYearInfo = undefined;\r\n selectedConsumer = undefined;\r\n planYearStartDate = undefined;\r\n planYearEndDate = undefined;\r\n effectiveStartDate = undefined;\r\n effectiveEndDate = undefined;\r\n planReviewDate = undefined;\r\n priorPlanYearEndDate = undefined;\r\n priorEffectiveStartDate = undefined;\r\n priorPlanYearStartDate = undefined;\r\n origEffectiveEndDate = undefined;\r\n origEffectiveStartDate = undefined;\r\n origPlanReviewDate = undefined;\r\n origPlanYearEndDate = undefined;\r\n origPlanYearStartDate = undefined;\r\n }\r\n function showReviewDateWarningPopup() {\r\n const warningPop = POPUP.build({\r\n id: 'reviewDateWraningPopup',\r\n hideX: true,\r\n });\r\n const message = document.createElement('p');\r\n message.innerText = `Review date must fall between effective start date and effective end date.`;\r\n\r\n const okBtn = button.build({\r\n text: 'ok',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n POPUP.hide(warningPop);\r\n },\r\n });\r\n\r\n warningPop.appendChild(message);\r\n warningPop.appendChild(okBtn);\r\n\r\n POPUP.show(warningPop);\r\n }\r\n\r\n // Dates\r\n //------------------------------------\r\n function resetPlanDatesFromChangeTypeMenu(cachedDates) {\r\n cachedDates.planYearStartDate = planYearStartDate;\r\n cachedDates.planYearEndDate = planYearEndDate;\r\n cachedDates.effectiveStartDate = effectiveStartDate;\r\n cachedDates.effectiveEndDate = effectiveEndDate;\r\n cachedDates.planReviewDate = planReviewDate;\r\n }\r\n function setRevisionPlanDates(planDates) {\r\n // cache dates\r\n const cahce = {\r\n planYearStartDate,\r\n planYearEndDate,\r\n effectiveStartDate,\r\n effectiveEndDate,\r\n planReviewDate,\r\n };\r\n\r\n let { effectiveEnd, effectiveStart, planYearStart, planYearEnd, reviewDate } = planDates;\r\n const today = UTIL.getTodaysDate(true);\r\n today.setHours(0, 0, 0, 0);\r\n\r\n // split dates and get obj\r\n effectiveStart = effectiveStart.split(' ')[0];\r\n effectiveEnd = effectiveEnd.split(' ')[0];\r\n planYearStart = planYearStart.split(' ')[0];\r\n planYearEnd = planYearEnd.split(' ')[0];\r\n reviewDate = reviewDate.split(' ')[0];\r\n\r\n effectiveStartDate = today;\r\n effectiveEndDate = new Date(effectiveEnd);\r\n planYearStartDate = new Date(planYearStart);\r\n planYearEndDate = new Date(planYearEnd);\r\n planReviewDate = dates.addMonths(effectiveEndDate, -1);\r\n\r\n priorPlanYearEndDate = planYearEndDate;\r\n priorPlanYearStartDate = planYearStartDate;\r\n priorEffectiveStartDate = new Date(effectiveStart);\r\n\r\n return cahce;\r\n }\r\n async function setAnnualPlanDates(previousPlans) {\r\n selectedConsumer = plan.getSelectedConsumer();\r\n\r\n if (!planYearInfo) {\r\n planYearInfo = await planAjax.getConsumerPlanYearInfo({\r\n token: $.session.Token,\r\n consumerId: selectedConsumer.id,\r\n });\r\n }\r\n\r\n const { startDay, startMonth } = planYearInfo;\r\n let latestActivePlan;\r\n let previousPlanStartDate;\r\n let previousPlanCreatedOnDate;\r\n let planStartDate;\r\n let planEndDate;\r\n let newReviewDate;\r\n\r\n if (previousPlans && previousPlans.length > 0) {\r\n const activeConsumerPlans = previousPlans.filter(p => p.active === 'True');\r\n latestActivePlan = activeConsumerPlans.reduce((a, b) => {\r\n return new Date(a.planYearStart) > new Date(b.planYearStart) ? a : b;\r\n });\r\n\r\n previousPlanStartDate = new Date(latestActivePlan.planYearStart);\r\n previousPlanCreatedOnDate = new Date(latestActivePlan.createdOn);\r\n }\r\n\r\n if (previousPlanStartDate) {\r\n planStartDate = dates.addYears(previousPlanStartDate, 1);\r\n const today = new Date();\r\n //newReviewDate = dates.addMonths(today, 1);\r\n } else {\r\n const today = new Date();\r\n\r\n if (!startDay || !startMonth) {\r\n planStartDate = today;\r\n } else {\r\n const currentYear = today.getFullYear();\r\n planStartDate = new Date(currentYear, startMonth - 1, startDay, 0);\r\n }\r\n\r\n //newReviewDate = dates.addYears(today, 1);\r\n }\r\n\r\n planEndDate = dates.addYears(planStartDate, 1);\r\n planEndDate = dates.subDays(planEndDate, 1);\r\n\r\n newReviewDate = dates.addMonths(planEndDate, -1);\r\n\r\n planYearStartDate = planStartDate;\r\n planYearEndDate = planEndDate;\r\n effectiveStartDate = planYearStartDate;\r\n effectiveEndDate = planYearEndDate;\r\n planReviewDate = newReviewDate;\r\n }\r\n function setReviewPlanDates(dates) {\r\n const { startDate, endDate, effectiveStart, effectiveEnd, reviewDate } = dates;\r\n\r\n planYearStartDate = startDate;\r\n planYearEndDate = endDate;\r\n effectiveStartDate = effectiveStart;\r\n effectiveEndDate = effectiveEnd;\r\n planReviewDate = reviewDate;\r\n\r\n origPlanYearStartDate = startDate;\r\n origPlanYearEndDate = endDate;\r\n origEffectiveStartDate = effectiveStart;\r\n origEffectiveEndDate = effectiveEnd;\r\n origPlanReviewDate = reviewDate;\r\n }\r\n async function updatePlanDates(planId, planType) {\r\n let success;\r\n\r\n if (reviewDateChanged) {\r\n const newPlanReviewDate = UTIL.formatDateFromDateObj(planReviewDate);\r\n await planAjax.updateConsumerPlanReviewDate({\r\n token: $.session.Token,\r\n planId: parseInt(planId),\r\n reviewDate: newPlanReviewDate,\r\n });\r\n origPlanReviewDate = planReviewDate;\r\n }\r\n\r\n if ((planType === 'Annual' || planType === 'a') && dateChanged) {\r\n const newPlanYearStartDate = UTIL.formatDateFromDateObj(planYearStartDate);\r\n success = await planAjax.updateConsumerPlanSetAnnualDates({\r\n token: $.session.Token,\r\n consumerPlanId: planId,\r\n newPlanYearStart: newPlanYearStartDate,\r\n });\r\n origPlanYearStartDate = planYearStartDate;\r\n // let cache13 = {eventTypeId : planId, eventType : \"plan\", eventId : 13};\r\n // let processEvent = await WorkflowViewerAjax.processStepEventsAsync(cache13);\r\n // let cache20 = {eventTypeId : planId, eventType : \"plan\", eventId : 20};\r\n // let processEvent = await WorkflowViewerAjax.processStepEventsAsync(cache20);\r\n // let cache17 = {eventTypeId : planId, eventType : \"plan\", eventId : 17};\r\n // let processEvent = await WorkflowViewerAjax.processStepEventsAsync(cache17);\r\n } else if ((planType === 'Revision' || planType === 'r') && dateChanged) {\r\n const newEffectiveStartDate = UTIL.formatDateFromDateObj(effectiveStartDate);\r\n const newEffectiveEndDate = UTIL.formatDateFromDateObj(effectiveEndDate);\r\n success = await planAjax.updateConsumerPlanSetRevisionEffectiveDates({\r\n token: $.session.Token,\r\n consumerPlanId: planId,\r\n newEffectiveStart: newEffectiveStartDate,\r\n newEffectiveEnd: newEffectiveEndDate,\r\n });\r\n origEffectiveStartDate = effectiveStartDate;\r\n origEffectiveEndDate = effectiveEndDate;\r\n // let cache14 = {eventTypeId : planId, eventType : \"plan\", eventId : 14};\r\n // let processEvent = await WorkflowViewerAjax.processStepEventsAsync(cache14);\r\n // let cache19 = {eventTypeId : planId, eventType : \"plan\", eventId : 19};\r\n // let processEvent = await WorkflowViewerAjax.processStepEventsAsync(cache19);\r\n // let cache18 = {eventTypeId : planId, eventType : \"plan\", eventId : 18};\r\n // let processEvent = await WorkflowViewerAjax.processStepEventsAsync(cache18);\r\n }\r\n\r\n dateChanged = false;\r\n reviewDateChanged = false;\r\n\r\n return success;\r\n }\r\n function resetPlanDatesToOriginal() {\r\n planYearStartDate = origPlanYearStartDate;\r\n planYearEndDate = origPlanYearEndDate;\r\n effectiveStartDate = origEffectiveStartDate;\r\n effectiveEndDate = origEffectiveEndDate;\r\n planReviewDate = origPlanReviewDate;\r\n\r\n dateChanged = false;\r\n reviewDateChanged = false;\r\n }\r\n function getPlanYearStartDate() {\r\n return planYearStartDate;\r\n }\r\n function getPlanYearEndDate() {\r\n return planYearEndDate;\r\n }\r\n function getEffectiveStartDate() {\r\n return effectiveStartDate;\r\n }\r\n function getEffectiveEndDate() {\r\n return effectiveEndDate;\r\n }\r\n function getPlanReviewDate() {\r\n return planReviewDate;\r\n }\r\n\r\n function dashHandler(dates) {\r\n planYearStartDate = dates.planYearStartDate;\r\n planYearEndDate = dates.planYearEndDate;\r\n effectiveStartDate = dates.effectiveStartDate;\r\n effectiveEndDate = dates.effectiveEndDate;\r\n planReviewDate = dates.planReviewDate;\r\n }\r\n\r\n // Date Box\r\n //------------------------------------\r\n function toggleDateInputDisable(forMoreMenu) {\r\n let startInput = startDateInput.querySelector('input');\r\n let endInput = endDateInput.querySelector('input');\r\n let effectiveStartInput = effectiveStartDateInput.querySelector('input');\r\n let effectiveEndInput = effectiveEndDateInput.querySelector('input');\r\n let planType = plan.getCurrentPlanType();\r\n\r\n if (forMoreMenu) {\r\n //startDateInput.classList.add('disabled');\r\n //endDateInput.classList.add('disabled');\r\n\r\n effectiveStartDateInput.classList.remove('disabled');\r\n effectiveEndDateInput.classList.remove('disabled');\r\n\r\n startInput.setAttribute('tabIndex', '-1');\r\n endInput.setAttribute('tabIndex', '-1');\r\n effectiveStartInput.setAttribute('tabIndex', '0');\r\n effectiveEndInput.setAttribute('tabIndex', '0');\r\n return;\r\n }\r\n\r\n if (!planType) {\r\n startDateInput.classList.add('disabled');\r\n endDateInput.classList.add('disabled');\r\n effectiveStartDateInput.classList.add('disabled');\r\n effectiveEndDateInput.classList.add('disabled');\r\n\r\n startInput.setAttribute('tabIndex', '-1');\r\n endInput.setAttribute('tabIndex', '-1');\r\n effectiveStartInput.setAttribute('tabIndex', '-1');\r\n effectiveEndInput.setAttribute('tabIndex', '-1');\r\n return;\r\n }\r\n\r\n if (planType === 'a') {\r\n startDateInput.classList.remove('disabled');\r\n\r\n endDateInput.classList.add('disabled');\r\n effectiveStartDateInput.classList.add('disabled');\r\n effectiveEndDateInput.classList.add('disabled');\r\n\r\n startInput.setAttribute('tabIndex', '0');\r\n endInput.setAttribute('tabIndex', '-1');\r\n effectiveStartInput.setAttribute('tabIndex', '-1');\r\n effectiveEndInput.setAttribute('tabIndex', '-1');\r\n return;\r\n }\r\n\r\n if (planType === 'r') {\r\n startDateInput.classList.add('disabled');\r\n endDateInput.classList.add('disabled');\r\n\r\n effectiveStartDateInput.classList.remove('disabled');\r\n effectiveEndDateInput.classList.remove('disabled');\r\n\r\n startInput.setAttribute('tabIndex', '-1');\r\n endInput.setAttribute('tabIndex', '-1');\r\n effectiveStartInput.setAttribute('tabIndex', '0');\r\n effectiveEndInput.setAttribute('tabIndex', '0');\r\n return;\r\n }\r\n }\r\n function validateAnnualDates() {\r\n const startInput = startDateInput.querySelector('input');\r\n const planStartTime = planYearStartDate.getTime();\r\n const templateStartDate = new Date('2020', '0', '1', 0).getTime();\r\n\r\n if (startInput.value === '' || planStartTime < templateStartDate) {\r\n startDateInput.classList.add('error');\r\n plan.toggleNewPlanDoneBtn(true);\r\n return 'error';\r\n } else {\r\n startDateInput.classList.remove('error');\r\n plan.toggleNewPlanDoneBtn();\r\n return 'success';\r\n }\r\n }\r\n function validateRevisionDates() {\r\n const effectiveStartInput = effectiveStartDateInput.querySelector('input');\r\n const effectiveEndInput = effectiveEndDateInput.querySelector('input');\r\n const priorEffectiveStartTime = priorEffectiveStartDate && priorEffectiveStartDate.getTime();\r\n const planStartTime = planYearStartDate.getTime();\r\n const priorStartTime = priorPlanYearStartDate && priorPlanYearStartDate.getTime();\r\n const planEndTime = planYearEndDate.getTime();\r\n const effectiveStartTime = effectiveStartDate.getTime();\r\n const effectiveEndTime = effectiveEndDate.getTime();\r\n\r\n let startTimeError;\r\n let endTimeError;\r\n\r\n if (priorEffectiveStartTime && effectiveStartTime <= priorEffectiveStartTime) {\r\n startTimeError = true;\r\n }\r\n if (effectiveStartTime < planStartTime) {\r\n startTimeError = true;\r\n }\r\n if (effectiveStartTime > planEndTime) {\r\n startTimeError = true;\r\n }\r\n if (priorStartTime && effectiveStartTime <= priorStartTime) {\r\n startTimeError = true;\r\n }\r\n if (effectiveEndTime < effectiveStartTime) {\r\n endTimeError = true;\r\n }\r\n if (effectiveEndTime > planEndTime) {\r\n endTimeError = true;\r\n }\r\n\r\n if (startTimeError) {\r\n effectiveStartInput.classList.add('error');\r\n } else {\r\n effectiveStartInput.classList.remove('error');\r\n }\r\n\r\n if (endTimeError) {\r\n effectiveEndInput.classList.add('error');\r\n } else {\r\n effectiveEndInput.classList.remove('error');\r\n }\r\n\r\n if (startTimeError || endTimeError) {\r\n plan.toggleNewPlanDoneBtn(true);\r\n return 'error';\r\n } else {\r\n plan.toggleNewPlanDoneBtn();\r\n return 'success';\r\n }\r\n }\r\n function checkRequiredFields() {\r\n if (!datesBoxDiv) return;\r\n\r\n let planType = plan.getCurrentPlanType();\r\n\r\n if (!planType || planType === '%') {\r\n plan.toggleNewPlanDoneBtn(true);\r\n return 'error';\r\n }\r\n\r\n if (planType === 'a') {\r\n return validateAnnualDates(planType);\r\n }\r\n\r\n return validateRevisionDates(planType);\r\n }\r\n function handleDateBoxChange(e) {\r\n const target = e.target.parentElement;\r\n\r\n const isValidDate = UTIL.validateDateFromInput(e.target.value);\r\n let planType = plan.getCurrentPlanType();\r\n let hasError = false;\r\n\r\n switch (target) {\r\n case startDateInput: {\r\n if (e.target.value && planType === 'a') {\r\n if (!isValidDate) {\r\n startDateInput.classList.add('error');\r\n hasError = true;\r\n return;\r\n } else {\r\n startDateInput.classList.remove('error');\r\n }\r\n\r\n let newStartDate = e.target.value.split('-');\r\n newStartDate = new Date(newStartDate[0], newStartDate[1] - 1, newStartDate[2], 0);\r\n\r\n let newEndDate = dates.addYears(newStartDate, 1);\r\n newEndDate = dates.subDays(newEndDate, 1);\r\n\r\n // set new dates\r\n planYearStartDate = newStartDate;\r\n planYearEndDate = newEndDate;\r\n effectiveStartDate = planYearStartDate;\r\n effectiveEndDate = planYearEndDate;\r\n\r\n // check review date\r\n // const isBeforeEnd = dates.isBefore(planReviewDate, effectiveEndDate);\r\n // const isAfterStart = dates.isAfter(planReviewDate, effectiveStartDate);\r\n // if (!isBeforeEnd || !isAfterStart) {\r\n // showReviewDateWarningPopup();\r\n // reviewDateInput.classList.add('error');\r\n // hasError = true;\r\n // // use below if we want to reset date for them to orig requirements\r\n // //planReviewDate = dates.addMonths(effectiveEndDate, -1);\r\n // }\r\n\r\n const endInput = endDateInput.querySelector('input');\r\n const effectiveEndInput = effectiveEndDateInput.querySelector('input');\r\n const effectiveStartInput = effectiveStartDateInput.querySelector('input');\r\n\r\n endInput.value = UTIL.formatDateFromDateObj(newEndDate);\r\n effectiveEndInput.value = UTIL.formatDateFromDateObj(newEndDate);\r\n effectiveStartInput.value = UTIL.formatDateFromDateObj(newStartDate);\r\n\r\n dateChanged = true;\r\n }\r\n break;\r\n }\r\n case effectiveStartDateInput: {\r\n if (!isValidDate) {\r\n const effectiveStartInput = effectiveStartDateInput.querySelector('input');\r\n effectiveStartInput.classList.add('error');\r\n if (onChangeCallback) onChangeCallback(false);\r\n hasError = true;\r\n return;\r\n }\r\n const newEffectiveStartDate = e.target.value.split('-');\r\n effectiveStartDate = new Date(\r\n newEffectiveStartDate[0],\r\n newEffectiveStartDate[1] - 1,\r\n newEffectiveStartDate[2],\r\n 0,\r\n );\r\n\r\n dateChanged = true;\r\n\r\n break;\r\n }\r\n case effectiveEndDateInput: {\r\n if (!isValidDate) {\r\n const effectiveEndInput = effectiveEndDateInput.querySelector('input');\r\n effectiveEndInput.classList.add('error');\r\n if (onChangeCallback) onChangeCallback(false);\r\n hasError = true;\r\n return;\r\n }\r\n const newEffectiveEndDate = e.target.value.split('-');\r\n effectiveEndDate = new Date(\r\n newEffectiveEndDate[0],\r\n newEffectiveEndDate[1] - 1,\r\n newEffectiveEndDate[2],\r\n 0,\r\n );\r\n\r\n dateChanged = true;\r\n\r\n break;\r\n }\r\n case reviewDateInput: {\r\n // effectiveStartDate = planYearStartDate;\r\n // effectiveEndDate = planYearEndDate;\r\n if (!isValidDate) {\r\n dateErrorMessage.innerText = `Review date must fall between effective start date and effective end date.`;\r\n dateErrorMessage.classList.remove('hidden');\r\n reviewDateInput.classList.add('error');\r\n hasError = true;\r\n break;\r\n }\r\n\r\n let newReviewDate = e.target.value.split('-');\r\n newReviewDate = new Date(newReviewDate[0], newReviewDate[1] - 1, newReviewDate[2], 0);\r\n\r\n // make sure review date falls between effective start and effective end dates\r\n const isBeforeEnd = dates.isBefore(newReviewDate, effectiveEndDate);\r\n const isAfterStart = dates.isAfter(newReviewDate, effectiveStartDate);\r\n if (!isBeforeEnd || !isAfterStart) {\r\n dateErrorMessage.innerText = `Review date must fall between effective start date and effective end date.`;\r\n dateErrorMessage.classList.remove('hidden');\r\n reviewDateInput.classList.add('error');\r\n hasError = true;\r\n break;\r\n } else {\r\n reviewDateInput.classList.remove('error');\r\n dateErrorMessage.innerText = '';\r\n dateErrorMessage.classList.add('hidden');\r\n }\r\n\r\n // cache original date\r\n //origPlanReviewDate = planReviewDate;\r\n // set new date\r\n planReviewDate = newReviewDate;\r\n\r\n const reviewInput = reviewDateInput.querySelector('input');\r\n reviewInput.value = UTIL.formatDateFromDateObj(newReviewDate);\r\n reviewDateChanged = true;\r\n }\r\n }\r\n\r\n const fieldsValid = checkRequiredFields();\r\n const isValid = fieldsValid === 'error' || hasError ? false : true;\r\n if (onChangeCallback) onChangeCallback(isValid);\r\n }\r\n function buildDatesBox(callback, forMoreMenu) {\r\n datesBoxDiv = document.createElement('div');\r\n datesBoxDiv.classList.add('planSetupDates');\r\n if (callback) onChangeCallback = callback;\r\n\r\n let startDateOpts = {\r\n label: 'Plan Start',\r\n type: 'date',\r\n attributes: [{ key: 'data-plan-date-input', value: 'startDateInput' }],\r\n };\r\n let endDateOpts = {\r\n label: 'Plan End',\r\n type: 'date',\r\n attributes: [{ key: 'data-plan-date-input', value: 'endDateInput' }],\r\n };\r\n let effectiveStartDateOpts = {\r\n label: 'Effective Start',\r\n type: 'date',\r\n attributes: [{ key: 'data-plan-date-input', value: 'effectiveStartDateInput' }],\r\n };\r\n let effectiveEndDateOpts = {\r\n label: 'Effective End',\r\n type: 'date',\r\n attributes: [{ key: 'data-plan-date-input', value: 'effectiveEndDateInput' }],\r\n };\r\n reviewDateOpts = {\r\n label: 'Review',\r\n type: 'date',\r\n attributes: [{ key: 'data-plan-date-input', value: 'reviewDateInput' }],\r\n };\r\n\r\n if (planYearStartDate) {\r\n let formatedSD = UTIL.formatDateFromDateObj(planYearStartDate);\r\n // if (origPlanYearStartDate) {\r\n // formatedSD = UTIL.formatDateFromDateObj(origPlanYearStartDate);\r\n // }\r\n startDateOpts.value = formatedSD;\r\n }\r\n if (effectiveStartDate) {\r\n let formatedESD = UTIL.formatDateFromDateObj(effectiveStartDate);\r\n // if (origEffectiveStartDate) {\r\n // formatedESD = UTIL.formatDateFromDateObj(origEffectiveStartDate);\r\n // }\r\n effectiveStartDateOpts.value = formatedESD;\r\n }\r\n if (planYearEndDate) {\r\n let formatedED = UTIL.formatDateFromDateObj(planYearEndDate);\r\n // if (origPlanYearEndDate) {\r\n // formatedED = UTIL.formatDateFromDateObj(origPlanYearEndDate);\r\n // }\r\n endDateOpts.value = formatedED;\r\n }\r\n if (effectiveEndDate) {\r\n let formatedEED = UTIL.formatDateFromDateObj(effectiveEndDate);\r\n // if (origEffectiveEndDate) {\r\n // formatedEED = UTIL.formatDateFromDateObj(origEffectiveEndDate);\r\n // }\r\n effectiveEndDateOpts.value = formatedEED;\r\n }\r\n if (planReviewDate) {\r\n let formatedRD = UTIL.formatDateFromDateObj(planReviewDate);\r\n // if (origPlanReviewDate) {\r\n // formatedRD = UTIL.formatDateFromDateObj(origPlanReviewDate);\r\n // }\r\n reviewDateOpts.value = formatedRD;\r\n }\r\n\r\n startDateInput = input.build(startDateOpts);\r\n endDateInput = input.build(endDateOpts);\r\n effectiveStartDateInput = input.build(effectiveStartDateOpts);\r\n effectiveEndDateInput = input.build(effectiveEndDateOpts);\r\n reviewDateInput = input.build(reviewDateOpts);\r\n dateErrorMessage = document.createElement('p');\r\n dateErrorMessage.classList.add('dateErrorMessage', 'hidden');\r\n\r\n if (!forMoreMenu) {\r\n datesBoxDiv.appendChild(startDateInput);\r\n datesBoxDiv.appendChild(endDateInput);\r\n }\r\n\r\n datesBoxDiv.appendChild(effectiveStartDateInput);\r\n datesBoxDiv.appendChild(effectiveEndDateInput);\r\n datesBoxDiv.appendChild(reviewDateInput);\r\n datesBoxDiv.appendChild(dateErrorMessage);\r\n\r\n toggleDateInputDisable(forMoreMenu);\r\n checkRequiredFields();\r\n\r\n datesBoxDiv.addEventListener('change', handleDateBoxChange);\r\n\r\n return datesBoxDiv;\r\n }\r\n\r\n function updateBoxDateValues() {\r\n const startDateInput = document.querySelector('[data-plan-date-input=\"startDateInput\"]');\r\n const formatedSD = UTIL.formatDateFromDateObj(origPlanYearStartDate);\r\n startDateInput.value = formatedSD;\r\n\r\n const endDateIinput = document.querySelector('[data-plan-date-input=\"endDateInput\"]');\r\n const formatedED = UTIL.formatDateFromDateObj(origPlanYearEndDate);\r\n endDateIinput.value = formatedED;\r\n\r\n const effectiveStartDateInput = document.querySelector(\r\n '[data-plan-date-input=\"effectiveStartDateInput\"]',\r\n );\r\n const formatedESD = UTIL.formatDateFromDateObj(origEffectiveStartDate);\r\n effectiveStartDateInput.value = formatedESD;\r\n\r\n const effectiveEndDateInput = document.querySelector(\r\n '[data-plan-date-input=\"effectiveEndDateInput\"]',\r\n );\r\n const formatedEED = UTIL.formatDateFromDateObj(origEffectiveEndDate);\r\n effectiveEndDateInput.value = formatedEED;\r\n\r\n const reviewDateInput = document.querySelector('[data-plan-date-input=\"reviewDateInput\"]');\r\n const formatedRD = UTIL.formatDateFromDateObj(origPlanReviewDate);\r\n reviewDateInput.value = formatedRD;\r\n }\r\n\r\n return {\r\n buildDatesBox,\r\n updateBoxDateValues,\r\n clearData,\r\n checkRequiredFields,\r\n dashHandler,\r\n getPlanYearStartDate,\r\n getPlanYearEndDate,\r\n getEffectiveStartDate,\r\n getEffectiveEndDate,\r\n getPlanReviewDate,\r\n setAnnualPlanDates,\r\n setRevisionPlanDates,\r\n setReviewPlanDates,\r\n resetPlanDatesToOriginal,\r\n resetPlanDatesFromChangeTypeMenu,\r\n toggleDateInputDisable,\r\n updatePlanDates,\r\n validateAnnualDates,\r\n validateRevisionDates,\r\n };\r\n})();\r\n","const generateReports = (() => {\r\n let reportRunning = false;\r\n\r\n // Helper function to create the main reports button on the module page\r\n function createMainReportButton(buttonsData) {\r\n return button.build({\r\n text: 'Reports',\r\n icon: 'add',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'reportBtn',\r\n callback: function () {\r\n showReportsPopup(buttonsData);\r\n },\r\n });\r\n }\r\n\r\n function passFilterValuesForReport(reportType, filterValues) {\r\n generateReportsAjax.generateReport(reportType, filterValues, checkIfReportIsReadyInterval);\r\n }\r\n\r\n // Helper function to create report buttons\r\n function createIndividualReportButton(text, filterValues) {\r\n return button.build({\r\n text,\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n //Hide the popup after it is clicked\r\n let popup = document.getElementById('generateReportsPopup');\r\n POPUP.hide(popup);\r\n overlay.hide();\r\n bodyScrollLock.enableBodyScroll(popup);\r\n\r\n // set report running to true to stop mulitple reports being ran, run report, then show popup while report runs in background\r\n reportRunning = true;\r\n passFilterValuesForReport(text, filterValues); \r\n showWarningPopup(text, filterValues);\r\n },\r\n });\r\n }\r\n\r\n function showReportsPopup(buttonsData) {\r\n // Popup\r\n const popup = POPUP.build({\r\n id: `generateReportsPopup`,\r\n hideX: true,\r\n classNames: ['popup',\r\n 'visible',\r\n 'popup--filter',\r\n buttonsData.text,\r\n 'generateReportsPopup']\r\n });\r\n\r\n popup.setAttribute('data-popup', 'true');\r\n\r\n // Header\r\n const header = document.createElement('h5');\r\n header.innerHTML = 'Select A Report To View';\r\n\r\n // Create buttons dynamically using the helper function\r\n // example: [{ text: 'Detail Report', callback: passFilterValuesForDetailReport },{ text: 'Time Analysis Report', callback: passFilterValuesForTimeEntryReport }];\r\n const buttons = buttonsData.map(({ text, filterValues }) =>\r\n createIndividualReportButton(text, filterValues),\r\n );\r\n\r\n // Disable buttons if the report is running\r\n if (reportRunning) {\r\n buttons.forEach(button => {\r\n button.disabled = true;\r\n button.classList.add('disabled');\r\n });\r\n }\r\n\r\n popup.appendChild(header);\r\n buttons.forEach(button => {\r\n popup.appendChild(button);\r\n });\r\n\r\n // Append to DOM\r\n bodyScrollLock.disableBodyScroll(popup);\r\n overlay.show();\r\n actioncenter.appendChild(popup);\r\n }\r\n\r\n // Function to generate the warning popup\r\n function showWarningPopup(reportType) {\r\n const reportWarningPopup = POPUP.build({\r\n id: `reportWarningPopup${reportType}`,\r\n hideX: true,\r\n classNames: 'warning',\r\n });\r\n\r\n const warningMessage = document.createElement('p');\r\n warningMessage.innerHTML = `Your ${reportType} report is being generated and will be downloaded when finished, in the meantime you may continue with your work.`;\r\n\r\n const acceptBtn = button.build({\r\n text: 'Ok',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(reportWarningPopup);\r\n overlay.hide();\r\n\r\n let popup = document.querySelector('.generateReportsPopup');\r\n\r\n bodyScrollLock.enableBodyScroll(popup);\r\n },\r\n });\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(acceptBtn);\r\n\r\n reportWarningPopup.appendChild(warningMessage);\r\n reportWarningPopup.appendChild(btnWrap);\r\n POPUP.show(reportWarningPopup);\r\n }\r\n\r\n function checkIfReportIsReadyInterval(res) {\r\n // Get the interval in seconds from the session and convert it to milliseconds\r\n seconds = parseInt($.session.reportSeconds);\r\n intSeconds = seconds * 250;\r\n\r\n // Set up an interval to execute the checkCNReportExists function periodically\r\n interval = setInterval(async () => {\r\n await checkIfReportExists(res); // Call the function to check if the report exists\r\n }, intSeconds); // The interval in milliseconds between checks\r\n }\r\n\r\n\r\n // Async function to check if a report exists\r\n async function checkIfReportExists(res) {\r\n // Call function to check if the report exists\r\n // Once the promise is resolved, the callReport function will handle the result.\r\n await generateReportsAjax.checkIfReportExists(res, callReport);\r\n }\r\n\r\n function callReport(res, reportScheduleId) {\r\n if (res.indexOf('1') === -1) {\r\n //do nothing\r\n } else {\r\n generateReportsAjax.viewReport(reportScheduleId);\r\n clearInterval(interval);\r\n reportRunning = false;\r\n }\r\n }\r\n\r\n return {\r\n createMainReportButton,\r\n passFilterValuesForReport,\r\n showReportsPopup,\r\n createIndividualReportButton,\r\n checkIfReportIsReadyInterval,\r\n checkIfReportExists,\r\n callReport,\r\n showWarningPopup,\r\n };\r\n})();\r\n","var generateReportsAjax = (function () {\r\n function generateReport(reportType, reportData, callback) {\r\n data = {\r\n token: $.session.Token,\r\n reportType, \r\n reportData\r\n };\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/generateReport/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.generateReportResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n\r\n function checkIfReportExists(res, callback) {\r\n data = {\r\n token: $.session.Token,\r\n reportScheduleId: res[0].reportScheduleId,\r\n };\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/checkIfReportExists/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.checkIfReportExistsResult;\r\n callback(res, data.reportScheduleId);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n\r\n function viewReport(reportScheduleId) {\r\n data = {\r\n reportScheduleId: reportScheduleId,\r\n };\r\n var action = `${$.webServer.protocol}://${$.webServer.address}:${$.webServer.port}/${$.webServer.serviceName}/viewReport/`;\r\n var successFunction = function (resp) {\r\n var res = JSON.stringify(response);\r\n };\r\n \r\n var form = document.createElement('form');\r\n form.setAttribute('action', action);\r\n form.setAttribute('method', 'POST');\r\n form.setAttribute('target', '_blank');\r\n form.setAttribute('enctype', 'application/json');\r\n form.setAttribute('success', successFunction);\r\n var tokenInput = document.createElement('input');\r\n tokenInput.setAttribute('name', 'token');\r\n tokenInput.setAttribute('value', $.session.Token);\r\n tokenInput.id = 'token';\r\n var attachmentInput = document.createElement('input');\r\n attachmentInput.setAttribute('name', 'reportScheduleId');\r\n attachmentInput.setAttribute('value', reportScheduleId);\r\n attachmentInput.id = 'reportScheduleId';\r\n \r\n form.appendChild(tokenInput);\r\n form.appendChild(attachmentInput);\r\n form.style.position = 'absolute';\r\n form.style.opacity = '0';\r\n document.body.appendChild(form);\r\n \r\n form.submit();\r\n }\r\n\r\n return {\r\n generateReport,\r\n checkIfReportExists,\r\n viewReport\r\n };\r\n })();\r\n ","const roster2 = (function () {\r\n // CAHCED DATA\r\n let rosterLocations; // cached roster locations\r\n let rosterGroups; // cached roster groups\r\n let rosterConsumers; // cached list of consumers\r\n let groupedRosterConsumers; // cached list of consumers\r\n let absentConsumers;\r\n let consumersWithUnreadNotes;\r\n let locationsWithUnreadNotes; //\r\n // DOM\r\n let ROSTER_LIST;\r\n let ROSTER_WRAP;\r\n let ROSTER_SPINNER;\r\n let LOAD_MORE_BTN;\r\n let FILTER_BTN;\r\n let SEARCH_WRAP;\r\n let SEARCH_BTN;\r\n let SEARCH_INPUT;\r\n let SELECT_ALL_BTN;\r\n let DESELECT_ALL_BTN;\r\n let LOCATION_NOTES_BTN;\r\n let MASS_ABSENT_BTN;\r\n var FILTER_POPUP;\r\n let loadingRosterWrap;\r\n let loadRosterSpinner;\r\n // DOM - MINI ROSTER\r\n let MINI_ROSTER_BTN;\r\n let MINI_ROSTER_POPUP;\r\n let MINI_ROSTER_DONE;\r\n let MINI_ROSTER_CANCEL;\r\n // filtering\r\n let selectedDate;\r\n let selectedLocationName;\r\n let selectedLocationId;\r\n let selectedGroupCode;\r\n let selectedGroupId;\r\n let selectedGroupName;\r\n let hideDateFilter;\r\n let selectedActive;\r\n\r\n let btnWrap;\r\n let filteredDateBtnWrap;\r\n let selectedLocationNameBtnWrap;\r\n let selectedActiveBtnWrap;\r\n let selectedGroupNameBtnWrap;\r\n let totalConsumerCountBtnWrap;\r\n var filteredDate;\r\n // VALUES\r\n let rosterListSelectable;\r\n let selectedConsumers = [];\r\n let selectedConsumerCache = [];\r\n let activeConsumers = [];\r\n let allowedConsumerIds;\r\n let consumersWithAlerts;\r\n let totalConsumerCount = 0;\r\n // Roster Groups/Pagination\r\n let rosterGroupCount;\r\n let activeGroup;\r\n let islocationDisabled = false;\r\n // Mass Absent Selection\r\n let MASS_SELECT_ALL_BTN;\r\n let MASS_DESELECT_ALL_BTN;\r\n\r\n var locationHasUnreadNote;\r\n let isCaseLoad = false;\r\n // Selected & Active Consumers\r\n //---------------------------------------------\r\n function selectedConsumersToActiveList() {\r\n selectedConsumers.forEach(sc => sc.card.classList.remove('highlighted'));\r\n activeConsumers = [...activeConsumers, ...selectedConsumers];\r\n selectedConsumerCache = selectedConsumers;\r\n selectedConsumers = [];\r\n }\r\n // Selected*\r\n function addConsumerToSelectedConsumers(consumer) {\r\n selectedConsumers.push({\r\n id: consumer.dataset.consumerId,\r\n card: consumer,\r\n });\r\n }\r\n function removeConsumerFromSelectedConsumers(consumerId) {\r\n selectedConsumers = selectedConsumers.filter(c => c.id !== consumerId);\r\n }\r\n function getSelectedConsumers() {\r\n return [...selectedConsumers];\r\n }\r\n function getSelectedConsumersCache() {\r\n return [...selectedConsumerCache];\r\n }\r\n /*\r\n I created selected consumers miniroster to have a function\r\n that gives you only the consumers that were selected in the mini roster\r\n GetActiveConsumers gives you the active consumers on the roster, even if they\r\n werent just selected\r\n */\r\n function getSelectedConsumersMiniRoster() {\r\n return [...selectedConsumerCache];\r\n }\r\n /**\r\n * Returns all roster consumers.\r\n *\r\n * @async\r\n * @returns {Object[]} Returns Array of consumer objects\r\n * -- FN: First Name\r\n * -- IDa: ?\r\n * -- LId: service location id's seperated by |\r\n * -- LN: Last Name\r\n * -- MN: Middle Name\r\n * -- SD: ?\r\n * -- conL: primary location id\r\n * -- id: consumer id\r\n */\r\n async function getAllRosterConsumers() {\r\n if (rosterConsumers) {\r\n return [...rosterConsumers];\r\n } else {\r\n await getRosterData();\r\n await getRosterConsumersData();\r\n return [...rosterConsumers];\r\n }\r\n }\r\n function clearSelectedConsumers() {\r\n selectedConsumers = [];\r\n // clearHighlightedConsumers();\r\n return selectedConsumers;\r\n }\r\n // Active*\r\n function addConsumerToActiveConsumers(consumer) {\r\n activeConsumers.push({\r\n id: consumer.dataset.consumerId,\r\n card: consumer,\r\n });\r\n }\r\n function removeConsumerFromActiveConsumers(consumerId) {\r\n activeConsumers = activeConsumers.filter(c => c.id !== consumerId);\r\n }\r\n function getActiveConsumers() {\r\n return [...activeConsumers];\r\n }\r\n function clearActiveConsumers() {\r\n activeConsumers = [];\r\n return activeConsumers;\r\n }\r\n\r\n // Util\r\n //---------------------------------------------\r\n function clearHighlightedConsumers() {\r\n if (!ROSTER_LIST) return;\r\n var consumers = [].slice.call(ROSTER_WRAP.querySelectorAll('.consumerCard.highlighted'));\r\n if (consumers.length > 1) {\r\n consumers.forEach(c => {\r\n c.classList.remove('consumer-selected', 'highlighted');\r\n });\r\n }\r\n }\r\n function selectNoneHighlightedConsumers() {\r\n if (!ROSTER_LIST) return;\r\n var consumers = [].slice.call(ROSTER_WRAP.querySelectorAll('.consumerCard.highlighted'));\r\n if (consumers.length > 0) {\r\n consumers.forEach(c => {\r\n c.classList.remove('consumer-selected', 'highlighted');\r\n });\r\n }\r\n }\r\n function removeMiniRosterBtn() {\r\n var miniRosterBtn = document.querySelector('.consumerListBtn');\r\n if (miniRosterBtn) {\r\n document.body.removeChild(miniRosterBtn);\r\n }\r\n }\r\n function getSelectedLocationObj() {\r\n return {\r\n locationName: selectedLocationName,\r\n locationId: selectedLocationId,\r\n };\r\n }\r\n function getSelectedDate() {\r\n return selectedDate;\r\n }\r\n function getRosterLocations() {\r\n return rosterLocations;\r\n }\r\n function getConsumersWithUnreadNotes() {\r\n return consumersWithUnreadNotes;\r\n }\r\n function updateSelectedDate(date) {\r\n selectedDate = date;\r\n }\r\n function updateSelectedLocationId(locationId, locationName) {\r\n selectedLocationId = locationId;\r\n selectedGroupId = locationId;\r\n selectedLocationName = locationName;\r\n }\r\n function setRosterGroups(rosterData) {\r\n rosterGroups = rosterData;\r\n selectedGroupCode = rosterData[0].GroupCode;\r\n selectedGroupId = rosterData[0].RetrieveID;\r\n // selectedGroupName = rosterData[0].GroupName;\r\n if (($.session.formsCaseload == true && $.loadedApp === 'forms')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'authorizations')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'assessmentHistory')\r\n || ($.session.DayServiceCaseLoad === true && $.loadedApp === 'dayservices')\r\n || ($.session.EmploymentCaseLoad === true && $.loadedApp === 'employment')\r\n || ($.session.FSSCaseLoad === true && $.loadedApp === 'fSS')\r\n || ($.session.PlanCaseLoad === true && $.loadedApp === 'plan')\r\n || ($.session.RosterCaseLoad === true && $.loadedApp === 'roster')\r\n || ($.session.ServiceActivityCaseLoad === true && $.loadedApp === 'outcomes')\r\n || ($.session.WaitingListAssessmentCaseLoad === true && $.loadedApp === 'waitingList')\r\n || ($.session.WorkshopCaseLoad === true && $.loadedApp === 'workshop')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'ConsumerFinances')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'CFEditAccount')\r\n || ($.session.incidentTrackingCaseLoad === true && $.loadedApp === 'incidenttracking')\r\n || ($.session.OODCaseLoad === true && $.loadedApp === 'OOD')\r\n || ($.session.SingleEntryCaseLoad === true && $.loadedApp === 'timeEntry')\r\n || ($.session.CaseNotesCaseloadRestriction === true && $.loadedApp === 'casenotes')\r\n || ($.session.transportationCaseLoad === true && $.loadedApp === 'transportation')) {\r\n selectedGroupName = 'Caseload';\r\n } else {\r\n selectedGroupName = selectedGroupName = rosterData[0].GroupName;\r\n }\r\n }\r\n function setSelectedGroupData() {\r\n var defaultRosterGroup = defaults.getLocation('rosterGroup').split('-');\r\n var defaultRosterGroupCode = defaultRosterGroup[0];\r\n var defaultRosterGroupID = defaultRosterGroup[1];\r\n\r\n rosterGroups.forEach(g => {\r\n if (g.GroupCode === defaultRosterGroupCode && g.RetrieveID === defaultRosterGroupID) {\r\n selectedGroupCode = g.GroupCode;\r\n selectedGroupId = g.RetrieveID;\r\n // selectedGroupName = g.GroupName;\r\n if (($.session.formsCaseload == true && $.loadedApp === 'forms')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'authorizations')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'assessmentHistory')\r\n || ($.session.DayServiceCaseLoad === true && $.loadedApp === 'dayservices')\r\n || ($.session.EmploymentCaseLoad === true && $.loadedApp === 'employment')\r\n || ($.session.FSSCaseLoad === true && $.loadedApp === 'fSS')\r\n || ($.session.PlanCaseLoad === true && $.loadedApp === 'plan')\r\n || ($.session.RosterCaseLoad === true && $.loadedApp === 'roster')\r\n || ($.session.ServiceActivityCaseLoad === true && $.loadedApp === 'outcomes')\r\n || ($.session.WaitingListAssessmentCaseLoad === true && $.loadedApp === 'waitingList')\r\n || ($.session.WorkshopCaseLoad === true && $.loadedApp === 'workshop')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'ConsumerFinances')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'CFEditAccount')\r\n || ($.session.incidentTrackingCaseLoad === true && $.loadedApp === 'incidenttracking')\r\n || ($.session.OODCaseLoad === true && $.loadedApp === 'OOD')\r\n || ($.session.SingleEntryCaseLoad === true && $.loadedApp === 'timeEntry')\r\n || ($.session.CaseNotesCaseloadRestriction === true && $.loadedApp === 'casenotes')\r\n || ($.session.transportationCaseLoad === true && $.loadedApp === 'transportation')) {\r\n selectedGroupName = 'Caseload';\r\n } else {\r\n selectedGroupName = g.GroupName;\r\n }\r\n }\r\n });\r\n\r\n if (!selectedGroupName) {\r\n selectedGroupCode = rosterGroups[0].GroupCode;\r\n selectedGroupId = rosterGroups[0].RetrieveID;\r\n selectedGroupName = rosterGroups[0].GroupName;\r\n }\r\n\r\n if (($.session.formsCaseload == true && $.loadedApp === 'forms')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'authorizations')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'assessmentHistory')\r\n || ($.session.DayServiceCaseLoad === true && $.loadedApp === 'dayservices')\r\n || ($.session.EmploymentCaseLoad === true && $.loadedApp === 'employment')\r\n || ($.session.FSSCaseLoad === true && $.loadedApp === 'fSS')\r\n || ($.session.PlanCaseLoad === true && $.loadedApp === 'plan')\r\n || ($.session.RosterCaseLoad === true && $.loadedApp === 'roster')\r\n || ($.session.ServiceActivityCaseLoad === true && $.loadedApp === 'outcomes')\r\n || ($.session.WaitingListAssessmentCaseLoad === true && $.loadedApp === 'waitingList')\r\n || ($.session.WorkshopCaseLoad === true && $.loadedApp === 'workshop')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'ConsumerFinances')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'CFEditAccount')\r\n || ($.session.incidentTrackingCaseLoad === true && $.loadedApp === 'incidenttracking')\r\n || ($.session.OODCaseLoad === true && $.loadedApp === 'OOD')\r\n || ($.session.SingleEntryCaseLoad === true && $.loadedApp === 'timeEntry')\r\n || ($.session.CaseNotesCaseloadRestriction === true && $.loadedApp === 'casenotes')\r\n || ($.session.transportationCaseLoad === true && $.loadedApp === 'transportation')) {\r\n selectedGroupName = 'Caseload';\r\n }\r\n }\r\n function setSelectedLocationData() {\r\n if (defaults.getLocation('roster') !== '') {\r\n selectedLocationId = defaults.getLocation('roster');\r\n\r\n var selectedLocationObj = rosterLocations.filter(loc => {\r\n return selectedLocationId === loc.ID;\r\n });\r\n\r\n selectedLocationName = selectedLocationObj[0].Name;\r\n $.session.selectedLocation = [selectedLocationId, selectedLocationName];\r\n }\r\n\r\n if (!selectedLocationId) {\r\n selectedLocationId = '0';\r\n selectedLocationName = 'All';\r\n }\r\n }\r\n function setCustomDefaultLocationData({ locationId, locationName }) {\r\n selectedLocationName = locationName;\r\n selectedLocationId = locationId;\r\n }\r\n function setAllowedConsumers(idArray) {\r\n // Allowed Consumers *Per Module\r\n allowedConsumerIds = [];\r\n consumersWithAlerts = [];\r\n\r\n if (idArray[0] === '%') {\r\n allowedConsumerIds = ['%'];\r\n return;\r\n }\r\n\r\n idArray.forEach(r => {\r\n const id = r.consumer_id ? r.consumer_id : r;\r\n allowedConsumerIds.push(id);\r\n if (r.showAlertIcon) consumersWithAlerts.push(id);\r\n });\r\n }\r\n\r\n // Search\r\n //---------------------------------------------\r\n function searchRoster(searchValue) {\r\n searchValue = searchValue.toLowerCase();\r\n const consumers = rosterConsumers.filter(rc => {\r\n var firstName = rc.FN.toLowerCase();\r\n var lastName = rc.LN.toLowerCase();\r\n var middleName = rc.MN.toLowerCase(); //\r\n var fullName = `${lastName}, ${middleName} ${firstName}`;\r\n var fullNameReversed = `${lastName}, ${firstName} ${middleName}`;\r\n var matchesName = fullName.indexOf(searchValue);\r\n var matchesNameReverse = fullNameReversed.indexOf(searchValue);\r\n\r\n return matchesName !== -1 || matchesNameReverse !== -1;\r\n });\r\n\r\n const rosterlists = [...ROSTER_WRAP.querySelectorAll('.roster__list')];\r\n rosterlists && rosterlists.forEach(rl => ROSTER_WRAP.removeChild(rl));\r\n groupRosterConsumers(consumers);\r\n populateRoster();\r\n totalConsumerCount = consumers.length;\r\n updateTotalConsumerCount();\r\n }\r\n // Filtering\r\n //---------------------------------------------\r\n function updateTotalConsumerCount() {\r\n if (document.getElementById('totalConsumerCountBtn') != null)\r\n document.getElementById('totalConsumerCountBtn').innerHTML = 'Total Consumer Count: ' + totalConsumerCount;\r\n }\r\n function buildFilteredBy() {\r\n var filteredBy = document.querySelector('.widgetFilteredBy');\r\n\r\n var splitDate = selectedDate.split('-');\r\n filteredDate = `${UTIL.leadingZero(splitDate[1])}/${UTIL.leadingZero(splitDate[2])}/${splitDate[0].slice(2, 4)}`;\r\n\r\n if (!filteredBy) {\r\n filteredBy = document.createElement('div');\r\n filteredBy.classList.add('widgetFilteredBy');\r\n filteredBy1 = document.createElement('div');\r\n filteredBy1.classList.add('filteredByData');\r\n filterButtonSet();\r\n filteredBy1.appendChild(btnWrap);\r\n filteredBy.appendChild(filteredBy1);\r\n }\r\n\r\n if (document.getElementById('filteredDateBtn') != null)\r\n document.getElementById('filteredDateBtn').innerHTML = 'Date: ' + filteredDate;\r\n\r\n if (hideDateFilter) {\r\n btnWrap.removeChild(filteredDateBtnWrap);\r\n }\r\n\r\n if (selectedLocationName === '%' || selectedLocationName === 'All') {\r\n btnWrap.appendChild(selectedLocationNameBtnWrap);\r\n btnWrap.removeChild(selectedLocationNameBtnWrap);\r\n } else {\r\n btnWrap.appendChild(selectedLocationNameBtnWrap);\r\n if (document.getElementById('selectedLocationNameBtn') != null)\r\n document.getElementById('selectedLocationNameBtn').innerHTML = 'Location: ' + selectedLocationName;\r\n }\r\n\r\n if (selectedGroupName === '%' || selectedGroupName === 'Everyone') {\r\n btnWrap.appendChild(selectedGroupNameBtnWrap);\r\n btnWrap.removeChild(selectedGroupNameBtnWrap);\r\n } else {\r\n btnWrap.appendChild(selectedGroupNameBtnWrap);\r\n if (document.getElementById('selectedGroupNameBtn') != null)\r\n document.getElementById('selectedGroupNameBtn').innerHTML = 'Group: ' + selectedGroupName;\r\n }\r\n\r\n if ($.session.applicationName == 'Gatekeeper' && ($.loadedApp === 'roster' || $.loadedApp === 'casenotes')) {\r\n btnWrap.appendChild(selectedActiveBtnWrap);\r\n if (document.getElementById('selectedActiveBtn') != null)\r\n document.getElementById('selectedActiveBtn').innerHTML = 'Show Inactives: ' + selectedActive;\r\n }\r\n\r\n if (document.getElementById('totalConsumerCountBtn') != null)\r\n document.getElementById('totalConsumerCountBtn').innerHTML = 'Total Consumer Count: ' + totalConsumerCount;\r\n\r\n return filteredBy;\r\n }\r\n\r\n function filterButtonSet() {\r\n filteredDateBtn = button.build({\r\n id: 'filteredDateBtn',\r\n text: 'Date: ' + filteredDate,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopup('filteredDateBtn');\r\n },\r\n });\r\n\r\n selectedLocationNameBtn = button.build({\r\n id: 'selectedLocationNameBtn',\r\n text: 'Location: ' + selectedLocationName,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopup('selectedLocationNameBtn');\r\n },\r\n });\r\n selectedLocationNameCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n if (!islocationDisabled)\r\n closeFilter('selectedLocationNameBtn');\r\n },\r\n });\r\n\r\n selectedGroupNameBtn = button.build({\r\n id: 'selectedGroupNameBtn',\r\n text: 'Group: ' + selectedGroupName,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopup('selectedGroupNameBtn');\r\n },\r\n });\r\n selectedGroupNameCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => {\r\n closeFilter('selectedGroupNameBtn');\r\n },\r\n });\r\n\r\n selectedActiveBtn = button.build({\r\n id: 'selectedActiveBtn',\r\n text: 'Show Inactives: ' + selectedActive,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => {\r\n buildFilterPopup('selectedActiveBtn');\r\n },\r\n });\r\n\r\n totalConsumerCountBtn = button.build({\r\n id: 'totalConsumerCountBtn',\r\n text: 'Total Consumer Count: ' + totalConsumerCount,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n });\r\n\r\n btnWrap = document.createElement('div');\r\n btnWrap.classList.add('filterBtnWrap');\r\n\r\n filteredDateBtnWrap = document.createElement('div');\r\n filteredDateBtnWrap.classList.add('filterSelectionFirstBtnWrap');\r\n filteredDateBtnWrap.appendChild(filteredDateBtn);\r\n btnWrap.appendChild(filteredDateBtnWrap);\r\n\r\n selectedLocationNameBtnWrap = document.createElement('div');\r\n selectedLocationNameBtnWrap.classList.add('filterSelectionBtnWrap');\r\n selectedLocationNameBtnWrap.appendChild(selectedLocationNameBtn);\r\n selectedLocationNameBtnWrap.appendChild(selectedLocationNameCloseBtn);\r\n btnWrap.appendChild(selectedLocationNameBtnWrap);\r\n\r\n selectedGroupNameBtnWrap = document.createElement('div');\r\n selectedGroupNameBtnWrap.classList.add('filterSelectionBtnWrap');\r\n selectedGroupNameBtnWrap.appendChild(selectedGroupNameBtn);\r\n if (($.session.formsCaseload == true && $.loadedApp === 'forms')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'authorizations')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'assessmentHistory')\r\n || ($.session.DayServiceCaseLoad === true && $.loadedApp === 'dayservices')\r\n || ($.session.EmploymentCaseLoad === true && $.loadedApp === 'employment')\r\n || ($.session.FSSCaseLoad === true && $.loadedApp === 'fSS')\r\n || ($.session.PlanCaseLoad === true && $.loadedApp === 'plan')\r\n || ($.session.RosterCaseLoad === true && $.loadedApp === 'roster')\r\n || ($.session.ServiceActivityCaseLoad === true && $.loadedApp === 'outcomes')\r\n || ($.session.WaitingListAssessmentCaseLoad === true && $.loadedApp === 'waitingList')\r\n || ($.session.WorkshopCaseLoad === true && $.loadedApp === 'workshop')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'ConsumerFinances')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'CFEditAccount')\r\n || ($.session.incidentTrackingCaseLoad === true && $.loadedApp === 'incidenttracking')\r\n || ($.session.OODCaseLoad === true && $.loadedApp === 'OOD')\r\n || ($.session.SingleEntryCaseLoad === true && $.loadedApp === 'timeEntry')\r\n || ($.session.CaseNotesCaseloadRestriction === true && $.loadedApp === 'casenotes')\r\n || ($.session.transportationCaseLoad === true && $.loadedApp === 'transportation')) { }\r\n else {\r\n selectedGroupNameBtnWrap.appendChild(selectedGroupNameCloseBtn);\r\n }\r\n\r\n btnWrap.appendChild(selectedGroupNameBtnWrap);\r\n\r\n if ($.session.applicationName == 'Gatekeeper' && ($.loadedApp === 'roster' || $.loadedApp === 'casenotes')) {\r\n selectedActiveBtnWrap = document.createElement('div');\r\n selectedActiveBtnWrap.classList.add('filterSelectionBtnWrap');\r\n selectedActiveBtnWrap.appendChild(selectedActiveBtn);\r\n btnWrap.appendChild(selectedActiveBtnWrap);\r\n }\r\n\r\n totalConsumerCountBtnWrap = document.createElement('div');\r\n totalConsumerCountBtnWrap.classList.add('filterSelectionBtnWrap');\r\n totalConsumerCountBtnWrap.appendChild(totalConsumerCountBtn);\r\n btnWrap.appendChild(totalConsumerCountBtnWrap);\r\n }\r\n\r\n async function closeFilter(closeFilter) {\r\n if (closeFilter == 'selectedLocationNameBtn') {\r\n selectedLocationName = 'All';\r\n selectedLocationId = '0';\r\n\r\n if (($.session.formsCaseload == true && $.loadedApp === 'forms')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'authorizations')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'assessmentHistory')\r\n || ($.session.DayServiceCaseLoad === true && $.loadedApp === 'dayservices')\r\n || ($.session.EmploymentCaseLoad === true && $.loadedApp === 'employment')\r\n || ($.session.FSSCaseLoad === true && $.loadedApp === 'fSS')\r\n || ($.session.PlanCaseLoad === true && $.loadedApp === 'plan')\r\n || ($.session.RosterCaseLoad === true && $.loadedApp === 'roster')\r\n || ($.session.ServiceActivityCaseLoad === true && $.loadedApp === 'outcomes')\r\n || ($.session.WaitingListAssessmentCaseLoad === true && $.loadedApp === 'waitingList')\r\n || ($.session.WorkshopCaseLoad === true && $.loadedApp === 'workshop')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'ConsumerFinances')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'CFEditAccount')\r\n || ($.session.incidentTrackingCaseLoad === true && $.loadedApp === 'incidenttracking')\r\n || ($.session.OODCaseLoad === true && $.loadedApp === 'OOD')\r\n || ($.session.SingleEntryCaseLoad === true && $.loadedApp === 'timeEntry')\r\n || ($.session.CaseNotesCaseloadRestriction === true && $.loadedApp === 'casenotes')\r\n || ($.session.transportationCaseLoad === true && $.loadedApp === 'transportation')) {\r\n selectedGroupName = 'Caseload';\r\n selectedGroupCode = 'CAS';\r\n } else {\r\n selectedGroupName = 'Everyone';\r\n selectedGroupCode = 'ALL';\r\n }\r\n\r\n btnWrap.removeChild(selectedLocationNameBtnWrap);\r\n const groupResults = await getConsumerGroupsData(selectedLocationId);\r\n rosterGroups = groupResults;\r\n $.session.selectedLocation = [selectedLocationId, selectedLocationName];\r\n }\r\n if (closeFilter == 'selectedGroupNameBtn') {\r\n selectedGroupName = 'Everyone';\r\n selectedGroupCode = 'ALL';\r\n btnWrap.removeChild(selectedGroupNameBtnWrap);\r\n }\r\n\r\n toggleMassAbsentBtn();\r\n filterApply();\r\n }\r\n\r\n function buildDateInput() {\r\n var defaultVal = selectedDate ? selectedDate : UTIL.getTodaysDate();\r\n var date = input.build({\r\n type: 'date',\r\n label: 'Date',\r\n style: 'secondary',\r\n value: defaultVal,\r\n attributes: [{ key: 'max', value: UTIL.getTodaysDate() }],\r\n });\r\n\r\n return date;\r\n }\r\n function buildLocationDropdown() {\r\n var locationDropdown = dropdown.build({\r\n dropdownId: 'rosterLocationDropdown',\r\n label: 'Locations',\r\n style: 'secondary',\r\n });\r\n\r\n return locationDropdown;\r\n }\r\n function buildGroupDropdown() {\r\n var isDisabld = false;\r\n if (($.session.formsCaseload == true && $.loadedApp === 'forms')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'authorizations')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'assessmentHistory')\r\n || ($.session.DayServiceCaseLoad === true && $.loadedApp === 'dayservices')\r\n || ($.session.EmploymentCaseLoad === true && $.loadedApp === 'employment')\r\n || ($.session.FSSCaseLoad === true && $.loadedApp === 'fSS')\r\n || ($.session.PlanCaseLoad === true && $.loadedApp === 'plan')\r\n || ($.session.RosterCaseLoad === true && $.loadedApp === 'roster')\r\n || ($.session.ServiceActivityCaseLoad === true && $.loadedApp === 'outcomes')\r\n || ($.session.WaitingListAssessmentCaseLoad === true && $.loadedApp === 'waitingList')\r\n || ($.session.WorkshopCaseLoad === true && $.loadedApp === 'workshop')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'ConsumerFinances')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'CFEditAccount')\r\n || ($.session.incidentTrackingCaseLoad === true && $.loadedApp === 'incidenttracking')\r\n || ($.session.OODCaseLoad === true && $.loadedApp === 'OOD')\r\n || ($.session.SingleEntryCaseLoad === true && $.loadedApp === 'timeEntry')\r\n || ($.session.CaseNotesCaseloadRestriction === true && $.loadedApp === 'casenotes')\r\n || ($.session.transportationCaseLoad === true && $.loadedApp === 'transportation')) {\r\n isDisabld = true;\r\n }\r\n var groupDropdown = dropdown.build({\r\n dropdownId: 'rosterGroupDropdown',\r\n label: 'Groups',\r\n style: 'secondary',\r\n readonly: isDisabld,\r\n });\r\n\r\n return groupDropdown;\r\n }\r\n function buildActiveDropdown() {\r\n var activeDropdown = dropdown.build({\r\n dropdownId: 'rosterActiveDropdown',\r\n label: 'Show Inactive?',\r\n style: 'secondary',\r\n });\r\n\r\n return activeDropdown;\r\n }\r\n function buildFilterPopup(IsShow) {\r\n // popup\r\n FILTER_POPUP = POPUP.build({\r\n classNames: ['rosterFilterPopup'],\r\n hideX: true,\r\n });\r\n // dropdowns & inputs\r\n DATE_INPUT = buildDateInput();\r\n LOCATION_DROPDOWN = buildLocationDropdown();\r\n GROUP_DROPDOWN = buildGroupDropdown();\r\n ACTIVE_DROPDOWN = buildActiveDropdown();\r\n // apply filters button\r\n APPLY_BTN = button.build({\r\n text: 'Apply',\r\n style: 'secondary',\r\n type: 'contained',\r\n });\r\n CANCEL_BTN = button.build({\r\n text: 'Cancel',\r\n style: 'secondary',\r\n type: 'outlined',\r\n });\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(APPLY_BTN);\r\n btnWrap.appendChild(CANCEL_BTN);\r\n\r\n // build popup\r\n if (!hideDateFilter) {\r\n if (IsShow == 'ALL' || IsShow == 'filteredDateBtn') FILTER_POPUP.appendChild(DATE_INPUT);\r\n }\r\n if (IsShow == 'ALL' || IsShow == 'selectedLocationNameBtn') FILTER_POPUP.appendChild(LOCATION_DROPDOWN);\r\n if (IsShow == 'ALL' || IsShow == 'selectedGroupNameBtn') FILTER_POPUP.appendChild(GROUP_DROPDOWN);\r\n if ($.session.applicationName == 'Gatekeeper' && ($.loadedApp === 'roster' || $.loadedApp === 'casenotes')) {\r\n if (IsShow == 'ALL' || IsShow == 'selectedActiveBtn') FILTER_POPUP.appendChild(ACTIVE_DROPDOWN);\r\n }\r\n FILTER_POPUP.appendChild(btnWrap);\r\n\r\n setupFilterEvent();\r\n\r\n POPUP.show(FILTER_POPUP);\r\n\r\n populateLocationDropdown();\r\n populateGroupDropdown();\r\n populateActiveDropdown();\r\n\r\n if (islocationDisabled)\r\n LOCATION_DROPDOWN.classList.add('disabled');\r\n }\r\n // filter dropdowns\r\n function populateLocationDropdown() {\r\n var defaultVal = selectedLocationId ? selectedLocationId : defaults.getLocation('roster');\r\n var defaultValName;\r\n var data = rosterLocations.map(r => {\r\n var attributes = [{ key: 'data-residence', value: r.Residence }];\r\n\r\n var hasUnreadLocationNote = locationsWithUnreadNotes.filter(loc => loc.loc_id === r.ID);\r\n hasUnreadLocationNote = hasUnreadLocationNote.length > 0 ? true : false;\r\n\r\n if (r.ID === defaultVal) {\r\n defaultValName = r.Name;\r\n if (hasUnreadLocationNote) {\r\n LOCATION_NOTES_BTN.classList.add('attention');\r\n } else {\r\n LOCATION_NOTES_BTN.classList.remove('attention');\r\n }\r\n }\r\n\r\n if (hasUnreadLocationNote) {\r\n attributes.push({ key: 'data-hasUnreadNote', value: 'true' });\r\n } else {\r\n attributes.push({ key: 'data-hasUnreadNote', value: 'false' });\r\n }\r\n\r\n return {\r\n id: r.ID,\r\n value: r.ID,\r\n text: r.Name,\r\n attributes,\r\n };\r\n });\r\n var allOpt = {\r\n value: '0',\r\n text: 'All',\r\n };\r\n\r\n data.unshift(allOpt);\r\n\r\n dropdown.populate(LOCATION_DROPDOWN, data, defaultVal);\r\n\r\n selectedLocationId = defaultVal;\r\n if (selectedLocationId === '0') {\r\n selectedLocationName = 'All';\r\n } else {\r\n selectedLocationName = defaultValName;\r\n }\r\n }\r\n function populateGroupDropdown() {\r\n var locId = selectedLocationId === '0' ? '0' : selectedLocationId;\r\n var defaultVal;\r\n if (($.session.formsCaseload == true && $.loadedApp === 'forms')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'authorizations')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'assessmentHistory')\r\n || ($.session.DayServiceCaseLoad === true && $.loadedApp === 'dayservices')\r\n || ($.session.EmploymentCaseLoad === true && $.loadedApp === 'employment')\r\n || ($.session.FSSCaseLoad === true && $.loadedApp === 'fSS')\r\n || ($.session.PlanCaseLoad === true && $.loadedApp === 'plan')\r\n || ($.session.RosterCaseLoad === true && $.loadedApp === 'roster')\r\n || ($.session.ServiceActivityCaseLoad === true && $.loadedApp === 'outcomes')\r\n || ($.session.WaitingListAssessmentCaseLoad === true && $.loadedApp === 'waitingList')\r\n || ($.session.WorkshopCaseLoad === true && $.loadedApp === 'workshop')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'ConsumerFinances')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'CFEditAccount')\r\n || ($.session.incidentTrackingCaseLoad === true && $.loadedApp === 'incidenttracking')\r\n || ($.session.OODCaseLoad === true && $.loadedApp === 'OOD')\r\n || ($.session.SingleEntryCaseLoad === true && $.loadedApp === 'timeEntry')\r\n || ($.session.CaseNotesCaseloadRestriction === true && $.loadedApp === 'casenotes')\r\n || ($.session.transportationCaseLoad === true && $.loadedApp === 'transportation')) {\r\n defaultVal = `CAS-${locId}`;\r\n selectedGroupCode = 'CAS';\r\n } else {\r\n defaultVal = selectedGroupCode\r\n ? selectedGroupCode === 'ALL'\r\n ? `${selectedGroupCode}-${locId}`\r\n : `${selectedGroupCode}-${selectedGroupId}`\r\n : '';\r\n }\r\n\r\n groupCodeObj = {};\r\n\r\n var data = rosterGroups.map(r => {\r\n // dataObj for quick lookup\r\n if (!groupCodeObj[r.GroupCode]) {\r\n groupCodeObj[r.GroupCode] = {\r\n groupCode: r.GroupCode,\r\n groupName: r.GroupName,\r\n members: r.Members ? r.Members.split('|') : r.Members,\r\n };\r\n }\r\n\r\n return {\r\n value: `${r.GroupCode}-${r.RetrieveID}`,\r\n text: r.GroupName,\r\n attributes: [{ key: 'data-retrieveId', value: r.RetrieveID }],\r\n };\r\n });\r\n\r\n dropdown.populate('rosterGroupDropdown', data, defaultVal);\r\n\r\n if (!selectedGroupName) {\r\n selectedGroupCode = data[0].value;\r\n selectedGroupName = data[0].text;\r\n selectedGroupId = data[0].attributes[0].value;\r\n }\r\n }\r\n\r\n function populateActiveDropdown() {\r\n const activeDropdownData = ([\r\n { id: 1, value: 'Yes', text: 'Yes' },\r\n { id: 2, value: 'No', text: 'No' },\r\n ]);\r\n dropdown.populate(\"rosterActiveDropdown\", activeDropdownData, selectedActive);\r\n }\r\n // filter events\r\n function setupFilterEvent() {\r\n var oldDate;\r\n var oldLocationName;\r\n var oldLocationId;\r\n var oldGroupCode;\r\n var oldGroupId;\r\n var oldGroupName;\r\n var oldRosterGroups;\r\n\r\n var locationHasUnreadNote;\r\n\r\n DATE_INPUT.addEventListener('change', event => {\r\n oldDate = selectedDate;\r\n selectedDate = event.target.value;\r\n });\r\n LOCATION_DROPDOWN.addEventListener('change', event => locationDropdownEvent(event));\r\n async function locationDropdownEvent(event) {\r\n if (islocationDisabled)\r\n return;\r\n const selectedOption = event.target.options[event.target.selectedIndex];\r\n oldLocationId = selectedLocationId;\r\n oldLocationName = selectedLocationName;\r\n selectedLocationId = selectedOption.value;\r\n selectedLocationName = selectedOption.innerHTML;\r\n $.session.selectedLocation = [selectedLocationId, selectedLocationName];\r\n toggleMassAbsentBtn();\r\n toggleLocationNotesBtn();\r\n\r\n const hasUnreadNote = selectedOption.dataset.hasunreadnote === 'true' ? true : false;\r\n locationHasUnreadNote = hasUnreadNote;\r\n\r\n const groupResults = await getConsumerGroupsData(selectedLocationId);\r\n\r\n oldRosterGroups = rosterGroups;\r\n oldGroupId = selectedGroupId;\r\n oldGroupCode = selectedGroupCode;\r\n oldGroupName = selectedGroupName;\r\n\r\n rosterGroups = groupResults;\r\n selectedGroupId = groupResults[0].RetrieveID;\r\n selectedGroupCode = groupResults[0].GroupCode;\r\n // selectedGroupName = groupResults[0].GroupName;\r\n if (($.session.formsCaseload == true && $.loadedApp === 'forms')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'authorizations')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'assessmentHistory')\r\n || ($.session.DayServiceCaseLoad === true && $.loadedApp === 'dayservices')\r\n || ($.session.EmploymentCaseLoad === true && $.loadedApp === 'employment')\r\n || ($.session.FSSCaseLoad === true && $.loadedApp === 'fSS')\r\n || ($.session.PlanCaseLoad === true && $.loadedApp === 'plan')\r\n || ($.session.RosterCaseLoad === true && $.loadedApp === 'roster')\r\n || ($.session.ServiceActivityCaseLoad === true && $.loadedApp === 'outcomes')\r\n || ($.session.WaitingListAssessmentCaseLoad === true && $.loadedApp === 'waitingList')\r\n || ($.session.WorkshopCaseLoad === true && $.loadedApp === 'workshop')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'ConsumerFinances')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'CFEditAccount')\r\n || ($.session.incidentTrackingCaseLoad === true && $.loadedApp === 'incidenttracking')\r\n || ($.session.OODCaseLoad === true && $.loadedApp === 'OOD')\r\n || ($.session.SingleEntryCaseLoad === true && $.loadedApp === 'timeEntry')\r\n || ($.session.CaseNotesCaseloadRestriction === true && $.loadedApp === 'casenotes')\r\n || ($.session.transportationCaseLoad === true && $.loadedApp === 'transportation')) {\r\n selectedGroupName = 'Caseload';\r\n } else {\r\n selectedGroupName = groupResults[0].GroupName;\r\n }\r\n //selectedLocationId = tmpLocationId;\r\n populateGroupDropdown();\r\n }\r\n GROUP_DROPDOWN.addEventListener('change', event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n oldGroupId = selectedGroupId;\r\n oldGroupCode = selectedGroupCode;\r\n oldGroupName = selectedGroupName;\r\n\r\n selectedGroupCode = selectedOption.value.split('-')[0];\r\n selectedGroupId = selectedOption.dataset.retrieveid;\r\n selectedGroupName = selectedOption.innerHTML;\r\n });\r\n ACTIVE_DROPDOWN.addEventListener('change', event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n selectedActive = selectedOption.value;\r\n });\r\n APPLY_BTN.addEventListener('click', async () => {\r\n POPUP.hide(FILTER_POPUP);\r\n filterApply();\r\n });\r\n CANCEL_BTN.addEventListener('click', () => {\r\n POPUP.hide(FILTER_POPUP);\r\n\r\n if (oldDate) selectedDate = oldDate;\r\n if (oldLocationId) selectedLocationId = oldLocationId;\r\n if (oldLocationName) selectedLocationName = oldLocationName;\r\n if (oldGroupId) selectedGroupId = oldGroupId;\r\n if (oldGroupCode) selectedGroupCode = oldGroupCode;\r\n if (oldGroupName) selectedGroupName = oldGroupName;\r\n if (oldRosterGroups) rosterGroups = oldRosterGroups;\r\n });\r\n }\r\n\r\n function filterUpdateDisplay() {\r\n if (selectedDate === '') {\r\n selectedDate = UTIL.getTodaysDate();\r\n }\r\n var splitDate = selectedDate.split('-');\r\n filteredDate = `${UTIL.leadingZero(splitDate[1])}/${UTIL.leadingZero(splitDate[2])}/${splitDate[0].slice(2, 4)}`;\r\n\r\n if (document.getElementById('filteredDateBtn') != null)\r\n document.getElementById('filteredDateBtn').innerHTML = 'Date: ' + filteredDate;\r\n\r\n if (selectedLocationName === '%' || selectedLocationName === 'All') {\r\n btnWrap.appendChild(selectedLocationNameBtnWrap);\r\n btnWrap.removeChild(selectedLocationNameBtnWrap);\r\n } else {\r\n btnWrap.appendChild(selectedLocationNameBtnWrap);\r\n document.getElementById('selectedLocationNameBtn').innerHTML = 'Location: ' + selectedLocationName;\r\n }\r\n\r\n if (selectedGroupName === '%' || selectedGroupName === 'Everyone') {\r\n btnWrap.appendChild(selectedGroupNameBtnWrap);\r\n btnWrap.removeChild(selectedGroupNameBtnWrap);\r\n } else {\r\n btnWrap.appendChild(selectedGroupNameBtnWrap);\r\n document.getElementById('selectedGroupNameBtn').innerHTML = 'Group: ' + selectedGroupName;\r\n }\r\n if (document.getElementById('totalConsumerCountBtn') != null)\r\n document.getElementById('totalConsumerCountBtn').innerHTML = 'Total Consumer Count: ' + totalConsumerCount;\r\n\r\n if ($.session.applicationName == 'Gatekeeper' && ($.loadedApp === 'roster' || $.loadedApp === 'casenotes')) {\r\n btnWrap.appendChild(selectedActiveBtnWrap);\r\n if (document.getElementById('selectedActiveBtn') != null)\r\n document.getElementById('selectedActiveBtn').innerHTML = 'Show Inactives: ' + selectedActive;\r\n }\r\n\r\n if (!rosterListSelectable) {\r\n consumerInfo.toggleHideShowAbsentMenuSection(selectedLocationId);\r\n }\r\n\r\n if (selectedLocationId !== '000') {\r\n if (defaults.rememberLastLocation('roster')) defaults.setLocation('roster', selectedLocationId);\r\n }\r\n\r\n if ($.loadedApp === 'ConsumerFinances' || $.loadedApp === 'CFEditAccount') {\r\n if (defaults.rememberLastLocation('moneyManagement')) defaults.setLocation('moneyManagement', selectedLocationId);\r\n }\r\n }\r\n async function filterApply() {\r\n customGroups.init(rosterGroups);\r\n\r\n if (locationHasUnreadNote) {\r\n LOCATION_NOTES_BTN.classList.add('attention');\r\n } else {\r\n LOCATION_NOTES_BTN.classList.remove('attention');\r\n }\r\n\r\n const rosterlists = [...ROSTER_WRAP.querySelectorAll('.roster__list')];\r\n rosterlists.forEach(rl => ROSTER_WRAP.removeChild(rl));\r\n\r\n ROSTER_SPINNER = PROGRESS.SPINNER.get('Please wait while we gather everyone up...');\r\n ROSTER_WRAP.insertBefore(ROSTER_SPINNER, ROSTER_WRAP.lastChild);\r\n totalConsumerCount = 0;\r\n await getRosterConsumersData(true);\r\n //Ugly... should be re-done to be able to pass a custom apply action for the filter if needed\r\n // but I'm running out of thime for this release. THis is needed to reset the set allowed consumers\r\n //when filtering on a location or group.\r\n if ($.loadedApp === 'timeEntry') {\r\n await timeEntryCard.customRosterApplyFilterEvent();\r\n }\r\n populateRoster();\r\n filterUpdateDisplay();\r\n }\r\n // Top Nav\r\n //---------------------------------------------\r\n function toggleLocationNotesBtn() {\r\n if (selectedLocationId === '0' || selectedLocationName === 'All' || $.session.useProgressNotes === 'N') {\r\n LOCATION_NOTES_BTN.classList.add('disabled');\r\n LOCATION_NOTES_BTN.classList.remove('attention');\r\n } else {\r\n LOCATION_NOTES_BTN.classList.remove('disabled');\r\n }\r\n }\r\n function toggleMassAbsentBtn() {\r\n var useAbsent = $.session.useAbsentFeature === 'Y' ? true : false;\r\n\r\n if (!useAbsent || selectedLocationId === '0' || selectedLocationName === 'All') {\r\n MASS_ABSENT_BTN.classList.add('disabled');\r\n } else {\r\n MASS_ABSENT_BTN.classList.remove('disabled');\r\n }\r\n }\r\n function buildFilterBtn() {\r\n return button.build({\r\n text: 'Filter',\r\n icon: 'filter',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'filterBtn',\r\n });\r\n }\r\n function buildSearchBtn() {\r\n return button.build({\r\n id: 'searchBtn',\r\n text: 'Search',\r\n icon: 'search',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: ['searchBtn'],\r\n });\r\n }\r\n function buildSelectAllBtn() {\r\n return button.build({\r\n icon: 'selectAll',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'selectAllBtn',\r\n });\r\n }\r\n function buildDeSelectAllBtn() {\r\n return button.build({\r\n icon: 'deSelectAll',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'deselectAllBtn',\r\n });\r\n }\r\n function buildLocationNotesBtn() {\r\n var hasUnreadLocationNote =\r\n locationsWithUnreadNotes && locationsWithUnreadNotes.filter(loc => loc.loc_id === selectedLocationId);\r\n hasUnreadLocationNote = hasUnreadLocationNote.length > 0 ? true : false;\r\n\r\n const locationNotesBtnClassNames = ['locationNotesBtn'];\r\n\r\n if (selectedLocationId === '0' || selectedLocationName === 'All' || $.session.useProgressNotes === 'N') {\r\n locationNotesBtnClassNames.push('disabled');\r\n }\r\n if (hasUnreadLocationNote && $.session.useProgressNotes === 'Y') {\r\n locationNotesBtnClassNames.push('attention');\r\n }\r\n\r\n return button.build({\r\n text: 'Location Notes',\r\n style: 'secondary',\r\n type: 'contained',\r\n icon: 'note',\r\n classNames: locationNotesBtnClassNames,\r\n });\r\n }\r\n\r\n function buildMassAbsentSelectAllBtn() {\r\n return button.build({\r\n id: 'massAbsentSelectAllBtn',\r\n text: 'Select All',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'selectAllBtn',\r\n });\r\n }\r\n function buildMassAbsentDeselectAllBtn() {\r\n return button.build({\r\n id: 'massAbsentDeselectAllBtn',\r\n text: 'Select None',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'selectAllBtn',\r\n });\r\n }\r\n function buildMassAbsentBtn() {\r\n var useAbsent = $.session.useAbsentFeature === 'Y' ? true : false;\r\n\r\n return button.build({\r\n text: 'Mass Absent',\r\n style: 'secondary',\r\n type: 'contained',\r\n icon: 'no',\r\n classNames:\r\n selectedLocationId === '0' || selectedLocationName === 'All' || !useAbsent\r\n ? ['massAbsentBtn', 'disabled']\r\n : ['massAbsentBtn'],\r\n toggle: true,\r\n });\r\n }\r\n function buildManageGroupsBtn() {\r\n return button.build({\r\n text: 'Manage Groups',\r\n style: 'secondary',\r\n type: 'contained',\r\n icon: 'people',\r\n });\r\n }\r\n function buildRosterTopNav() {\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('roster-top-nav');\r\n\r\n FILTER_BTN = buildFilterBtn();\r\n SEARCH_BTN = buildSearchBtn();\r\n SELECT_ALL_BTN = buildSelectAllBtn();\r\n DESELECT_ALL_BTN = buildDeSelectAllBtn();\r\n LOCATION_NOTES_BTN = buildLocationNotesBtn();\r\n MASS_ABSENT_BTN = buildMassAbsentBtn();\r\n MANAGE_GROUPS_BTN = buildManageGroupsBtn();\r\n\r\n MASS_SELECT_ALL_BTN = buildMassAbsentSelectAllBtn();\r\n MASS_DESELECT_ALL_BTN = buildMassAbsentDeselectAllBtn();\r\n MASS_SELECT_ALL_BTN.classList.add('marginRight10px');\r\n MASS_DESELECT_ALL_BTN.classList.add('marginRight10px');\r\n // custom search stuff\r\n SEARCH_WRAP = document.createElement('div');\r\n // SEARCH_WRAP.classList.add('rosterSearch', 'searchOpen');\r\n SEARCH_WRAP.classList.add('rosterSearch');\r\n SEARCH_INPUT = document.createElement('input');\r\n SEARCH_INPUT.setAttribute('placeholder', 'search consumers');\r\n SEARCH_WRAP.appendChild(SEARCH_BTN);\r\n SEARCH_WRAP.appendChild(SEARCH_INPUT);\r\n\r\n if (rosterListSelectable) {\r\n var wrap1 = document.createElement('div');\r\n var wrap2 = document.createElement('div');\r\n wrap1.classList.add('btnWrap');\r\n wrap2.classList.add('btnWrap');\r\n // btns to show => selectAll, deselectAll\r\n wrap1.appendChild(SEARCH_WRAP);\r\n wrap2.appendChild(FILTER_BTN);\r\n wrap2.appendChild(SELECT_ALL_BTN);\r\n wrap2.appendChild(DESELECT_ALL_BTN);\r\n\r\n btnWrap.appendChild(wrap1);\r\n btnWrap.appendChild(wrap2);\r\n } else {\r\n var wrap1 = document.createElement('div');\r\n var wrap2 = document.createElement('div');\r\n var wrap3 = document.createElement('div');\r\n wrap1.classList.add('btnWrap');\r\n wrap2.classList.add('btnWrap');\r\n wrap2.classList.add('rosterNotesAbsentGroups');\r\n wrap3.classList.add('massSelectbtnWrap');\r\n // btns to show => search, notes, absent, groups\r\n wrap1.appendChild(FILTER_BTN);\r\n wrap1.appendChild(SEARCH_WRAP);\r\n\r\n wrap2.appendChild(LOCATION_NOTES_BTN);\r\n wrap2.appendChild(MASS_ABSENT_BTN);\r\n wrap2.appendChild(MANAGE_GROUPS_BTN);\r\n\r\n wrap3.appendChild(MASS_SELECT_ALL_BTN);\r\n wrap3.appendChild(MASS_DESELECT_ALL_BTN);\r\n\r\n btnWrap.appendChild(wrap1);\r\n btnWrap.appendChild(wrap2);\r\n btnWrap.appendChild(wrap3);\r\n }\r\n\r\n if ($.session.isPSI && $.session.activeModule === 'plan') {\r\n const updateSalesforceIds = button.build({\r\n text: 'Update Salesforce Ids',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async function () {\r\n pendingSave.show('Updating Database...');\r\n const data = await _UTIL.fetchData('updateSalesforceIdsScriptOneTimeUse', {applicationName: $.session.applicationName});\r\n pendingSave.fulfill('Update Complete')\r\n await new Promise(resolve => setTimeout(resolve, 2000));\r\n const successfulSavePopup = document.querySelector('.successfulSavePopup');\r\n successfulSavePopup.style.display = 'none';\r\n pendingSave.hide();\r\n },\r\n });\r\n\r\n btnWrap.appendChild(updateSalesforceIds);\r\n }\r\n\r\n return btnWrap;\r\n }\r\n\r\n // Roster Consumers\r\n //---------------------------------------------\r\n function populateConsumerCardPortraits() {\r\n const consumerCards = [...document.querySelectorAll('.consumerCard')];\r\n consumerCards.forEach(card => {\r\n const id = card.dataset.consumerId;\r\n const portrait = card.querySelector('.portrait');\r\n portrait.innerHTML = `\r\n`;\r\n\r\n if ($.loadedApp === 'plan')\r\n details.innerHTML = `\r\n \r\n
${lName},
\r\n\t\t${fName} ${mName}
Salesforce ID: ${SalesforceID}
\r\n`;\r\n else\r\n details.innerHTML = `\r\n
\r\n
${lName},
\r\n\t\t${fName} ${mName}
\r\n`;\r\n alertIcons.innerHTML = `\r\n ${isAbsent ? `A` : ''}\r\n ${!rosterListSelectable ? (hasUnreadNote ? `${icons['bell']}` : '') : ''}\r\n\t\t`;\r\n\r\n consumerCard.appendChild(portrait);\r\n consumerCard.appendChild(details);\r\n consumerCard.appendChild(alertIcons);\r\n\r\n if (showAlert) {\r\n var ICONS = consumerCard.querySelector('.icons');\r\n var iconsSVG = ICONS.querySelector('.alertIcon');\r\n var iconSVG = document.createElement('p');\r\n iconSVG.classList.add('alertIcon');\r\n iconSVG.innerHTML = icons['error'];\r\n if (ICONS) {\r\n if (!iconsSVG) {\r\n ICONS.appendChild(iconSVG);\r\n }\r\n }\r\n }\r\n\r\n return consumerCard;\r\n }\r\n\r\n // Mini Roster Popup\r\n //---------------------------------------------\r\n function toggleActionCenterChildrenVisiblity(hideOrShow) {\r\n const actionCenterChildren = [...DOM.ACTIONCENTER.children];\r\n actionCenterChildren.forEach(child => {\r\n if (hideOrShow === 'hide') {\r\n child.style.display = 'none';\r\n return;\r\n }\r\n child.removeAttribute('style');\r\n });\r\n }\r\n function actionNavCallback(e) {\r\n SELECT_ALL_BTN.classList.remove('disabled');\r\n DESELECT_ALL_BTN.classList.remove('disabled');\r\n\r\n if (MINI_ROSTER_BTN) MINI_ROSTER_BTN.classList.remove('disabled');\r\n\r\n DOM.ACTIONCENTER.removeChild(MINI_ROSTER_POPUP);\r\n toggleActionCenterChildrenVisiblity('show');\r\n\r\n if (e.target === MINI_ROSTER_DONE) {\r\n roster2.selectedConsumersToActiveList();\r\n }\r\n }\r\n function buildActioNav() {\r\n MINI_ROSTER_DONE = button.build({\r\n text: 'Done',\r\n icon: 'checkmark',\r\n style: 'secondary',\r\n type: 'contained',\r\n attributes: [{ key: 'data-action-nav', value: 'miniRosterDone' }],\r\n classNames: ['disabled'],\r\n callback: actionNavCallback,\r\n });\r\n MINI_ROSTER_CANCEL = button.build({\r\n text: 'Cancel',\r\n icon: 'close',\r\n style: 'secondary',\r\n type: 'outlined',\r\n attributes: [{ key: 'data-action-nav', value: 'miniRosterCancel' }],\r\n callback: actionNavCallback,\r\n });\r\n\r\n ACTION_NAV.populate([MINI_ROSTER_DONE, MINI_ROSTER_CANCEL]);\r\n }\r\n function getMiniRosterHeadline(consumercount) {\r\n switch ($.loadedApp) {\r\n case 'incidenttracking': {\r\n if (!consumercount) return `Select consumer(s) below`;\r\n return `Select consumer(s) below to add them to this incident. Total Consumer Count: ${consumercount}`;\r\n break;\r\n }\r\n case 'timeEntry': {\r\n if (!consumercount) return `Select consumer(s) below`;\r\n return `Select consumer(s) below to add them to this entry. Total Consumer Count: ${consumercount}`;\r\n break;\r\n }\r\n case 'workshop': {\r\n if (!consumercount) return `Select consumer(s) below`;\r\n return `Select consumer(s) below to clock them in or out. Total Consumer Count: ${consumercount}`;\r\n break;\r\n }\r\n case 'plan': {\r\n return `Select a consumer below`;\r\n }\r\n default: {\r\n if (!consumercount) return `Select consumer(s) below`;\r\n return `Select consumer(s) below Total Consumer Count: ${consumercount}`;\r\n break;\r\n }\r\n }\r\n }\r\n function buildMiniRosterPopup(rosterMarkup) {\r\n const miniRosterWrap = document.createElement('div');\r\n miniRosterWrap.classList.add('enabledConsumers', 'miniRoster');\r\n miniRosterWrap.setAttribute('data-roster', 'enabled');\r\n\r\n var headline = document.createElement('h3');\r\n headline.classList.add('miniRosterHeadline');\r\n headline.innerHTML = getMiniRosterHeadline();\r\n\r\n // miniRosterWrap.appendChild(headline);\r\n rosterMarkup.insertBefore(headline, rosterMarkup.firstChild.nextSibling);\r\n miniRosterWrap.appendChild(rosterMarkup);\r\n\r\n return miniRosterWrap;\r\n }\r\n function showMiniRosterPopup(rosterMarkup) {\r\n if (MINI_ROSTER_BTN) MINI_ROSTER_BTN.classList.add('disabled');\r\n\r\n const activeSection = DOM.ACTIONCENTER.dataset.activeSection;\r\n //buttons need to be disabled. This will need to\r\n // be modified if more modules need these buttons disabled\r\n\r\n toggleActionCenterChildrenVisiblity('hide');\r\n\r\n MINI_ROSTER_POPUP = buildMiniRosterPopup(rosterMarkup);\r\n DOM.ACTIONCENTER.appendChild(MINI_ROSTER_POPUP);\r\n buildActioNav();\r\n if (\r\n $.loadedApp === 'outcomes' ||\r\n $.loadedApp === 'plan' ||\r\n $.loadedApp === 'ConsumerFinances' ||\r\n $.loadedApp === 'CFEditAccount' ||\r\n $.loadedApp === 'employment' ||\r\n $.loadedApp === 'fSS' ||\r\n $.loadedApp === 'covid' ||\r\n $.loadedApp === 'forms' ||\r\n $.loadedApp === 'assessmentHistory' ||\r\n activeSection === 'caseNotesSSA-new' ||\r\n activeSection === 'caseNotes-new' ||\r\n $.loadedApp === 'authorizations'\r\n ) {\r\n SELECT_ALL_BTN.classList.add('disabled');\r\n DESELECT_ALL_BTN.classList.add('disabled');\r\n MINI_ROSTER_DONE.style.display = 'none';\r\n MINI_ROSTER_CANCEL.style.display = 'none';\r\n }\r\n }\r\n /**\r\n * Initializes the mini roster. Removes the mini roster button, and re-adds it with new settings.\r\n * @param {Object} locationData - Location information Object. Only use if you need to bypass the roster's default location.\r\n * @param {string} locationData.locationId - The Location ID\r\n * @param {string} locationData.locationName - The Location Name. If location name is not known, pass an empty string.\r\n * @param {Object} rosterOptions - Options for customizing the mini roster\r\n * @param {boolean} rosterOptions.hideDate - true = hide date selection. For example, SE has pay period date restrictions.\r\n * someone could change the date on the roster outside of the payperiod and choose someone who may be inactive. Removing this option alltogether prevents this.\r\n * !IMPORTANT! If setting this to true, you must update the roster date when they change the date within the module using roster2.updateSelectedDate()\r\n */\r\n async function miniRosterinit(locationData, rosterOptions) {\r\n removeMiniRosterBtn();\r\n // Reset date from moving between modules:\r\n selectedDate = UTIL.getTodaysDate();\r\n if (locationData) {\r\n const { locationId, locationName } = locationData;\r\n if (locationName && locationId) {\r\n selectedLocationName = locationName;\r\n selectedLocationId = locationId;\r\n } else if (locationName === '') {\r\n if (locationId === '0') {\r\n selectedLocationName = 'All';\r\n selectedLocationId = locationId;\r\n } else {\r\n rosterLocations = rosterLocations ?? (await getRosterLocationsData());\r\n const selectedLocationObj = rosterLocations.filter(loc => locationId === loc.ID);\r\n selectedLocationName = selectedLocationObj[0].Name;\r\n selectedLocationId = locationId;\r\n }\r\n }\r\n // reset group when custom location is passed:\r\n selectedGroupId = selectedLocationId;\r\n selectedGroupCode = 'ALL';\r\n selectedGroupName = 'Everyone';\r\n }\r\n MINI_ROSTER_BTN = button.build({\r\n icon: 'people',\r\n style: 'secondary',\r\n type: 'contained',\r\n id: 'mini_roster',\r\n // classNames: ['floatingActionBtn', 'consumerListBtn', 'disabled'],\r\n classNames: ['floatingActionBtn', 'consumerListBtn'],\r\n callback: async () => {\r\n if (\r\n $.loadedApp === 'ConsumerFinances' ||\r\n $.loadedApp === 'CFEditAccount' ||\r\n $.loadedApp === 'employment' ||\r\n $.loadedApp === 'fSS' ||\r\n $.loadedApp === 'assessmentHistory' ||\r\n $.loadedApp === 'OOD'\r\n ) {\r\n clearSelectedConsumers();\r\n clearActiveConsumers();\r\n }\r\n MINI_ROSTER_BTN.classList.add('disabled');\r\n await showMiniRoster(rosterOptions);\r\n MINI_ROSTER_BTN.classList.remove('disabled');\r\n },\r\n });\r\n\r\n document.body.appendChild(MINI_ROSTER_BTN);\r\n DOM.toggleNavLayout();\r\n }\r\n\r\n async function showMiniRoster(\r\n rosterOptions = {\r\n hideDate: false,\r\n locationDisabled: false\r\n },\r\n ) {\r\n const rosterMarkup = await buildRoster({\r\n selectable: true,\r\n hideDateFilter: rosterOptions.hideDate ? true : false,\r\n disabledLocation: rosterOptions.locationDisabled ? true : false,\r\n });\r\n showMiniRosterPopup(rosterMarkup);\r\n totalConsumerCount = 0;\r\n selectedActive = 'No';\r\n await getRosterConsumersData();\r\n populateRoster();\r\n document.getElementById('searchBtn').click();\r\n //filterApply(); \r\n filterUpdateDisplay();\r\n }\r\n /**\r\n * Enables or disables the mini roster button.\r\n * @param {boolean} showBtn - True = enable the mini roster button\r\n */\r\n function toggleMiniRosterBtnVisible(showBtn) {\r\n if (showBtn) {\r\n MINI_ROSTER_BTN.classList.remove('disabled');\r\n } else {\r\n MINI_ROSTER_BTN.classList.add('disabled');\r\n }\r\n }\r\n // Roster Data\r\n //---------------------------------------------\r\n async function getRosterLocationsData() {\r\n try {\r\n const data = (await rosterAjax.getRosterLocations()).getLocationsJSONResult;\r\n return data;\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n async function getConsumerGroupsData() {\r\n try {\r\n const data = (await customGroupsAjax.getConsumerGroups(selectedLocationId)).getConsumerGroupsJSONResult;\r\n return data;\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n async function getLocationsWithUnreadNotesData() {\r\n try {\r\n const data = (await locationNotesAjax.getLocationsWithUnreadNotes()).getLocationsWithUnreadNotesResult;\r\n return JSON.parse(data);\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n async function getConsumersByGroupData(getConsumerByGroupData) {\r\n try {\r\n const data = (await rosterAjax.getConsumersByGroup(getConsumerByGroupData)).getConsumersByGroupJSONResult;\r\n return data;\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n async function getConsumersWithUnreadNotesByEmployeeAndLocationData(selectedLocationId) {\r\n try {\r\n const data = (await progressNotesAjax.getConsumersWithUnreadNotesByEmployeeAndLocation(selectedLocationId))\r\n .getConsumersWithUnreadNotesByEmployeeAndLocationResult;\r\n return JSON.parse(data);\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n async function getRosterConsumersData(forceGroupFilter) {\r\n if (($.session.formsCaseload == true && $.loadedApp === 'forms')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'authorizations')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'assessmentHistory')\r\n || ($.session.DayServiceCaseLoad === true && $.loadedApp === 'dayservices')\r\n || ($.session.EmploymentCaseLoad === true && $.loadedApp === 'employment')\r\n || ($.session.FSSCaseLoad === true && $.loadedApp === 'fSS')\r\n || ($.session.PlanCaseLoad === true && $.loadedApp === 'plan')\r\n || ($.session.RosterCaseLoad === true && $.loadedApp === 'roster')\r\n || ($.session.ServiceActivityCaseLoad === true && $.loadedApp === 'outcomes')\r\n || ($.session.WaitingListAssessmentCaseLoad === true && $.loadedApp === 'waitingList')\r\n || ($.session.WorkshopCaseLoad === true && $.loadedApp === 'workshop')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'ConsumerFinances')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'CFEditAccount')\r\n || ($.session.incidentTrackingCaseLoad === true && $.loadedApp === 'incidenttracking')\r\n || ($.session.OODCaseLoad === true && $.loadedApp === 'OOD')\r\n || ($.session.SingleEntryCaseLoad === true && $.loadedApp === 'timeEntry')\r\n || ($.session.CaseNotesCaseloadRestriction === true && $.loadedApp === 'casenotes')\r\n || ($.session.transportationCaseLoad === true && $.loadedApp === 'transportation')) {\r\n selectedGroupCode = 'CAS';\r\n isCaseLoad = true;\r\n }\r\n const getConsumerByGroupData = {\r\n selectedGroupCode,\r\n selectedGroupId,\r\n selectedLocationId,\r\n selectedDate,\r\n selectedActive,\r\n isCaseLoad\r\n };\r\n\r\n if (!rosterConsumers || rosterConsumers.length === 0 || forceGroupFilter) {\r\n rosterConsumers = await getConsumersByGroupData(getConsumerByGroupData);\r\n }\r\n\r\n // I am not sure why consumer location was being set to the selected location ID?\r\n const seenIds = {};\r\n\r\n rosterConsumers = rosterConsumers.filter(consumer => {\r\n if (seenIds[consumer.id]) {\r\n return false;\r\n } else {\r\n seenIds[consumer.id] = true;\r\n return true;\r\n }\r\n });\r\n groupRosterConsumers();\r\n\r\n if (selectedLocationId !== '0') {\r\n const consumersWithUnreadNotesResults = await getConsumersWithUnreadNotesByEmployeeAndLocationData(\r\n selectedLocationId,\r\n );\r\n consumersWithUnreadNotes = progressNotes.createConsumersWithUnreadNotesObj(consumersWithUnreadNotesResults);\r\n } else {\r\n consumersWithUnreadNotes = {};\r\n }\r\n\r\n absentConsumers = await rosterAbsent.getAbsentConsumers(selectedLocationId, selectedDate);\r\n }\r\n async function getRosterData() {\r\n if (!selectedDate) selectedDate = UTIL.getTodaysDate();\r\n\r\n rosterLocations = await getRosterLocationsData();\r\n if (!selectedLocationId || rosterLocations.filter(loc => loc.ID === selectedLocationId).length === 0) {\r\n if (selectedLocationId !== '0') setSelectedLocationData();\r\n }\r\n\r\n rosterGroups = await getConsumerGroupsData(selectedLocationId);\r\n if (!selectedGroupName\r\n || ($.session.formsCaseload == true && $.loadedApp === 'forms')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'authorizations')\r\n || ($.session.authorizationsCaseLoad === true && $.loadedApp === 'assessmentHistory')\r\n || ($.session.DayServiceCaseLoad === true && $.loadedApp === 'dayservices')\r\n || ($.session.EmploymentCaseLoad === true && $.loadedApp === 'employment')\r\n || ($.session.FSSCaseLoad === true && $.loadedApp === 'fSS')\r\n || ($.session.PlanCaseLoad === true && $.loadedApp === 'plan')\r\n || ($.session.RosterCaseLoad === true && $.loadedApp === 'roster')\r\n || ($.session.ServiceActivityCaseLoad === true && $.loadedApp === 'outcomes')\r\n || ($.session.WaitingListAssessmentCaseLoad === true && $.loadedApp === 'waitingList')\r\n || ($.session.WorkshopCaseLoad === true && $.loadedApp === 'workshop')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'ConsumerFinances')\r\n || ($.session.ConsumerFinanceCaseLoad === true && $.loadedApp === 'CFEditAccount')\r\n || ($.session.incidentTrackingCaseLoad === true && $.loadedApp === 'incidenttracking')\r\n || ($.session.OODCaseLoad === true && $.loadedApp === 'OOD')\r\n || ($.session.SingleEntryCaseLoad === true && $.loadedApp === 'timeEntry')\r\n || ($.session.CaseNotesCaseloadRestriction === true && $.loadedApp === 'casenotes')\r\n || ($.session.transportationCaseLoad === true && $.loadedApp === 'transportation')) {\r\n setSelectedGroupData();\r\n }\r\n\r\n locationsWithUnreadNotes = await getLocationsWithUnreadNotesData();\r\n }\r\n\r\n // Roster List\r\n //---------------------------------------------\r\n function buildLoadMoreBtn() {\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('loadMoreConsumersBtn');\r\n\r\n const btn = button.build({\r\n text: 'Load More...',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n activeGroup++;\r\n populateRoster(true);\r\n },\r\n });\r\n\r\n btnWrap.appendChild(btn);\r\n\r\n return btnWrap;\r\n }\r\n function toggleRosterListLockdown(lockItDown) {\r\n if (lockItDown) {\r\n ROSTER_WRAP.classList.add('disabled');\r\n } else {\r\n ROSTER_WRAP.classList.remove('disabled');\r\n }\r\n }\r\n async function refreshRosterList() {\r\n rosterListSelectable = false;\r\n setActiveModuleSectionAttribute('roster-info');\r\n\r\n const rosterlists = [...ROSTER_WRAP.querySelectorAll('.roster__list')];\r\n rosterlists && rosterlists.forEach(rl => ROSTER_WRAP.removeChild(rl));\r\n totalConsumerCount = 0;\r\n\r\n await getRosterData();\r\n await getRosterConsumersData(true);\r\n populateRoster();\r\n }\r\n function rosterEventSetup() {\r\n ROSTER_WRAP.addEventListener('click', e => {\r\n const isConsumer = event.target.classList.contains('consumerCard');\r\n if (!isConsumer) return;\r\n const consumer = event.target;\r\n const consumerId = event.target.dataset.consumerId;\r\n\r\n const activeSection = DOM.ACTIONCENTER.dataset.activeSection;\r\n\r\n if (activeSection === 'roster-info') {\r\n toggleRosterListLockdown(true);\r\n DOM.scrollToTopOfPage();\r\n consumerInfo.showCard(consumer);\r\n return;\r\n }\r\n\r\n const isConsumerSelected = consumer.classList.contains('consumer-selected');\r\n // var activeSection = actioncenter.dataset.activeSection;\r\n\r\n if (\r\n $.loadedApp === 'outcomes' ||\r\n $.loadedApp === 'plan' ||\r\n $.loadedApp === 'authorizations' ||\r\n $.loadedApp === 'ConsumerFinances' ||\r\n $.loadedApp === 'CFEditAccount' ||\r\n $.loadedApp === 'employment' ||\r\n $.loadedApp === 'fSS' ||\r\n $.loadedApp === 'covid' ||\r\n $.loadedApp === 'forms' ||\r\n $.loadedApp === 'assessmentHistory' ||\r\n $.loadedApp === 'OOD' ||\r\n activeSection === 'caseNotesSSA-new' ||\r\n activeSection === 'caseNotes-new'\r\n ) {\r\n // add modules that only allow one consumer\r\n if (isConsumerSelected) {\r\n consumer.classList.remove('consumer-selected');\r\n consumer.classList.remove('highlighted');\r\n removeConsumerFromSelectedConsumers(consumerId);\r\n } else {\r\n const currentlySelectedConsumer = ROSTER_WRAP.querySelector('.consumer-selected');\r\n if (currentlySelectedConsumer) {\r\n const currentlySelectedConsumerId = currentlySelectedConsumer.dataset.consumerId;\r\n currentlySelectedConsumer.classList.remove('highlighted');\r\n currentlySelectedConsumer.classList.remove('consumer-selected');\r\n removeConsumerFromSelectedConsumers(currentlySelectedConsumerId);\r\n }\r\n consumer.classList.add('consumer-selected');\r\n consumer.classList.add('highlighted');\r\n addConsumerToSelectedConsumers(consumer);\r\n }\r\n\r\n // only one consumer selection page rediret to main page without done button\r\n MINI_ROSTER_DONE.setAttribute('data-action-nav', 'miniRosterDone');\r\n MINI_ROSTER_DONE.click();\r\n } else {\r\n if (!isConsumerSelected) {\r\n addConsumerToSelectedConsumers(consumer);\r\n consumer.classList.add('consumer-selected');\r\n consumer.classList.add('highlighted');\r\n } else {\r\n consumer.classList.remove('consumer-selected');\r\n consumer.classList.remove('highlighted');\r\n removeConsumerFromSelectedConsumers(consumerId);\r\n }\r\n }\r\n\r\n if (activeSection === 'roster-absent') {\r\n const doneBtn = document.getElementById('absentDone');\r\n if (selectedConsumers.length > 0) {\r\n doneBtn.classList.remove('disabled');\r\n } else {\r\n doneBtn.classList.add('disabled');\r\n }\r\n return;\r\n }\r\n\r\n if (selectedConsumers.length > 0) {\r\n MINI_ROSTER_DONE.classList.remove('disabled');\r\n } else {\r\n MINI_ROSTER_DONE.classList.add('disabled');\r\n }\r\n });\r\n\r\n SELECT_ALL_BTN.addEventListener('click', event => {\r\n var consumers = [].slice.call(ROSTER_WRAP.querySelectorAll('.consumerCard:not(.highlighted)'));\r\n consumers.forEach(c => {\r\n if (c.classList.contains('disabled')) return;\r\n var consumer = c.cloneNode(true);\r\n addConsumerToSelectedConsumers(consumer);\r\n c.classList.add('consumer-selected', 'highlighted');\r\n });\r\n\r\n const groupCount = Object.keys(groupedRosterConsumers).length;\r\n const nextGroup = activeGroup + 1;\r\n for (let i = nextGroup; i <= groupCount; i++) {\r\n if (groupedRosterConsumers[i]) {\r\n groupedRosterConsumers[i].forEach(c => {\r\n var consumer = buildConsumerCard(c);\r\n if (consumer.classList.contains('disabled')) return;\r\n addConsumerToSelectedConsumers(consumer);\r\n });\r\n }\r\n }\r\n\r\n console.table(selectedConsumers);\r\n\r\n if (selectedConsumers.length > 0) {\r\n MINI_ROSTER_DONE.classList.remove('disabled');\r\n } else {\r\n MINI_ROSTER_DONE.classList.add('disabled');\r\n }\r\n });\r\n\r\n DESELECT_ALL_BTN.addEventListener('click', event => {\r\n clearHighlightedConsumers();\r\n clearSelectedConsumers();\r\n\r\n console.table(selectedConsumers);\r\n\r\n if (selectedConsumers.length > 0) {\r\n MINI_ROSTER_DONE.classList.remove('disabled');\r\n } else {\r\n MINI_ROSTER_DONE.classList.add('disabled');\r\n }\r\n });\r\n\r\n MASS_SELECT_ALL_BTN.addEventListener('click', event => {\r\n var consumers = [].slice.call(ROSTER_WRAP.querySelectorAll('.consumerCard:not(.highlighted)'));\r\n consumers.forEach(c => {\r\n if (c.classList.contains('disabled')) return;\r\n var consumer = c.cloneNode(true);\r\n addConsumerToSelectedConsumers(consumer);\r\n c.classList.add('consumer-selected', 'highlighted');\r\n });\r\n\r\n const groupCount = Object.keys(groupedRosterConsumers).length;\r\n const nextGroup = activeGroup + 1;\r\n for (let i = nextGroup; i <= groupCount; i++) {\r\n if (groupedRosterConsumers[i]) {\r\n groupedRosterConsumers[i].forEach(c => {\r\n var consumer = buildConsumerCard(c);\r\n if (consumer.classList.contains('disabled')) return;\r\n addConsumerToSelectedConsumers(consumer);\r\n });\r\n }\r\n }\r\n\r\n console.table(selectedConsumers);\r\n\r\n const doneBtn = document.getElementById('absentDone');\r\n if (selectedConsumers.length > 0) {\r\n doneBtn.classList.remove('disabled');\r\n } else {\r\n doneBtn.classList.add('disabled');\r\n }\r\n\r\n });\r\n\r\n MASS_DESELECT_ALL_BTN.addEventListener('click', event => {\r\n selectNoneHighlightedConsumers();\r\n clearSelectedConsumers();\r\n\r\n console.table(selectedConsumers);\r\n\r\n const doneBtn = document.getElementById('absentDone');\r\n if (selectedConsumers.length > 0) {\r\n doneBtn.classList.remove('disabled');\r\n } else {\r\n doneBtn.classList.add('disabled');\r\n }\r\n });\r\n\r\n FILTER_BTN.addEventListener('click', event => {\r\n buildFilterPopup('ALL');\r\n });\r\n\r\n SEARCH_BTN.addEventListener('click', event => {\r\n SEARCH_WRAP.classList.toggle('searchOpen');\r\n SEARCH_INPUT.value = '';\r\n SEARCH_INPUT.focus();\r\n });\r\n SEARCH_INPUT.addEventListener('keyup', event => {\r\n if (event.keyCode === 13) {\r\n searchRoster(event.target.value);\r\n }\r\n });\r\n\r\n MASS_ABSENT_BTN.addEventListener('click', event => {\r\n if (event.target.dataset.toggled === 'true') {\r\n rosterListSelectable = true;\r\n rosterAbsent.initMassAbsent();\r\n setActiveModuleSectionAttribute('roster-absent');\r\n MASS_DESELECT_ALL_BTN.style.display = 'block';\r\n MASS_SELECT_ALL_BTN.style.display = 'block';\r\n } else {\r\n rosterListSelectable = false;\r\n ACTION_NAV.hide();\r\n setActiveModuleSectionAttribute('roster-info');\r\n MASS_DESELECT_ALL_BTN.style.display = 'none';\r\n MASS_SELECT_ALL_BTN.style.display = 'none';\r\n selectNoneHighlightedConsumers();\r\n clearSelectedConsumers();\r\n }\r\n });\r\n\r\n MANAGE_GROUPS_BTN.addEventListener('click', event => {\r\n customGroups.loadManageGroupsPage();\r\n });\r\n\r\n LOCATION_NOTES_BTN.addEventListener('click', event => {\r\n locationNotes.loadAllNotesPage();\r\n });\r\n }\r\n function populateRoster(loadingMore) {\r\n if (!rosterConsumers) return;\r\n\r\n ROSTER_LIST = document.createElement('div');\r\n ROSTER_LIST.classList.add('roster__list');\r\n\r\n if (groupedRosterConsumers[activeGroup]) {\r\n groupedRosterConsumers[activeGroup].forEach(c => ROSTER_LIST.appendChild(buildConsumerCard(c)));\r\n totalConsumerCount = rosterConsumers.length;\r\n }\r\n\r\n if (ROSTER_WRAP.contains(ROSTER_SPINNER)) ROSTER_WRAP.removeChild(ROSTER_SPINNER);\r\n if (!ROSTER_WRAP.contains(LOAD_MORE_BTN)) {\r\n LOAD_MORE_BTN = buildLoadMoreBtn();\r\n ROSTER_WRAP.appendChild(LOAD_MORE_BTN);\r\n }\r\n ROSTER_WRAP.insertBefore(ROSTER_LIST, LOAD_MORE_BTN);\r\n // if (!loadingMore) SEARCH_INPUT.focus();\r\n const nextGroup = activeGroup + 1;\r\n if (!groupedRosterConsumers[nextGroup]) {\r\n ROSTER_WRAP.removeChild(LOAD_MORE_BTN);\r\n }\r\n\r\n updateTotalConsumerCount();\r\n // populateConsumerCardPortraits();\r\n }\r\n function groupRosterConsumers(consumers) {\r\n const chunkBy = 50;\r\n const chunkedArray = consumers ? UTIL.chunkArray(consumers, chunkBy) : UTIL.chunkArray(rosterConsumers, chunkBy);\r\n groupedRosterConsumers = {};\r\n chunkedArray.forEach((a, index) => (groupedRosterConsumers[index] = a));\r\n\r\n const rosterGroupKeys = Object.keys(groupedRosterConsumers);\r\n rosterGroupCount = rosterGroupKeys && rosterGroupKeys.length;\r\n activeGroup = 0;\r\n }\r\n /**\r\n *\r\n * @param {Object} param0\r\n * @param {boolean} param0.hideDateFilter - True = hide Date filter.\r\n *\r\n */\r\n async function buildRoster({ selectable, ...otherOpts }, callback) {\r\n rosterConsumers = [];\r\n\r\n rosterListSelectable = selectable;\r\n hideDateFilter = otherOpts.hideDateFilter;\r\n islocationDisabled = otherOpts.disabledLocation ? true : false;\r\n selectedActive = 'No';\r\n await getRosterData();\r\n\r\n // roster\r\n ROSTER_WRAP = document.createElement('div');\r\n ROSTER_WRAP.classList.add('roster');\r\n // roster topNav\r\n const topNav = buildRosterTopNav();\r\n const filteredBy = buildFilteredBy();\r\n // build roster\r\n ROSTER_SPINNER = PROGRESS.SPINNER.get('Please wait while we gather everyone up...');\r\n ROSTER_WRAP.appendChild(topNav);\r\n ROSTER_WRAP.appendChild(filteredBy);\r\n ROSTER_WRAP.appendChild(ROSTER_SPINNER);\r\n // setup event listener\r\n rosterEventSetup();\r\n\r\n MASS_DESELECT_ALL_BTN.style.display = 'none';\r\n MASS_SELECT_ALL_BTN.style.display = 'none';\r\n\r\n return ROSTER_WRAP;\r\n }\r\n\r\n // Main Module\r\n //---------------------------------------------\r\n async function loadRosterInfo() {\r\n //reset date\r\n selectedDate = UTIL.getTodaysDate();\r\n // clear out roster location and group so it will set back to default roster location (as per ticket 47820)\r\n selectedLocationId = null;\r\n selectedGroupName = null;\r\n\r\n PROGRESS.SPINNER.show('Loading Roster...');\r\n\r\n const rosterMarkup = await buildRoster({\r\n selectable: false,\r\n showActionNavCancel: false,\r\n forMiniRoster: false,\r\n hideDateFilter: false,\r\n });\r\n\r\n setActiveModuleSectionAttribute('roster-info');\r\n DOM.clearActionCenter();\r\n\r\n var consumerInfoCard = consumerInfo.buildCard();\r\n DOM.ACTIONCENTER.appendChild(rosterMarkup);\r\n DOM.ACTIONCENTER.appendChild(consumerInfoCard);\r\n consumerInfo.toggleHideShowAbsentMenuSection(selectedLocationId);\r\n\r\n customGroups.init(rosterGroups);\r\n rosterAbsent.init();\r\n\r\n totalConsumerCount = 0;\r\n selectedActive = 'No';\r\n await getRosterConsumersData();\r\n populateRoster();\r\n document.getElementById('searchBtn').click();\r\n filterUpdateDisplay();\r\n }\r\n\r\n return {\r\n addConsumerToActiveConsumers,\r\n buildRoster,\r\n buildConsumerCard,\r\n clearActiveConsumers,\r\n clearSelectedConsumers,\r\n getActiveConsumers,\r\n getSelectedConsumers,\r\n getSelectedConsumersCache,\r\n getSelectedConsumersMiniRoster,\r\n getSelectedLocationObj,\r\n getSelectedDate,\r\n getRosterLocations,\r\n getAllRosterConsumers,\r\n getConsumersWithUnreadNotes,\r\n getConsumerGroupsData,\r\n loadRosterInfo,\r\n miniRosterinit,\r\n populateRoster,\r\n refreshRosterList,\r\n removeConsumerFromActiveConsumers,\r\n removeMiniRosterBtn,\r\n selectedConsumersToActiveList,\r\n setAllowedConsumers,\r\n setRosterGroups,\r\n setCustomDefaultLocationData,\r\n showMiniRoster,\r\n toggleRosterListLockdown,\r\n toggleMiniRosterBtnVisible,\r\n toggleActionCenterChildrenVisiblity,\r\n updateSelectedDate,\r\n updateSelectedLocationId,\r\n selectNoneHighlightedConsumers,\r\n };\r\n})();\r\n","const rosterAjax = (function () {\r\n function getRosterLocations(callback) {\r\n return $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getLocationsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n }\r\n function getConsumersByGroup(data, callback) {\r\n // data = {selectedGroupCode, selectedGroupId, selectedLocationId, selectedDate}\r\n var groupCode = data.selectedGroupCode;\r\n var retrieveId =\r\n groupCode === 'CST' || groupCode === 'TRA' || groupCode === 'NAT' \r\n ? data.selectedGroupId\r\n : data.selectedLocationId; \r\n \r\n var date = data.selectedDate;\r\n var daysBackDate = convertDaysBack($.session.defaultProgressNoteReviewDays);\r\n\r\n date = date ? date : UTIL.getTodaysDate();\r\n var selectedActive = data.selectedActive == undefined ? 'No' : data.selectedActive;\r\n\r\n return $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getConsumersByGroupJSON/',\r\n data:\r\n '{\"groupCode\":\"' +\r\n groupCode +\r\n '\", \"retrieveId\":\"' +\r\n retrieveId +\r\n '\", \"token\":\"' +\r\n $.session.Token +\r\n '\", \"serviceDate\":\"' +\r\n date +\r\n '\", \"daysBackDate\":\"' +\r\n daysBackDate +\r\n '\", \"isActive\":\"' +\r\n selectedActive +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n }\r\n function getIndividualAbsentData(data, callback) {\r\n //token, locationId, consumerId, checkDate\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/checkForIndividualAbsentJSON/',\r\n //data: '{\"token\":\"' + $.session.Token + '\",\"consumerId\":\"' + consumerId + '\"}',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n try {\r\n var res = response.checkForIndividualAbsentJSONResult;\r\n } catch (e) {\r\n callback('There was a problem parsing checkForIndividualAbsentResult');\r\n }\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n function getAllAttachments(data, callback) {\r\n //data = {token, locationId, consumerId, checkDate}\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getAllAttachments/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n try {\r\n var res = response.getAllAttachmentsResult;\r\n callback(res);\r\n } catch (e) {\r\n callback('There was a problem parsing checkForIndividualAbsentResult');\r\n }\r\n },\r\n });\r\n }\r\n function getConsumerDemographics(consumerId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getConsumerDemographicsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\",\"consumerId\":\"' + consumerId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getConsumerDemographicsJSONResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getConsumerRelationships(consumerId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getConsumerRelationshipsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\",\"consumerId\":\"' + consumerId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getConsumerRelationshipsJSONResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getDemographicsNotes(consumerId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getDemographicsNotesJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\",\"consumerId\":\"' + consumerId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getDemographicsNotesJSONResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getConsumerScheduleLocation(consumerId, callback) {\r\n data = {\r\n token: $.session.Token,\r\n consumerId: consumerId,\r\n };\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getConsumerScheduleLocation/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n data = response.getConsumerScheduleLocationResult;\r\n callback(data);\r\n },\r\n });\r\n }\r\n function getConsumerSchedule(locationId, consumerId, callback) {\r\n data = {\r\n token: $.session.Token,\r\n locationId: locationId,\r\n consumerId: consumerId,\r\n };\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/populateConsumerSchedule/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n scheduleData = response.populateConsumerScheduleResult;\r\n callback(scheduleData);\r\n },\r\n });\r\n }\r\n async function updatePortrait(imageFile, id, portraitPath, callback) {\r\n await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updatePortrait/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\",\"employeeUserName\":\"' +\r\n $.session.UserId +\r\n '\",\"imageFile\":\"' +\r\n imageFile +\r\n '\",\"id\":\"' +\r\n id +\r\n '\",\"portraitPath\":\"' +\r\n portraitPath +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n callback();\r\n },\r\n error: function (xhr, status, error) {\r\n console.log(status);\r\n console.log(error);\r\n console.log(xhr.responseText);\r\n },\r\n });\r\n }\r\n function getPSIUserOptionList(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getPSIUserOptionListJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getPSIUserOptionListJSONResult;\r\n callback(null, res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(error, null);\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n async function updateConsumerDemographics(retrieveData) {\r\n //type, value, consumerId\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateDemographicsRecord/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return {\r\n ...data.updateDemographicsRecordResult,\r\n };\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n async function removeConsumerPhoto(retrieveData) {\r\n // consumerId\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/removeConsumerPhoto/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return {\r\n ...data.removeConsumerPhotoResult,\r\n };\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n async function verifyDefaultEmailClient() {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/verifyDefaultEmailClient/',\r\n data: JSON.stringify(),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return data;\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n async function getEditConsumerRelationships(consumerId, isActive) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getEditConsumerRelationshipsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\",\"consumerId\":\"' + consumerId + '\",\"isActive\":\"' + isActive + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getRelationshipsType() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getRelationshipsTypeJSON/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getRelationshipsName() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getRelationshipsNameJSON/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function getRelationshipsNameByID(selectedValue) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getRelationshipsNameByIDJSON/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n relationType: selectedValue,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n async function insertEditRelationship(consumerRelationshipsNew, consumerRelationships, consumerId) {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertEditRelationship/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n userId: $.session.UserId,\r\n consumerRelationshipsNewList: consumerRelationshipsNew,\r\n consumerRelationshipsList: consumerRelationships,\r\n consumerId: consumerId\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n return {\r\n getRosterLocations,\r\n getConsumersByGroup,\r\n getIndividualAbsentData,\r\n getAllAttachments,\r\n getConsumerDemographics,\r\n getDemographicsNotes,\r\n getConsumerScheduleLocation,\r\n getConsumerSchedule,\r\n updatePortrait,\r\n getConsumerRelationships,\r\n getPSIUserOptionList,\r\n updateConsumerDemographics,\r\n removeConsumerPhoto,\r\n verifyDefaultEmailClient,\r\n getEditConsumerRelationships,\r\n getRelationshipsType,\r\n getRelationshipsName,\r\n insertEditRelationship,\r\n getRelationshipsNameByID\r\n };\r\n})();\r\n","const rosterWorkflow = (() => {\r\n let selectedConsumerId;\r\n\r\n async function displayWFwithMissingResponsibleParties(workflowIds) {\r\n if (workflowIds.length == 0) return false;\r\n\r\n let strWorkflowIds = workflowIds.toString();\r\n const convertedstrWorkFlowIds = strWorkflowIds.replaceAll(',', '|');\r\n // convertedstrWorkFlowIds += '|';\r\n\r\n async function getWFwithMissingResponsibleParties(constrWorkFlowIds) {\r\n let responsibleData = await WorkflowViewerAjax.getWFwithMissingResponsibleParties({\r\n workflowIds: constrWorkFlowIds.toString(),\r\n });\r\n\r\n return responsibleData;\r\n }\r\n\r\n let responsibleData = await getWFwithMissingResponsibleParties(convertedstrWorkFlowIds);\r\n\r\n const workflowNames = [];\r\n if (responsibleData.length > 0) {\r\n for (let i = 0; i < responsibleData.length; i++) {\r\n workflowNames.push(responsibleData[i].name);\r\n }\r\n var strWorkflowNames = workflowNames.join(', ');\r\n missingResponsiblePartyAlert(strWorkflowNames);\r\n }\r\n }\r\n function missingResponsiblePartyAlert(workflowNames) {\r\n var alertPopup = POPUP.build({\r\n id: 'saveAlertPopup',\r\n classNames: 'warning',\r\n });\r\n var alertbtnWrap = document.createElement('div');\r\n alertbtnWrap.classList.add('btnWrap');\r\n var alertokBtn = button.build({\r\n text: 'OK',\r\n style: 'secondary',\r\n type: 'contained',\r\n icon: 'checkmark',\r\n callback: async function () {\r\n POPUP.hide(alertPopup);\r\n },\r\n });\r\n\r\n alertbtnWrap.appendChild(alertokBtn);\r\n var alertMessage = document.createElement('p');\r\n alertMessage.innerHTML =\r\n 'There are missing responsible party relationship assignments for the following new workflows: ' + workflowNames;\r\n alertPopup.appendChild(alertMessage);\r\n alertPopup.appendChild(alertbtnWrap);\r\n POPUP.show(alertPopup);\r\n }\r\n\r\n async function showAddWorkflowPopup() {\r\n let selectedWorkflows = [];\r\n\r\n const wfPopup = POPUP.build({\r\n header: 'Select workflow(s) to attach.',\r\n id: 'workflow_addWorkflowPopup',\r\n });\r\n\r\n // Workflow List\r\n //-----------------------\r\n const wfvData = await WorkflowViewerAjax.getManualWorkflowList({\r\n token: $.session.Token,\r\n processId: 4,\r\n referenceId: selectedConsumerId,\r\n notPlan: 't'\r\n });\r\n\r\n const workflowList = document.createElement('div');\r\n workflowList.classList.add('workflowList');\r\n\r\n wfvData.forEach(obj => {\r\n const wfvItem = document.createElement('div');\r\n wfvItem.classList.add('workflowListItem');\r\n wfvItem.setAttribute('data-template-id', obj.workflowTemplateId);\r\n wfvItem.innerHTML = `
\r\n `;\r\n\r\n const listHeader = document.createElement('p');\r\n listHeader.innerText = 'Locations that were reset:';\r\n listHeader.classList.add('invalidDefaultListHeader');\r\n\r\n // LIST OF INVALID LOCATIONS\r\n const list = document.createElement('ul');\r\n list.classList.add('invalidDefaultList');\r\n\r\n invalidDefaults.forEach(def => {\r\n const listItem = document.createElement('li');\r\n listItem.innerHTML = `Location Name: ${def.locationName}
As Your: ${def.moduleDefault}`;\r\n list.appendChild(listItem);\r\n });\r\n\r\n // APPEND AND SHOW POPUP\r\n invalidDefaultNotificationPopup.appendChild(message);\r\n invalidDefaultNotificationPopup.appendChild(listHeader);\r\n invalidDefaultNotificationPopup.appendChild(list);\r\n invalidDefaultNotificationPopup.appendChild(continueBtn);\r\n\r\n POPUP.show(invalidDefaultNotificationPopup);\r\n\r\n //RESET VALUES\r\n invalidDefaults.forEach(def => {\r\n switch (def.moduleDefault) {\r\n case 'Default Roster Location':\r\n setLocation('roster', '');\r\n setLocation('rosterGroup', '');\r\n break;\r\n case 'Default Day Services Location':\r\n setLocation('dayServices', '');\r\n break;\r\n case 'Default Time Clock Location':\r\n setLocation('timeClock', '');\r\n break;\r\n case 'Default Workshop Location':\r\n setLocation('workshop', '');\r\n break;\r\n case 'Default MoneyManagement Location':\r\n setLocation('moneyManagement', '');\r\n break;\r\n default:\r\n console.warn(`couldn't reset a default location`);\r\n break;\r\n }\r\n });\r\n }\r\n\r\n function init() {\r\n checkInitialRememberLastLocation();\r\n dropdownData();\r\n }\r\n\r\n return {\r\n init,\r\n buildPage,\r\n getLocation,\r\n getGroup,\r\n getInvalidDefaultLocations,\r\n setLocation,\r\n setGroup,\r\n rememberLastLocation,\r\n };\r\n})();\r\n","var defaultsAjax = (function () {\r\n function setDefaultValue(type, value, name) { \r\n var typeName = \"\";\r\n var switchCase = 0;\r\n switch (type) {\r\n case 1:\r\n typeName = \"Default Staff Location\";\r\n break;\r\n case 2:\r\n typeName = \"Default Roster Location\";\r\n createCookie(\"defaultRosterGroupName\", \"Everyone\", 7);\r\n createCookie(\"defaultRosterGroupValue\", \"ALL\", 7);\r\n saveDefaultLocationNameAjax(\"6\", \"Everyone\");\r\n saveDefaultLocationValueAjax(\"6\", \"ALL\");\r\n $(\"#rostergroup6\").text(\"Everyone\");\r\n if (value != 0 && name != null) {\r\n getConsumerGroups(value, name);\r\n $.session.defaultRosterLocation = value;\r\n createCookie(\"defaultRosterLocationName\", name, 7);\r\n saveDefaultLocationNameAjax(\"2\", name);\r\n } else {\r\n createCookie(\r\n \"defaultRosterLocationName\",\r\n \"Remember Last Location\",\r\n 7\r\n );\r\n saveDefaultLocationNameAjax(\"2\", \"Remember Last Location\");\r\n }\r\n break;\r\n case 3:\r\n typeName = \"Default Day Service Location\";\r\n if (value != 0 && name != null) {\r\n createCookie(\"defaultDayServiceLocationName\", name, 7);\r\n createCookie(\"defaultDayServiceLocationNameValue\", value, 7);\r\n createCookie(\"defaultDayServiceLocationFlag\", false, 7);\r\n saveDefaultLocationNameAjax(\"3\", name);\r\n saveDefaultLocationValueAjax(\"3\", value);\r\n $.session.defaultDayServiceLocationFlag = \"false\";\r\n $.session.dsLocationHistoryFlag = false;\r\n } else {\r\n var test = $(this).text();\r\n saveDefaultLocationNameAjax(\"3\", \"Remember Last Location\");\r\n if (name == null) {\r\n createCookie(\"defaultDayServiceLocationFlag\", true, 7);\r\n $.session.defaultDayServiceLocationFlag = \"true\";\r\n }\r\n }\r\n break;\r\n case 4:\r\n typeName = \"Default Time Clock Location\";\r\n if (value != 0 && name != null) {\r\n createCookie(\"defaultTimeClockLocationName\", name, 7);\r\n createCookie(\"defaultTimeClockLocationValue\", value, 7);\r\n saveDefaultLocationNameAjax(\"4\", name);\r\n saveDefaultLocationValueAjax(\"4\", value);\r\n } else {\r\n }\r\n //New way to save to the database\r\n switchCase = \"4\";\r\n saveDefaultLocationValueAjax(switchCase, value);\r\n break;\r\n case 5:\r\n typeName = \"Default Workshop Location\";\r\n if (value != 0 && name != null) {\r\n createCookie(\"defaultWorkshopLocationName\", name, 7);\r\n createCookie(\"defaultWorkshopLocationValue\", value, 7);\r\n saveDefaultLocationNameAjax(\"5\", name);\r\n saveDefaultLocationValueAjax(\"5\", value);\r\n } else {\r\n createCookie(\r\n \"defaultWorkshopLocationName\",\r\n \"Remember Last Location\",\r\n 7\r\n );\r\n saveDefaultLocationNameAjax(\"5\", \"Remember Last Location\");\r\n }\r\n break;\r\n case 6:\r\n typeName = \"Default Roster Group\";\r\n if (value != 0 && name != null) {\r\n createCookie(\"defaultRosterGroupName\", name, 7);\r\n createCookie(\"defaultRosterGroupValue\", value, 7);\r\n saveDefaultLocationNameAjax(\"6\", name);\r\n saveDefaultLocationValueAjax(\"6\", value);\r\n } else {\r\n createCookie(\"defaultRosterGroupName\", \"Everyone\", 7);\r\n saveDefaultLocationNameAjax(\"6\", \"Everyone\");\r\n }\r\n break;\r\n case 7:\r\n typeName = \"Default MoneyManagement Location\";\r\n if (value != 0 && name != null) {\r\n createCookie(\"defaultMoneyManagementLocationName\", name, 7);\r\n createCookie(\"defaultMoneyManagementLocationValue\", value, 7);\r\n saveDefaultLocationNameAjax(\"7\", name);\r\n saveDefaultLocationValueAjax(\"7\", value);\r\n } else {\r\n createCookie(\r\n \"defaultMoneyManagementLocationName\",\r\n \"Remember Last Location\",\r\n 7\r\n );\r\n saveDefaultLocationNameAjax(\"7\", \"Remember Last Location\");\r\n }\r\n break;\r\n }\r\n\r\n setDefaultLoc(type, value);\r\n }\r\n\r\n async function getInvalidDefaults() {\r\n // string token\r\n const retrieveData = {\r\n token: $.session.Token\r\n }\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getInvalidDefaults/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return data.getInvalidDefaultsResult;\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n function saveDefaultLocationValue(switchCase, locationId) {\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/saveDefaultLocationValue/\",\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"switchCase\":\"' +\r\n switchCase +\r\n '\", \"locationId\":\"' +\r\n locationId +\r\n '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n }\r\n //error: function (xhr, status, error) { alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText); },\r\n });\r\n }\r\n\r\n function saveDefaultLocationName(switchCase, locationName) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/saveDefaultLocationName/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"switchCase\":\"' + switchCase + '\", \"locationName\":\"' + locationName + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n },\r\n //error: function (xhr, status, error) { alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText); },\r\n });\r\n }\r\n\r\n function updateConsumerNotesDaysBack(updatedReviewDays) {\r\n $.session.defaultProgressNoteReviewDays = updatedReviewDays;\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/updateConsumerNotesDaysBack/\",\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"updatedReviewDays\":\"' +\r\n updatedReviewDays +\r\n '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function updateConsumerNotesChecklistDaysBack() {\r\n updatedChecklistDays = $(\"#progressnoteschecklistdaysback\").val();\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/updateConsumerNotesChecklistDaysBack/\",\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"updatedChecklistDays\":\"' +\r\n updatedChecklistDays +\r\n '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n //Days back\r\n function updateIncidentTrackingDaysBack(updatedReviewDays) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/updateIncidentTrackingDaysBack/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"updatedReviewDays\":\"' + updatedReviewDays + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.updateIncidentTrackingDaysBackResult;\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n\r\n //Case Note Review Days\r\n function updateCaseNotesDaysBack(updatedDaysBack) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/updateCaseNotesReviewDays/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"updatedReviewDays\":\"' + updatedDaysBack + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.updateCaseNotesReviewDaysResult;\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n\r\n // Roster ---\r\n // -----------\r\n\r\n function getRosterLocations(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getLocationsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getLocationsJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n function getConsumerGroups(locationId, callback) {\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol + \"://\" +\r\n $.webServer.address + \":\" +\r\n $.webServer.port + \"/\" +\r\n $.webServer.serviceName + \"/getConsumerGroupsJSON/\",\r\n data: '{\"locationId\":\"' + locationId + '\", \"token\":\"' + $.session.Token + '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = response.getConsumerGroupsJSONResult;\r\n callback(res);\r\n }\r\n });\r\n }\r\n\r\n return {\r\n setDefaultValue,\r\n updateConsumerNotesDaysBack,\r\n updateConsumerNotesChecklistDaysBack,\r\n saveDefaultLocationValue,\r\n saveDefaultLocationName,\r\n updateIncidentTrackingDaysBack,\r\n updateCaseNotesDaysBack,\r\n getConsumerGroups,\r\n getRosterLocations,\r\n getInvalidDefaults\r\n };\r\n})();\r\n","var help = (function() {\r\n\r\n function buildPage() {\r\n var helpPage = document.querySelector(\".util-menu__help\");\r\n helpPage.innerHTML = \"\";\r\n\r\n var backButton = button.build({\r\n text: \"Back\",\r\n icon: \"arrowBack\",\r\n type: \"text\",\r\n attributes: [{ key: \"data-action\", value: \"back\" }]\r\n });\r\n var linkButton = button.build({\r\n text: \"DOCUMENTATION LIBRARY\",\r\n icon: \"openNew\",\r\n type: \"text\",\r\n attributes: [{ key: \"data-action\", value: \"trainingVideos\" }]\r\n });\r\n\r\n helpPage.appendChild(backButton);\r\n helpPage.appendChild(linkButton);\r\n }\r\n return {\r\n buildPage\r\n };\r\n})();\r\n","const information = (function () {\r\n let demographicInfo;\r\n let updateData;\r\n let mobileCarriersData;\r\n let emailError = false;\r\n // DOM\r\n let infoPage;\r\n let address1Input;\r\n let address2Input;\r\n let cityInput;\r\n let stateInput;\r\n let zipInput;\r\n let phoneInput;\r\n let carrierDropdown;\r\n let emailInput;\r\n\r\n async function getStaffDemographicInformation() {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/GetDemographicInformation/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return data.GetDemographicInformationResult[0];\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n async function updateStaffDemographicInformation() {\r\n const mergeUpdateWithDemo = { ...demographicInfo, ...updateData };\r\n\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/UpdateDemographicInformation/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n ...mergeUpdateWithDemo,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return data.UpdateDemographicInformationResult;\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n async function getMobileCarrierDropdown() {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getMobileCarrierDropdown/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return data.getMobileCarrierDropdownResult;\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n async function updateInformationData() {\r\n const newDemoInfo = await getStaffDemographicInformation();\r\n\r\n if (updateData.email && updateData.email !== newDemoInfo.email && !emailError) {\r\n emailError = true;\r\n // show error by email\r\n const emailSectionBody = document.querySelector('.emailSection .informationSection__body');\r\n const errorEle = document.createElement('p');\r\n errorEle.innerText = 'Unable to update email due to eMAR';\r\n emailSectionBody.appendChild(errorEle);\r\n input.disableInputField(emailInput);\r\n }\r\n\r\n const updatedKeys = Object.keys(updateData);\r\n if (updatedKeys.length === 1 && updatedKeys[0] === 'email' && emailError) {\r\n // do nothing\r\n } else {\r\n const saveEle = successfulSave.get('Information Updated.', true);\r\n infoPage.appendChild(saveEle);\r\n setTimeout(() => {\r\n infoPage.removeChild(saveEle);\r\n }, 1000);\r\n }\r\n\r\n demographicInfo = newDemoInfo;\r\n updateData = {};\r\n\r\n address1Input.querySelector('input').value = demographicInfo.addressOne;\r\n address2Input.querySelector('input').value = demographicInfo.addressTwo;\r\n cityInput.querySelector('input').value = demographicInfo.city;\r\n stateInput.querySelector('input').value = demographicInfo.state;\r\n zipInput.querySelector('input').value = demographicInfo.zipCode;\r\n phoneInput.querySelector('input').value = formatPhoneNumber(demographicInfo.mobilePhone);\r\n emailInput.querySelector('input').value = demographicInfo.email;\r\n }\r\n\r\n async function getValidateEmailInformation() {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/GetValidateEmailInformation/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n email: updateData.email,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return data.GetValidateEmailInformationResult[0];\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n async function emailValidation() {\r\n const result = await getValidateEmailInformation();\r\n if (result.isEmailExist == 0 || result.isEmailExist == '0') {\r\n await updateStaffDemographicInformation();\r\n await updateInformationData();\r\n }\r\n else {\r\n emailDuplicationPopUp();\r\n }\r\n }\r\n\r\n\r\n function emailDuplicationPopUp() {\r\n const emailDuplicationPOPUP = POPUP.build({\r\n hideX: true,\r\n });\r\n const okBtn = button.build({\r\n text: 'OK',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n POPUP.hide(emailDuplicationPOPUP);\r\n },\r\n });\r\n okBtn.style.width = '100%';\r\n const heading = document.createElement('h3');\r\n heading.style.marginTop = '-20px';\r\n heading.style.marginBottom = '20px';\r\n heading.innerText = 'Duplicate email address'; \r\n\r\n\r\n const message = document.createElement('p');\r\n message.innerText = 'This email address is already in use, please enter a unique address to save.';\r\n message.style.textAlign = 'center';\r\n message.style.marginBottom = '15px';\r\n emailDuplicationPOPUP.appendChild(heading);\r\n emailDuplicationPOPUP.appendChild(message);\r\n emailDuplicationPOPUP.appendChild(okBtn);\r\n okBtn.focus();\r\n POPUP.show(emailDuplicationPOPUP);\r\n }\r\n\r\n function formatPhoneNumber(number) {\r\n if (!number) return '';\r\n\r\n const splitNumber = number\r\n .replace(/[^\\w\\s]/gi, '')\r\n .replaceAll(' ', '')\r\n .replaceAll('x', '');\r\n\r\n const phoneNumber = UTIL.formatPhoneNumber(splitNumber.substr(0, 10));\r\n const phoneExt = splitNumber.substr(10);\r\n\r\n const phone = phoneExt ? `${phoneNumber} (${phoneExt})` : `${phoneNumber}`;\r\n\r\n return phone;\r\n }\r\n function formatZipCode(zipCode) {\r\n const zip = zipCode.replace(/[^\\w\\s]/gi, '').replaceAll(' ', '');\r\n if (zip.length <= 5) {\r\n return zip;\r\n } else {\r\n return zip.slice(0, 5) + '-' + zip.slice(5);\r\n }\r\n }\r\n function setCaretPosition(elem, caretPos) {\r\n if (elem != null) {\r\n if (elem.createTextRange) {\r\n var range = elem.createTextRange();\r\n range.move('character', caretPos);\r\n range.select();\r\n } else {\r\n if (elem.selectionStart) {\r\n elem.focus();\r\n elem.setSelectionRange(caretPos, caretPos);\r\n } else elem.focus();\r\n }\r\n }\r\n }\r\n function stringAdd(string, start, newSubStr) {\r\n return string.slice(0, start) + newSubStr + string.slice(start);\r\n }\r\n\r\n function populateCarrierDropdown(dropdownEle) {\r\n const data = mobileCarriersData.map(carrier => {\r\n return {\r\n value: carrier.carrierId,\r\n text: carrier.carrierName,\r\n };\r\n });\r\n data.sort((a, b) => (a.text < b.text ? -1 : 1));\r\n data.unshift({\r\n value: '',\r\n text: '',\r\n });\r\n\r\n dropdown.populate(dropdownEle, data, demographicInfo.carrier);\r\n }\r\n\r\n function buildAddressSection() {\r\n const addressSection = document.createElement('div');\r\n addressSection.classList.add('addressSection', 'informationSection');\r\n\r\n const heading = document.createElement('p');\r\n heading.innerText = 'Address';\r\n\r\n const body = document.createElement('div');\r\n body.classList.add('informationSection__body');\r\n\r\n address1Input = input.build({\r\n label: 'Address 1',\r\n type: 'text',\r\n style: 'secondary',\r\n classNames: ['address1'],\r\n attributes: [{ key: 'maxlength', value: '50' }],\r\n value: demographicInfo.addressOne,\r\n callback: e => {\r\n updateData.addressOne = e.target.value;\r\n },\r\n });\r\n address2Input = input.build({\r\n label: 'Address 2',\r\n type: 'text',\r\n style: 'secondary',\r\n classNames: ['address2'],\r\n attributes: [{ key: 'maxlength', value: '50' }],\r\n value: demographicInfo.addressTwo,\r\n callback: e => {\r\n updateData.addressTwo = e.target.value;\r\n },\r\n });\r\n cityInput = input.build({\r\n label: 'City',\r\n type: 'text',\r\n style: 'secondary',\r\n classNames: ['city'],\r\n attributes: [{ key: 'maxlength', value: '27' }],\r\n value: demographicInfo.city,\r\n callback: e => {\r\n updateData.city = e.target.value;\r\n },\r\n });\r\n stateInput = input.build({\r\n label: 'State',\r\n type: 'text',\r\n style: 'secondary',\r\n classNames: ['state'],\r\n attributes: [{ key: 'maxlength', value: '2' }],\r\n value: demographicInfo.state,\r\n callback: e => {\r\n updateData.state = e.target.value;\r\n },\r\n });\r\n zipInput = input.build({\r\n label: 'Zip Code',\r\n type: 'text',\r\n style: 'secondary',\r\n classNames: ['zip'],\r\n attributes: [{ key: 'maxlength', value: '9' }],\r\n value: formatZipCode(demographicInfo.zipCode),\r\n callback: e => {\r\n updateData.zipCode = e.target.value;\r\n },\r\n });\r\n\r\n if (!$.session.UpdateMyInformation) {\r\n input.disableInputField(address1Input);\r\n input.disableInputField(address2Input);\r\n input.disableInputField(cityInput);\r\n input.disableInputField(stateInput);\r\n input.disableInputField(zipInput);\r\n }\r\n\r\n const stateZipWrap = document.createElement('div');\r\n stateZipWrap.classList.add('stateZipWrap');\r\n stateZipWrap.appendChild(stateInput);\r\n stateZipWrap.appendChild(zipInput);\r\n\r\n body.appendChild(address1Input);\r\n body.appendChild(address2Input);\r\n body.appendChild(cityInput);\r\n body.appendChild(stateZipWrap);\r\n\r\n addressSection.appendChild(heading);\r\n addressSection.appendChild(body);\r\n\r\n return addressSection;\r\n }\r\n function buildNumbersSection() {\r\n let validPhone = false;\r\n\r\n const numberSection = document.createElement('div');\r\n numberSection.classList.add('numberSection', 'informationSection');\r\n\r\n const heading = document.createElement('p');\r\n heading.innerText = 'Phone Numbers';\r\n\r\n const body = document.createElement('div');\r\n body.classList.add('informationSection__body');\r\n\r\n phoneInput = input.build({\r\n label: 'Mobile',\r\n type: 'tel',\r\n style: 'secondary',\r\n classNames: ['phone'],\r\n value: formatPhoneNumber(demographicInfo.mobilePhone),\r\n callback: e => {\r\n if (e.target.value === '' || !validPhone) {\r\n updateData.mobilePhone = '';\r\n return;\r\n }\r\n\r\n let splitNumber = e.target.value.split(' ');\r\n\r\n let phoneNumber = splitNumber[0].replace(/[^\\w\\s]/gi, '');\r\n let phoneExt = splitNumber[1] ? splitNumber[1].replace('(', '').replace(')', '') : '';\r\n\r\n saveValue = phoneExt ? `${phoneNumber}${phoneExt}` : `${phoneNumber}`;\r\n\r\n updateData.mobilePhone = saveValue;\r\n },\r\n });\r\n phoneInput.addEventListener('keyup', e => {\r\n if (e.code === 'Backspace') return;\r\n\r\n let value = e.target.value\r\n .replace(/[^\\w\\s]/gi, '')\r\n .replaceAll(' ', '')\r\n .slice(0, 14);\r\n\r\n let phoneNumber;\r\n\r\n if (value.length === 0) {\r\n validPhone = true;\r\n return;\r\n }\r\n if (value.length >= 4 && value.length <= 6) {\r\n phoneNumber = stringAdd(value, 3, '-');\r\n e.target.value = phoneNumber;\r\n }\r\n if (value.length >= 7 && value.length < 10) {\r\n phoneNumber = stringAdd(value, 3, '-');\r\n phoneNumber = stringAdd(phoneNumber, 7, '-');\r\n e.target.value = phoneNumber;\r\n }\r\n if (value.length >= 10) {\r\n phoneNumber = stringAdd(value, 3, '-');\r\n phoneNumber = stringAdd(phoneNumber, 7, '-');\r\n phoneNumber = stringAdd(phoneNumber, 12, ' (');\r\n phoneNumber = stringAdd(phoneNumber, phoneNumber.length + 1, ')');\r\n e.target.value = phoneNumber;\r\n\r\n setCaretPosition(e.target, phoneNumber.length - 1);\r\n\r\n validPhone = true;\r\n }\r\n if (!validPhone) {\r\n phoneInput.classList.add('error');\r\n } else {\r\n phoneInput.classList.remove('error');\r\n }\r\n });\r\n\r\n carrierDropdown = dropdown.build({\r\n dropdownId: 'carrierDropdown',\r\n label: 'Carrier',\r\n style: 'secondary',\r\n callback: e => {\r\n const selectedOption = e.target.options[e.target.selectedIndex];\r\n updateData.carrier = selectedOption.value;\r\n },\r\n });\r\n\r\n if (!$.session.UpdateMyInformation) {\r\n input.disableInputField(phoneInput);\r\n input.disableInputField(carrierDropdown);\r\n }\r\n\r\n populateCarrierDropdown(carrierDropdown);\r\n\r\n body.appendChild(phoneInput);\r\n body.appendChild(carrierDropdown);\r\n\r\n numberSection.appendChild(heading);\r\n numberSection.appendChild(body);\r\n\r\n return numberSection;\r\n }\r\n function buildEmailSection() {\r\n const emailSection = document.createElement('div');\r\n emailSection.classList.add('emailSection', 'informationSection');\r\n\r\n const heading = document.createElement('p');\r\n heading.innerText = 'Email Address';\r\n\r\n const body = document.createElement('div');\r\n body.classList.add('informationSection__body');\r\n\r\n emailInput = input.build({\r\n label: 'Email',\r\n type: 'email',\r\n style: 'secondary',\r\n value: demographicInfo.email,\r\n callback: e => {\r\n updateData.email = e.target.value;\r\n },\r\n });\r\n if (!$.session.UpdateMyInformation) {\r\n input.disableInputField(emailInput);\r\n }\r\n\r\n body.appendChild(emailInput);\r\n\r\n emailSection.appendChild(heading);\r\n emailSection.appendChild(body);\r\n\r\n return emailSection;\r\n }\r\n\r\n function buildPage() {\r\n infoPage = document.querySelector('.util-menu__info');\r\n infoPage.innerHTML = '';\r\n\r\n const currMenu = document.createElement('p');\r\n currMenu.innerText = 'My Information';\r\n currMenu.classList.add('menuTopDisplay');\r\n\r\n const backButton = button.build({\r\n text: 'Back',\r\n icon: 'arrowBack',\r\n type: 'text',\r\n attributes: [{ key: 'data-action', value: 'back' }],\r\n });\r\n\r\n const updateButton = button.build({\r\n text: 'Update',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'updateInformationBtn',\r\n //callback: async () => {\r\n // await updateStaffDemographicInformation();\r\n // await updateInformationData();\r\n //},\r\n callback: async () => { await emailValidation(); },\r\n\r\n });\r\n\r\n const phoneNumberSection = buildNumbersSection();\r\n const emailSection = buildEmailSection();\r\n\r\n infoPage.appendChild(currMenu);\r\n infoPage.appendChild(backButton);\r\n if ($.session.UpdateMyInformation) {\r\n infoPage.appendChild(updateButton);\r\n }\r\n\r\n if ($.session.applicationName === 'Advisor') {\r\n const addressSection = buildAddressSection();\r\n infoPage.appendChild(addressSection);\r\n }\r\n\r\n infoPage.appendChild(phoneNumberSection);\r\n infoPage.appendChild(emailSection);\r\n }\r\n\r\n async function init() {\r\n demographicInfo = await getStaffDemographicInformation();\r\n mobileCarriersData = await getMobileCarrierDropdown();\r\n updateData = {};\r\n if (!demographicInfo) {\r\n demographicInfo = {\r\n addressOne: '',\r\n addressTwo: '',\r\n city: '',\r\n state: '',\r\n zipCode: '',\r\n mobilePhone: '',\r\n carrier: '',\r\n email: '',\r\n };\r\n }\r\n buildPage();\r\n }\r\n\r\n return {\r\n init,\r\n };\r\n})();\r\n","var timeEntry = (function () {\r\n var adminPayPeriods = [];\r\n var payPeriods = [];\r\n var currentAdminPayPeriod;\r\n var currentPayPeriod;\r\n var currentAdminDate;\r\n var currentDate;\r\n var locations;\r\n var residenceLocations;\r\n var workCodes;\r\n var evvReasonCodes;\r\n var crossmidnightisadminedit;\r\n var crossmidnightpayperiod;\r\n let saveAndSubmit;\r\n // required fields\r\n var requiredFields = {\r\n isDestinationRequired: '',\r\n isNoteRequired: '',\r\n isOdometerRequired: '',\r\n isLicensePlateRequired: '',\r\n isReasonRequired: '',\r\n supervisorApproval: '',\r\n reconfigImportFile: '',\r\n useFiveCharWorkCode: '',\r\n };\r\n\r\n // overlapping locations variables\r\n let overlapLocationsPopup;\r\n let overlapLocationsDropdown;\r\n let overlapLocationsDoneBtn;\r\n //let locationId = '';\r\n let duplicateconsumerIds;\r\n let consumerswithUniqueLocations;\r\n let consumerswithMultipleLocations;\r\n let overlapconsumerlocationdata;\r\n let selectedOverlapLocIds = {};\r\n\r\n // Save, Update, Delete\r\n //------------------------------------\r\n function getEntryData(keyStartStop, saveAndSubmitBool) {\r\n saveAndSubmit = saveAndSubmitBool;\r\n if (keyStartStop === 'Y') {\r\n var overlapData = timeEntryCard.getOverlapData();\r\n singleEntryAjax.singleEntryOverlapCheck(overlapData, function (results) {\r\n if (results.length > 0) {\r\n showOverlapPopup();\r\n } else {\r\n $.session.singleEntrycrossMidnight\r\n ? showMultipleEntriesPopup()\r\n : getEntryData('', saveAndSubmit);\r\n }\r\n });\r\n\r\n return;\r\n }\r\n\r\n let saveData = timeEntryCard.getSaveUpdateData();\r\n\r\n if ($.session.singleEntrycrossMidnight === false || !saveData.endTime) {\r\n saveEntryData(saveData);\r\n } else {\r\n // entry crosses midnight, meaning two entries need tp be saved to DB\r\n\r\n // first day entry in the database\r\n let saveData1 = timeEntryCard.getSaveUpdateData();\r\n saveData1.checkHours = saveData1.crossMidnightCheckHours[0].day1TotalHours;\r\n saveData1.endTime = '00:00';\r\n\r\n if (!saveData1.defaultStartTimeChanged) {\r\n saveData1.evvReason = '';\r\n checkDeviceType() === 'Mobile'\r\n ? (saveData1.deviceType = 'Mobile')\r\n : (saveData1.deviceType = 'Other');\r\n }\r\n\r\n //saveEntryData(saveData1);\r\n\r\n // second day entry in the database\r\n let saveData2 = timeEntryCard.getSaveUpdateData();\r\n saveData2.checkHours = saveData2.crossMidnightCheckHours[1].day2TotalHours;\r\n saveData2.startTime = '00:00';\r\n\r\n // transportation only saved with the first day entry\r\n saveData2.destination = '';\r\n saveData2.licensePlateNumber = '';\r\n saveData2.odometerEnd = '';\r\n saveData2.odometerStart = '';\r\n saveData2.reason = '';\r\n saveData2.transportationReimbursable = '';\r\n saveData2.transportationUnits = 0;\r\n\r\n // * Date Constructor Doc: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date\r\n // * Note on constructing date on date string is highly discouraged due to browser differences and inconsistencies.\r\n // * This was the issue for the crossing over midnight issue in older versions of safari.\r\n const year = parseInt(saveData2.dateOfService.split('-')[0]);\r\n const month = parseInt(saveData2.dateOfService.split('-')[1]);\r\n const day = parseInt(saveData2.dateOfService.split('-')[2]);\r\n var nextDay = new Date(year, month - 1, day);\r\n nextDay.setDate(nextDay.getDate() + 1);\r\n\r\n var dd = ('0' + nextDay.getDate()).slice(-2);\r\n var mm = ('0' + (nextDay.getMonth() + 1)).slice(-2);\r\n var yyyy = nextDay.getFullYear();\r\n\r\n saveData2.dateOfService = yyyy + '-' + mm + '-' + dd;\r\n\r\n if (!saveData2.defaultEndTimeChanged) {\r\n saveData2.evvReason = '';\r\n checkDeviceType() === 'Mobile'\r\n ? (saveData2.deviceType = 'Mobile')\r\n : (saveData2.deviceType = 'Other');\r\n }\r\n\r\n saveEntryData(saveData1, saveData2);\r\n }\r\n }\r\n function saveEntryData(saveData, saveData2) {\r\n if (saveData.locationId !== '' || saveData.consumerId === '') {\r\n if (saveAndSubmit) {\r\n var warningMessage = `By clicking Yes, you are confirming that you have reviewed this entry and it is correct to the best of your knowledge.`;\r\n\r\n showWarningPopup(warningMessage, () => {\r\n singleEntryAjax.insertSingleEntryNew(saveData, function (results) {\r\n const entryId = results[1].replace(' {\r\n // 1. Grab the consumer/location data\r\n singleEntryAjax.getSelectedConsumerLocations(saveData, function (results) {\r\n overlapconsumerlocationdata = results;\r\n // no location overlaps for any selected consumer\r\n if (overlapconsumerlocationdata.length === 0) {\r\n singleEntryAjax.preInsertSingleEntry(saveData, function (results) {\r\n const idArray = results.map(r => r.singleEntryId);\r\n const updateObj = {\r\n token: $.session.Token,\r\n singleEntryIdString: idArray.join(','),\r\n newStatus: 'S',\r\n };\r\n\r\n singleEntryAjax.updateSingleEntryStatus(updateObj, function () {\r\n if (!saveData2) {\r\n successfulSave.show('SAVED & SUBMITTED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n timeEntryCard.clearAllGlobalVariables();\r\n roster2.clearActiveConsumers();\r\n newTimeEntry.init();\r\n }, 1000);\r\n } else {\r\n singleEntryAjax.preInsertSingleEntry(saveData2, function (results2) {\r\n const idArray = results2.map(r => r.singleEntryId);\r\n const updateObj2 = {\r\n token: $.session.Token,\r\n singleEntryIdString: idArray.join(','),\r\n newStatus: 'S',\r\n };\r\n\r\n singleEntryAjax.updateSingleEntryStatus(updateObj2, function () {\r\n successfulSave.show('SAVED & SUBMITTED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n timeEntryCard.clearAllGlobalVariables();\r\n roster2.clearActiveConsumers();\r\n newTimeEntry.init();\r\n }, 1000);\r\n });\r\n });\r\n }\r\n });\r\n });\r\n } else {\r\n // location overlaps exist for a selected consumer\r\n displayOverlapLocationsPopup(results);\r\n }\r\n });\r\n });\r\n } else {\r\n // Just the save BTN -- if (saveData.locationId !== '' || saveData.consumerId === '')\r\n\r\n // 1. Grab the consumer/location data\r\n singleEntryAjax.getSelectedConsumerLocations(saveData, function (results) {\r\n overlapconsumerlocationdata = results;\r\n\r\n // no location overlaps for any selected consumer\r\n if (overlapconsumerlocationdata.length === 0) {\r\n singleEntryAjax.preInsertSingleEntry(saveData, function (results) {\r\n if (!saveData2) {\r\n successfulSave.show('SAVED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n timeEntryCard.clearAllGlobalVariables();\r\n roster2.clearActiveConsumers();\r\n newTimeEntry.init();\r\n }, 1000);\r\n } else {\r\n singleEntryAjax.preInsertSingleEntry(saveData2, function (results) {\r\n successfulSave.show('SAVED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n timeEntryCard.clearAllGlobalVariables();\r\n roster2.clearActiveConsumers();\r\n newTimeEntry.init();\r\n }, 1000);\r\n });\r\n }\r\n });\r\n } else {\r\n // location overlaps exist for a selected consumer\r\n displayOverlapLocationsPopup(results);\r\n }\r\n });\r\n }\r\n }\r\n }\r\n function updateSingleEntry(isAdminEdit, payPeriod, updateData) {\r\n singleEntryAjax.updateSingleEntry(updateData, function (results) {\r\n if (!saveAndSubmit) {\r\n // Orig Update\r\n if (!$.session.singleEntrycrossMidnight) {\r\n successfulSave.show('UPDATED');\r\n }\r\n setTimeout(function () {\r\n if (!$.session.singleEntrycrossMidnight) {\r\n successfulSave.hide();\r\n }\r\n roster2.clearActiveConsumers();\r\n timeEntryCard.clearAllGlobalVariables();\r\n\r\n if (isAdminEdit) {\r\n timeApproval.refreshPage(payPeriod);\r\n } else {\r\n timeEntryReview.refreshPage(payPeriod);\r\n }\r\n }, 1000);\r\n } else {\r\n // Update w/Submit\r\n var updateObj = {\r\n token: $.session.Token,\r\n singleEntryIdString: updateData.singleEntryId,\r\n newStatus: 'S',\r\n };\r\n var warningMessage = `By clicking Yes, you are confirming that you have reviewed this entry and it is correct to the best of your knowledge.`;\r\n\r\n showWarningPopup(warningMessage, () => {\r\n singleEntryAjax.updateSingleEntryStatus(updateObj, () => {\r\n if (!$.session.singleEntrycrossMidnight) {\r\n successfulSave.show('UPDATED & SUBMITTED');\r\n }\r\n setTimeout(function () {\r\n if (!$.session.singleEntrycrossMidnight) {\r\n successfulSave.hide();\r\n }\r\n roster2.clearActiveConsumers();\r\n timeEntryCard.clearAllGlobalVariables();\r\n\r\n if (isAdminEdit) {\r\n timeApproval.refreshPage(payPeriod);\r\n } else {\r\n timeEntryReview.refreshPage(payPeriod);\r\n }\r\n }, 1000);\r\n });\r\n });\r\n }\r\n });\r\n }\r\n function saveAndUpdateEntryForMidnightCross(saveData, updateData, isAdminEdit, payPeriod) {\r\n singleEntryAjax.updateSingleEntry(updateData, updateResults => {\r\n // Update w/Submit\r\n const updateObj1 = {\r\n token: $.session.Token,\r\n singleEntryIdString: updateData.singleEntryId,\r\n newStatus: 'S',\r\n };\r\n singleEntryAjax.insertSingleEntryNew(saveData, saveResults => {\r\n const updateObj2 = {\r\n token: $.session.Token,\r\n singleEntryIdString: saveResults[1].replace(' {\r\n singleEntryAjax.updateSingleEntryStatus(updateObj1, () => {\r\n singleEntryAjax.updateSingleEntryStatus(updateObj2, () => {\r\n successfulSave.show('UPDATED & SUBMITTED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n timeEntryCard.clearAllGlobalVariables();\r\n roster2.clearActiveConsumers();\r\n\r\n if (isAdminEdit) {\r\n timeApproval.refreshPage(payPeriod);\r\n } else {\r\n timeEntryReview.refreshPage(payPeriod);\r\n }\r\n }, 1000);\r\n });\r\n });\r\n });\r\n } else {\r\n successfulSave.show('UPDATED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n timeEntryCard.clearAllGlobalVariables();\r\n roster2.clearActiveConsumers();\r\n\r\n if (isAdminEdit) {\r\n timeApproval.refreshPage(payPeriod);\r\n } else {\r\n timeEntryReview.refreshPage(payPeriod);\r\n }\r\n }, 1000);\r\n }\r\n });\r\n });\r\n }\r\n function updateEntry(isAdminEdit, payPeriod, keyStartStop, saveAndSubmitBool) {\r\n saveAndSubmit = saveAndSubmitBool;\r\n\r\n if (keyStartStop === 'Y') {\r\n if ($.session.singleEntrycrossMidnight) {\r\n crossmidnightisadminedit = isAdminEdit;\r\n crossmidnightpayperiod = payPeriod;\r\n showMultipleEntriesPopup('update');\r\n return;\r\n }\r\n }\r\n\r\n var saveData = timeEntryCard.getSaveUpdateData('Save');\r\n var updateData = timeEntryCard.getSaveUpdateData('Update');\r\n // update an entry that crosses midnight, results in update of original entry and a save of the new entry\r\n if ($.session.singleEntrycrossMidnight) {\r\n // may need overlapcheck on crossmidnight Update because saved record (2nd entry) may overlap with previous edits\r\n // if (keyStartStop === 'Y') {\r\n // \tvar overlapData = timeEntryCard.getOverlapData();\r\n // \tsingleEntryAjax.singleEntryOverlapCheck(overlapData, function(results) {\r\n // \t\tif (results.length > 0) {\r\n // \t\t\tshowOverlapPopup('update');\r\n // \t\t}\r\n // \t});\r\n // \treturn;\r\n // }\r\n\r\n // second day entry in the database -- SAVE\r\n saveData.checkHours = saveData.crossMidnightCheckHours[1].day2TotalHours;\r\n saveData.startTime = '00:00';\r\n\r\n // transportation only saved with the first day entry\r\n saveData.destination = '';\r\n saveData.licensePlateNumber = '';\r\n saveData.odometerEnd = '';\r\n saveData.odometerStart = '';\r\n saveData.reason = '';\r\n saveData.transportationReimbursable = '';\r\n saveData.transportationUnits = 0;\r\n\r\n if (!saveData.defaultEndTimeChanged) {\r\n saveData.evvReason = '';\r\n checkDeviceType() === 'Mobile'\r\n ? (saveData.deviceType = 'Mobile')\r\n : (saveData.deviceType = 'Other');\r\n }\r\n // * Date Constructor Doc: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date\r\n // * Note on constructing date on date string is highly discouraged due to browser differences and inconsistencies.\r\n // * This was the issue for the crossing over midnight issue in older versions of safari.\r\n const year = parseInt(saveData.dateOfService.split('-')[0]);\r\n const month = parseInt(saveData.dateOfService.split('-')[1]);\r\n const day = parseInt(saveData.dateOfService.split('-')[2]);\r\n var nextDay = new Date(year, month - 1, day);\r\n nextDay.setDate(nextDay.getDate() + 1);\r\n\r\n var dd = ('0' + nextDay.getDate()).slice(-2);\r\n var mm = ('0' + (nextDay.getMonth() + 1)).slice(-2);\r\n var yyyy = nextDay.getFullYear();\r\n\r\n saveData.dateOfService = yyyy + '-' + mm + '-' + dd;\r\n\r\n // first day entry in the database -- UPDATE\r\n updateData.checkHours = saveData.crossMidnightCheckHours[0].day1TotalHours;\r\n updateData.endTime = '00:00';\r\n\r\n saveAndUpdateEntryForMidnightCross(\r\n saveData,\r\n updateData,\r\n crossmidnightisadminedit,\r\n crossmidnightpayperiod,\r\n );\r\n } else {\r\n updateSingleEntry(isAdminEdit, payPeriod, updateData);\r\n }\r\n }\r\n function deleteEntry(entryId, isAdminEdit, payPeriod) {\r\n if (!entryId) return;\r\n\r\n singleEntryAjax.deleteSingleEntryRecord(entryId, function (results) {\r\n successfulSave.show('DELETED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n if (isAdminEdit) {\r\n timeApproval.refreshPage(payPeriod);\r\n } else {\r\n timeEntryReview.refreshPage(payPeriod); \r\n }\r\n }, 1000);\r\n });\r\n }\r\n\r\n function showOverlapPopup(updateorsave = 'save') {\r\n var popup = POPUP.build({});\r\n var message = document.createElement('p');\r\n message.style.marginBottom = '2em';\r\n message.innerHTML = `There is an overlap with an existing Time Entry record. Do you wish to proceed?`;\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n\r\n var yesBtn = button.build({\r\n text: 'Yes',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(popup);\r\n if ($.session.singleEntrycrossMidnight && updateorsave === 'save') {\r\n showMultipleEntriesPopup();\r\n }\r\n if (!$.session.singleEntrycrossMidnight && updateorsave === 'save') {\r\n getEntryData('', saveAndSubmit);\r\n }\r\n if ($.session.singleEntrycrossMidnight && updateorsave === 'update') {\r\n showMultipleEntriesPopup('update');\r\n }\r\n if (!$.session.singleEntrycrossMidnight && updateorsave === 'update') {\r\n updateEntry('', '', '', saveAndSubmit);\r\n }\r\n },\r\n });\r\n var noBtn = button.build({\r\n text: 'No',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(popup);\r\n },\r\n });\r\n\r\n popup.appendChild(message);\r\n btnWrap.appendChild(yesBtn);\r\n btnWrap.appendChild(noBtn);\r\n popup.appendChild(btnWrap);\r\n\r\n POPUP.show(popup);\r\n }\r\n function showWarningPopup(messageText, callback) {\r\n var popup = POPUP.build({ classNames: ['warning'], hideX: true });\r\n var message = document.createElement('p');\r\n message.innerHTML = messageText;\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n var yesBtn = button.build({\r\n text: 'Yes',\r\n type: 'contained',\r\n style: 'secondary',\r\n callback: function () {\r\n POPUP.hide(popup);\r\n callback();\r\n },\r\n });\r\n var noBtn = button.build({\r\n text: 'No',\r\n type: 'contained',\r\n style: 'secondary',\r\n callback: function () {\r\n POPUP.hide(popup);\r\n timeEntryCard.enableSaveButtons();\r\n },\r\n });\r\n btnWrap.appendChild(yesBtn);\r\n btnWrap.appendChild(noBtn);\r\n popup.appendChild(message);\r\n popup.appendChild(btnWrap);\r\n\r\n POPUP.show(popup);\r\n }\r\n function showMultipleEntriesPopup(updateorsave = 'save') {\r\n var popup2 = POPUP.build({});\r\n var message2 = document.createElement('p');\r\n message2.innerHTML = `You have entered an End Time that crosses over midnight. Two separate entries will be created when this record is saved. Do you wish to proceed?`;\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n var yesBtn2 = button.build({\r\n text: 'Yes',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(popup2);\r\n updateorsave === 'save'\r\n ? getEntryData('', saveAndSubmit)\r\n : updateEntry('', '', '', saveAndSubmit);\r\n },\r\n });\r\n var noBtn2 = button.build({\r\n text: 'No',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(popup2);\r\n },\r\n });\r\n btnWrap.appendChild(yesBtn2);\r\n btnWrap.appendChild(noBtn2);\r\n popup2.appendChild(message2);\r\n popup2.appendChild(btnWrap);\r\n //\tpopup2.appendChild(noBtn2);\r\n\r\n POPUP.show(popup2);\r\n }\r\n\r\n // Overlapping Locations\r\n function getConsumerswithOverlappingLocations(consumerlocatons) {\r\n // get list of consumerIds that are listed more than once (ie, consumers with overlappng locations)\r\n duplicateconsumerIds = consumerlocatons.reduce((a, e) => {\r\n a[e.consumerId] = ++a[e.consumerId] || 0;\r\n return a;\r\n }, {});\r\n\r\n // get list of consumer/locations that DO NOT have overlapping locations\r\n consumerswithUniqueLocations = consumerlocatons.filter(\r\n e => !duplicateconsumerIds[e.consumerId],\r\n );\r\n\r\n // get list of consumer/locations that DO have overlapping locations\r\n consumerswithMultipleLocations = consumerlocatons.filter(\r\n e => duplicateconsumerIds[e.consumerId],\r\n );\r\n }\r\n function checkOverlapPopupForErrors() {\r\n const erros = [...overlapLocationsPopup.querySelectorAll('.error')];\r\n\r\n if (erros.length > 0) {\r\n overlapLocationsDoneBtn.classList.add('disabled');\r\n } else {\r\n overlapLocationsDoneBtn.classList.remove('disabled');\r\n }\r\n }\r\n function populateOverlapLocationsDropdown(locDrop, consumer) {\r\n let thisconsumersLocations = consumerswithMultipleLocations.filter(\r\n val => val.consumerId === consumer.consumerId,\r\n );\r\n\r\n let data = thisconsumersLocations.map(location => ({\r\n id: location.consumerId,\r\n value: location.locationId,\r\n text: location.locationName,\r\n }));\r\n data.unshift({ id: '', value: 'SELECT', text: 'SELECT' }); //ADD Blank value\r\n dropdown.populate(locDrop, data);\r\n }\r\n function buildOverlapLocationsDropdown(consumer, index) {\r\n const wrap = document.createElement('div');\r\n\r\n const overlappedLocationsEntriesMessage = document.createElement('p');\r\n overlappedLocationsEntriesMessage.innerHTML = `${consumer.consumerName}
`;\r\n\r\n const overlapLocationsDropdown = dropdown.build({\r\n label: 'Locations',\r\n dropdownId: `overlapLocationsDropdown${index}`,\r\n });\r\n\r\n overlapLocationsDropdown.classList.add('error');\r\n\r\n overlapLocationsDropdown.addEventListener('change', event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n\r\n const seletedOverlapLocId = selectedOption.value;\r\n selectedOverlapLocIds[consumer.consumerId] = seletedOverlapLocId;\r\n // selectedOverlapConsumerId\r\n if (!seletedOverlapLocId || seletedOverlapLocId === 'SELECT') {\r\n overlapLocationsDropdown.classList.add('error');\r\n } else {\r\n overlapLocationsDropdown.classList.remove('error');\r\n }\r\n checkOverlapPopupForErrors();\r\n });\r\n\r\n populateOverlapLocationsDropdown(overlapLocationsDropdown, consumer);\r\n\r\n wrap.appendChild(overlappedLocationsEntriesMessage);\r\n wrap.appendChild(overlapLocationsDropdown);\r\n\r\n return wrap;\r\n }\r\n function displayOverlapLocationsPopup(results) {\r\n getConsumerswithOverlappingLocations(results);\r\n\r\n // build overlapLocation Popup\r\n overlapLocationsPopup = POPUP.build({\r\n header: `Overlapping locations for selected consumer(s).`,\r\n hideX: false,\r\n id: 'overlapLocationsPopup',\r\n });\r\n\r\n let overlappedLocationsEntriesMessage = document.createElement('p');\r\n overlappedLocationsEntriesMessage.innerHTML = `Consumers listed below have multiple locations for the selected date. For each consumer, please select the location where these services are being provided.
`;\r\n\r\n overlapLocationsPopup.appendChild(overlappedLocationsEntriesMessage);\r\n\r\n // reduce the list of consumer/locations with overlapping locations (ie, consumerswithMultipleLocations) to a single/unique record representing each consumer/location pair\r\n let overlapConsumerlist = consumerswithMultipleLocations\r\n .map(item => ({ consumerId: item.consumerId, consumerName: item.consumerName }))\r\n .filter((value, index, self) => self.indexOf(value) === index);\r\n\r\n // consumerNames in OverlapConsumerlist LastName, FirstName\r\n for (const consumer of overlapConsumerlist) {\r\n let firstName = consumer.consumerName.split(' ').slice(0, -1).join(' ');\r\n let lastName = consumer.consumerName.split(' ').slice(-1).join(' ');\r\n consumer.consumerName = lastName + ', ' + firstName;\r\n }\r\n // a single/unique record representing each consumer/location pair\r\n overlapConsumerlist = overlapConsumerlist.filter(\r\n (value, index, self) =>\r\n index ===\r\n self.findIndex(\r\n t => t.consumerId === value.consumerId && t.consumerName === value.consumerName,\r\n ),\r\n );\r\n //alphabatize\r\n // overlapConsumerlist = overlapConsumerlist.sort();\r\n overlapConsumerlist.sort(function (a, b) {\r\n var textA = a.consumerName.toUpperCase();\r\n var textB = b.consumerName.toUpperCase();\r\n return textA < textB ? -1 : textA > textB ? 1 : 0;\r\n });\r\n\r\n // cycle through each consumer/location pair to build a dropdown for each unique pair\r\n overlapConsumerlist.forEach((consumer, index) => {\r\n const markup = buildOverlapLocationsDropdown(consumer, index);\r\n overlapLocationsPopup.appendChild(markup);\r\n });\r\n\r\n overlapLocationsDoneBtn = button.build({\r\n id: 'overlapLocationsDoneBtn',\r\n text: 'done',\r\n type: 'contained',\r\n style: 'secondary',\r\n classNames: 'disabled',\r\n callback: async () => {\r\n if (saveAndSubmit) {\r\n // SAve and Submit BTN clicked\r\n\r\n POPUP.hide(overlapLocationsPopup);\r\n var listofSingleEntryIdsSaved = await saveSingleEntrywithLocationOverlaps();\r\n var test = listofSingleEntryIdsSaved;\r\n var updateObj = {\r\n token: $.session.Token,\r\n singleEntryIdString: listofSingleEntryIdsSaved.join(','),\r\n newStatus: 'S',\r\n };\r\n\r\n singleEntryAjax.updateSingleEntryStatus(updateObj, function () {\r\n successfulSave.show('SAVED & SUBMITTED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n timeEntryCard.clearAllGlobalVariables();\r\n roster2.clearActiveConsumers();\r\n newTimeEntry.init(true);\r\n }, 1000);\r\n }); // end -- singleEntryAjax.updateSingleEntryStatus\r\n\r\n selectedOverlapLocIds = {};\r\n } else {\r\n // Save BTN clicked\r\n\r\n var listofSingleEntryIdsSaved = await saveSingleEntrywithLocationOverlaps();\r\n var test = listofSingleEntryIdsSaved;\r\n\r\n POPUP.hide(overlapLocationsPopup);\r\n successfulSave.show('SAVED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n timeEntryCard.clearAllGlobalVariables();\r\n roster2.clearActiveConsumers();\r\n newTimeEntry.init();\r\n }, 1000);\r\n\r\n selectedOverlapLocIds = {};\r\n }\r\n },\r\n });\r\n this.doneButton = overlapLocationsDoneBtn;\r\n\r\n let cancelBtn = button.build({\r\n id: 'overlapLocationsCancelBtn',\r\n text: 'cancel',\r\n type: 'outlined',\r\n style: 'secondary',\r\n callback: () => {\r\n selectedOverlapLocIds = {};\r\n\r\n POPUP.hide(overlapLocationsPopup);\r\n\r\n if (saveAndSubmit) {\r\n timeEntryCard.enableSaveButtons();\r\n } else {\r\n timeEntryCard.enableSaveButton();\r\n }\r\n },\r\n });\r\n\r\n selectedOverlapConsumerId = consumerswithMultipleLocations[0].consumerId;\r\n let btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(overlapLocationsDoneBtn);\r\n btnWrap.appendChild(cancelBtn);\r\n overlapLocationsPopup.appendChild(btnWrap);\r\n\r\n POPUP.show(overlapLocationsPopup);\r\n }\r\n async function saveSingleEntrywithLocationOverlaps() {\r\n let savedLocationsSingleEntryPairs = [];\r\n let overlapSavedLocationsSingleEntryPairs = [];\r\n\r\n // ****************// FIRST SAVE SECTION -- SAVING Consumers with NON-Overlapping Locations -- SAVED IN GROUPS OF CONSUMERS WHO SHARE A LOCATIONID\r\n var duplocationIds = consumerswithUniqueLocations.reduce((a, e) => {\r\n a[e.locationId] = ++a[e.locationId] || 0;\r\n return a;\r\n }, {});\r\n\r\n // filtering the consumers with non-overlapping locationsIds (consumerswithUniqueLocations)\r\n // cycle through each duplicate location Id record to get list of LocationIds that have more than one record (ie, duplicates)\r\n var listofDuplicateLocationIds = [];\r\n for (prop in duplocationIds) {\r\n if (duplocationIds[prop] !== 0) {\r\n listofDuplicateLocationIds.push(prop);\r\n }\r\n }\r\n\r\n if (listofDuplicateLocationIds.length > 0) {\r\n for (const duplocatId of listofDuplicateLocationIds) {\r\n // create a subset of records for each duplicate location Id\r\n var nonoverlapconsumerswithsamelocation;\r\n nonoverlapconsumerswithsamelocation = consumerswithUniqueLocations.filter(e => {\r\n return e.locationId === duplocatId;\r\n });\r\n\r\n if (nonoverlapconsumerswithsamelocation.length > 0) {\r\n var strConsumerIds = '';\r\n var locationid;\r\n // putting together list of consumerIds with a shared locationID\r\n nonoverlapconsumerswithsamelocation.forEach(function (item) {\r\n strConsumerIds = strConsumerIds + item.consumerId + ',';\r\n locationid = item.locationId;\r\n });\r\n\r\n strConsumerIds = strConsumerIds.slice(0, -1);\r\n\r\n saveData = timeEntryCard.getSaveUpdateData();\r\n saveData.locationId = locationid;\r\n saveData.consumerId = strConsumerIds;\r\n\r\n // NON-Overlapping Location SAVE -- saving the SingleEntry that has multiple consumers who share a single location\r\n // SAVED -- one record in the AA_Single_Entry Table and multiple records in the AA_Consumers_Present table\r\n let singleentryid;\r\n await singleEntryAjax.insertSingleEntryNew(saveData, function (results) {\r\n singleentryid = results[1].slice(0, -2);\r\n });\r\n savedLocationsSingleEntryPairs.push({\r\n locationId: saveData.locationId,\r\n singleEntryId: singleentryid,\r\n });\r\n } // end if -- if (nonoverlapconsumerswithsamelocation.length > 0)\r\n } // end for -- for (const duplocatId of listofDuplicateLocationIds)\r\n } // end if -- if (listofDuplicateLocationIds.length > 0)\r\n\r\n // ****************// SECOND SAVE SECTION -- SAVING Consumers with NON-Overlapping Locations -- SAVED CONSUMERS WHO HAVE UNIQUE LOCATIONID\r\n // filtering Entries that are non-overlapping (consumerswithUniqueLocations) and have a unique location per unique consumer\r\n var nonoverlapconsumerswithUniqueLocations;\r\n nonoverlapconsumerswithUniqueLocations = consumerswithUniqueLocations.filter(\r\n e => !duplocationIds[e.locationId],\r\n );\r\n\r\n // NON-Overlapping Location SAVE -- saving the SingleEntry that has a single location with an associated single consumer\r\n // SAVED -- one record in the SingleEntr Table and assocciated Single record in the AA_Consumers_Present table\r\n if (nonoverlapconsumerswithUniqueLocations.length > 0) {\r\n for (const item of nonoverlapconsumerswithUniqueLocations) {\r\n saveData = timeEntryCard.getSaveUpdateData();\r\n saveData.locationId = item.locationId;\r\n saveData.consumerId = item.consumerId;\r\n let singleentryid;\r\n await singleEntryAjax.insertSingleEntryNew(saveData, function (results) {\r\n singleentryid = results[1].slice(0, -2);\r\n });\r\n savedLocationsSingleEntryPairs.push({\r\n locationId: saveData.locationId,\r\n singleEntryId: singleentryid,\r\n });\r\n }\r\n }\r\n // ****************// THIRD SAVE SECTION -- SAVING Consumers with Overlapping Locations **************************************************************\r\n // if any non-overlapping locations were saved, then we need to determine how to save the overlapping locations\r\n if (\r\n savedLocationsSingleEntryPairs.length > 0 ||\r\n overlapSavedLocationsSingleEntryPairs.length > 0 ||\r\n Object.values(selectedOverlapLocIds).length !== 0\r\n ) {\r\n // loop through all the selected locations for the overlapping locations\r\n for (prop in selectedOverlapLocIds) {\r\n let foundlocation = false;\r\n let seletedOverlapLocationId = selectedOverlapLocIds[prop];\r\n let selectedOverlapConsumerId = prop;\r\n\r\n if (overlapSavedLocationsSingleEntryPairs.length > 0) {\r\n // loop through all the SAVED 'Overlapping location\" Single Entries (all the overlapping location saves)\r\n for (const item of overlapSavedLocationsSingleEntryPairs) {\r\n // if the current location has already been saved, then just save the Consumer in the AA_Consumers_Present table\r\n if (item.locationId === seletedOverlapLocationId) {\r\n foundlocation = true;\r\n let saveData = timeEntryCard.getSaveUpdateData();\r\n consumerData = {\r\n token: $.session.Token,\r\n singleEntryId: item.singleEntryId,\r\n consumerId: selectedOverlapConsumerId,\r\n deviceType: saveData.deviceType,\r\n evvReason: saveData.evvReason,\r\n };\r\n // Single Entry Record already exists for this location so just save to the AA_Consumers_Present table\r\n await singleEntryAjax.insertConsumerforSavedSingleEntry(\r\n consumerData,\r\n function (res) {},\r\n );\r\n } // end if (item.locationId === seletedOverlapLocationId)\r\n } // end for -- all the saved Single Entries (all the non-overlapping location saves)\r\n } else {\r\n // overlapSavedLocationsSingleEntryPairs.length = 0\r\n\r\n // loop through all the SAVED Single Entries (all the NON-overlapping location saves)\r\n for (const item of savedLocationsSingleEntryPairs) {\r\n // if the current location has already been saved, then just save the Consumer in the AA_Consumers_Present table\r\n if (item.locationId === seletedOverlapLocationId) {\r\n foundlocation = true;\r\n let saveData = timeEntryCard.getSaveUpdateData();\r\n consumerData = {\r\n token: $.session.Token,\r\n singleEntryId: item.singleEntryId,\r\n consumerId: selectedOverlapConsumerId,\r\n deviceType: saveData.deviceType,\r\n evvReason: saveData.evvReason,\r\n };\r\n // Single Entry Record already exists for this location so just save to the AA_Consumers_Present table\r\n await singleEntryAjax.insertConsumerforSavedSingleEntry(\r\n consumerData,\r\n function (res) {},\r\n );\r\n } // end -- if (item.locationId === seletedOverlapLocationId)\r\n } // end for -- all the saved Single Entries (all the non-overlapping location saves)\r\n } // end if/else -- overlapSavedLocationsSingleEntryPairs.length > 0\r\n\r\n // if the location has NOT already been Saved, just save the overlapping location\r\n if (!foundlocation) await saveOverlapLocationasSingleEntry(prop);\r\n } // end for -- the selected locations for the overlapping locations\r\n } else {\r\n // there were NO locations saved in any of the sections above, so just save the overlapping location\r\n\r\n await saveOverlapLocationasSingleEntry(prop);\r\n }\r\n // ****************// ALL SAVES ARE NOW COMPLETE //**************************************************************\r\n\r\n // NESTED/Child FUNCTION inside ==> function saveSingleEntrywithLocationOverlaps() -- handles each new Single Entry Insert from the Parent function\r\n async function saveOverlapLocationasSingleEntry(prop) {\r\n saveData = timeEntryCard.getSaveUpdateData();\r\n\r\n let singleentryid;\r\n const seletedOverlapLocationId = selectedOverlapLocIds[prop];\r\n const selectedOverlapConsumerId = prop;\r\n saveData.locationId = seletedOverlapLocationId;\r\n saveData.consumerId = selectedOverlapConsumerId;\r\n\r\n await singleEntryAjax.insertSingleEntryNew(saveData, function (results) {\r\n singleentryid = results[1].slice(0, -2);\r\n overlapSavedLocationsSingleEntryPairs.push({\r\n locationId: saveData.locationId,\r\n singleEntryId: singleentryid,\r\n });\r\n });\r\n } // end of nested function -- async function saveOverlapLocationasSingleEntry()\r\n\r\n // put together full list of new Single Entry SAVES\r\n var concatsavedLocationsSingleEntryPairs = savedLocationsSingleEntryPairs.concat(\r\n overlapSavedLocationsSingleEntryPairs,\r\n );\r\n\r\n //After all Single Entries have been saved, go get the Consumers Present and update the AA_Single_Entry Table\r\n // let saveData = timeEntryCard.getSaveUpdateData();\r\n for (const item of concatsavedLocationsSingleEntryPairs) {\r\n await singleEntryAjax.getSingleEntryConsumersPresentAsync(item.singleEntryId, function (res) {\r\n saveData.singleEntryId = item.singleEntryId;\r\n saveData.locationId = item.locationId;\r\n saveData.numberOfConsumersPresent = res.length;\r\n });\r\n await singleEntryAjax.updateSingleEntry(saveData, function (results) {});\r\n }\r\n // return list of newly created singleEntryIds (from all the AA_Single_Entry saves/inserts from ALL the SAVES above)\r\n const singleEntryIdArray = concatsavedLocationsSingleEntryPairs.map(r => r.singleEntryId);\r\n\r\n return singleEntryIdArray;\r\n } // end of Parent/containing function -- function populateOverlapLocationsDropdown(locDrop, consumer)\r\n\r\n // Util/CRUD\r\n //------------------------------------\r\n function checkDeviceType() {\r\n if ($.session.OS === 'iPhone/iPod' || $.session.OS === 'Linux') {\r\n return 'Mobile';\r\n } else return 'Other';\r\n }\r\n function setRequiredFields(results) {\r\n var res = results[0];\r\n\r\n requiredFields.isDestinationRequired = res.destinationrequired;\r\n requiredFields.isNoteRequired = res.noterequired;\r\n requiredFields.isOdometerRequired = res.odometerrequired;\r\n requiredFields.isLicensePlateRequired = res.licenseplaterequired;\r\n requiredFields.isReasonRequired = res.reasonrequired;\r\n requiredFields.supervisorApproval = res.supervisorapproval;\r\n requiredFields.reconfigImportFile = res.reconfigimportfile;\r\n requiredFields.useFiveCharWorkCode = res.use5characterworkcode;\r\n }\r\n function setSelectedPayPeriod(dirtyStart, dirtyEnd, dateString) {\r\n // start and end format must be YYYY-MM-DD\r\n var tmpStart = dirtyStart;\r\n var tmpEnd = dirtyEnd;\r\n\r\n return {\r\n start: tmpStart,\r\n end: tmpEnd,\r\n dateString,\r\n };\r\n }\r\n function sortPayPeriods(results) {\r\n var adminDatesSet = false;\r\n var datesSet = false;\r\n var adminDefaultDates;\r\n var defaultDates;\r\n var now = new Date();\r\n now.setHours(0, 0, 0, 0);\r\n\r\n results.forEach((r, i) => {\r\n var anywhereClosed = r.anywhereclosed;\r\n var sendEvvData = r.sendevvdata;\r\n var startDate = r.startdate.split(' ')[0]; // MM/DD/YYYY\r\n var endDate = r.enddate.split(' ')[0]; // MM/DD/YYYY\r\n var startDateIso = UTIL.formatDateToIso(startDate); // YYYY-MM-DD\r\n var endDateIso = UTIL.formatDateToIso(endDate); // YYYY-MM-DD\r\n\r\n var dateString = `${startDate} - ${endDate}`; // for dropdown text only\r\n var newObj = {\r\n start: startDateIso,\r\n end: endDateIso,\r\n dateString,\r\n sendEvvData: sendEvvData,\r\n };\r\n\r\n var startDateObj = new Date(startDate);\r\n var endDateObj = new Date(endDate);\r\n\r\n if (i === 0) {\r\n adminDefaultDates = setSelectedPayPeriod(startDateIso, endDateIso, dateString);\r\n }\r\n if (anywhereClosed === 'False' && !defaultDates) {\r\n defaultDates = setSelectedPayPeriod(startDateIso, endDateIso, dateString);\r\n }\r\n\r\n // getting the current date & pay period\r\n if (now >= startDateObj && now <= endDateObj) {\r\n currentAdminDate = UTIL.formatDateToIso(\r\n `${now.getMonth() + 1}/${now.getDate()}/${now.getFullYear()}`,\r\n );\r\n currentAdminPayPeriod = setSelectedPayPeriod(startDateIso, endDateIso, dateString);\r\n adminDatesSet = true;\r\n\r\n if (anywhereClosed === 'False') {\r\n currentDate = UTIL.formatDateToIso(\r\n `${now.getMonth() + 1}/${now.getDate()}/${now.getFullYear()}`,\r\n );\r\n currentPayPeriod = setSelectedPayPeriod(startDateIso, endDateIso, dateString);\r\n datesSet = true;\r\n }\r\n }\r\n // sorting pay periods\r\n adminPayPeriods.push(newObj);\r\n if (anywhereClosed === 'False') {\r\n payPeriods.push(newObj);\r\n }\r\n });\r\n\r\n if (!adminDatesSet) {\r\n currentAdminDate = adminDefaultDates.start;\r\n currentAdminPayPeriod = adminDefaultDates;\r\n }\r\n if (!datesSet && defaultDates) {\r\n currentDate = defaultDates.start;\r\n currentPayPeriod = defaultDates;\r\n }\r\n }\r\n function getPayPeriods(admin) {\r\n if (admin) {\r\n return [...adminPayPeriods];\r\n } else {\r\n return [...payPeriods];\r\n }\r\n }\r\n function getCurrentPayPeriod(admin) {\r\n if (admin) {\r\n return UTIL.iterationCopy(currentAdminPayPeriod);\r\n } else {\r\n return UTIL.iterationCopy(currentPayPeriod);\r\n }\r\n }\r\n function getCurrentDate(admin) {\r\n if (admin) {\r\n return currentAdminDate;\r\n } else {\r\n return currentDate;\r\n }\r\n }\r\n function getLocations() {\r\n return [...locations];\r\n }\r\n function getEvvReasonCodes() {\r\n return [...evvReasonCodes];\r\n }\r\n function getResidenceLocations() {\r\n if (!residenceLocations) return [];\r\n return [...residenceLocations];\r\n }\r\n async function getWorkCodes(useAllWorkCodes) {\r\n if (!useAllWorkCodes) {\r\n return [...workCodes];\r\n }\r\n\r\n const allWorkCodes = await singleEntryAjax.getWorkCodesAsync(useAllWorkCodes);\r\n\r\n return [...allWorkCodes];\r\n }\r\n function getRequiredFields() {\r\n return UTIL.iterationCopy(requiredFields);\r\n }\r\n function getInitialData(callback) {\r\n if (\r\n payPeriods.length === 0 ||\r\n adminPayPeriods.length === 0 ||\r\n !locations ||\r\n !workCodes ||\r\n !evvReasonCodes\r\n ) {\r\n let promises = [];\r\n\r\n const getSingleEntryPayPeriods = new Promise((resolve, reject) => {\r\n singleEntryAjax.getSingleEntryPayPeriods(results => {\r\n sortPayPeriods(results);\r\n resolve('getSingleEntryPayPeriods DONE');\r\n });\r\n });\r\n promises.push(getSingleEntryPayPeriods);\r\n\r\n const getSingleEntryLocations = new Promise((resolve, reject) => {\r\n singleEntryAjax.getSingleEntryLocations(results => {\r\n locations = results;\r\n resolve('getSingleEntryLocations DONE');\r\n });\r\n });\r\n promises.push(getSingleEntryLocations);\r\n\r\n const getRequiredSingleEntryFields = new Promise((resolve, reject) => {\r\n singleEntryAjax.getRequiredSingleEntryFields(results => {\r\n setRequiredFields(results);\r\n resolve('getRequiredSingleEntryFields DONE');\r\n });\r\n });\r\n promises.push(getRequiredSingleEntryFields);\r\n\r\n const getWorkCodes = new Promise((resolve, reject) => {\r\n singleEntryAjax.getWorkCodes(results => {\r\n workCodes = results;\r\n resolve('getWorkCodes DONE');\r\n });\r\n });\r\n promises.push(getWorkCodes);\r\n\r\n const getLocationsAndResidences = new Promise((resolve, reject) => {\r\n singleEntryAjax.getLocationsAndResidences(results => {\r\n residenceLocations = results;\r\n resolve('getWorkCodes DONE');\r\n });\r\n });\r\n promises.push(getLocationsAndResidences);\r\n\r\n const getEvvReasonCodes = new Promise((resolve, reject) => {\r\n singleEntryAjax.getEvvReasonCodes(results => {\r\n evvReasonCodes = results;\r\n resolve('getEvvReasonCodes DONE');\r\n });\r\n });\r\n promises.push(getEvvReasonCodes);\r\n\r\n Promise.all(promises).then(() => {\r\n callback();\r\n });\r\n\r\n // singleEntryAjax.getSingleEntryPayPeriods(function getSingleEntryPayPeriods(results) {\r\n // \tsortPayPeriods(results);\r\n\r\n // \tsingleEntryAjax.getSingleEntryLocations(function getSingleEntryLocations(results) {\r\n // \t\tlocations = results;\r\n\r\n // \t\tsingleEntryAjax.getRequiredSingleEntryFields(function getRequiredSingleEntryFields(results) {\r\n // \t\t\tsetRequiredFields(results);\r\n\r\n // \t\t\tsingleEntryAjax.getWorkCodes(function getWorkCodes(results) {\r\n // workCodes = results;\r\n\r\n // singleEntryAjax.getLocationsAndResidences(function getLocationsAndResidence(results) {\r\n // residenceLocations = results;\r\n // callback();\r\n // });\r\n // \t\t\t});\r\n // \t\t});\r\n // \t});\r\n // });\r\n } else {\r\n callback();\r\n }\r\n }\r\n\r\n function checkLocationServicesEnabled() {\r\n if (navigator.geolocation) {\r\n navigator.geolocation.getCurrentPosition(\r\n function (position) {\r\n // if location services are on, continue with normal functionality\r\n $.session.singleEntrycrossMidnight = false;\r\n newTimeEntry.init();\r\n },\r\n function (error) {\r\n // If location services are off, show popup\r\n const locationsWarningpopup = POPUP.build({\r\n id: 'warningPopup',\r\n hideX: false,\r\n classNames: 'warning',\r\n });\r\n\r\n const okBtn = button.build({\r\n text: 'OK',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(locationsWarningpopup);\r\n },\r\n });\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(okBtn);\r\n\r\n const warningMessage = document.createElement('p');\r\n warningMessage.innerHTML =\r\n \"Location services must be enabled on this device to save a new time entry record. Please contact your company's IT team for assistance.\";\r\n locationsWarningpopup.appendChild(warningMessage);\r\n locationsWarningpopup.appendChild(btnWrap);\r\n POPUP.show(locationsWarningpopup);\r\n },\r\n );\r\n } else {\r\n // If location services are not supported, show popup\r\n const locationsWarningpopup = POPUP.build({\r\n id: 'warningPopup',\r\n hideX: false,\r\n classNames: 'warning',\r\n });\r\n\r\n const okBtn = button.build({\r\n text: 'OK',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(locationsWarningpopup);\r\n },\r\n });\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(okBtn);\r\n\r\n const warningMessage = document.createElement('p');\r\n warningMessage.innerHTML =\r\n \"Location services must be enabled on this device to save a new time entry record. Please contact your company's IT team for assistance.\";\r\n locationsWarningpopup.appendChild(warningMessage);\r\n locationsWarningpopup.appendChild(btnWrap);\r\n POPUP.show(locationsWarningpopup);\r\n }\r\n }\r\n\r\n // Landing Page\r\n //------------------------------------\r\n async function loadNewTimeEntryPage() {\r\n if ($.session.singleEntryLocationRequired === 'Y') {\r\n // If location settings are required, check location settings\r\n checkLocationServicesEnabled();\r\n } else {\r\n // If location settings are not required, resume normal funcionality\r\n const result = await singleEntryAjax.getExistingTimeEntry();\r\n const { getExistingTimeEntryResult } = result;\r\n if (getExistingTimeEntryResult.length > 0 && $.session.anyRequireEndTime == 'Y') {\r\n newTimeEntry.endDateWarningPopup(getExistingTimeEntryResult); \r\n }\r\n else {\r\n $.session.singleEntrycrossMidnight = false;\r\n newTimeEntry.init();\r\n } \r\n }\r\n }\r\n function loadTimeEntryReviewPage() {\r\n $.session.singleEntrycrossMidnight = false;\r\n setActiveModuleSectionAttribute('timeEntry-review');\r\n timeEntryReview.init();\r\n }\r\n function loadTimeEntryApprovalPage() {\r\n setActiveModuleSectionAttribute('timeEntry-approval');\r\n timeApproval.init();\r\n }\r\n function loadSingleEntryLanding() {\r\n var timeEntryBtn = button.build({\r\n text: 'New Entry',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: loadNewTimeEntryPage,\r\n });\r\n var timeReviewBtn = button.build({\r\n text: 'Time Review',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: loadTimeEntryReviewPage,\r\n });\r\n var timeApprovalBtn = button.build({\r\n text: 'Time Approval',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: loadTimeEntryApprovalPage,\r\n });\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('landingBtnWrap');\r\n\r\n btnWrap.appendChild(timeEntryBtn);\r\n btnWrap.appendChild(timeReviewBtn);\r\n if ($.session.ViewAdminSingleEntry && $.session.SEViewAdminWidget) {\r\n btnWrap.appendChild(timeApprovalBtn);\r\n }\r\n\r\n DOM.clearActionCenter();\r\n DOM.ACTIONCENTER.appendChild(btnWrap);\r\n }\r\n function init() {\r\n DOM.clearActionCenter();\r\n PROGRESS.SPINNER.show('Loading Time Entry...');\r\n getInitialData(loadSingleEntryLanding);\r\n }\r\n\r\n return {\r\n setSelectedPayPeriod,\r\n getPayPeriods,\r\n getCurrentPayPeriod,\r\n getCurrentDate,\r\n getLocations,\r\n getResidenceLocations,\r\n getWorkCodes,\r\n getRequiredFields,\r\n getInitialData,\r\n getEvvReasonCodes,\r\n getEntryData,\r\n updateEntry,\r\n deleteEntry,\r\n init,\r\n };\r\n})();\r\n","var singleEntryAjax = (function () {\r\n // deletes se record from review table\r\n function deleteSingleEntryRecord(singleEntryId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/deleteSingleEntryRecord/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"singleEntryId\":\"' + singleEntryId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n\r\n // gets consumers allowed on card\r\n function getSingleEntryConsumersPresent(singleEntryId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryConsumersPresentJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"singleEntryId\":\"' + singleEntryId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getSingleEntryConsumersPresentJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {},\r\n });\r\n }\r\n\r\n // gets consumers allowed on card\r\n async function getSingleEntryConsumersPresentAsync(singleEntryId, callback) {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryConsumersPresentJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"singleEntryId\":\"' + singleEntryId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n var res = data.getSingleEntryConsumersPresentJSONResult;\r\n callback(res);\r\n\r\n // return data.getSingleEntryConsumersPresentJSONResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n function getSubEmployeeListAndCountInfo(supervisorId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSubEmployeeListAndCountInfoJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"supervisorId\":\"' + supervisorId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getSubEmployeeListAndCountInfoJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n function getSingleEntryPayPeriods(callback) {\r\n //If has value true use in admin only. If has value false use in both dropdowns\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryPayPeriodsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n beforeSend: function () {},\r\n complete: function () {},\r\n success: function (response, status, xhr) {\r\n var res = response.getSingleEntryPayPeriodsJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n function getRequiredSingleEntryFields(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getRequiredSingleEntryFieldsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getRequiredSingleEntryFieldsJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n function getWorkCodes(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getWorkCodesJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getWorkCodesJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n async function getWorkCodesAsync(getAllWorkCodes) {\r\n const retrieveData = {\r\n token: $.session.Token,\r\n getAllWorkCodes: !getAllWorkCodes ? 'N' : 'Y',\r\n };\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getWorkCodesJSON/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n console.log(data.getWorkCodesJSONResult);\r\n\r\n return data.getWorkCodesJSONResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n function getSingleEntryLocations(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryLocationsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n beforeSend: function () {},\r\n complete: function () {},\r\n success: function (response, status, xhr) {\r\n var res = response.getSingleEntryLocationsJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n // called when location dropdown is changed on se card\r\n function getSingleEntryUsersByLocation(locationId, seDate) {\r\n return $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryUsersByLocationJSON/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"locationId\":\"' +\r\n locationId +\r\n '\", \"seDate\":\"' +\r\n seDate +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n // $.ajax({\r\n // \ttype: 'POST',\r\n // \turl: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getSingleEntryUsersByLocationJSON/',\r\n // \tdata: '{\"token\":\"' + $.session.Token + '\", \"locationId\":\"' + locationId + '\", \"seDate\":\"' + seDate + '\"}',\r\n // \tcontentType: 'application/json; charset=utf-8',\r\n // \tdataType: 'json',\r\n // \tsuccess: function(response, status, xhr) {\r\n // \t\tvar res = response.getSingleEntryUsersByLocationJSONResult;\r\n // \t\tcallback(res);\r\n // \t},\r\n // \terror: function(xhr, status, error) {\r\n // \t\tcallback(null);\r\n // \t},\r\n // });\r\n }\r\n // called before buliding review table\r\n function getSingleEntryByDate(dataObj, callback) {\r\n // dataObj = {userId, startDate, endDate, locationId, statusIn}\r\n // This gets data for time entry review page to populate the table\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryByDateJSON/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"userId\":\"' +\r\n dataObj.userId +\r\n '\", \"startDate\":\"' +\r\n dataObj.startDate +\r\n '\", \"endDate\":\"' +\r\n dataObj.endDate +\r\n '\", \"locationId\":\"' +\r\n dataObj.locationId +\r\n '\",\"statusIn\":\"' +\r\n dataObj.statusIn +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getSingleEntryByDateJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {},\r\n });\r\n }\r\n // gets se record by id, used when clicked on row in review table\r\n function getSingleEntryById(singleEntryId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryByIdJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"singleEntryId\":\"' + singleEntryId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getSingleEntryByIdJSONResult;\r\n signatureAjax.getConsumersSignaturesAndNotes(singleEntryId);\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {},\r\n });\r\n }\r\n // called when saving new entry, after overlap check has ran\r\n async function insertSingleEntryNew(data, callback) {\r\n await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertSingleEntry/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n res = res.split('@singleEntryRecordID>');\r\n var savedSingleEntryId = res[1].slice(0, -2);\r\n saveSignatureAndNote(savedSingleEntryId);\r\n callback(res);\r\n },\r\n });\r\n }\r\n\r\n async function insertConsumerforSavedSingleEntry(consumerData, callback) {\r\n await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertConsumerforSavedSingleEntry/',\r\n data: JSON.stringify(consumerData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n //clearSavedSignaturesAndNotes();\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n //callback(error, null);\r\n },\r\n });\r\n }\r\n\r\n // only called for when there is no locationId and has consumers\r\n function preInsertSingleEntry(insertData, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/preInsertSingleEntry/',\r\n data: JSON.stringify(insertData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var results = response.preInsertSingleEntryResult;\r\n var savedSingleEntryId = results[0].singleEntryId;\r\n var consumersWithLocIdZero = '';\r\n var filteredResults = results.filter(res => {\r\n if (res.singleEntryId != null) return true;\r\n });\r\n saveSignatureAndNote(filteredResults);\r\n results.forEach(result => {\r\n if (result.locationId === '' || result.locationId === '0') {\r\n consumersWithLocIdZero = consumersWithLocIdZero + result.consumerId + ', ';\r\n }\r\n });\r\n if (consumersWithLocIdZero != '') {\r\n alert(\r\n \"Please contact Primary Solutions, the following consumerId's were saved with a location id of '0'; \" +\r\n consumersWithLocIdZero,\r\n );\r\n }\r\n\r\n callback(results);\r\n },\r\n });\r\n }\r\n\r\n // called for when there is no locationId and has consumers\r\n // if a selected consumer has overlapping locations, this function returns all selected consumers and their locations to be processed\r\n function getSelectedConsumerLocations(insertData, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSelectedConsumerLocations/',\r\n data: JSON.stringify(insertData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var results = response.getSelectedConsumerLocationsResult;\r\n callback(results);\r\n },\r\n });\r\n }\r\n\r\n // called when saving new entry\r\n function singleEntryOverlapCheck(overlapData, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/singleEntryOverlapCheckJSON/',\r\n data: JSON.stringify(overlapData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.singleEntryOverlapCheckJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n // updates se record from review table\r\n function updateSingleEntryStatus(statusData, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateSingleEntryStatus/',\r\n data: JSON.stringify(statusData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n if (callback) callback(res);\r\n },\r\n error: function (xhr, status, error) {},\r\n });\r\n }\r\n // called when updating entry\r\n function updateSingleEntry(updateData, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateSingleEntry/',\r\n data: JSON.stringify(updateData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n saveSignatureAndNote(updateData.singleEntryId);\r\n\r\n if (response.updateSingleEntryResult.match('Error ')) {\r\n callback('Your time record cannot be saved. Please contact Primary Solutions.');\r\n return;\r\n }\r\n\r\n callback('Time record has been saved.');\r\n },\r\n error: function (xhr, status, error) {\r\n callback('Your time record cannot be saved. Please contact Primary Solutions.');\r\n },\r\n });\r\n }\r\n\r\n // SE ADMIN AJAX CALLS\r\n //-------------------------------------\r\n function adminUpdateSingleEntryStatus(adminStatusData, callback) {\r\n //(string token, string singleEntryIdString, string newStatus, string userID)\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/adminUpdateSingleEntryStatus/',\r\n data: JSON.stringify(adminStatusData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n if (callback) callback(res);\r\n },\r\n error: function (xhr, status, error) {},\r\n });\r\n }\r\n function approveSingleEntryRecord(singleEntryId) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/approveSingleEntryRecord/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"singleEntryId\":\"' + singleEntryId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n loadApp('singleentry');\r\n },\r\n error: function (xhr, status, error) {},\r\n });\r\n }\r\n function getSingleEntryEmployees(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntrySupervisorsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n // var res = JSON.stringify(response);\r\n var res = response.getSingleEntrySupervisorsJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n function getSingleEntrySupervisors(supervisorId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getEmployeeListAndCountInfoJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"supervisorId\":\"' + supervisorId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getEmployeeListAndCountInfoJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n function getAdminSingleEntryLocations(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getAdminSingleEntryLocationsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n beforeSend: function () {},\r\n complete: function () {},\r\n success: function (response, status, xhr) {\r\n // var res = JSON.stringify(response);\r\n var res = response.getAdminSingleEntryLocationsJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n function singleEntryFilterAdminList(filterData, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/singleEntryFilterAdminListJSON/',\r\n data: JSON.stringify(filterData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.singleEntryFilterAdminListJSONResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getAddressByLatLong(lat, lng, callback) {\r\n $.ajax({\r\n type: 'GET',\r\n url:\r\n 'https://maps.googleapis.com/maps/api/geocode/json?latlng=' +\r\n lat +\r\n ',' +\r\n lng +\r\n '&key=' +\r\n $.googleMapAPI,\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n if (\r\n response &&\r\n response.results &&\r\n response.results[0] &&\r\n response.results[0].formatted_address\r\n ) {\r\n callback(response.results[0].formatted_address);\r\n } else callback('');\r\n },\r\n error: function (xhr, status, error) {\r\n callback('');\r\n },\r\n });\r\n }\r\n function getUserSingleEntryLocationsForPayPeriod(data, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getUserSingleEntryLocationsForPayPeriod/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {},\r\n });\r\n }\r\n function getSingleEntryUsersWC(getUserData, callback) {\r\n //getUserdata must contain token and date from single entry page\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryUsersWCJSON/',\r\n data: JSON.stringify(getUserData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getSingleEntryUsersWCJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n\r\n function getLocationsAndResidences(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getLocationsAndResidencesJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n beforeSend: function () {},\r\n complete: function () {},\r\n success: function (response, status, xhr) {\r\n // var res = JSON.stringify(response);\r\n var res = response.getLocationsAndResidencesJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n function getEvvReasonCodes(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryEvvReasonCodesJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n beforeSend: function () {},\r\n complete: function () {},\r\n success: function (response, status, xhr) {\r\n var res = response.getSingleEntryEvvReasonCodesJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n\r\n function getEvvEligibility(consumerId, entryDate, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryEvvEligibilityJSON/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"consumerId\":\"' +\r\n consumerId +\r\n '\" , \"entryDate\":\"' +\r\n entryDate +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n beforeSend: function () {},\r\n complete: function () {},\r\n success: function (response, status, xhr) {\r\n var res = response.getSingleEntryEvvEligibilityJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n\r\n async function getEvvEligibilityAsync(consumerId, entryDate) {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryEvvEligibilityJSON/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"consumerId\":\"' +\r\n consumerId +\r\n '\" , \"entryDate\":\"' +\r\n entryDate +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return data.getSingleEntryEvvEligibilityJSONResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n async function getExistingTimeEntry() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getExistingTimeEntry/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n return {\r\n deleteSingleEntryRecord,\r\n getSingleEntryConsumersPresent,\r\n getSingleEntryConsumersPresentAsync,\r\n getSubEmployeeListAndCountInfo,\r\n getSingleEntryPayPeriods,\r\n getRequiredSingleEntryFields,\r\n getWorkCodes,\r\n getWorkCodesAsync,\r\n getSingleEntryLocations,\r\n getSingleEntryUsersByLocation,\r\n getSingleEntryByDate,\r\n getSingleEntryById,\r\n insertSingleEntryNew,\r\n insertConsumerforSavedSingleEntry,\r\n preInsertSingleEntry,\r\n getSelectedConsumerLocations,\r\n singleEntryOverlapCheck,\r\n updateSingleEntryStatus,\r\n updateSingleEntry,\r\n // ADMIN SE FUNCTIONS\r\n approveSingleEntryRecord,\r\n adminUpdateSingleEntryStatus,\r\n getSingleEntryEmployees,\r\n getSingleEntrySupervisors,\r\n //getSingleEntryPayPeriodsAdminAjax,\r\n getAdminSingleEntryLocations,\r\n singleEntryFilterAdminList,\r\n getAddressByLatLong,\r\n getUserSingleEntryLocationsForPayPeriod,\r\n getSingleEntryUsersWC,\r\n getLocationsAndResidences,\r\n getEvvReasonCodes,\r\n getEvvEligibility,\r\n getEvvEligibilityAsync,\r\n getExistingTimeEntry\r\n };\r\n})();\r\n","const timeEntryDetailsPopup = (function() {\r\n let consumerSection;\r\n let loadingSection;\r\n let transportationSection;\r\n\r\n function buildConsumerSection(consumers) {\r\n consumerSection.innerHTML = '
Date: ${UTIL.formatDateFromIso(displayDateIso)}`,\r\n columnHeadings: [\r\n \"Consumer\",\r\n \"Start Time\",\r\n \"End Time\",\r\n \"Job Code\",\r\n \"Job Step\",\r\n \"Hours\",\r\n \"Quantity\",\r\n \"Supervisor\"\r\n ],\r\n tableId: \"workshopTable\",\r\n // callback: handleWorkshopTableEvents\r\n };\r\n\r\n data.forEach(d => {\r\n if (!mainTableData[d.jobactid]) {\r\n obj = {\r\n startTime: d.starttime,\r\n endTime: d.endtime,\r\n quantity: d.quantity,\r\n consumer: d.name,\r\n consumerid: d.consumerid,\r\n isPieceRate: d.activitytype === \"P\" ? true : false\r\n };\r\n mainTableData[d.jobactid] = obj;\r\n }\r\n });\r\n\r\n tableData = data.map(d => {\r\n consumerName = `${d.name.split(\" \")[1]}, ${d.name.split(\" \")[0]}`;\r\n trimedHour = d.hours.slice(0, -2);\r\n if (d.hours !== \"\") {\r\n trimedHour = Number(trimedHour);\r\n }\r\n //if ($.session.WorkshopUpdate) {\r\n return {\r\n values: [\r\n consumerName,\r\n UTIL.convertFromMilitary(d.starttime),\r\n d.endtime === \"\" ? icons.error : UTIL.convertFromMilitary(d.endtime),\r\n d.jobcode,\r\n d.jobstep,\r\n trimedHour === \"\" ? \"-\" : trimedHour,\r\n d.activitytype !== \"P\"\r\n ? \"-\"\r\n : d.quantity === \"\" || d.quantity === \"0\"\r\n ? icons.error\r\n : d.quantity,\r\n d.supervisor === \" \" ? \"-\" : d.supervisor\r\n ],\r\n id: `jobAct${d.jobactid}`,\r\n attributes: [{ key: \"data-job-activity\", value: d.jobactid }],\r\n onClick: handleWorkshopTableEvents\r\n // }\r\n //}\r\n // else {\r\n // return {\r\n // values: [\r\n // consumerName,\r\n // UTIL.convertFromMilitary(d.starttime),\r\n // d.endtime === \"\" ? icons.error : UTIL.convertFromMilitary(d.endtime),\r\n // d.jobcode,\r\n // d.jobstep,\r\n // trimedHour === \"\" ? \"-\" : trimedHour,\r\n // d.activitytype !== \"P\"\r\n // ? \"-\"\r\n // : d.quantity === \"\" || d.quantity === \"0\"\r\n // ? icons.error\r\n // : d.quantity,\r\n // d.supervisor === \" \" ? \"-\" : d.supervisor\r\n // ],\r\n // id: `jobAct${d.jobactid}` \r\n // // attributes: [{ key: \"data-job-activity\", value: d.jobactid }],\r\n // // onClick: handleWorkshopTableEvents\r\n // }\r\n }\r\n });\r\n\r\n DOM.clearActionCenter();\r\n\r\n filterSelectReportBtnWrap = document.createElement(\"div\");\r\n filterSelectReportBtnWrap.classList.add(\"btnWrap\", \"filterSelectReportBtnWrap\");\r\n\r\n filterSelectReportBtnWrap.appendChild(multiSelectBtn);\r\n filterSelectReportBtnWrap.appendChild(reportsBtn);\r\n\r\n DOM.ACTIONCENTER.appendChild(filterSelectReportBtnWrap);\r\n\r\n const filteredBy = updateCurrentFilterDisplay();\r\n DOM.ACTIONCENTER.appendChild(filteredBy);\r\n var workshopTable = table.build(workshopTableOpts);\r\n\r\n // Set the data type for each header, for sorting purposes\r\n const headers = workshopTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'string'); // Consumer\r\n headers[1].setAttribute('data-type', 'date'); // Start Time\r\n headers[2].setAttribute('data-type', 'date'); // End Time\r\n headers[3].setAttribute('data-type', 'string'); // Job Code\r\n headers[4].setAttribute('data-type', 'string'); // Job Step \r\n headers[5].setAttribute('data-type', 'number'); // Hours\r\n headers[6].setAttribute('data-type', 'number'); // Quantity\r\n headers[7].setAttribute('data-type', 'string'); // Supervisor \r\n\r\n\r\n DOM.ACTIONCENTER.appendChild(workshopTable);\r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(workshopTable); \r\n\r\n table.populate(\"workshopTable\", tableData);\r\n\r\n // //permission\r\n if (!$.session.WorkshopUpdate) {\r\n multiSelectBtn.classList.add(\"disabled\")\r\n multiSelectBtn.classList.remove(\"enabled\")\r\n toggleMiniRosterBtnVisible(false)\r\n }\r\n if (callback) {\r\n callback();\r\n }\r\n }\r\n\r\n function handleWorkshopTableEvents(event) {\r\n var isRow = event.target.classList.contains(\"table__row\");\r\n var jobAct = event.target.dataset.jobActivity;\r\n if (!isRow) return; // if not row return\r\n if (!$.session.WorkshopUpdate) return; // \r\n\r\n if (enableMultiEdit) {\r\n if (mainTableData[jobAct].endTime) return; // If they already clocked out, do nothing\r\n event.target.classList.toggle(\"selected\");\r\n //Add if row is being selected\r\n if (event.target.classList.contains(\"selected\")) {\r\n //and if it doesn't exist in the array\r\n if (!multiConsumerSelect.includes(mainTableData[jobAct].consumerid)) {\r\n multiConsumerSelect.push(mainTableData[jobAct].consumerid);\r\n }\r\n } else {\r\n //Remove the consumer id if it is being deselected\r\n multiConsumerSelect.splice(\r\n multiConsumerSelect.indexOf(mainTableData[jobAct].consumerid),\r\n 1\r\n );\r\n }\r\n //disable clock out button if nothing is selected\r\n if (multiConsumerSelect.length === 0) {\r\n clockOutNavBtn.classList.add(\"disabled\");\r\n } else {\r\n clockOutNavBtn.classList.remove(\"disabled\");\r\n }\r\n } else if (!enableMultiEdit) {\r\n tableRowPopup(event.target);\r\n }\r\n }\r\n\r\n function enableMultiEditRows(multiBtn) {\r\n setupActionNav();\r\n miniRosterBtn = document.querySelector(\".consumerListBtn\");\r\n enableMultiEdit = !enableMultiEdit;\r\n multiBtn.classList.toggle(\"enabled\");\r\n miniRosterBtn.classList.toggle(\"disabled\");\r\n\r\n if (enableMultiEdit) {\r\n ACTION_NAV.show();\r\n } else {\r\n selectedConsumers = [];\r\n ACTION_NAV.hide();\r\n }\r\n\r\n var highlightedRows = [].slice.call(\r\n document.querySelectorAll(\".table__row.selected\")\r\n );\r\n highlightedRows.forEach(row => row.classList.remove(\"selected\"));\r\n }\r\n\r\n function tableRowPopup(row) {\r\n // var isPieceRate = row.dataset.pieceRate == \"true\";\r\n jobActivity = row.dataset.jobActivity;\r\n jobActivity = parseInt(jobActivity);\r\n var isPieceRate = mainTableData[jobActivity].isPieceRate;\r\n let rowPopup = POPUP.build({\r\n classNames: \"workshopTableRowPopup\",\r\n header: mainTableData[jobActivity].consumer,\r\n id: `jobAct${jobActivity}`\r\n });\r\n\r\n let startTimeField = input.build({\r\n id: \"startTime\",\r\n label: \"Start Time\",\r\n type: \"time\",\r\n style: \"secondary\",\r\n value: mainTableData[jobActivity].startTime\r\n });\r\n\r\n let endTimeField = input.build({\r\n id: \"endTime\",\r\n label: \"End Time\",\r\n type: \"time\",\r\n style: \"secondary\",\r\n value: mainTableData[jobActivity].endTime\r\n });\r\n\r\n //only show if they have piece rate\r\n let quantityField = input.build({\r\n id: \"pieceRateQuantity\",\r\n label: \"Quantity\",\r\n type: \"number\",\r\n style: \"secondary\",\r\n attributes: [\r\n { key: \"min\", value: \"0\" },\r\n { key: \"max\", value: \"90000\" },\r\n { key: \"onkeypress\", value: \"return event.charCode >= 48 && event.charCode <= 57\" }\r\n ],\r\n value: mainTableData[jobActivity].quantity\r\n });\r\n //enable when there are changes to apply\r\n let saveBtn = button.build({\r\n id: \"save\",\r\n text: \"Save\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n icon: \"save\",\r\n // classNames: 'disabled',\r\n callback: function () {\r\n tableRowApplyChange(jobActivity, row, rowPopup);\r\n }\r\n });\r\n\r\n let deleteEntryBtn = button.build({\r\n id: \"deleteEntry\",\r\n text: \"Delete Entry\",\r\n style: \"secondary\",\r\n type: \"outlined\",\r\n icon: \"delete\",\r\n callback: function () {\r\n deleteConfirmation(\r\n rowPopup,\r\n (res = () => {\r\n if (res) {\r\n workshopAjax.deleteWorkshopEntry(jobActivity);\r\n var parent = row.parentElement;\r\n parent.removeChild(row);\r\n }\r\n })\r\n );\r\n }\r\n });\r\n\r\n let btnWrap = document.createElement(\"div\");\r\n btnWrap.classList.add(\"rowPopupBtnWrap\");\r\n btnWrap.appendChild(saveBtn);\r\n btnWrap.appendChild(deleteEntryBtn);\r\n\r\n rowPopup.appendChild(startTimeField);\r\n rowPopup.appendChild(endTimeField);\r\n if (isPieceRate) rowPopup.appendChild(quantityField);\r\n rowPopup.appendChild(btnWrap);\r\n\r\n POPUP.show(rowPopup);\r\n }\r\n\r\n function deleteConfirmation(rowPopup, callback) {\r\n POPUP.hide(rowPopup);\r\n var confPopup = POPUP.build({\r\n classNames: \"warning\"\r\n });\r\n var cancelBtn = button.build({\r\n text: \"Cancel\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n icon: \"no\",\r\n callback: function () {\r\n POPUP.hide(confPopup);\r\n POPUP.show(rowPopup);\r\n callback((res = false));\r\n }\r\n });\r\n var confirmBtn = button.build({\r\n text: \"Delete Entry\",\r\n style: \"secondary\",\r\n type: \"outlined\",\r\n id: \"confDeleteBtn\",\r\n icon: \"delete\",\r\n callback: function () {\r\n POPUP.hide(confPopup);\r\n callback((res = true));\r\n }\r\n });\r\n var btnWrap = document.createElement(\"div\");\r\n btnWrap.classList.add(\"btnWrap\");\r\n btnWrap.appendChild(cancelBtn);\r\n btnWrap.appendChild(confirmBtn);\r\n\r\n var textArea = document.createElement(\"p\");\r\n textArea.classList.add(\"warningTextArea\");\r\n textArea.innerHTML = \"Are you sure you want to delete this record?\";\r\n confPopup.appendChild(textArea);\r\n confPopup.appendChild(btnWrap);\r\n POPUP.show(confPopup);\r\n }\r\n\r\n function tableRowApplyChange(jobActivity, row, popup) {\r\n //get time out if exists\r\n //get time in\r\n //get quantity if exists\r\n //clock out if time out exists and is different from previous clockout\r\n //update clock in if time is is different from previous clockin\r\n //update quantity if exists and is different\r\n\r\n var changedStartTime = document.getElementById(\"startTime\").value;\r\n var startTime = mainTableData[jobActivity].startTime;\r\n var endTimeField = document.getElementById(\"endTime\");\r\n var quantityField = document.getElementById(\"pieceRateQuantity\");\r\n\r\n if (endTimeField.value) {\r\n var enteredEndTime = endTimeField.value;\r\n if (enteredEndTime.length < 8) {\r\n enteredEndTime += \":00\";\r\n }\r\n }\r\n if (quantityField) {\r\n if (quantityField.value) { var quantity = quantityField.value; }\r\n else var quantity = \"0\";\r\n }\r\n\r\n if (changedStartTime === enteredEndTime) {\r\n POPUP.hide(popup);\r\n POPUP.show(errorPopup);\r\n errorPopupText.innerHTML = \"Start Time cannot be the same as End Time.\";\r\n return;\r\n }\r\n\r\n //UPDATE CLOCKIN TIME IF IT HAS CHANGED\r\n //workshopajax.updateworkshopclockin\r\n if (startTime !== document.getElementById(\"startTime\").value) {\r\n var changedStartTime = document.getElementById(\"startTime\").value;\r\n if (changedStartTime.length < 8) {\r\n changedStartTime += \":00\";\r\n }\r\n if (!enteredEndTime || changedStartTime < enteredEndTime) {\r\n workshopAjax.updateWorkshopClockIn(\r\n jobActivity,\r\n changedStartTime,\r\n res => {\r\n try {\r\n if (res.indexOf(\"Start Overlap\") != -1) {\r\n throw \"OverlapError\";\r\n }\r\n mainTableData[jobActivity].startTime = changedStartTime;\r\n let changedStartTimeDISPLAY = UTIL.convertFromMilitary(\r\n changedStartTime\r\n );\r\n row.children[1].innerHTML = changedStartTimeDISPLAY;\r\n row.classList.remove(\"overlapError\"); //If they are saving from Overlap\r\n hours = Number(\r\n UTIL.calculateTotalHours(\r\n mainTableData[jobActivity].startTime,\r\n mainTableData[jobActivity].endTime\r\n )\r\n );\r\n row.children[5].innerHTML = hours;\r\n } catch (e) {\r\n if (e === \"OverlapError\") {\r\n POPUP.show(errorPopup);\r\n errorPopupText.innerHTML =\r\n \"Changes overlap with existing record\";\r\n }\r\n }\r\n }\r\n );\r\n } else {\r\n POPUP.hide(popup);\r\n POPUP.show(errorPopup);\r\n errorPopupText.innerHTML = \"Start Time cannot be set after End Time\";\r\n return;\r\n }\r\n }\r\n\r\n //CLOCK OUT/UPDATE CLOCK OUT TIME\r\n if (enteredEndTime) {\r\n if (\r\n enteredEndTime > mainTableData[jobActivity].startTime &&\r\n enteredEndTime !== mainTableData[jobActivity].endTime\r\n ) {\r\n mainTableData[jobActivity].endTime = enteredEndTime;\r\n workshopAjax.clockoutWorkshopSingle(\r\n jobActivity,\r\n enteredEndTime,\r\n res => {\r\n try {\r\n if (res.indexOf(\"End Overlap\") != -1) {\r\n throw \"OverlapError\";\r\n }\r\n enteredEndTimeDISPLAY = UTIL.convertFromMilitary(enteredEndTime);\r\n row.children[2].innerHTML = enteredEndTimeDISPLAY;\r\n row.classList.remove(\"overlapError\"); //If they are saving from Overlap\r\n hours = Number(\r\n UTIL.calculateTotalHours(\r\n mainTableData[jobActivity].startTime,\r\n mainTableData[jobActivity].endTime\r\n )\r\n );\r\n row.children[5].innerHTML = hours;\r\n } catch (e) {\r\n POPUP.show(errorPopup);\r\n errorPopupText.innerHTML = \"Changes overlap with existing record\";\r\n }\r\n }\r\n );\r\n } else if (enteredEndTime < startTime) {\r\n POPUP.hide(popup);\r\n POPUP.show(errorPopup);\r\n errorPopupText.innerHTML = \"End Time cannot be set before Start Time\";\r\n return;\r\n }\r\n }\r\n\r\n //UPDATE QUANTITY\r\n if (quantity && quantity !== mainTableData[jobActivity].quantity) {\r\n mainTableData[jobActivity].quantity = quantity;\r\n workshopAjax.updateWorkshopQuantity(quantity, jobActivity);\r\n row.children[6].innerHTML = quantity === \"0\" ? icons.error : quantity;\r\n }\r\n POPUP.hide(popup);\r\n }\r\n\r\n function tableFilterPopup(IsShow) {\r\n var filterPopup = POPUP.build({\r\n header: \"Table Filter\",\r\n id: \"workhshopFilterTablePopup\"\r\n });\r\n\r\n //dropdown location (needs the selected date)\r\n locationDropdown = dropdown.build({\r\n dropdownId: \"locationDropdown\",\r\n label: \"Location\",\r\n style: \"secondary\"\r\n });\r\n\r\n locationDropdown.addEventListener(\"change\", () => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n locationID = selectedOption.value;\r\n filterCache.locationSelectedOpt = event.target.selectedIndex;\r\n workshopFilterListData.locationName = selectedOption.innerHTML;\r\n updateJobDropdown(locationID, true);\r\n });\r\n\r\n //dropdown job\r\n jobDropdown = dropdown.build({\r\n dropdownId: \"filterJobDropdown\",\r\n label: \"Job\",\r\n style: \"secondary\"\r\n });\r\n\r\n let filterApplyBtn = button.build({\r\n id: \"filterApply\",\r\n text: \"Apply\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n icon: \"checkmark\",\r\n callback: function () {\r\n filterApplyAction();\r\n POPUP.hide(filterPopup);\r\n }\r\n });\r\n\r\n if (IsShow == 'ALL' || IsShow == 'locationBtn')\r\n filterPopup.appendChild(locationDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'jobStepBtn')\r\n filterPopup.appendChild(jobDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'serviceDateBtn')\r\n filterPopup.appendChild(dateSelection);\r\n filterPopup.appendChild(filterApplyBtn);\r\n POPUP.show(filterPopup);\r\n updateJobDropdown(locationID, true);\r\n\r\n locationDropdownSelect = document.getElementById(\"locationDropdown\");\r\n jobDropdownSelect = document.getElementById(\"filterJobDropdown\");\r\n\r\n //Populate Dropdowns and Cache the selection\r\n dropdown.populate(\r\n \"locationDropdown\",\r\n locationFilterDropdownData,\r\n locationID\r\n );\r\n // locationDropdownSelect.options.selectedIndex =\r\n // filterCache.locationSelectedOpt;\r\n jobFilterDropdownData[0].text = \"All\";\r\n jobFilterDropdownData[0].value = 0;\r\n updateJobFilterDropdownData\r\n ? dropdown.populate(\"filterJobDropdown\", updateJobFilterDropdownData)\r\n : dropdown.populate(\"filterJobDropdown\", jobFilterDropdownData);\r\n jobDropdownSelect.options.selectedIndex = filterCache.jobStepSelectedOpt;\r\n }\r\n\r\n function filterApplyAction() {\r\n if (document.getElementById(\"date\") != null) {\r\n displayDateIso = document.getElementById(\"date\").value;\r\n workshopFilterListData.selectedDate = displayDateIso;\r\n }\r\n\r\n if (document.getElementById(\"filterJobDropdown\") != null) {\r\n jobDropdown = document.getElementById(\"filterJobDropdown\");\r\n workshopFilterListData.jobStepId = jobDropdown.options[jobDropdown.selectedIndex].value;\r\n filterCache.jobStepSelectedOpt = jobDropdown.selectedIndex;\r\n }\r\n if (document.getElementById(\"locationDropdown\") != null) {\r\n locationDropdown = document.getElementById(\"locationDropdown\");\r\n workshopFilterListData.locationId = locationDropdown.options[locationDropdown.selectedIndex].value;\r\n locationID = locationDropdown.options[locationDropdown.selectedIndex].value;\r\n filterCache.locationSelectedOpt = locationDropdown.selectedIndex;\r\n }\r\n else {\r\n workshopFilterListData.locationId = locationID;\r\n }\r\n\r\n if (defaults.rememberLastLocation(\"workshop\"))\r\n defaults.setLocation(\"workshop\", locationID);\r\n\r\n //Refresh roster date:\r\n roster2.updateSelectedDate(displayDateIso)\r\n //Update active Consumers based on filter - Date, LocaitonID, returns consumers (called employee_id).\r\n workshopAjax.getEnabledConsumersForWorkshop(\r\n displayDateIso,\r\n workshopFilterListData.locationId,\r\n res => {\r\n const allowedConsumers = []\r\n res.forEach(r => {\r\n var consumer_id = r.employee_id;\r\n const filteredConsumer = activeModulesConsumers.filter(consumer => consumer.id === consumer_id);\r\n if (filteredConsumer.length !== 0) allowedConsumers.push({ 'consumer_id': consumer_id })\r\n });\r\n roster2.setAllowedConsumers(allowedConsumers);\r\n }\r\n );\r\n workshopAjax.WorkshopFilterList(workshopFilterListData, buildWorkshopTable);\r\n updateCurrentFilterDisplay();\r\n }\r\n\r\n function updateCurrentFilterDisplay() {\r\n var currentFilterDisplay = document.querySelector('.filteredByData');\r\n if (!currentFilterDisplay) {\r\n workshopFilterListData.locationName = locationID == 0 ? \"All\" : mainLocationData[locationID].locName;\r\n workshopFilterListData.locationId = locationID;\r\n currentFilterDisplay = document.createElement('div');\r\n currentFilterDisplay.classList.add('filteredByData');\r\n filterButtonSet();\r\n currentFilterDisplay.appendChild(btnWrap);\r\n }\r\n\r\n currentFilterDisplay.style.maxWidth = '100%';\r\n\r\n if (workshopFilterListData.locationId == '0') {\r\n btnWrap.appendChild(locationBtnWrap);\r\n btnWrap.removeChild(locationBtnWrap);\r\n } else {\r\n if (document.getElementById('locationBtn') != null)\r\n document.getElementById('locationBtn').innerHTML = 'Location: ' + workshopFilterListData.locationName;\r\n btnWrap.appendChild(locationBtnWrap);\r\n }\r\n\r\n if (workshopFilterListData.jobStepId === '0' || workshopFilterListData.jobStepId === 0) {\r\n btnWrap.appendChild(jobStepBtnWrap);\r\n btnWrap.removeChild(jobStepBtnWrap);\r\n } else {\r\n if (document.getElementById('jobStepBtn') != null)\r\n document.getElementById('jobStepBtn').innerHTML = workshopFilterListData.jobStepId == '0' ? 'Job: All' : 'Job: ' + mainJobData[workshopFilterListData.jobStepId].jobString;\r\n btnWrap.appendChild(jobStepBtnWrap);\r\n }\r\n\r\n if (document.getElementById('serviceDateBtn') != null)\r\n document.getElementById('serviceDateBtn').innerHTML = 'Date: ' + workshopFilterListData.selectedDate;\r\n\r\n\r\n return currentFilterDisplay;\r\n }\r\n\r\n function filterButtonSet() {\r\n filterBtn = button.build({\r\n text: 'Filter',\r\n icon: 'filter',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'filterBtnNew',\r\n callback: () => { tableFilterPopup('ALL') },\r\n });\r\n\r\n locationBtn = button.build({\r\n id: 'locationBtn',\r\n text: 'Location: ' + workshopFilterListData.locationName,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => { tableFilterPopup('locationBtn') },\r\n });\r\n locationCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => { closeFilter('locationBtn') },\r\n });\r\n\r\n jobStepBtn = button.build({\r\n id: 'jobStepBtn',\r\n text: workshopFilterListData.jobStepId == '0' || workshopFilterListData.jobStepId === 0 ? 'Job: All' : 'Job: ' + mainJobData[workshopFilterListData.jobStepId].jobString,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => { tableFilterPopup('jobStepBtn') },\r\n });\r\n jobStepCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => { closeFilter('jobStepBtn') },\r\n });\r\n\r\n serviceDateBtn = button.build({\r\n id: 'serviceDateBtn',\r\n text: 'Date: ' + workshopFilterListData.selectedDate,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => { tableFilterPopup('serviceDateBtn') },\r\n });\r\n\r\n btnWrap = document.createElement('div');\r\n btnWrap.classList.add('filterBtnWrap');\r\n btnWrap.appendChild(filterBtn);\r\n\r\n locationBtnWrap = document.createElement('div');\r\n locationBtnWrap.classList.add('filterSelectionBtnWrap');\r\n locationBtnWrap.appendChild(locationBtn);\r\n locationBtnWrap.appendChild(locationCloseBtn);\r\n btnWrap.appendChild(locationBtnWrap);\r\n\r\n jobStepBtnWrap = document.createElement('div');\r\n jobStepBtnWrap.classList.add('filterSelectionBtnWrap');\r\n jobStepBtnWrap.appendChild(jobStepBtn);\r\n jobStepBtnWrap.appendChild(jobStepCloseBtn);\r\n btnWrap.appendChild(jobStepBtnWrap);\r\n\r\n serviceDateBtnWrap = document.createElement('div');\r\n serviceDateBtnWrap.classList.add('filterSelectionBtnWrap');\r\n serviceDateBtnWrap.appendChild(serviceDateBtn);\r\n btnWrap.appendChild(serviceDateBtnWrap);\r\n }\r\n\r\n function closeFilter(closeFilter) { \r\n if (closeFilter == 'jobStepBtn') {\r\n workshopFilterListData.jobStepId = 0; \r\n }\r\n if (closeFilter == 'locationBtn') {\r\n locationID = '0'; \r\n workshopFilterListData.locationId = '0'; \r\n }\r\n filterApplyAction();\r\n }\r\n\r\n function clockInOutChoicePopup() {\r\n let popup = POPUP.build({\r\n header: \"Please Choose an Option\",\r\n id: \"clockInOutChoicePopup\"\r\n });\r\n\r\n let clockInBtn = button.build({\r\n text: \"Clock In\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n callback: function () {\r\n POPUP.hide(popup);\r\n clockInOutActionPopup(\"in\");\r\n }\r\n });\r\n let clockOutBtn = button.build({\r\n text: \"Clock Out\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n callback: function () {\r\n POPUP.hide(popup);\r\n clockInOutActionPopup(\"out\");\r\n }\r\n });\r\n let btnWrap = document.createElement(\"div\");\r\n btnWrap.classList.add(\"choiceBtnWrap\");\r\n btnWrap.appendChild(clockInBtn);\r\n btnWrap.appendChild(clockOutBtn);\r\n popup.appendChild(btnWrap);\r\n POPUP.show(popup);\r\n }\r\n\r\n function clockInOutActionPopup(choice) {\r\n //Display the Date and Location that were selected from the Filter.\r\n let locationDisplay = document.createElement(\"h4\");\r\n locationDisplay.innerHTML = `Location: ${locationID == 0\r\n ? \"No location specified\"\r\n : mainLocationData[locationID].locName\r\n }`;\r\n // locationDisplay.innerHTML = `Location: ${\r\n // workshopFilterListData.locationId == 0\r\n // ? \"No location specified\"\r\n // : mainLocationData[workshopFilterListData.locationId].locName\r\n // }`;\r\n let dateDisplay = document.createElement(\"h4\");\r\n dateDisplay.innerHTML = `Selected Date: ${UTIL.formatDateFromIso(\r\n displayDateIso\r\n )}`;\r\n\r\n timeClockJobDropdown = dropdown.build({\r\n dropdownId: \"timeClockJobDropdown\",\r\n label: \"Job\",\r\n style: \"secondary\"\r\n });\r\n\r\n timeClockLocationDropdown = dropdown.build({\r\n dropdownId: \"timeClockLocationDropdown\",\r\n label: \"Location\",\r\n style: \"secondary\"\r\n });\r\n\r\n let inPopup = POPUP.build({\r\n header: \"Clock In\",\r\n id: \"clockInOutPopup\"\r\n });\r\n\r\n let outPopup = POPUP.build({\r\n header: \"Clock Out\",\r\n id: \"clockInOutPopup\"\r\n });\r\n\r\n let timeInField = input.build({\r\n id: \"inTime\",\r\n label: \"In Time\",\r\n type: \"time\",\r\n style: \"secondary\",\r\n callback: function () { }\r\n });\r\n timeInField.classList.add(\"error\");\r\n\r\n let timeOutField = input.build({\r\n id: \"outTime\",\r\n label: \"Out Time\",\r\n type: \"time\",\r\n style: \"secondary\"\r\n });\r\n timeOutField.classList.add(\"error\");\r\n\r\n let clockInBtn = button.build({\r\n text: \"Clock In\",\r\n style: \"secondary\",\r\n classNames: \"disabled\",\r\n type: \"contained\",\r\n id: \"clockInBtn\",\r\n callback: function () {\r\n clockIn();\r\n POPUP.hide(inPopup);\r\n //Clock in function\r\n }\r\n });\r\n\r\n let clockOutBtn = button.build({\r\n text: \"Clock Out\",\r\n style: \"secondary\",\r\n classNames: \"disabled\",\r\n type: \"contained\",\r\n callback: function () {\r\n clockOut();\r\n roster2.clearActiveConsumers();\r\n POPUP.hide(outPopup);\r\n //clock out function\r\n }\r\n });\r\n\r\n let inCancelBtn = button.build({\r\n text: \"Cancel\",\r\n style: \"secondary\",\r\n type: \"outlined\",\r\n callback: function () {\r\n roster2.clearActiveConsumers();\r\n POPUP.hide(inPopup);\r\n }\r\n });\r\n\r\n let outCancelBtn = button.build({\r\n text: \"Cancel\",\r\n style: \"secondary\",\r\n type: \"outlined\",\r\n callback: function () {\r\n roster2.clearActiveConsumers();\r\n POPUP.hide(outPopup);\r\n }\r\n });\r\n\r\n let btnWrap = document.createElement(\"div\");\r\n btnWrap.classList.add(\"btnWrap\");\r\n\r\n timeInField.addEventListener(\"change\", function () {\r\n let inTimeField = document.getElementById(\"inTime\");\r\n if (inTimeField.value === \"\") {\r\n timeInField.classList.add(\"error\");\r\n } else {\r\n timeInField.classList.remove(\"error\");\r\n }\r\n checkRequiredFields(clockInBtn);\r\n });\r\n timeOutField.addEventListener(\"change\", function () {\r\n let outTimeField = document.getElementById(\"outTime\");\r\n if (outTimeField.value === \"\") {\r\n timeOutField.classList.add(\"error\");\r\n } else {\r\n timeOutField.classList.remove(\"error\");\r\n }\r\n checkRequiredFields(clockOutBtn);\r\n });\r\n timeClockJobDropdown.classList.add(\"error\");\r\n timeClockJobDropdown.addEventListener(\"change\", function () {\r\n let timeClockJobDropdownField = document.getElementById(\r\n \"timeClockJobDropdown\"\r\n );\r\n if (\r\n timeClockJobDropdownField.options[\r\n timeClockJobDropdownField.selectedIndex\r\n ].value === \"%\"\r\n ) {\r\n timeClockJobDropdown.classList.add(\"error\");\r\n } else {\r\n timeClockJobDropdown.classList.remove(\"error\");\r\n }\r\n checkRequiredFields(clockInBtn);\r\n });\r\n\r\n switch (choice) {\r\n case \"in\": {\r\n inPopup.appendChild(dateDisplay);\r\n inPopup.appendChild(locationDisplay);\r\n inPopup.appendChild(timeClockJobDropdown);\r\n inPopup.appendChild(supervisorDropdown);\r\n inPopup.appendChild(timeInField);\r\n btnWrap.appendChild(clockInBtn);\r\n btnWrap.appendChild(inCancelBtn);\r\n inPopup.appendChild(btnWrap);\r\n POPUP.show(inPopup);\r\n\r\n updateJobDropdown(locationID, false);\r\n // updateJobDropdown(workshopFilterListData.locationId, false);\r\n\r\n // jobFilterDropdownData[0].text = \"\";\r\n // jobFilterDropdownData[0].value = \"%\";\r\n\r\n dropdown.populate(\"timeClockJobDropdown\", jobFilterDropdownData);\r\n dropdown.populate(\r\n \"supervisorDropdown\",\r\n supervisorDropdownData,\r\n $.session.PeopleId\r\n ); // default supervisor to the clocked in user (if supervisor)\r\n break;\r\n }\r\n case \"out\": {\r\n outPopup.appendChild(timeOutField);\r\n btnWrap.appendChild(clockOutBtn);\r\n btnWrap.appendChild(outCancelBtn);\r\n outPopup.appendChild(btnWrap);\r\n POPUP.show(outPopup);\r\n break;\r\n }\r\n }\r\n }\r\n\r\n function clockIn() {\r\n var supervisorID;\r\n let jobDropdownSelect = document.getElementById(\"timeClockJobDropdown\");\r\n let jobStepIdInt = parseInt(\r\n jobDropdownSelect.options[jobDropdownSelect.selectedIndex].value\r\n );\r\n // let locationID = workshopFilterListData.locationId;\r\n let supervisorSelect = document.getElementById(\"supervisorDropdown\");\r\n let supSelectedIndex = supervisorSelect.selectedIndex;\r\n if (supSelectedIndex !== -1) {\r\n supervisorID =\r\n supervisorSelect.options[supervisorSelect.selectedIndex].value;\r\n } else {\r\n supervisorID = \"0\";\r\n }\r\n let inTimeField = document.getElementById(\"inTime\");\r\n let inTime = inTimeField.value + \":00\";\r\n\r\n inData = {\r\n batchId: selectedBatchId,\r\n consumerids: selectedConsumers.map(e => e.id).join(\"|\"),\r\n jobActType: mainJobData[jobStepIdInt].activityType,\r\n jobStepId: mainJobData[jobStepIdInt].jobStepId,\r\n jobString: mainJobData[jobStepIdInt].jobString,\r\n location: locationID,\r\n selectedDate: displayDateIso,\r\n startOrEnd: \"Start\",\r\n supervisor: supervisorID,\r\n time: inTime,\r\n token: $.session.Token\r\n };\r\n\r\n workshopFilterListData.jobStepId = 0;\r\n\r\n workshopAjax.WorkshopClockIn(inData, res => {\r\n if (res.length > 0) {\r\n // There are overlaps\r\n overlapErrorPopup(res, \"in\");\r\n } else {\r\n selectedConsumers = [];\r\n mainTableData = {};\r\n workshopAjax.WorkshopFilterList(\r\n workshopFilterListData,\r\n buildWorkshopTable\r\n );\r\n }\r\n\r\n roster2.clearActiveConsumers();\r\n });\r\n }\r\n\r\n function clockOut() {\r\n let outTimeField = document.getElementById(\"outTime\");\r\n let outTime = outTimeField.value + \":00\";\r\n outData = {\r\n batchId: selectedBatchId,\r\n consumerids: selectedConsumers.map(e => e.id).join(\"|\"),\r\n jobActType: \"\",\r\n jobStepId: \"0\",\r\n jobString: \"\",\r\n location: \"0\",\r\n selectedDate: displayDateIso,\r\n startOrEnd: \"End\",\r\n supervisor: \"0\",\r\n time: outTime,\r\n token: $.session.Token\r\n };\r\n\r\n workshopFilterListData.jobStepId = 0;\r\n\r\n workshopAjax.WorkshopClockOut(outData, res => {\r\n if (res.length > 0) {\r\n overlapErrorPopup(res, \"out\");\r\n } else {\r\n selectedConsumers = [];\r\n mainTableData = {};\r\n workshopAjax.WorkshopFilterList(\r\n workshopFilterListData,\r\n buildWorkshopTable\r\n );\r\n }\r\n });\r\n }\r\n\r\n function overlapErrorPopup(overlapRecords, inOutString) {\r\n let clockedInConsumers = selectedConsumers.length - overlapRecords.length;\r\n\r\n let overlapErrorPopup = POPUP.build({\r\n header: `\r\n ${clockedInConsumers} ${clockedInConsumers !== 1 ? \"consumers\" : \"consumer\"\r\n } clocked ${inOutString}. \r\n There ${overlapRecords.length === 1 ? \"Is\" : \"Are\"} ${overlapRecords.length\r\n } ${overlapRecords.length === 1 ? \"Overlap.\" : \"Overlaps.\"}\r\n `,\r\n id: \"overlapErrorPopup\"\r\n });\r\n\r\n let overlapDescriptionWrap = document.createElement(\"div\");\r\n\r\n overlapRecords.forEach(r => {\r\n let overlapRecord = document.createElement(\"p\");\r\n overlapRecord.innerHTML = `
\r\n Time in: ${UTIL.convertFromMilitary(mainTableData[r].startTime)} -\r\n Time out: ${UTIL.convertFromMilitary(mainTableData[r].endTime)}
\r\n `;\r\n overlapDescriptionWrap.appendChild(overlapRecord);\r\n });\r\n\r\n let correctBtn = button.build({\r\n text: \"Correct Overlaps\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n callback: function () {\r\n POPUP.hide(overlapErrorPopup);\r\n overlapCorrection(overlapRecords);\r\n }\r\n });\r\n let continueBtn = button.build({\r\n text: \"Continue\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n callback: function () {\r\n mainTableData = {};\r\n workshopAjax.WorkshopFilterList(\r\n workshopFilterListData,\r\n buildWorkshopTable\r\n );\r\n POPUP.hide(overlapErrorPopup);\r\n }\r\n });\r\n selectedConsumers = [];\r\n let btnWrap = document.createElement(\"div\");\r\n btnWrap.classList.add(\"btnWrap\");\r\n btnWrap.appendChild(correctBtn);\r\n btnWrap.appendChild(continueBtn);\r\n overlapErrorPopup.appendChild(overlapDescriptionWrap);\r\n overlapErrorPopup.appendChild(btnWrap);\r\n\r\n POPUP.show(overlapErrorPopup);\r\n }\r\n\r\n function overlapCorrection(overlapRecords) {\r\n workshopFilterListData.consumerIds = overlapRecords\r\n .map(r => mainTableData[r].consumerid)\r\n .join(\",\");\r\n\r\n workshopAjax.WorkshopFilterList(workshopFilterListData, res => {\r\n workshopFilterListData.consumerIds = breakDownConsumerList(\r\n activeModulesConsumers\r\n );\r\n buildWorkshopTable(res, callback => {\r\n overlapRecords.forEach(r => {\r\n row = document.getElementById(`jobAct${r}`);\r\n row.classList.add(\"overlapError\");\r\n });\r\n });\r\n });\r\n }\r\n\r\n function handleActionNavEvent(target) {\r\n var targetAction = target.dataset.actionNav;\r\n var miniRoster = document.querySelector('[data-roster=\"waiting\"]');\r\n var consumerList = document.querySelector('[data-roster=\"enabled\"]');\r\n consumerListBtn = document.querySelector(\".consumerListBtn\");\r\n\r\n switch (targetAction) {\r\n // case \"rosterDone\": {\r\n // roster.selectedConsumersToEnabledList();\r\n // checkOpenBatches();\r\n // enabledConsumers = roster.getEnabledConsumers();\r\n // workshopFilterListData.consumerIds = breakDownConsumerList(\r\n // enabledConsumers\r\n // );\r\n // break;\r\n // }\r\n // case \"rosterCancel\": {\r\n // unloadApp($.loadedApp);\r\n // setActiveModuleAttribute(\"home\");\r\n // DOM.clearActionCenter();\r\n // DOM.ACTIONCENTER.removeAttribute(\"data-active-section\");\r\n // dashboard.load();\r\n // break;\r\n // }\r\n case \"miniRosterDone\": {\r\n if (initalRosterLoad) {\r\n activeModulesConsumers = roster2.getActiveConsumers();\r\n initalRosterLoad = false\r\n setActiveModuleSectionAttribute(\"workshop\");\r\n DOM.toggleNavLayout();\r\n roster2.clearActiveConsumers();\r\n workshopFilterListData.consumerIds = breakDownConsumerList(\r\n activeModulesConsumers\r\n );\r\n checkOpenBatches();\r\n } else {\r\n selectedConsumers = roster2.getActiveConsumers();\r\n DOM.toggleNavLayout();\r\n clockInOutChoicePopup();\r\n roster2.clearActiveConsumers();\r\n }\r\n break;\r\n }\r\n case \"miniRosterCancel\": {\r\n if (initalRosterLoad) {\r\n loadApp('home')\r\n } else {\r\n DOM.toggleNavLayout();\r\n roster2.clearActiveConsumers();\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n\r\n function initPageLoad() {\r\n DOM.clearActionCenter();\r\n PROGRESS.init();\r\n PROGRESS.SPINNER.init();\r\n PROGRESS.SPINNER.show(\"Gathering Data\");\r\n\r\n buildSelectionFields();\r\n initialData();\r\n workshopAjax.WorkshopFilterList(workshopFilterListData, buildWorkshopTable);\r\n }\r\n\r\n function init() {\r\n //RESET FILTERS\r\n filterCache = {\r\n locationSelectedOpt: 0,\r\n jobStepSelectedOpt: 0\r\n };\r\n workshopFilterListData.jobStepId = 0;\r\n selectedBatchId = \"\";\r\n enableMultiEdit = false;\r\n //--------\r\n let defaultWorkshopLocation = defaults.getLocation('workshop');\r\n if (defaultWorkshopLocation === '') {\r\n defaults.setLocation('workshop', 0);\r\n defaultWorkshopLocation = \"0\";\r\n }\r\n roster2.miniRosterinit({\r\n locationId: defaultWorkshopLocation,\r\n locationName: '',\r\n }, {\r\n hideDate: true,\r\n });\r\n\r\n initalRosterLoad = true\r\n sitenav = document.querySelector(\".nav\");\r\n setActiveModuleSectionAttribute(\"workshop\");\r\n\r\n roster2.showMiniRoster({ hideDate: true })\r\n\r\n\r\n\r\n // enabledConsumers = roster.getEnabledConsumers();\r\n\r\n // if (enabledConsumers.length === 0) {\r\n // // display mini roster for consumer selection\r\n // roster.buildRoster(true, false, function appendMiniRoster(miniRoster) {\r\n // DOM.ACTIONCENTER.appendChild(miniRoster);\r\n // }, true);\r\n // } else {\r\n // checkOpenBatches();\r\n // }\r\n }\r\n\r\n return {\r\n init,\r\n handleActionNavEvent\r\n };\r\n})();\r\n","var workshopAjax = (function() {\r\n function clockoutWorkshopSingle(jobActid, timeEntered, callback) {\r\n singleClockOutData = {\r\n token: $.session.Token,\r\n jobActivityId: jobActid,\r\n timeEntered: timeEntered\r\n };\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/ClockoutWorkshopSingle/\",\r\n data: JSON.stringify(singleClockOutData),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n var res = JSON.stringify(response);\r\n callback(res);\r\n // if (res.indexOf(\"End Overlap\") !== -1) {\r\n // timeOverlapPopup(\"End time overlaps with existing record.\");\r\n // } else {\r\n // endTime = formatTimeFromDB(singleClockOutData.timeEntered);\r\n // $(\"#\" + singleClockOutData.jobActivityId + \" td:nth-child(3)\").text(\r\n // endTime\r\n // );\r\n\r\n // // this works now just need to send over the endtime and not starttime input - Ash\r\n // var clockoutEndtime = Array.from(\r\n // $(\"#\" + singleClockOutData.jobActivityId + \" td:nth-child(3)\")\r\n // );\r\n // validateEndTime(clockoutEndtime[0]);\r\n // filterSetup();\r\n // }\r\n } catch (e) {}\r\n },\r\n error: function(xhr, status, error) {\r\n alert(\"Error\\n-----\\n\" + xhr.status + \"\\n\" + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function deleteWorkshopEntry(jobActId, callback) {\r\n deleteData = {\r\n token: $.session.Token,\r\n jobActivityId: jobActId\r\n };\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/DeleteWorkshopEntry/\",\r\n data: JSON.stringify(deleteData),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n data = response.getDeleteWorkshopEntryResult;\r\n callback();\r\n } catch (e) {}\r\n },\r\n error: function(xhr, status, error) {\r\n alert(\"Error\\n-----\\n\" + xhr.status + \"\\n\" + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n //Call to popuate list based on drop down values\r\n function getWorkshopBatchById(data, callback) {\r\n callback();\r\n }\r\n\r\n function getEnabledConsumersForWorkshop(selectedDate, selectedLocation, callback) {\r\n // var selectedDate = $(\"#workshopdateboxinside\").html();\r\n // selectedDate = formatDateForDatabaseSave(selectedDate);\r\n // var selectedLocation = $(\"#workshoplocationname\").attr(\"locationid\");\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/getEnabledConsumersForWorkshop/\",\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"selectedDate\":\"' +\r\n selectedDate +\r\n '\", \"selectedLocation\":\"' +\r\n selectedLocation +\r\n '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n var res = JSON.parse(response.getEnabledConsumersForWorkshopResult);\r\n callback(res);\r\n // disableNonWorkshopConsumers(res);\r\n },\r\n error: function(xhr, status, error) {}\r\n });\r\n }\r\n\r\n function updateWorkshopClockIn(jobActid, timeEntered, callback) {\r\n updateClockInData = {\r\n token: $.session.Token,\r\n jobActivityId: jobActid,\r\n timeEntered: timeEntered\r\n };\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/UpdateWorkshopClockIn/\",\r\n data: JSON.stringify(updateClockInData),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n var res = JSON.stringify(response);\r\n callback(res);\r\n // if (res.indexOf(\"Start Overlap\") != -1) {\r\n // //Show pop up with error message saying start time can not be after end time.\r\n // timeOverlapPopup(\"Start time can not be set after end time.\");\r\n // } else {\r\n // startTime = formatTimeFromDB(updateClockInData.timeEntered);\r\n // $(\"#\" + updateClockInData.jobActivityId + \" td:nth-child(2)\").text(\r\n // startTime\r\n // );\r\n // filterSetup();\r\n // $(\"*\").removeClass(\"waitingCursor\");\r\n // }\r\n } catch (e) {}\r\n },\r\n error: function(xhr, status, error) {\r\n alert(\"Error\\n-----\\n\" + xhr.status + \"\\n\" + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function updateWorkshopQuantity(quantity, jobActId) {\r\n insertData = {\r\n token: $.session.Token,\r\n quantity: quantity,\r\n jobActivityId: jobActId\r\n };\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/UpdateWorkshopQuantity/\",\r\n data: JSON.stringify(insertData),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n data = response.getUpdateWorkshopQuantityResult;\r\n \r\n } catch (e) {}\r\n },\r\n error: function(xhr, status, error) {\r\n alert(\"Error\\n-----\\n\" + xhr.status + \"\\n\" + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function WorkshopPreBatchLoad(callback) {\r\n var newDate = new Date();\r\n absenceDate =\r\n newDate.getFullYear() +\r\n \"-\" +\r\n (newDate.getMonth() + 1) +\r\n \"-\" +\r\n newDate.getDate();\r\n $.session.workshopBatchId = \"\";\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/WorkshopPreBatchLoad/\",\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"absenceDate\":\"' +\r\n absenceDate +\r\n '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n data = response.WorkshopPreBatchLoadResult;\r\n callback(data);\r\n // if (data.length > 1) {\r\n // \tdisplaySelectBatch(data, callback);\r\n // } else if (data.length == 1) {\r\n // \t$.session.workshopBatchId = data[0].id;\r\n // \tcallback(data);\r\n // } else {\r\n // \tdisplayNoBatch();\r\n // \t$('#roostertoolbar').hide();\r\n // \t$('*').removeClass('waitingCursor');\r\n // \tdata = null;\r\n // \tcallback(data);\r\n // }\r\n },\r\n error: function(xhr, status, error) {\r\n callback(error, null);\r\n }\r\n });\r\n }\r\n\r\n function WorkshopLocations(dateSelected, callback) {\r\n // var selectedDate = $(\"#workshopdateboxinside\").html();\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/WorkshopLocations/\",\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"serviceDate\":\"' +\r\n dateSelected +\r\n '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n data = response.WorkshopLocationsResult;\r\n callback(data);\r\n // populateLocations(null, data);\r\n } catch (e) {}\r\n },\r\n error: function(xhr, status, error) {\r\n alert(\"Error\\n-----\\n\" + xhr.status + \"\\n\" + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function WorkshopGetSupervisors(date, callback) {\r\n // var selectedDate = $(\"#workshopdateboxinside\").html();\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/getWorkshopSupervisors/\",\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"selectedDate\":\"' +\r\n date +\r\n '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n data = response.getWorkshopSupervisorsResult;\r\n callback(data);\r\n // populateSupervisors(null, data);\r\n } catch (e) {}\r\n },\r\n error: function(xhr, status, error) {}\r\n });\r\n }\r\n\r\n function WorkshopGetJobCode(date, location, callback) {\r\n // var selectedDate = $(\"#workshopdateboxinside\").html();\r\n // var location = $(\"#workshoplocationname\").attr(\"locationid\");\r\n queryData = {\r\n token: $.session.Token,\r\n selectedDate: date,\r\n location: location\r\n };\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/getWorkshopJobCode/\",\r\n data: JSON.stringify(queryData),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n data = response.getWorkshopJobCodeResult;\r\n callback(data);\r\n // populateWorkCodes(null, data);\r\n } catch (e) {}\r\n },\r\n error: function(xhr, status, error) {}\r\n });\r\n }\r\n\r\n function WorkshopFilterList(data, callback) {\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/getWorkshopFilterListData/\",\r\n data: JSON.stringify(data),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n data = response.getWorkshopFilterListDataResult;\r\n callback(data)\r\n // preFilterListDataSetup(null, data, overlapData);\r\n } catch (e) {\r\n console.log(e);\r\n }\r\n },\r\n error: function(xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function WorkshopClockIn(data, callback) {\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/GetWorkshopOverlaps/\",\r\n data: JSON.stringify(data),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n //Returns ConsumerIds of people that already have a record\r\n res = response.GetWorkshopOverlapsResult;\r\n callback(res);\r\n } catch (e) {\r\n callback(e, null);\r\n }\r\n },\r\n error: function(xhr, status, error) {\r\n alert(\"Error\\n-----\\n\" + xhr.status + \"\\n\" + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function WorkshopClockOut(data, callback) {\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/GetWorkshopOverlaps/\",\r\n data: JSON.stringify(data),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n res = response.GetWorkshopOverlapsResult;\r\n callback(res);\r\n } catch (e) {\r\n callback(e, null);\r\n }\r\n },\r\n error: function(xhr, status, error) {\r\n alert(\"Error\\n-----\\n\" + xhr.status + \"\\n\" + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n return {\r\n clockoutWorkshopSingle,\r\n deleteWorkshopEntry,\r\n getWorkshopBatchById,\r\n getEnabledConsumersForWorkshop,\r\n updateWorkshopClockIn,\r\n updateWorkshopQuantity,\r\n WorkshopPreBatchLoad,\r\n WorkshopLocations,\r\n WorkshopGetSupervisors,\r\n WorkshopGetJobCode,\r\n WorkshopFilterList,\r\n WorkshopClockIn,\r\n WorkshopClockOut\r\n };\r\n})();\r\n","const workflow = (\r\n function() {\r\n \r\n function init(){ \r\n\r\n \r\n // PRETEND TO BE THE PLAN MODULE \r\n const viewerBtnOpts = {\r\n text: 'Launch Viewer',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => WorkflowViewerComponent.open(WorkflowProcess.CONSUMER_PLAN_ANNUAL, '686614946775502')\r\n };\r\n const viewerBtn = button.build(viewerBtnOpts);\r\n viewerBtn.style = \"margin: 20px\";\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('landingBtnWrap');\r\n\r\n btnWrap.appendChild(viewerBtn);\r\n\r\n DOM.clearActionCenter();\r\n DOM.ACTIONCENTER.appendChild(btnWrap);\r\n \r\n } \r\n\r\n return {\r\n init\r\n }\r\n\r\n }\r\n)();","(function (global, factory) {\r\n global.Notifications = factory();\r\n})(this, function () {\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {};\r\n\r\n /**\r\n * Notifcations builds and stores notification elements,\r\n * this will build multiple different styles of notifications\r\n * depending on the options you pass\r\n *\r\n * @constructor\r\n */\r\n function Notifications(options) {\r\n // Data Init\r\n this.options = _UTIL.mergeObjects(DEFAULT_OPTIONS, options);\r\n this.notifications = {};\r\n\r\n // DOM Ref\r\n this.rootElement = null;\r\n\r\n this._build();\r\n }\r\n\r\n /**\r\n * @function\r\n */\r\n Notifications.prototype._build = function () {\r\n this.rootElement = _DOM.createElement('div', { class: 'notifications' });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n Notifications.prototype.show = function () {\r\n if (this.notifications) {\r\n }\r\n\r\n const itemEle = _DOM.createElement('div', { class: ['validationMessage'] });\r\n\r\n return this;\r\n };\r\n\r\n return Notifications;\r\n});\r\n","(function (global, factory) {\r\n global.Tutorial = factory();\r\n})(this, function () {\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {};\r\n\r\n /**\r\n * Merge default options with user options\r\n *\r\n * @function\r\n * @param {Object} userOptions - User defined options object\r\n * @return {Object} - Merged options object\r\n */\r\n const mergOptionsWithDefaults = userOptions => {\r\n return Object.assign({}, DEFAULT_OPTIONS, userOptions);\r\n };\r\n\r\n //=========================\r\n // TUTORIAL SATE\r\n //-------------------------\r\n /**\r\n * Represents the state management system for the tutorial.\r\n * Initializes with default state values if no initial state is provided.\r\n * @constructor\r\n * @param {Object} [initialState] - The initial state of the tutorial.\r\n * @param {number} [initialState.currentStep=1] - The current step of the tutorial.\r\n * @param {number} [initialState.totalSteps=5] - The total number of steps in the tutorial.\r\n */\r\n function TutorialState(initialState = { currentStep: 1, totalSteps: 5 }) {\r\n this.currentStep = initialState.currentStep;\r\n this.totalSteps = initialState.totalSteps;\r\n this.observers = [];\r\n }\r\n\r\n /**\r\n * Subscribe a new observer function.\r\n *\r\n * @param {Function} observerFunction - The function to notify when the state changes.\r\n */\r\n TutorialState.prototype.subscribe = function (observerFunction) {\r\n this.observers.push(observerFunction);\r\n };\r\n\r\n /**\r\n * Unsubscribe an existing observer function.\r\n *\r\n * @param {Function} observerFunction - The function to remove from the observer list.\r\n */\r\n TutorialState.prototype.unsubscribe = function (observerFunction) {\r\n const index = this.observers.indexOf(observerFunction);\r\n if (index > -1) {\r\n this.observers.splice(index, 1);\r\n }\r\n };\r\n\r\n /**\r\n * Update the tutorial state and notify all observers.\r\n * @param {Object} newState - The new state to merge with the current state.\r\n */\r\n TutorialState.prototype.setState = function (newState) {\r\n Object.assign(this, newState);\r\n this.observers.forEach(observerFunction => observerFunction(this));\r\n };\r\n\r\n /**\r\n * Move to the next step in the tutorial if not at the last step.\r\n */\r\n TutorialState.prototype.next = function () {\r\n if (this.currentStep < this.totalSteps) {\r\n this.setState({ currentStep: this.currentStep + 1 });\r\n }\r\n };\r\n\r\n /**\r\n * Move to the previous step in the tutorial if not at the first step.\r\n */\r\n TutorialState.prototype.back = function () {\r\n if (this.currentStep > 1) {\r\n this.setState({ currentStep: this.currentStep - 1 });\r\n }\r\n };\r\n\r\n //=========================\r\n // MAIN LIB\r\n //-------------------------\r\n\r\n /**\r\n * @constructor\r\n * @param {Object} options\r\n */\r\n function Tutorial(options) {\r\n // Data Init\r\n this.options = mergOptionsWithDefaults(options);\r\n this.initialState = { currentStep: 1, totalSteps: 5 };\r\n this.tutorialState = new TutorialState(initialState);\r\n\r\n // DOM Ref\r\n this.tutorial = null;\r\n }\r\n\r\n /**\r\n * Builds the Tutorial element structure\r\n *\r\n * @function\r\n * @returns {Tutorial} - Returns the current instances for chaining\r\n */\r\n Tutorial.prototype.build = function () {\r\n this.tutorial = _DOM.createElement('div');\r\n\r\n // Subscribe to state changes\r\n this.tutorialState.subscribe(function render(state) {\r\n // Logic to render the current popup based on `state.currentStep`\r\n });\r\n\r\n // Event listeners for Next and Back buttons\r\n // this.nextButton.onClick = tutorialState.next();\r\n // this.backButton.onClick = tutorialState.back();\r\n\r\n return this;\r\n };\r\n\r\n /**\r\n * Renders the built Tutorial element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node - DOM node to render the tutorial to\r\n * @returns {Tutorial} - Returns the current instances for chaining\r\n */\r\n Tutorial.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.tutorial);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return Tutorial;\r\n});\r\n","(function (global, factory) {\r\n global.VallidationController = factory();\r\n})(this, function () {\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Validation center is used for grouping error and warning messages together,\r\n * should not be used for Form Input validation, form will handle that for you.\r\n *\r\n * @constructor\r\n */\r\n function VallidationController(options) {\r\n // Data Init\r\n this.options = { ...options };\r\n this.items = {};\r\n // DOM Ref\r\n this.validationWrap = null;\r\n this.errorsWrap = null;\r\n this.warningsWrap = null;\r\n\r\n this._build();\r\n }\r\n\r\n /**\r\n * @function\r\n */\r\n VallidationController.prototype._build = function () {\r\n this.validationWrap = _DOM.createElement('div', { class: 'validations' });\r\n\r\n this.errorsWrap = _DOM.createElement('div', { class: 'validationErros' });\r\n\r\n this.warningsWrap = _DOM.createElement('div', { class: 'validationWarnings' });\r\n\r\n this.validationWrap.appendChild(this.errorsWrap);\r\n this.validationWrap.appendChild(this.warningsWrap);\r\n };\r\n /**\r\n * Builds warning message markup, this will auto show\r\n *\r\n * @function\r\n */\r\n VallidationController.prototype.addWarning = function ({ name, message }) {\r\n if (this.items[name]) {\r\n console.error(`name: ${name}, is already being used by another error/warning message`);\r\n }\r\n\r\n const itemInstance = new ValidationMessage({\r\n name,\r\n message,\r\n type: 'warning',\r\n });\r\n\r\n itemInstance.renderTo(this.warningsWrap);\r\n\r\n this.items[name] = itemInstance;\r\n };\r\n /**\r\n * Shows warning message\r\n *\r\n * @function\r\n */\r\n VallidationController.prototype.showWarning = function ({ name, ...rest }) {\r\n if (!this.items[name]) {\r\n this.addWarning({ name, ...rest });\r\n }\r\n\r\n this.items[name].itemEle.classList.remove('hidden');\r\n };\r\n /**\r\n * Builds error message markup, this will auto show\r\n *\r\n * @function\r\n */\r\n VallidationController.prototype.addError = function ({ name, message }) {\r\n if (this.items[name]) {\r\n console.error(`name: ${name}, is already being used by another error/warning message`);\r\n }\r\n\r\n const itemInstance = new ValidationMessage({\r\n name,\r\n message,\r\n type: 'error',\r\n });\r\n\r\n itemInstance.renderTo(this.errorsWrap);\r\n\r\n this.items[name] = itemInstance;\r\n };\r\n /**\r\n * Shows error message\r\n *\r\n * @function\r\n */\r\n VallidationController.prototype.showError = function ({ name, ...rest }) {\r\n if (!this.items[name]) {\r\n this.addError({ name, ...rest });\r\n }\r\n\r\n this.items[name].itemEle.classList.remove('hidden');\r\n };\r\n /**\r\n * Hides warning/error message\r\n *\r\n * @function\r\n */\r\n VallidationController.prototype.hide = function (name) {\r\n if (!this.items[name]) return;\r\n this.items[name].itemEle.classList.add('hidden');\r\n };\r\n /**\r\n * Sets the status of the error to valid/invalid\r\n *\r\n * @function\r\n */\r\n VallidationController.prototype.toggleErrorStatus = function (name, isError) {\r\n if (isError) {\r\n this.items[name].itemEle.classList.remove('valid');\r\n } else {\r\n this.items[name].itemEle.classList.add('valid');\r\n }\r\n };\r\n\r\n /**\r\n * Renders VallidationController markup to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node - DOM node to render case notes feedback to\r\n * @returns {VallidationController} - Returns the current instances for chaining\r\n */\r\n VallidationController.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.validationWrap);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return VallidationController;\r\n});\r\n","(function (global, factory) {\r\n global.ConfirmationPopup = factory();\r\n})(this, function () {\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {\r\n className: null,\r\n };\r\n\r\n function ConfirmationPopup(options) {\r\n // Data Init\r\n this.options = _UTIL.mergeObjects(DEFAULT_OPTIONS, options);\r\n this.displayStatus = null;\r\n\r\n // DOM Ref\r\n this.dialog = null;\r\n this.messageEle = null;\r\n this.confirmButton = null;\r\n this.cancelButton = null;\r\n\r\n this._build();\r\n }\r\n\r\n ConfirmationPopup.prototype._build = function () {\r\n this.dialog = new Dialog({ className: this.options.className });\r\n\r\n this.messageEle = _DOM.createElement('p', {\r\n class: 'confirmation__message',\r\n });\r\n\r\n const btnWrap = _DOM.createElement('div', { class: 'button-wrap' });\r\n this.confirmButton = new Button({\r\n text: 'Ok',\r\n name: 'confirm',\r\n });\r\n this.cancelButton = new Button({\r\n text: 'Cancel',\r\n styleType: 'outlined',\r\n name: 'cancel',\r\n });\r\n\r\n this.confirmButton.renderTo(btnWrap);\r\n this.cancelButton.renderTo(btnWrap);\r\n\r\n this.dialog.dialog.appendChild(this.messageEle);\r\n this.dialog.dialog.appendChild(btnWrap);\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n ConfirmationPopup.prototype._setupEvents = function (cbFunc) {\r\n this.dialog.dialog.addEventListener('click', e => {\r\n // e.target is confirm or cancel?\r\n cbFunc();\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n ConfirmationPopup.prototype.show = function (message) {\r\n if (this.displayStatus === 'open') return;\r\n\r\n if (message) this.messageEle.innerText = message;\r\n this.dialog.show();\r\n this.displayStatus = 'open';\r\n\r\n return new Promise((resolve, reject) => {\r\n const callbackFunction = e => {\r\n // e.target is confirm or cancel?\r\n this.dialog.dialog.removeEventListener('click', callbackFunction);\r\n this.close();\r\n resolve(e.target.name);\r\n };\r\n\r\n this.dialog.dialog.addEventListener('click', callbackFunction);\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n ConfirmationPopup.prototype.close = function () {\r\n this.dialog.close();\r\n this.displayStatus = 'closed';\r\n };\r\n\r\n /**\r\n * Renders the built Confirmation Popup element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the Confirmation Popup to\r\n * @returns {ConfirmationPopup} Returns the current instances for chaining\r\n */\r\n ConfirmationPopup.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.dialog.dialog);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return ConfirmationPopup;\r\n});\r\n","(function (global, factory) {\r\n global.DateNavigation = factory();\r\n})(this, function () {\r\n const DAYS = {\r\n 0: 'sun',\r\n 1: 'mon',\r\n 2: 'tue',\r\n 3: 'wed',\r\n 4: 'thu',\r\n 5: 'fri',\r\n 6: 'sat',\r\n };\r\n\r\n //=======================================\r\n // CUSTOM DATE PICKER\r\n //---------------------------------------\r\n /**\r\n * Constructor function for creating a Date Picker component.\r\n *\r\n * @constructor\r\n * @returns {DatePicker}\r\n */\r\n function DatePicker() {\r\n this.parentEle = null;\r\n this.input = null;\r\n\r\n this.build();\r\n }\r\n\r\n /**\r\n * Builds the DatePicker component HTML\r\n *\r\n * @function\r\n */\r\n DatePicker.prototype.build = function () {\r\n // INPUT WRAP\r\n this.parentEle = _DOM.createElement('div', {\r\n class: 'datePicker',\r\n });\r\n\r\n // INPUT & LABEL\r\n this.input = _DOM.createElement('input', {\r\n id: 'datePicker',\r\n type: 'date',\r\n name: 'datePicker',\r\n });\r\n const labelEle = _DOM.createElement('label', {\r\n node: Icon.getIcon('calendar'),\r\n for: 'datePicker',\r\n });\r\n labelEle.addEventListener('click', e => {\r\n this.input.showPicker();\r\n });\r\n\r\n this.parentEle.appendChild(this.input);\r\n this.parentEle.appendChild(labelEle);\r\n };\r\n\r\n /**\r\n * On date change method\r\n *\r\n * @function\r\n * @param {Function} cbFunc Callback function to call\r\n */\r\n DatePicker.prototype.onDateChange = function (cbFunc) {\r\n this.input.addEventListener('change', e => {\r\n cbFunc(e.target.value);\r\n });\r\n };\r\n\r\n /**\r\n * Renders the built DatePicker element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the input to\r\n * @returns {DatePicker} Returns the current instances for chaining\r\n */\r\n DatePicker.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.parentEle);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {\r\n selectedDate: dates.getTodaysDateObj(),\r\n allowFutureDate: true,\r\n };\r\n\r\n /**\r\n * Constructor function for creating a Date Navigation component.\r\n *\r\n * @constructor\r\n * @param {Object} options\r\n * @param {Date} [options.selectedDate] Initial date for date nav\r\n * @param {Boolean} [options.allowFutureDate] Whether toallow future dates to be selected\r\n * @returns {DateNavigation}\r\n */\r\n function DateNavigation(options) {\r\n // Data Init\r\n this.options = _UTIL.mergeObjects(DEFAULT_OPTIONS, options);\r\n //? by default selectedDate, weekStart, weekEnd and eachDayoFWeek\r\n //? will be the most current week of calandar year\r\n this.weekStart = dates.startDayOfWeek(this.options.selectedDate);\r\n this.weekEnd = dates.endOfWeek(this.options.selectedDate);\r\n this.eachDayOfWeek = dates.eachDayOfInterval({\r\n start: this.weekStart,\r\n end: this.weekEnd,\r\n });\r\n\r\n this.isCurrentWeek = dates.isDateInCurrentWeek(this.options.selectedDate);\r\n\r\n if (!this.options.allowFutureDate && dates.isDateInFuture(this.options.selectedDate)) {\r\n throw new Error('Selected date option can not be in future if allow future date option is set to false');\r\n }\r\n\r\n // DOM\r\n this.navigationEle = null;\r\n this.weekWrapEle = null;\r\n this.prevWeekNavBtn = null;\r\n\r\n this.build();\r\n }\r\n\r\n /**\r\n * Builds the Navigation component HTML\r\n *\r\n * @function\r\n */\r\n DateNavigation.prototype.build = function () {\r\n this.navigationEle = _DOM.createElement('div', { class: 'dateNavigation' });\r\n this.weekWrapEle = _DOM.createElement('div', { class: 'week' });\r\n\r\n this.prevWeekNavBtn = _DOM.createElement('div', {\r\n class: 'navButtons',\r\n node: Icon.getIcon('arrowLeft'),\r\n });\r\n this.nextWeekNavBtn = _DOM.createElement('div', {\r\n class: this.isCurrentWeek ? ['navButtons', 'disabled'] : 'navButtons',\r\n node: Icon.getIcon('arrowRight'),\r\n });\r\n this.customDatePicker = new DatePicker();\r\n\r\n this.navigationEle.appendChild(this.customDatePicker.parentEle);\r\n this.navigationEle.appendChild(this.prevWeekNavBtn);\r\n this.navigationEle.appendChild(this.weekWrapEle);\r\n this.navigationEle.appendChild(this.nextWeekNavBtn);\r\n\r\n this.populate();\r\n this.setupEvents();\r\n };\r\n\r\n /**\r\n * Populates the navigation with the dates for the selected week range\r\n *\r\n * @function\r\n */\r\n DateNavigation.prototype.populate = function () {\r\n this.weekWrapEle.innerHTML = '';\r\n\r\n this.eachDayOfWeek.forEach(date => {\r\n const isDateCurrentlySelected = date.getTime() === this.options.selectedDate.getTime() ? true : false;\r\n const isDateInFuture = dates.isDateInFuture(date);\r\n\r\n const dayOfWeek = date.getDay();\r\n const month = date.getMonth() + 1;\r\n const day = date.getDate();\r\n\r\n const classArray = ['day'];\r\n if (isDateCurrentlySelected) classArray.push('selected');\r\n if (isDateInFuture && !this.options.allowFutureDate) classArray.push('disabled');\r\n\r\n const dateWrapEle = _DOM.createElement('div', {\r\n class: classArray,\r\n 'data-date': date.toDateString(),\r\n 'data-target': 'date',\r\n });\r\n const dayOfWeekEle = _DOM.createElement('p', { text: DAYS[dayOfWeek], class: 'weekday' });\r\n const dateEle = _DOM.createElement('p', { text: `${month}/${day}`, class: 'date' });\r\n\r\n dateWrapEle.appendChild(dateEle);\r\n dateWrapEle.appendChild(dayOfWeekEle);\r\n\r\n this.weekWrapEle.appendChild(dateWrapEle);\r\n });\r\n };\r\n\r\n /**\r\n * Sets up events for navigation\r\n *\r\n * @function\r\n */\r\n DateNavigation.prototype.setupEvents = function () {\r\n this.prevWeekNavBtn.addEventListener('click', e => {\r\n this.weekStart = dates.subWeeks(this.weekStart, 1);\r\n this.weekEnd = dates.subWeeks(this.weekEnd, 1);\r\n this.eachDayOfWeek = dates.eachDayOfInterval({\r\n start: this.weekStart,\r\n end: this.weekEnd,\r\n });\r\n\r\n this.options.selectedDate = this.eachDayOfWeek[1];\r\n this.isCurrentWeek = dates.isDateInCurrentWeek(this.options.selectedDate);\r\n this.nextWeekNavBtn.classList.toggle('disabled', this.isCurrentWeek);\r\n\r\n this.populate();\r\n\r\n const customEvent = new CustomEvent('onDateChange');\r\n this.weekWrapEle.dispatchEvent(customEvent);\r\n });\r\n\r\n this.nextWeekNavBtn.addEventListener('click', e => {\r\n this.weekStart = dates.addWeeks(this.weekStart, 1);\r\n this.weekEnd = dates.addWeeks(this.weekEnd, 1);\r\n this.eachDayOfWeek = dates.eachDayOfInterval({\r\n start: this.weekStart,\r\n end: this.weekEnd,\r\n });\r\n\r\n this.options.selectedDate = this.eachDayOfWeek[1];\r\n this.isCurrentWeek = dates.isDateInCurrentWeek(this.options.selectedDate);\r\n this.nextWeekNavBtn.classList.toggle('disabled', this.isCurrentWeek);\r\n\r\n this.populate();\r\n\r\n const customEvent = new CustomEvent('onDateChange');\r\n this.weekWrapEle.dispatchEvent(customEvent);\r\n });\r\n\r\n this.weekWrapEle.addEventListener('click', e => {\r\n if (e.target.dataset.target === 'date') {\r\n const currentSelectedDate = this.weekWrapEle.querySelector('.selected');\r\n if (currentSelectedDate) {\r\n currentSelectedDate.classList.remove('selected');\r\n }\r\n\r\n this.options.selectedDate = new Date(e.target.dataset.date);\r\n e.target.classList.add('selected');\r\n\r\n const customEvent = new CustomEvent('onDateChange');\r\n this.weekWrapEle.dispatchEvent(customEvent);\r\n\r\n return;\r\n }\r\n });\r\n\r\n this.customDatePicker.onDateChange(newDate => {\r\n const newDateValue = new Date(`${newDate}T00:00:00`);\r\n\r\n if (!this.options.allowFutureDate) {\r\n if (dates.isDateInFuture(newDateValue)) {\r\n return;\r\n }\r\n }\r\n\r\n this.options.selectedDate = newDateValue;\r\n this.isCurrentWeek = dates.isDateInCurrentWeek(this.options.selectedDate);\r\n this.weekStart = dates.startDayOfWeek(this.options.selectedDate);\r\n this.weekEnd = dates.endOfWeek(this.options.selectedDate);\r\n this.eachDayOfWeek = dates.eachDayOfInterval({\r\n start: this.weekStart,\r\n end: this.weekEnd,\r\n });\r\n\r\n this.nextWeekNavBtn.classList.toggle('disabled', this.isCurrentWeek);\r\n\r\n this.populate();\r\n\r\n const customEvent = new CustomEvent('onDateChange');\r\n this.weekWrapEle.dispatchEvent(customEvent);\r\n });\r\n };\r\n\r\n /**\r\n * On date change method\r\n *\r\n * @function\r\n * @param {Function} cbFunc Callback function to call\r\n */\r\n DateNavigation.prototype.onDateChange = function (cbFunc) {\r\n this.weekWrapEle.addEventListener('onDateChange', () => {\r\n cbFunc(this.options.selectedDate);\r\n });\r\n };\r\n\r\n /**\r\n * Renders the built Date Navigation element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the navigation to\r\n * @returns {DateNavigation} Returns the current instances for chaining\r\n */\r\n DateNavigation.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.navigationEle);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return DateNavigation;\r\n});\r\n","(function (global, factory) {\r\n global.AsyncRequestVisualizer = factory();\r\n})(this, function () {\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n * @param {Number} [options.duration] how long to show popup after success/error\r\n * @param {String} [options.messagePending] message while you wait\r\n * @param {String} [options.messageSuccess] message on success\r\n * @param {String} [options.messageError] message on error\r\n */\r\n const DEFAULT_OPTIONS = {\r\n messagePending: 'Loading...',\r\n messageSuccess: 'Success!',\r\n messageError: 'Error :(',\r\n duration: 2000,\r\n };\r\n\r\n /**\r\n * Constructor function for creating a Async Request Visualizer component.\r\n *\r\n * @constructor\r\n * @returns {AsyncRequestVisualizer}\r\n */\r\n function AsyncRequestVisualizer(options) {\r\n // Data Init\r\n this.options = _UTIL.mergeObjects(DEFAULT_OPTIONS, options);\r\n\r\n // Instance Ref\r\n this.dialog = null;\r\n this.spinner = null;\r\n\r\n // DOM Ref\r\n this.iconWrap = null;\r\n this.messageEle = null;\r\n\r\n this.build();\r\n }\r\n\r\n /**\r\n * Builds the AsyncRequestVisualizer component HTML\r\n *\r\n * @function\r\n */\r\n AsyncRequestVisualizer.prototype.build = function () {\r\n this.dialog = new Dialog({\r\n clickOutToClose: false,\r\n className: 'asyncRequestVisualizer',\r\n });\r\n\r\n this.iconWrap = _DOM.createElement('div', { class: 'iconWrap' });\r\n this.dialog.dialog.appendChild(this.iconWrap);\r\n\r\n this.spinner = new Spinner();\r\n this.spinner.renderTo(this.iconWrap);\r\n\r\n this.messageEle = _DOM.createElement('p');\r\n this.dialog.dialog.appendChild(this.messageEle);\r\n };\r\n\r\n /**\r\n * Default function for showing visualizer, use showPending to chain saves\r\n *\r\n * @function\r\n * @param {String} message\r\n */\r\n AsyncRequestVisualizer.prototype.show = function (message) {\r\n this.messageEle.innerText = message;\r\n this.dialog.show();\r\n };\r\n\r\n /**\r\n * Shows pending message, shows spinner\r\n *\r\n * @function\r\n * @param {String} message\r\n */\r\n AsyncRequestVisualizer.prototype.showPending = function (message) {\r\n this.messageEle.innerText = message;\r\n this.iconWrap.childNodes[0].remove();\r\n this.iconWrap.appendChild(this.spinner.spinnerWrap);\r\n };\r\n\r\n /**\r\n * Shows success message/icon but leaves dialog open for chaining saves\r\n *\r\n * @function\r\n * @param {String} message\r\n */\r\n AsyncRequestVisualizer.prototype.showSuccess = async function (message, duration = 2000) {\r\n this.messageEle.innerText = message;\r\n this.spinner.replaceWith(Icon.getIcon('checkmark'));\r\n\r\n this.iconWrap.classList.remove('error');\r\n\r\n await _UTIL.asyncSetTimeout(() => {}, duration);\r\n };\r\n\r\n /**\r\n * Shows error message/icon\r\n *\r\n * @function\r\n * @param {String} message\r\n */\r\n AsyncRequestVisualizer.prototype.showError = function (message) {\r\n this.messageEle.innerText = message;\r\n this.spinner.replaceWith(Icon.getIcon('error'));\r\n this.iconWrap.classList.add('error');\r\n };\r\n\r\n /**\r\n * Handle async request completion\r\n *\r\n * @function\r\n * @param {Boolean} isSuccess\r\n * @param {String} message\r\n */\r\n AsyncRequestVisualizer.prototype.fullfill = async function (status, message, duration = 2000) {\r\n // set icon and message\r\n if (status === 'success') {\r\n this.showSuccess(message);\r\n } else {\r\n this.showError(message);\r\n }\r\n\r\n await _UTIL.asyncSetTimeout(() => {\r\n this.dialog.close();\r\n this.iconWrap.childNodes[0].remove();\r\n this.iconWrap.appendChild(this.spinner.spinnerWrap);\r\n }, duration);\r\n };\r\n\r\n /**\r\n * Renders the built AsyncRequestVisualizer to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the AsyncRequestVisualizer to\r\n * @returns {AsyncRequestVisualizer} Returns the current instances for chaining\r\n */\r\n AsyncRequestVisualizer.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.dialog.dialog);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return AsyncRequestVisualizer;\r\n});\r\n","(function (global, factory) {\r\n global.RosterCard = factory();\r\n})(this, function () {\r\n /**\r\n * Constructor function for creating a Roster Card component.\r\n *\r\n * @constructor\r\n * @returns {RosterCard}\r\n */\r\n function RosterCard(options) {\r\n this.consumerId = options.consumerId;\r\n this.firstName = options.firstName;\r\n this.middleName = options.middleName;\r\n this.lastName = options.lastName;\r\n this.isInactive = options.isInactive;\r\n this.rootElement = null;\r\n\r\n this.build();\r\n }\r\n\r\n /**\r\n * Builds the Roster Card component HTML\r\n *\r\n * @function\r\n */\r\n RosterCard.prototype.build = function () {\r\n this.rootElement = _DOM.createElement('div', {\r\n class: 'rosterCard',\r\n 'data-id': this.consumerId,\r\n 'data-target': 'rosterCard',\r\n });\r\n\r\n // PORTRAIT\r\n const portrait = new Portrait(this.consumerId);\r\n\r\n // DETAILS\r\n const firstName = _DOM.createElement('p', {\r\n text: `${this.firstName.trim()} ${this.middleName?.trim() || ''}`.trim(),\r\n });\r\n const lastName = _DOM.createElement('p', { text: `${this.lastName.trim()},` });\r\n\r\n const fragment = new DocumentFragment();\r\n fragment.append(lastName, firstName);\r\n\r\n\r\n const details = this.isInactive == true ? _DOM.createElement('div', { class: 'inactiveDetails', node: fragment }) : _DOM.createElement('div', { class: 'details', node: fragment });\r\n\r\n // BUILD\r\n portrait.renderTo(this.rootElement);\r\n this.rootElement.appendChild(details);\r\n };\r\n\r\n /**\r\n * Renders the built Roster Card component to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the roster card to\r\n * @returns {RosterCard} Returns the current instances for chaining\r\n */\r\n RosterCard.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.rootElement);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return RosterCard;\r\n});\r\n","(function (global, factory) {\r\n global.RosterPicker = factory();\r\n})(this, function () {\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {\r\n allowMultiSelect: false,\r\n consumerRequired: false,\r\n isReadOnly: false,\r\n };\r\n let selectionDate;\r\n let selectedActive = 'No';\r\n let filterDate;\r\n let isCaseLoadDisabled;\r\n /**\r\n * Constructor function for creating a Roster Picker component.\r\n *\r\n * @constructor\r\n * @param {Object} options\r\n * @param {Boolean} [options.allowMultiSelect]\r\n * @param {Boolean} [options.consumerRequired]\r\n * @returns {RosterPicker}\r\n */\r\n function RosterPicker(options) {\r\n // Data Init\r\n this.options = _UTIL.mergeObjects(DEFAULT_OPTIONS, options);\r\n this.consumers = {};\r\n this.selectedConsumers = {};\r\n this.failedImageCache = new Set();\r\n this.groupCode = 'ALL';\r\n\r\n // DOM Ref\r\n this.rootElement = null;\r\n this.rosterWrapEle = null;\r\n this.rosterSearchInput = null;\r\n this.rosterCaseLoadInput = null;\r\n this.rosterInActiveInput = null;\r\n this.consumerCards = null;\r\n\r\n this._build();\r\n this._setupEvents();\r\n }\r\n\r\n /**\r\n * Builds the Roster Picker component HTML\r\n *\r\n * @function\r\n */\r\n RosterPicker.prototype._build = function () {\r\n this.rootElement = _DOM.createElement('div', { class: 'rosterPicker' });\r\n this.rosterWrapEle = _DOM.createElement('div', { class: 'rosterPicker__cardsWrap' });\r\n selectionDate = this.options.selectionDate;\r\n this.messageEleIcon = this.options.consumerRequired ? Icon.getIcon('error') : '';\r\n this.messageEle = _DOM.createElement('p', {\r\n class: 'rosterPicker__message',\r\n node: this.messageEleIcon,\r\n text: this.options.consumerRequired\r\n ? this.options.allowMultiSelect\r\n ? 'Consumer(s) is required'\r\n : 'Consumer is required'\r\n : 'Please select a consumer',\r\n });\r\n this.messageEle.classList.toggle(\r\n 'error',\r\n this.options.consumerRequired && !Object.keys(this.selectedConsumers).length,\r\n );\r\n\r\n this.rosterSearchInput = new Input({\r\n type: 'search',\r\n id: 'rosterPickerSearch',\r\n name: 'rosterPickerSearch',\r\n placeholder: 'Search...',\r\n });\r\n\r\n if (($.session.CaseNotesCaseloadRestriction === true && $.loadedApp === 'casenotes')\r\n || ($.session.WaitingListAssessmentCaseLoad === true && $.loadedApp === 'waitingList')) {\r\n isCaseLoadDisabled = true;\r\n this.groupCode = 'CAS';\r\n } else {\r\n isCaseLoadDisabled = false;\r\n this.groupCode = 'ALL'; \r\n }\r\n\r\n this.rosterCaseLoadInput = new Checkbox({\r\n label: 'Only show caseload',\r\n id: 'caseloadtoggle',\r\n name: 'caseload',\r\n checked: isCaseLoadDisabled,\r\n disabled: isCaseLoadDisabled,\r\n });\r\n\r\n this.rosterInActiveInput = new Checkbox({\r\n label: 'Show inactive individuals',\r\n id: 'inactivetoggle',\r\n name: 'inactive',\r\n checked: false,\r\n hidden: $.session.applicationName === 'Advisor',\r\n });\r\n\r\n this.rootElement.append(\r\n this.messageEle,\r\n this.rosterSearchInput.rootElement,\r\n this.rosterCaseLoadInput.rootElement,\r\n this.rosterInActiveInput.rootElement,\r\n this.rosterWrapEle,\r\n );\r\n };\r\n\r\n RosterPicker.prototype._buildMobileButton = function () {\r\n this.mobileRosterBtn = new Button({\r\n icon: 'peopleGroup',\r\n class: ['mobileRosterBtn'],\r\n });\r\n };\r\n\r\n /**\r\n * Sets up events for roster picker\r\n *\r\n * @function\r\n */\r\n RosterPicker.prototype._setupEvents = function () {\r\n this.rosterWrapEle.addEventListener('click', e => {\r\n if (e.target.dataset.target === 'pinCardIcon') {\r\n if (!e.target.parentNode.parentNode.classList.contains('pinned')) {\r\n e.target.parentNode.parentNode.classList.add('pinned');\r\n } else {\r\n e.target.parentNode.parentNode.classList.remove('pinned');\r\n }\r\n\r\n return;\r\n }\r\n\r\n if (e.target.dataset.target === 'rosterCard') {\r\n if (e.target.parentNode.classList.contains('selected')) {\r\n e.target.parentNode.classList.remove('selected');\r\n delete this.selectedConsumers[e.target.dataset.id];\r\n } else {\r\n if (!this.options.allowMultiSelect) this.clearSelectedConsumers();\r\n\r\n e.target.parentNode.classList.add('selected');\r\n this.selectedConsumers[e.target.dataset.id] = e.target;\r\n }\r\n\r\n this._updateMessage();\r\n\r\n const customEvent = new CustomEvent('onConsumerSelect');\r\n this.rosterWrapEle.dispatchEvent(customEvent);\r\n\r\n return;\r\n }\r\n });\r\n\r\n this.rosterWrapEle.addEventListener('error', e => {\r\n if (e.target.tagName === 'IMG') {\r\n this.failedImageCache.add(e.target.src);\r\n }\r\n });\r\n\r\n this.rosterSearchInput.onKeyup(\r\n _UTIL.debounce(e => {\r\n this._filterConsumersOnSearch(e);\r\n }, 500),\r\n );\r\n\r\n this.rosterSearchInput.onChange(e => {\r\n this._filterConsumersOnSearch(e);\r\n });\r\n this.rosterSearchInput.onClick(e => {\r\n console.log(e);\r\n // this._filterConsumersOnSearch(e);\r\n });\r\n\r\n this.rosterCaseLoadInput.onChange(async e => {\r\n this.groupCode = e.target.checked ? 'CAS' : 'ALL';\r\n await this.fetchConsumers();\r\n this.populate();\r\n });\r\n\r\n this.rosterInActiveInput.onChange(async e => {\r\n selectedActive = e.target.checked ? 'Yes' : 'No';\r\n await this.fetchConsumers();\r\n this.populate();\r\n });\r\n };\r\n\r\n /**\r\n * Filters roster picker on search\r\n *\r\n * @function\r\n * @param {Event} e\r\n */\r\n RosterPicker.prototype._filterConsumersOnSearch = function (e) {\r\n for (consumerID in this.consumers) {\r\n const firstName = this.consumers[consumerID].FN.toLowerCase().trim();\r\n const middleName = this.consumers[consumerID].MN.toLowerCase().trim();\r\n const lastName = this.consumers[consumerID].LN.toLowerCase().trim();\r\n\r\n const nameCombinations = [\r\n `${firstName} ${middleName} ${lastName}`,\r\n `${lastName}, ${firstName} ${middleName}`,\r\n `${firstName} ${lastName}`,\r\n `${lastName}, ${firstName}`,\r\n `${firstName} ${middleName}`,\r\n `${middleName} ${lastName}`,\r\n ];\r\n\r\n const isMatch = nameCombinations.some(combo => combo.indexOf(e.target.value.toLowerCase()) !== -1);\r\n if (isMatch) {\r\n this.consumers[consumerID].cardEle.parentNode.classList.remove('isClosed');\r\n } else {\r\n this.consumers[consumerID].cardEle.parentNode.classList.add('isClosed');\r\n }\r\n }\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n RosterPicker.prototype._scrollToTop = function () {\r\n this.rosterWrapEle.scrollTop = 0;\r\n };\r\n\r\n /**\r\n * Updates the status of the message element\r\n */\r\n RosterPicker.prototype._updateMessage = function () {\r\n let newIcon;\r\n\r\n if (this.options.consumerRequired && !Object.keys(this.selectedConsumers).length) {\r\n newIcon = Icon.getIcon('error');\r\n this.messageEle.classList.add('error');\r\n } else {\r\n newIcon = Icon.getIcon('checkmark');\r\n this.messageEle.classList.remove('error');\r\n }\r\n\r\n this.messageEle.replaceChild(newIcon, this.messageEleIcon);\r\n this.messageEleIcon = newIcon;\r\n };\r\n\r\n /**\r\n * Fetches consumers data by date, group and location\r\n *\r\n * @function\r\n * @param {Object} retrieveData\r\n */\r\n RosterPicker.prototype.fetchConsumers = async function () {\r\n try {\r\n const todaysDate = selectionDate == undefined ? dates.getTodaysDateObj() : selectionDate;\r\n todaysDate.setHours(0, 0, 0, 0);\r\n filterDate = dates.formatISO(todaysDate, { representation: 'date' });\r\n let daysBackDate = dates.subDays(todaysDate, $.session.defaultProgressNoteReviewDays);\r\n\r\n const data = await _UTIL.fetchData('getConsumersByGroupJSON', {\r\n groupCode: this.groupCode,\r\n retrieveId: '0',\r\n serviceDate: filterDate,\r\n daysBackDate: dates.formatISO(daysBackDate, { representation: 'date' }),\r\n isActive: selectedActive,\r\n });\r\n this.consumers = data.getConsumersByGroupJSONResult.reduce((acc, cv) => {\r\n acc[cv.id] = cv;\r\n return acc;\r\n }, {});\r\n } catch (error) {\r\n console.log('uh oh something went horribly wrong :(', error.message);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n /**\r\n * Populate consumer roster cards\r\n *\r\n * @function\r\n */\r\n RosterPicker.prototype.populate = function () {\r\n this.rosterWrapEle.innerHTML = '';\r\n\r\n Object.values(this.consumers)\r\n .sort((a, b) => {\r\n if (a.LN < b.LN) return -1;\r\n if (a.LN > b.LN) return 1;\r\n\r\n if (a.FN < b.FN) return -1;\r\n if (a.FN > b.FN) return 1;\r\n\r\n return 0;\r\n })\r\n .forEach(consumer => {\r\n // ROSTER CARD\r\n const gridAnimationWrapper = _DOM.createElement('div', { class: 'rosterCardWrap' });\r\n var inActive = false;\r\n\r\n if ($.session.applicationName === 'Gatekeeper') {\r\n if (consumer.statusCode == 'I' && consumer.IDa != undefined && consumer.IDa != '' && UTIL.formatDateToIso(consumer.IDa.split(' ')[0]) <= filterDate) {\r\n inActive = true;\r\n }\r\n }\r\n const rosterCard = new RosterCard({\r\n consumerId: consumer.id,\r\n firstName: consumer.FN,\r\n middleName: consumer.MN,\r\n lastName: consumer.LN,\r\n isInactive: inActive,\r\n });\r\n rosterCard.renderTo(gridAnimationWrapper);\r\n\r\n // PIN ICON\r\n const pinCardIcon = Icon.getIcon('pin');\r\n pinCardIcon.setAttribute('data-target', 'pinCardIcon');\r\n rosterCard.rootElement.appendChild(pinCardIcon);\r\n\r\n // BUILD\r\n this.rosterWrapEle.appendChild(gridAnimationWrapper);\r\n\r\n // SET REFERENCE TO DOM NODE ON DATA OBJ\r\n consumer.cardEle = rosterCard.rootElement;\r\n });\r\n };\r\n\r\n /**\r\n * On consumer select method\r\n *\r\n * @function\r\n * @param {Function} cbFunc Callback function to call\r\n */\r\n RosterPicker.prototype.onConsumerSelect = function (cbFunc, opts = {}) {\r\n this.rosterWrapEle.addEventListener('onConsumerSelect', () => {\r\n if (opts.idkyet) {\r\n const selectedConsumers = Object.keys(this.selectedConsumers).reduce((acc, cv) => {\r\n const consumer = this.consumers[cv];\r\n acc[cv] = {\r\n id: cv,\r\n firstName: consumer.FN,\r\n middleName: consumer.MN,\r\n lastName: consumer.LN,\r\n };\r\n return acc;\r\n }, {});\r\n\r\n cbFunc(selectedConsumers);\r\n return;\r\n }\r\n\r\n cbFunc(Object.keys(this.selectedConsumers));\r\n });\r\n };\r\n\r\n /**\r\n *\r\n * @function\r\n * @param {Boolean} isDisabled\r\n * @param {Boolean} [forceAll]\r\n */\r\n RosterPicker.prototype.toggleRosterDisabled = function (isDisabled, forceAll = false) {\r\n for (consumers in this.consumers) {\r\n if (!isDisabled) {\r\n this.consumers[consumers].cardEle.parentNode.classList.remove('disabled');\r\n continue;\r\n }\r\n\r\n if (forceAll) {\r\n this.consumers[consumers].cardEle.parentNode.classList.add('disabled');\r\n continue;\r\n }\r\n\r\n const isSelected = this.consumers[consumers].cardEle.parentNode.classList.contains('selected');\r\n const isLocked = this.consumers[consumers].cardEle.parentNode.classList.contains('locked');\r\n\r\n if (!isSelected && !isLocked) {\r\n this.consumers[consumers].cardEle.parentNode.classList.add('disabled');\r\n }\r\n }\r\n };\r\n\r\n /**\r\n * Updates the allowMultiSelect option property with given value\r\n *\r\n * @function\r\n * @param {Boolean} allowMultiSelect\r\n */\r\n RosterPicker.prototype.toggleMultiSelectOption = function (allowMultiSelect) {\r\n this.options.allowMultiSelect = allowMultiSelect;\r\n\r\n if (this.options.allowMultiSelect) {\r\n // clear selected consumers except locked consumers\r\n for (consumerID in this.selectedConsumers) {\r\n if (!this.selectedConsumers[consumerID].parentNode.classList.contains('locked')) {\r\n this.selectedConsumers[consumerID].parentNode.classList.remove('selected');\r\n delete this.selectedConsumers[consumerID];\r\n }\r\n }\r\n }\r\n };\r\n\r\n /**\r\n * Removes selected consumer\r\n *\r\n * @function\r\n */\r\n RosterPicker.prototype.clearSelectedConsumers = function () {\r\n for (consumerID in this.selectedConsumers) {\r\n this.selectedConsumers[consumerID].parentNode.classList.remove('selected');\r\n this.selectedConsumers[consumerID].parentNode.classList.remove('locked');\r\n this.selectedConsumers[consumerID].parentNode.classList.remove('disabled');\r\n delete this.selectedConsumers[consumerID];\r\n }\r\n };\r\n\r\n /**\r\n * Selects consumer(s) in roster picker\r\n *\r\n * @function\r\n * @param {Array} consumerIds\r\n */\r\n RosterPicker.prototype.setSelectedConsumers = function (consumerIds, lockdown = false) {\r\n this.clearSelectedConsumers();\r\n\r\n consumerIds.forEach(cid => {\r\n this.selectedConsumers[cid] = this.consumers[cid].cardEle;\r\n this.consumers[cid].cardEle.parentNode.classList.add('selected');\r\n\r\n if (lockdown) {\r\n this.consumers[cid].cardEle.parentNode.classList.add('locked');\r\n }\r\n });\r\n\r\n this._updateMessage();\r\n\r\n this._scrollToTop();\r\n };\r\n\r\n /**\r\n * Renders the built Roster Picker component to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the roster picker to\r\n * @returns {RosterPicker} Returns the current instances for chaining\r\n */\r\n RosterPicker.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.rootElement);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return RosterPicker;\r\n});\r\n","(function (global, factory) {\r\n global.WarningPopup = factory();\r\n})(this, function () {\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {\r\n className: null,\r\n };\r\n\r\n function WarningPopup(options) {\r\n // Data Init\r\n this.options = _UTIL.mergeObjects(DEFAULT_OPTIONS, options);\r\n this.displayStatus = null;\r\n\r\n // DOM Ref\r\n this.dialog = null;\r\n this.messageEle = null;\r\n this.confirmButton = null;\r\n this.cancelButton = null;\r\n\r\n this._build();\r\n }\r\n\r\n WarningPopup.prototype._build = function () {\r\n this.dialog = new Dialog({ hideX: false, className: this.options.className }); \r\n\r\n this.messageEle = _DOM.createElement('p', {\r\n class: 'confirmation__message',\r\n });\r\n\r\n const btnWrap = _DOM.createElement('div', { class: 'button-wrap' });\r\n this.confirmButton = new Button({\r\n text: 'Yes',\r\n name: 'confirm',\r\n icon: 'checkmark', \r\n });\r\n this.cancelButton = new Button({\r\n text: 'No',\r\n name: 'cancel',\r\n icon: 'close',\r\n });\r\n\r\n this.confirmButton.renderTo(btnWrap);\r\n this.cancelButton.renderTo(btnWrap);\r\n\r\n this.dialog.dialog.appendChild(this.messageEle);\r\n this.dialog.dialog.appendChild(btnWrap);\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n WarningPopup.prototype._setupEvents = function (cbFunc) {\r\n this.dialog.dialog.addEventListener('click', e => {\r\n console.log(e.target);\r\n cbFunc();\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n WarningPopup.prototype.show = function (message) {\r\n if (this.displayStatus === 'open') return;\r\n\r\n if (message) this.messageEle.innerText = message;\r\n this.dialog.show();\r\n this.displayStatus = 'open';\r\n\r\n return new Promise((resolve, reject) => {\r\n const callbackFunction = e => {\r\n // e.target is confirm or cancel?\r\n this.dialog.dialog.removeEventListener('click', callbackFunction);\r\n this.close();\r\n resolve(e.target.name);\r\n };\r\n\r\n this.dialog.dialog.addEventListener('click', callbackFunction);\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n WarningPopup.prototype.close = function () {\r\n this.dialog.close();\r\n this.displayStatus = 'closed';\r\n };\r\n\r\n /**\r\n * Renders the built Confirmation Popup element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the Confirmation Popup to\r\n * @returns {WarningPopup} Returns the current instances for chaining\r\n */\r\n WarningPopup.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.dialog.dialog);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return WarningPopup;\r\n});\r\n","(function (global, factory) {\r\n global.Attachments = factory();\r\n})(this, function () {\r\n /**\r\n * @constructor\r\n * @param {Object} options\r\n * @param {String} options.id Id for input, use to link it with label. Also used for name attribute.\r\n * @param {String} options.type HTML Input type\r\n * @param {String} options.label Text for label input\r\n * @param {Boolean} [options.hidden] Whether to show or hide the input\r\n */\r\n function File(options) {\r\n // Data Init\r\n this.options = _DOM.separateHTMLAttribrutes(options);\r\n this.options.attributes.name = this.options.attributes.id;\r\n\r\n // DOM Ref\r\n this.rootElement = null;\r\n this.input = null;\r\n this.labelEle = null;\r\n\r\n this._build();\r\n }\r\n\r\n /**\r\n * @function\r\n */\r\n File.prototype._build = function () {\r\n // INPUT WRAP\r\n const classArray = ['inputGroup', 'file', `${this.options.attributes.id}`];\r\n const inputGroup = _DOM.createElement('div', {\r\n class: this.options.hidden ? [...classArray, 'inputGroup--hidden'] : classArray,\r\n });\r\n\r\n // INPUT & LABEL\r\n this.input = _DOM.createElement('input', { ...this.options.attributes });\r\n this.labelEle = _DOM.createElement('label', {\r\n text: this.options.label,\r\n for: this.options.attributes.id,\r\n });\r\n\r\n inputGroup.append(this.labelEle, this.input);\r\n\r\n this.rootElement = inputGroup;\r\n };\r\n\r\n /**\r\n * Renders the built File Input element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the input to\r\n * @returns {Input} Returns the current instances for chaining\r\n */\r\n File.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.rootElement);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * @constructor\r\n */\r\n function Attachments(options) {\r\n // Data Init\r\n this.options = options;\r\n this.options.type = 'file';\r\n this.inputs = {};\r\n this.filenamelength = 14;\r\n\r\n // DOM Ref\r\n this.rootElement = null;\r\n\r\n this._build();\r\n this._setupEvents();\r\n }\r\n\r\n /**\r\n * @function\r\n */\r\n Attachments.prototype._build = function () {\r\n this.rootElement = _DOM.createElement('div', { class: 'attachments' });\r\n\r\n const input = new File({ ...this.options });\r\n\r\n input.renderTo(this.rootElement);\r\n\r\n this.inputs[this.options.id] = input;\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n Attachments.prototype._setupEvents = function (cbFunc) {\r\n this.rootElement.addEventListener('change', e => {\r\n const targetID = e.target.id;\r\n\r\n // check file type\r\n const forbiddenTypes = new RegExp('(audio/)|(video/)');\r\n const isFileTypeValid = _UTIL.validateFileType(e, forbiddenTypes);\r\n if (!isFileTypeValid) return;\r\n\r\n // NEW INPUT\r\n const newInputId = _UTIL.autoIncrementId(targetID);\r\n const newInputInstance = new File({\r\n type: 'file',\r\n label: 'Add Attachment',\r\n id: newInputId,\r\n });\r\n this.inputs[newInputId] = newInputInstance;\r\n this.inputs[targetID].rootElement.insertAdjacentElement('beforebegin', newInputInstance.rootElement);\r\n\r\n // update target attachment\r\n this.inputs[targetID].rootElement.classList.add('hasFile');\r\n this.inputs[targetID].labelEle.innerText = _UTIL.truncateFilename(e.target.files[0].name, this.filenamelength);\r\n const deleteIcon = Icon.getIcon('delete');\r\n this.inputs[targetID].labelEle.insertBefore(deleteIcon, this.inputs[targetID].labelEle.firstChild);\r\n deleteIcon.addEventListener('click', e => {\r\n e.stopPropagation();\r\n this.inputs[targetID].rootElement.remove();\r\n delete this.inputs[targetID];\r\n // const customEvent = new CustomEvent('fileDelete', { bubbles: true });\r\n // this.rootElement.dispatchEvent(customEvent);\r\n });\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n Attachments.prototype._viewAttachment = function (attachmentId) {\r\n const action = `${$.webServer.protocol}://${$.webServer.address}:${$.webServer.port}/${$.webServer.serviceName}/viewCaseNoteAttachment/`;\r\n\r\n const form = document.createElement('form');\r\n form.setAttribute('action', action);\r\n form.setAttribute('method', 'POST');\r\n form.setAttribute('target', '_blank');\r\n form.setAttribute('enctype', 'application/json');\r\n form.setAttribute('success', res => JSON.stringify(res));\r\n\r\n const tokenInput = document.createElement('input');\r\n tokenInput.setAttribute('name', 'token');\r\n tokenInput.setAttribute('value', $.session.Token);\r\n tokenInput.id = 'token';\r\n\r\n const attachmentInput = document.createElement('input');\r\n attachmentInput.setAttribute('name', 'attachmentId');\r\n attachmentInput.setAttribute('value', attachmentId);\r\n attachmentInput.id = 'attachmentId';\r\n\r\n form.appendChild(tokenInput);\r\n form.appendChild(attachmentInput);\r\n form.style.position = 'absolute';\r\n form.style.opacity = '0';\r\n\r\n document.body.appendChild(form);\r\n\r\n form.submit();\r\n };\r\n\r\n /**\r\n * This does not add a file input, rather a view only attachment\r\n *\r\n * @function\r\n * @param {Object} newAttachments\r\n */\r\n Attachments.prototype.addAttachments = function (newAttachments) {\r\n newAttachments.forEach(newAttachment => {\r\n const inputGroup = _DOM.createElement('div', { class: ['file', 'hasFile'] });\r\n\r\n const label = _DOM.createElement('div', {\r\n class: 'fakelabel',\r\n text: _UTIL.truncateFilename(newAttachment.description, this.filenamelength),\r\n });\r\n\r\n const deleteIcon = Icon.getIcon('delete');\r\n\r\n label.insertBefore(deleteIcon, label.firstChild);\r\n inputGroup.append(label);\r\n\r\n inputGroup.addEventListener('click', e => {\r\n if (e.target === deleteIcon) {\r\n const customEvent = new CustomEvent('fileDelete', {\r\n bubbles: true,\r\n detail: newAttachment.attachmentId,\r\n });\r\n this.rootElement.dispatchEvent(customEvent);\r\n return;\r\n } else {\r\n //this._viewAttachment(newAttachment.attachmentId);\r\n caseNotesAjax.viewCaseNoteAttachment(newAttachment.attachmentId);\r\n }\r\n });\r\n\r\n this.rootElement.append(inputGroup);\r\n });\r\n };\r\n\r\n /**\r\n * Clears out all attachments, does not delete them\r\n *\r\n * @function\r\n */\r\n Attachments.prototype.clear = function () {\r\n this.inputs = {};\r\n\r\n this.rootElement.innerHTML = '';\r\n\r\n const input = new File({ ...this.options });\r\n input.renderTo(this.rootElement);\r\n this.inputs[this.options.id] = input;\r\n };\r\n\r\n return Attachments;\r\n});\r\n","(function (global, factory) {\r\n global.Button = factory();\r\n})(this, function () {\r\n //=========================\r\n // MAIN LIB\r\n //-------------------------\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {\r\n text: null,\r\n type: 'button',\r\n icon: null,\r\n style: 'primary',\r\n styleType: 'contained',\r\n disabled: false,\r\n class: [],\r\n };\r\n\r\n /**\r\n * Constructor function for creating a Button component.\r\n *\r\n * @constructor\r\n * @param {Object} options\r\n * @param {String} options.type submit or button (don't use reset)\r\n * @param {String} [options.text] button text\r\n * @param {String} [options.name] button name\r\n * @param {String} [options.value] button value\r\n * @param {String} [options.icon] icon to include\r\n * @param {String} [options.style] primary(blue), secondary(green), danger(red), warning(yellow)\r\n * @param {String} [options.styleType] contained(filled), outlined(border, no fill), text(no fill/border)\r\n * @param {Array} [options.class] additional css classes to add ['class1', 'class2']\r\n * @returns {Button}\r\n *\r\n * @example\r\n * const saveButton = new Button({\r\n * text: 'save',\r\n * });\r\n */\r\n function Button(options) {\r\n // Data Init\r\n this.options = _DOM.separateHTMLAttribrutes(_UTIL.mergeObjects(DEFAULT_OPTIONS, options));\r\n\r\n // DOM Ref\r\n this.button = null;\r\n\r\n this._build();\r\n }\r\n\r\n /**\r\n * Builds the Button element component HTML\r\n *\r\n * @function\r\n */\r\n Button.prototype._build = function () {\r\n const classes = ['button', this.options.style, this.options.styleType, ...this.options.class];\r\n this.button = _DOM.createElement('button', {\r\n class: this.options.hidden ? [...classes, 'button--hidden'] : classes,\r\n type: this.options.attributes.type,\r\n name: this.options.attributes.name,\r\n value: this.options.attributes.value,\r\n disabled: this.options.attributes.disabled,\r\n });\r\n\r\n if (this.options.icon) {\r\n if (this.options.text) {\r\n const textNode = document.createTextNode(this.options.text);\r\n this.button.append(Icon.getIcon(this.options.icon), textNode);\r\n this.button.classList.add('button--icon');\r\n } else {\r\n this.button.appendChild(Icon.getIcon(this.options.icon));\r\n this.button.classList.add('button--icon-only');\r\n }\r\n } else {\r\n this.button.innerText = this.options.text;\r\n }\r\n };\r\n\r\n /**\r\n * Handles button click event\r\n *\r\n * @function\r\n * @param {Function} cbFunc Callback function to call\r\n */\r\n Button.prototype.onClick = function (cbFunc) {\r\n this.button.addEventListener('click', e => {\r\n e.preventDefault();\r\n if (cbFunc) cbFunc(e);\r\n });\r\n };\r\n\r\n /**\r\n * Toggles button disabled state, if true input is disabled\r\n *\r\n * @function\r\n * @param {Boolean} isDisbled\r\n */\r\n Button.prototype.toggleDisabled = function (isDisbled) {\r\n this.button.disabled = isDisbled;\r\n };\r\n\r\n /**\r\n * Toggles button visibility state, if true input is hidden\r\n *\r\n * @function\r\n * @param {Boolean} isHidden\r\n */\r\n Button.prototype.toggleVisibility = function (isHidden) {\r\n this.button.classList.toggle('button--hidden', isHidden);\r\n };\r\n\r\n Button.prototype.updateText = function (newText) {\r\n this.button.innerText = '';\r\n\r\n const textNode = document.createTextNode(newText);\r\n\r\n if (this.options.icon) {\r\n this.button.append(Icon.getIcon(this.options.icon));\r\n }\r\n\r\n this.button.append(textNode);\r\n };\r\n\r\n /**\r\n * Renders the built Button element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the Button to\r\n * @returns {Button} Returns the current instances for chaining\r\n */\r\n Button.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.button);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return Button;\r\n});\r\n","(function (global, factory) {\r\n global.Checkbox = factory();\r\n})(this, function () {\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {\r\n note: null,\r\n };\r\n\r\n /**\r\n * Constructor function for creating a Checkbox component.\r\n *\r\n * @constructor\r\n * @param {Object} options\r\n * @param {String} options.id Id for input, use to link it with label. Also used for name attribute.\r\n * @param {String} options.label Text for label input\r\n * @param {Boolean} [options.required] Whether input is required for submission\r\n * @param {String} [options.note] Text for input note/message, displayed underneath input field\r\n * @param {Boolean} [options.hidden] Whether to show or hide the input\r\n * @param {Boolean} [options.toggle] *Checkbox only (instead of checkbox you will get a toggle button)\r\n * @returns {Checkbox}\r\n *\r\n * @example\r\n * const fnInput = new Checkbox({\r\n * label: 'First Name',\r\n * id: 'firstName'\r\n * });\r\n */\r\n function Checkbox(options) {\r\n // Data Init\r\n this.options = _DOM.separateHTMLAttribrutes(_UTIL.mergeObjects(DEFAULT_OPTIONS, options));\r\n this.options.attributes.name = this.options.attributes.id;\r\n this.options.attributes.type = 'checkbox';\r\n\r\n // DOM Ref\r\n this.rootElement = null;\r\n this.inputWrap = null;\r\n this.input = null;\r\n\r\n this._build();\r\n }\r\n\r\n /**\r\n * Builds the checkbox component HTML\r\n *\r\n * @function\r\n * @returns {Checkbox} Current instances for chaining\r\n */\r\n Checkbox.prototype._build = function () {\r\n // CHECKBOX WRAP\r\n const classArray = ['inputGroup', `${this.options.attributes.id}`];\r\n this.options.toggle ? classArray.push('checkbox_toggle') : classArray.push('checkbox');\r\n this.rootElement = _DOM.createElement('div', {\r\n class: this.options.hidden ? [...classArray, 'inputGroup--hidden'] : classArray,\r\n });\r\n\r\n // CHECKBOX & LABEL\r\n this.input = _DOM.createElement('input', { ...this.options.attributes });\r\n this.labelEle = _DOM.createElement('label', {\r\n text: this.options.label,\r\n for: this.options.attributes.id,\r\n });\r\n this.rootElement.appendChild(this.input);\r\n this.rootElement.appendChild(this.labelEle);\r\n\r\n // CHECKBOX NOTE\r\n if (this.options.note) {\r\n const inputNote = _DOM.createElement('div', { class: 'inputGroup__note', text: this.options.note });\r\n this.rootElement.appendChild(inputNote);\r\n }\r\n };\r\n\r\n /**\r\n * Sets value of checkbox\r\n *\r\n * @function\r\n * @param {String | Number} value\r\n */\r\n Checkbox.prototype.setValue = function (value) {\r\n if (value === '') return;\r\n \r\n this.input.checked = value;\r\n };\r\n\r\n /**\r\n * Returns value of checkbox\r\n *\r\n * @function\r\n * @returns {String} Value of checkbox\r\n */\r\n Checkbox.prototype.getValue = function () {\r\n return this.input.checked;\r\n };\r\n\r\n /**\r\n * Clears checkbox value, sets it to ''\r\n *\r\n * @function\r\n */\r\n Checkbox.prototype.clear = function () {\r\n this.input.checked = false;\r\n };\r\n\r\n /**\r\n * Toggles inputs required state, if true input is required\r\n *\r\n * @function\r\n * @param {Boolean} isRequired\r\n */\r\n Checkbox.prototype.toggleRequired = function (isRequired) {\r\n this.input.required = isRequired;\r\n };\r\n\r\n /**\r\n * Toggles checkbox disabled state, if true checkbox is disabled\r\n *\r\n * @function\r\n * @param {Boolean} isDisbled\r\n */\r\n Checkbox.prototype.toggleDisabled = function (isDisbled) {\r\n this.input.disabled = isDisbled;\r\n this.input.readOnly = isDisbled;\r\n };\r\n\r\n /**\r\n * Sets Custom Validity on checkbox\r\n *\r\n * @function\r\n * @param {String} message Empty string will unset invalid status\r\n */\r\n Checkbox.prototype.setValidtyError = function (message) {\r\n this.input.setCustomValidity(message);\r\n };\r\n\r\n /**\r\n * Handles checkbox change event\r\n *\r\n * @function\r\n * @param {Function} cbFunc Callback function to call\r\n */\r\n Checkbox.prototype.onChange = function (cbFunc) {\r\n this.input.addEventListener('input', e => {\r\n if (this.options.toggle) e.preventDefault();\r\n if (cbFunc) cbFunc(e);\r\n });\r\n };\r\n\r\n /**\r\n * Updates the text inside label element\r\n *\r\n * @param {String} newValue\r\n */\r\n Checkbox.prototype.updateLableValue = function (newValue) {\r\n if (_DOM.stringContainsHTML(newValue)) {\r\n this.labelEle.innerHTML = newValue;\r\n\r\n return;\r\n }\r\n\r\n this.labelEle.innerText = newValue;\r\n };\r\n\r\n /**\r\n * Renders the built checkbox element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the input to\r\n * @returns {Checkbox} Returns the current instances for chaining\r\n */\r\n Checkbox.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.rootElement);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return Checkbox;\r\n});\r\n","(function (global, factory) {\r\n global.CheckboxGroup = factory();\r\n})(this, function () {\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {\r\n groupLabel: null,\r\n fields: null,\r\n };\r\n\r\n /**\r\n * Constructor function for creating a CheckboxGroup component.\r\n *\r\n * @constructor\r\n * @param {Object} options\r\n * @param {Boolean} [options.disabled]\r\n * @param {Boolean} [options.required]\r\n * @returns {CheckboxGroup}\r\n */\r\n function CheckboxGroup(options) {\r\n // Data Init\r\n this.options = _UTIL.mergeObjects(DEFAULT_OPTIONS, options);\r\n this.inputs = {};\r\n\r\n // DOM Ref\r\n this.rootElement = null;\r\n this.groupLabelEle = null;\r\n\r\n this._build();\r\n }\r\n\r\n CheckboxGroup.prototype._build = function () {\r\n this.rootElement = _DOM.createElement('fieldset', { id: this.options.id });\r\n this.groupLabelEle = _DOM.createElement('legend', { text: this.options.groupLabel });\r\n this.rootElement.appendChild(this.groupLabelEle);\r\n\r\n this.options.fields.forEach(field => {\r\n let inputInstance = new Checkbox({ ...field, disabled: this.options.disabled, required: this.options.required });\r\n this.rootElement.appendChild(inputInstance.rootElement);\r\n this.inputs[field.id] = inputInstance;\r\n });\r\n };\r\n\r\n return CheckboxGroup;\r\n});\r\n","(function (global, factory) {\r\n global.Dialog = factory();\r\n})(this, function () {\r\n function Confirmation() {}\r\n\r\n function Alert() {}\r\n\r\n //=========================\r\n // MAIN LIB\r\n //-------------------------\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {\r\n clickOutToClose: true,\r\n className: null,\r\n isModal: true,\r\n };\r\n\r\n /**\r\n * Constructor function for creating a Dialog component.\r\n *\r\n * @constructor\r\n * @param {Object} options\r\n * @param {Boolean} [options.isModal] Whether to display as basic dialog or modal dialog\r\n * @param {String} [options.className] Class name for
${obj.templateName}
${obj.description}
`;\r\n workflowList.appendChild(wfvItem);\r\n });\r\n \r\n workflowList.addEventListener('click', e => {\r\n if (e.target.classList.contains('workflowListItem')) {\r\n const templateID = e.target.dataset.templateId;\r\n\r\n if (!e.target.classList.contains('selected')) {\r\n e.target.classList.add('selected');\r\n selectedWorkflows.push(templateID);\r\n } else {\r\n e.target.classList.remove('selected');\r\n selectedWorkflows = selectedWorkflows.filter(wf => wf !== templateID);\r\n }\r\n\r\n selectedWorkflows.length > 0 ? doneBtn.classList.remove('disabled') : doneBtn.classList.add('disabled');\r\n }\r\n });\r\n\r\n // Buttons\r\n //-----------------------\r\n const doneBtn = button.build({\r\n text: 'Done',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'disabled',\r\n callback: async () => {\r\n const workflowIds = [];\r\n\r\n if (selectedWorkflows && selectedWorkflows.length > 0) {\r\n try {\r\n for (i = 0; i < selectedWorkflows.length; i++) {\r\n let wftemplateId = selectedWorkflows[i];\r\n let workflowId = await WorkflowViewerAjax.copyWorkflowtemplateToRecord({\r\n token: $.session.Token,\r\n templateId: wftemplateId,\r\n referenceId: selectedConsumerId,\r\n peopleId: selectedConsumerId,\r\n });\r\n workflowIds.push(workflowId);\r\n }\r\n\r\n const newScreen = await buildWorkflowScreen();\r\n onResetViewer(newScreen);\r\n } catch (error) {\r\n console.error('error inserting workflows');\r\n }\r\n\r\n await displayWFwithMissingResponsibleParties(workflowIds);\r\n }\r\n\r\n POPUP.hide(wfPopup);\r\n }\r\n });\r\n const cancelBtn = button.build({\r\n id: 'addWorkflowCancelBtn',\r\n text: 'CANCEL',\r\n style: 'secondary',\r\n type: 'outlined',\r\n callback: () => POPUP.hide(wfPopup),\r\n });\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(doneBtn);\r\n btnWrap.appendChild(cancelBtn);\r\n\r\n\r\n wfPopup.appendChild(workflowList);\r\n wfPopup.appendChild(btnWrap);\r\n\r\n POPUP.show(wfPopup);\r\n }\r\n \r\n async function buildWorkflowScreen() {\r\n const workflowViewer = await WorkflowViewerComponent.get(4, selectedConsumerId, true);\r\n\r\n const addWorkflowBtn = button.build({\r\n text: 'Add Workflow(s)',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: async () => {\r\n showAddWorkflowPopup();\r\n },\r\n });\r\n\r\n return {workflowViewer, addWorkflowBtn};\r\n }\r\n\r\n async function getWorkflowScreen() {\r\n const newScreen = await buildWorkflowScreen();\r\n\r\n return newScreen\r\n }\r\n\r\n function init(consumerId, consumerName, onResetViewerFunc) {\r\n onResetViewer = onResetViewerFunc;\r\n selectedConsumerId = consumerId;\r\n $.workflowConsumerId = selectedConsumerId;\r\n $.workflowConsumerName = consumerName;\r\n }\r\n\r\n return {\r\n init,\r\n getWorkflowScreen,\r\n showAddWorkflowPopup\r\n }\r\n})();\r\n","var scheduling = (function () {\r\n function loadSchedulingLanding() {\r\n let schedulingCalendarBtn = button.build({\r\n text: 'View Calendar',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n setActiveModuleSectionAttribute('scheduling-calendar');\r\n PROGRESS.SPINNER.show('Loading Schedule...');\r\n schedulingCalendar.init();\r\n },\r\n });\r\n let schedulingRequestTimeOffBtn = button.build({\r\n text: 'Request Time Off',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n setActiveModuleSectionAttribute('scheduling-requestTimeOff');\r\n PROGRESS.SPINNER.show('Loading...');\r\n schedulingRequestTimeOff.init();\r\n },\r\n });\r\n let schedulingApproveRequestBtn = button.build({\r\n text: 'Approve Requests',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n setActiveModuleSectionAttribute('scheduling-approveRequests');\r\n PROGRESS.SPINNER.show('Loading...');\r\n schedulingApproveRequest.init();\r\n },\r\n });\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('landingBtnWrap');\r\n\r\n btnWrap.appendChild(schedulingCalendarBtn);\r\n\r\n if ($.session.schedulingView === true && $.session.schedulingUpdate === false) {\r\n } else {\r\n btnWrap.appendChild(schedulingRequestTimeOffBtn);\r\n btnWrap.appendChild(schedulingApproveRequestBtn);\r\n }\r\n\r\n DOM.ACTIONCENTER.appendChild(btnWrap);\r\n }\r\n\r\n function init() {\r\n //PERMISSION = SCHEDULE VIEW ONLY\r\n if (!$.session.schedulingUpdate) {\r\n setActiveModuleSectionAttribute('scheduling-calendar');\r\n schedulingCalendar.init();\r\n } else {\r\n loadSchedulingLanding();\r\n }\r\n }\r\n\r\n return {\r\n init,\r\n };\r\n})();\r\n","var schedulingAjax = (function () {\r\n function getLocationDropdownForSchedulingAjax(cb) {\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/getLocationDropdownForScheduling/\",\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = response.getLocationDropdownForSchedulingResult; \r\n cb(res);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n //When using this call:\r\n //Pass a '%' for the personId and the locationId from the dropdown to get all schedules for a location\r\n //Pass a '%' for the locationId and the users personId to get all of that pesons schedules\r\n function getSchedulesForSchedulingModuleAjax(locationId, personId, cb) {\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/getSchedulesForSchedulingModule/\",\r\n data: '{\"token\":\"' + $.session.Token + '\", \"locationId\":\"' + locationId + '\", \"personId\":\"' + personId + '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = response.getSchedulesForSchedulingModuleResult;\r\n cb(res, locationId);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n async function requestDaysOffSchedulingAjax(insertData) {\r\n //insertData must include token, personId, dates, fromTime, toTime, reason, employeeNotifiedId, status\r\n try {\r\n const result = await $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/requestDaysOffScheduling/\",\r\n data: JSON.stringify(insertData),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n });\r\n return result\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n function getCallOffDropdownReasonsAjax(cb) {\r\n //insertData must include token, toPersonId, reasonId, notification\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/getCallOffDropdownReasons/\",\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = response.getCallOffDropdownReasonsResult;\r\n cb(res);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function getCallOffDropdownEmployeesAjax(shiftDate, locationId, cb) {\r\n //insertData must include token, locationId\r\n shiftDate = UTIL.formatDateToIso(shiftDate);\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/getCallOffDropdownEmployees/\",\r\n data: '{\"token\":\"' + $.session.Token + '\",\"shiftDate\":\"' + shiftDate + '\",\"locationId\":\"' + locationId+ '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = response.getCallOffDropdownEmployeesResult;\r\n cb(res);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function getRequestTimeOffDropdownEmployees(cb) {\r\n //insertData must include token\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/getRequestTimeOffDropdownEmployees/\",\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = response.getRequestTimeOffDropdownEmployeesResult;\r\n cb(res);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function saveSchedulingCallOffRequestAjax(insertData) {\r\n //insertData must include token, shiftId, personId, reasonId, note, status, notifiedEmployeeId\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/saveSchedulingCallOffRequest/\",\r\n //data: '{\"token\":\"' + $.session.Token + '\"}',\r\n data: JSON.stringify(insertData),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = response.saveSchedulingCallOffRequestResult;\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function getDayOfWeekScheduleAjax(cb) {\r\n //insertData must include token, shiftId, personId, reasonId, note, status, notifiedEmployeeId\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/getDayOfWeekSchedule/\",\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = response.getDayOfWeekScheduleResult;\r\n cb(res);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function getScheduleApptInformationAjax(locationId, cb) {//Added locationId from dropdown on all schedule view\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/getScheduleApptInformation/\",\r\n data: '{\"token\":\"' + $.session.Token + '\",\"locationId\":\"' + locationId + '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = response.getScheduleApptInformationResult;\r\n cb(res);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function saveOpenShiftRequestSchedulingAjax(insertData) {//token, shiftId, personId, status, notifiedEmployeeId)\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/saveOpenShiftRequestScheduling/\",\r\n data: JSON.stringify(insertData),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = response.saveOpenShiftRequestSchedulingResult;\r\n //cb(res, schedules);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n async function getOverlapStatusforSelectedShiftAjax(shiftId, personId) {\r\n try {\r\n const result = await $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/getOverlapStatusforSelectedShift/\",\r\n data: '{\"token\":\"' + $.session.Token + '\",\"shiftId\":\"' + shiftId + '\",\"personId\":\"' + personId + '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n}\r\n\r\nasync function getOverlapDataforSelectedShiftAjax(shiftId, personId) {\r\n try {\r\n const result = await $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/getOverlapDataforSelectedShift/\",\r\n data: '{\"token\":\"' + $.session.Token + '\",\"shiftId\":\"' + shiftId + '\",\"personId\":\"' + personId + '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n}\r\n\r\n function cancelRequestOpenShiftSchedulingAjax(requestShiftId) {//token, requestShiftId)\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/cancelRequestOpenShiftScheduling/\",\r\n data: '{\"token\":\"' + $.session.Token + '\",\"requestShiftId\":\"' + requestShiftId + '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = response.cancelRequestOpenShiftSchedulingResult;\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function approveDenyOpenShiftRequestSchedulingAjax(insertData) {//token, requestedShiftId, decision)\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/approveDenyOpenShiftRequestScheduling/\",\r\n data: JSON.stringify(insertData),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = response.approveDenyOpenShiftRequestSchedulingResult;\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function approveDenyCallOffRequestSchedulingAjax(insertData) {//token, callOffShiftId, decision)\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/approveDenyCallOffRequestScheduling/\",\r\n data: JSON.stringify(insertData),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = response.approveDenyCallOffRequestSchedulingResult;\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n async function approveDenyDaysOffRequestSchedulingAjax(insertData) {//token, daysOffIdString(comma separated), decision, dateTime)\r\n try { \r\n const result = await $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/approveDenyDaysOffRequestScheduling/\",\r\n data: JSON.stringify(insertData),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n });\r\n return result.approveDenyDaysOffRequestSchedulingResult;\r\n\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n}\r\n\r\n function getScheduleMyApprovalDataAjax(insertData, cb) {//token, personId\r\n $.ajax({\r\n type: \"POST\",\r\n url: $.webServer.protocol + \"://\" + $.webServer.address + \":\" + $.webServer.port +\r\n \"/\" + $.webServer.serviceName + \"/getScheduleMyApprovalData/\",\r\n data: JSON.stringify(insertData),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = response.getScheduleMyApprovalDataResult;\r\n cb(res);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n return {\r\n getSchedulesForSchedulingModuleAjax: getSchedulesForSchedulingModuleAjax,\r\n getLocationDropdownForSchedulingAjax: getLocationDropdownForSchedulingAjax,\r\n requestDaysOffSchedulingAjax: requestDaysOffSchedulingAjax,\r\n getCallOffDropdownReasonsAjax: getCallOffDropdownReasonsAjax,\r\n getCallOffDropdownEmployeesAjax: getCallOffDropdownEmployeesAjax,\r\n saveSchedulingCallOffRequestAjax: saveSchedulingCallOffRequestAjax,\r\n getDayOfWeekScheduleAjax: getDayOfWeekScheduleAjax,\r\n getScheduleApptInformationAjax: getScheduleApptInformationAjax,\r\n cancelRequestOpenShiftSchedulingAjax: cancelRequestOpenShiftSchedulingAjax,\r\n saveOpenShiftRequestSchedulingAjax: saveOpenShiftRequestSchedulingAjax,\r\n getOverlapStatusforSelectedShiftAjax: getOverlapStatusforSelectedShiftAjax,\r\n getOverlapDataforSelectedShiftAjax: getOverlapDataforSelectedShiftAjax,\r\n approveDenyOpenShiftRequestSchedulingAjax: approveDenyOpenShiftRequestSchedulingAjax,\r\n approveDenyCallOffRequestSchedulingAjax: approveDenyCallOffRequestSchedulingAjax,\r\n approveDenyDaysOffRequestSchedulingAjax: approveDenyDaysOffRequestSchedulingAjax,\r\n getScheduleMyApprovalDataAjax: getScheduleMyApprovalDataAjax,\r\n getRequestTimeOffDropdownEmployees: getRequestTimeOffDropdownEmployees\r\n };\r\n\r\n})();","var defaults = (function () {\r\n // dom\r\n var rosterLocationDropdown;\r\n var rosterGroupDropdown;\r\n var dayServicesLocationDropdown;\r\n var timeClockLocationDropdown;\r\n var WorkshopLocationDropdown;\r\n var moneyManagementLocationDropdown;\r\n var rosterRLLCheckBox;\r\n var dayServicesRLLCheckBox;\r\n var timeClockRLLCheckBox;\r\n var WorkshopRLLCheckBox;\r\n var moneyManagementRLLCheckBox;\r\n var itDaysBackInput;\r\n var caseNotesDaysBackInput;\r\n var progressNotesDaysBackInput;\r\n\r\n // values\r\n var todaysDate = UTIL.getTodaysDate();\r\n var rosterLocation;\r\n var rosterGroup;\r\n var rosterGroupName;\r\n var dayServicesLocation;\r\n var timeClockLocation;\r\n var WorkshopLocation;\r\n var moneyManagementLocation;\r\n var rosterRLL;\r\n var dayServicesRLL;\r\n var timeClockRLL;\r\n var workshopRLL;\r\n var moneyManagementRLL;\r\n\r\n var defaultRosterLocationFixed;\r\n //dropdown data\r\n var dayServiceDropdownData;\r\n var workshopDropdownData;\r\n var moneyManagementDropdownData;\r\n var timeClockDropdownData;\r\n var rosterLocDropdownData;\r\n var rosterGroupDropdownData;\r\n\r\n function getLocation(module) {\r\n // module ex.. 'roster', 'dayServices'\r\n switch (module) {\r\n case 'roster': {\r\n return $.session.defaultRosterLocation === 'null' ||\r\n $.session.defaultRosterLocation === '0'\r\n ? ''\r\n : $.session.defaultRosterLocation;\r\n break;\r\n }\r\n case 'rosterGroup': {\r\n return $.session.defaultRosterGroupValue;\r\n break;\r\n }\r\n case 'dayServices': {\r\n return $.session.defaultDayServiceLocation;\r\n break;\r\n }\r\n case 'timeClock': {\r\n return $.session.defaultDSTimeClockValue;\r\n break;\r\n }\r\n case 'workshop': {\r\n return $.session.defaultWorkshopLocationValue;\r\n break;\r\n }\r\n case 'moneyManagement': {\r\n return $.session.defaultMoneyManagementLocationValue;\r\n break;\r\n }\r\n default: {\r\n return null;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n function setLocation(module, value, name) {\r\n // only called from within defaults page\r\n switch (module) {\r\n case 'roster': {\r\n rosterLocation = value;\r\n defaultsAjax.saveDefaultLocationValue('2', rosterLocation);\r\n //reset session var for the current session\r\n $.session.defaultRosterLocation = rosterLocation;\r\n break;\r\n }\r\n case 'rosterGroup': {\r\n rosterGroup = value;\r\n defaultsAjax.saveDefaultLocationValue('6', rosterGroup, rosterGroupName);\r\n //reset session var for the current session\r\n $.session.defaultRosterGroupValue = rosterGroup;\r\n break;\r\n }\r\n case 'dayServices': {\r\n dayServicesLocation = value;\r\n defaultsAjax.saveDefaultLocationValue('3', dayServicesLocation);\r\n //reset session var for the current session\r\n $.session.defaultDayServiceLocation = dayServicesLocation;\r\n break;\r\n }\r\n case 'timeClock': {\r\n timeClockLocation = value;\r\n defaultsAjax.saveDefaultLocationValue('4', timeClockLocation);\r\n //reset session var for the current session\r\n $.session.defaultDSTimeClockValue = timeClockLocation;\r\n break;\r\n }\r\n case 'workshop': {\r\n WorkshopLocation = value;\r\n defaultsAjax.saveDefaultLocationValue('5', WorkshopLocation);\r\n //reset session var for the current session\r\n $.session.defaultWorkshopLocationValue = WorkshopLocation;\r\n break;\r\n }\r\n case 'moneyManagement': {\r\n moneyManagementLocation = value;\r\n defaultsAjax.saveDefaultLocationValue('7', moneyManagementLocation);\r\n //reset session var for the current session\r\n $.session.defaultMoneyManagementLocationValue = moneyManagementLocation;\r\n break;\r\n }\r\n default: {\r\n return null;\r\n break;\r\n }\r\n }\r\n\r\n // defaultsAjax.setDefaultValue();\r\n }\r\n\r\n function setRememberLastLocation(module) {\r\n // only called from within defaults page\r\n switch (module) {\r\n case 'roster': {\r\n if (rosterRLL) {\r\n defaultsAjax.saveDefaultLocationName('2', 'Remember Last Location');\r\n $.session.defaultRosterLocationName = 'Remember Last Location';\r\n } else {\r\n defaultsAjax.saveDefaultLocationName('2', '');\r\n $.session.defaultRosterLocationName = '';\r\n }\r\n break;\r\n }\r\n case 'dayServices': {\r\n if (dayServicesRLL) {\r\n defaultsAjax.saveDefaultLocationName('3', 'Remember Last Location');\r\n $.session.defaultDayServiceLocationName = 'Remember Last Location';\r\n } else {\r\n defaultsAjax.saveDefaultLocationName('3', '');\r\n $.session.defaultDayServiceLocationName = '';\r\n }\r\n break;\r\n }\r\n case 'timeClock': {\r\n if (timeClockRLL) {\r\n defaultsAjax.saveDefaultLocationName('4', 'Remember Last Location');\r\n $.session.defaultDSTimeClockName = 'Remember Last Location';\r\n } else {\r\n defaultsAjax.saveDefaultLocationName('4', '');\r\n $.session.defaultDSTimeClockName = '';\r\n }\r\n break;\r\n }\r\n case 'workshop': {\r\n if (workshopRLL) {\r\n defaultsAjax.saveDefaultLocationName('5', 'Remember Last Location');\r\n $.session.defaultWorkshopLocation = 'Remember Last Location';\r\n } else {\r\n defaultsAjax.saveDefaultLocationName('5', '');\r\n $.session.defaultWorkshopLocation = '';\r\n }\r\n break;\r\n }\r\n case 'moneyManagement': {\r\n if (moneyManagementRLL) {\r\n defaultsAjax.saveDefaultLocationName('7', 'Remember Last Location');\r\n $.session.defaultMoneyManagementLocation = 'Remember Last Location';\r\n } else {\r\n defaultsAjax.saveDefaultLocationName('7', '');\r\n $.session.defaultMoneyManagementLocation = '';\r\n }\r\n break;\r\n }\r\n default: {\r\n return null;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n // function updateRememberLastLocation() {\r\n // defaultsAjax.saveDefaultLocationValue();\r\n // }\r\n\r\n function getGroup(module) {\r\n switch (module) {\r\n case 'roster': {\r\n return rosterGroup;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n function setGroup(module, newGroup) {\r\n // only called from within defaults page\r\n switch (module) {\r\n case 'roster': {\r\n rosterGroup = newGroup;\r\n break;\r\n }\r\n }\r\n\r\n defaultsAjax.setDefaultValue();\r\n }\r\n\r\n function dropdownData() {\r\n var dayServiceLocationPromise = new Promise(function (resolve, reject) {\r\n dayServiceAjax.getDayServiceLocations(todaysDate, loc => {\r\n dayServiceDropdownData = loc.map(loc => {\r\n var id = `ds-${loc.locationId}`;\r\n var value = loc.locationId;\r\n var text = loc.Name;\r\n return {\r\n id,\r\n value,\r\n text,\r\n };\r\n });\r\n //If they don't have any defaults set, add a blank record to the dropdown.\r\n //This will force an update on change and NOT make it look like the have a default set, when they really don't.\r\n //Once they set a default, they can only set a new one, they can't change to no default. No default might break things.\r\n if (getLocation('dayServices') === '')\r\n dayServiceDropdownData.unshift({\r\n id: 'ds-0',\r\n value: null,\r\n text: 'SELECT A LOCATION',\r\n });\r\n resolve('success');\r\n });\r\n });\r\n\r\n var workshopLocationPromise = new Promise(function (resolve, reject) {\r\n workshopAjax.WorkshopLocations(todaysDate, r => {\r\n workshopDropdownData = r.map(loc => {\r\n var id = `ws-${loc.id}`;\r\n var value = loc.id;\r\n var text = loc.name;\r\n return {\r\n id,\r\n value,\r\n text,\r\n };\r\n });\r\n //If they don't have any defaults set, add a blank record to the dropdown.\r\n //This will force an update on change and NOT make it look like the have a default set, when they really don't.\r\n //Once they set a default, they can only set a new one, they can't change to no default. No default might break things.\r\n if (getLocation('workshop') === '' || getLocation('workshop') === '0')\r\n workshopDropdownData.unshift({ id: 'ws-0', value: '0', text: 'ALL' });\r\n resolve('success');\r\n });\r\n });\r\n\r\n var timeClockLocationPromise = new Promise(function (resolve, reject) {\r\n timeClockDropdownData = $.session.locations.map((location, index) => {\r\n var id = `tc-${$.session.locationids[index]}`;\r\n var value = $.session.locationids[index];\r\n var text = location;\r\n return {\r\n id,\r\n value,\r\n text,\r\n };\r\n });\r\n //If they don't have any defaults set, add a blank record to the dropdown.\r\n //This will force an update on change and NOT make it look like the have a default set, when they really don't.\r\n //Once they set a default, they can only set a new one, they can't change to no default. No default might break things.\r\n if (getLocation('timeClock') === '') {\r\n timeClockDropdownData.unshift({ id: 'tc-0', value: null, text: 'SELECT A LOCATION' });\r\n }\r\n resolve('success');\r\n });\r\n\r\n var rosterLocPromise = new Promise(function (resolve, reject) {\r\n defaultsAjax.getRosterLocations(loc => {\r\n rosterLocDropdownData = loc.map(loc => {\r\n var id = `ros-${loc.ID}`;\r\n var value = loc.ID;\r\n var text = loc.Name;\r\n return {\r\n id,\r\n value,\r\n text,\r\n };\r\n });\r\n //If they don't have any defaults set, add a blank record to the dropdown.\r\n //This will force an update on change and NOT make it look like the have a default set, when they really don't.\r\n //Once they set a default, they can only set a new one, they can't change to no default. No default might break things.\r\n if (getLocation('roster') === '')\r\n rosterLocDropdownData.unshift({ id: 'ros-0', value: null, text: 'ALL' });\r\n resolve('success');\r\n });\r\n });\r\n\r\n var rosterGroupPromise = new Promise(function (resolve, reject) {\r\n defaultsAjax.getConsumerGroups(\r\n $.session.defaultRosterLocation === 'null' ? '' : $.session.defaultRosterLocation,\r\n res => {\r\n rosterGroupDropdownData = res.map(group => {\r\n var id = `rosGr-${group.GroupCode}-${group.RetrieveID}`;\r\n var value = `${group.GroupCode}-${group.RetrieveID}`;\r\n var text = group.GroupName;\r\n return {\r\n id,\r\n value,\r\n text,\r\n };\r\n });\r\n //If they don't have any defaults set, add a blank record to the dropdown.\r\n //This will force an update on change and NOT make it look like the have a default set, when they really don't.\r\n //Once they set a default, they can only set a new one, they can't change to no default. No default might break things.\r\n // if (getLocation(\"rosterGroup\") === \"\") rosterGroupDropdownData.unshift({ id: \"rosGr-0\", value: null, text: \"SELECT A GROUP\" });\r\n resolve('success');\r\n },\r\n );\r\n });\r\n\r\n var moneyManagementLocationPromise = new Promise(function (resolve, reject) {\r\n defaultsAjax.getRosterLocations(loc => {\r\n moneyManagementDropdownData = loc.map(loc => {\r\n var id = `ros-${loc.ID}`;\r\n var value = loc.ID;\r\n var text = loc.Name;\r\n return {\r\n id,\r\n value,\r\n text,\r\n };\r\n });\r\n //If they don't have any defaults set, add a blank record to the dropdown.\r\n //This will force an update on change and NOT make it look like the have a default set, when they really don't.\r\n //Once they set a default, they can only set a new one, they can't change to no default. No default might break things.\r\n moneyManagementDropdownData.unshift({ id: 'ros-0', value: '0', text: 'ALL' });\r\n resolve('success'); \r\n });\r\n });\r\n\r\n Promise.all([\r\n dayServiceLocationPromise,\r\n workshopLocationPromise,\r\n timeClockLocationPromise,\r\n rosterLocPromise,\r\n rosterGroupPromise,\r\n moneyManagementLocationPromise,\r\n ]).then(() => {\r\n buildPage();\r\n });\r\n }\r\n\r\n function rememberLastLocation(module) {\r\n switch (module) {\r\n case 'roster': {\r\n if ($.session.defaultRosterLocationName === 'Remember Last Location') return true;\r\n else return false;\r\n break;\r\n }\r\n case 'dayServices': {\r\n if ($.session.defaultDayServiceLocationName === 'Remember Last Location')\r\n return true;\r\n else return false;\r\n break;\r\n }\r\n case 'timeClock': {\r\n if ($.session.defaultDSTimeClockName === 'Remember Last Location') return true;\r\n else return false;\r\n break;\r\n }\r\n case 'workshop': {\r\n if ($.session.defaultWorkshopLocation === 'Remember Last Location') return true;\r\n else return false;\r\n break;\r\n }\r\n case 'moneyManagement': {\r\n if ($.session.defaultMoneyManagementLocation === 'Remember Last Location') return true;\r\n else return false;\r\n break;\r\n }\r\n default: {\r\n return null;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n function repopulateRosterGroupDropdown(loc) {\r\n rosterGroupDropdown.classList.add('disabled');\r\n rosterGroupDropdownData = null;\r\n defaultsAjax.getConsumerGroups(loc, res => {\r\n rosterGroupDropdownData = res.map(group => {\r\n var id = `rosGr-${group.GroupCode}-${group.RetrieveID}`;\r\n var value = `${group.GroupCode}-${group.RetrieveID}`;\r\n var text = group.GroupName;\r\n return {\r\n id,\r\n value,\r\n text,\r\n };\r\n });\r\n //If they don't have any defaults set, add a blank record to the dropdown.\r\n //This will force an update on change and NOT make it look like the have a default set, when they really don't.\r\n //Once they set a default, they can only set a new one, they can't change to no default. No default might break things.\r\n // if (getLocation(\"rosterGroup\") === \"\") rosterGroupDropdownData.unshift({ id: \"rosGr-0\", value: null, text: \"SELECT A GROUP\" });\r\n setLocation('rosterGroup', `ALL-${loc}`);\r\n dropdown.populate(rosterGroupDropdown, rosterGroupDropdownData, `CAS-${loc}`);\r\n rosterGroupDropdown.classList.remove('disabled');\r\n });\r\n }\r\n\r\n function buildPage() {\r\n var defaultsPage = document.querySelector('.util-menu__defaults');\r\n defaultsPage.innerHTML = '';\r\n\r\n const currMenu = document.createElement('p');\r\n currMenu.innerText = 'Defaults';\r\n currMenu.classList.add('menuTopDisplay');\r\n\r\n var rosterSection = document.createElement('div');\r\n var rosterSectionHeader = document.createElement('h3');\r\n rosterSection.classList.add('settingMenuCard');\r\n rosterSectionHeader.classList.add('header');\r\n rosterSectionHeader.innerHTML = 'Roster';\r\n\r\n var dayServiceSection = document.createElement('div');\r\n var dayServiceSectionHeader = document.createElement('h3');\r\n dayServiceSection.classList.add('settingMenuCard');\r\n dayServiceSectionHeader.classList.add('header');\r\n dayServiceSectionHeader.innerHTML = 'Day Services';\r\n\r\n var timeClockSection = document.createElement('div');\r\n var timeClockSectionHeader = document.createElement('h3');\r\n timeClockSection.classList.add('settingMenuCard');\r\n timeClockSectionHeader.classList.add('header');\r\n timeClockSectionHeader.innerHTML = 'Day Services Time Clock';\r\n\r\n var WorkshopSection = document.createElement('div');\r\n var WorkshopSectionHeader = document.createElement('h3');\r\n WorkshopSection.classList.add('settingMenuCard');\r\n WorkshopSectionHeader.classList.add('header');\r\n WorkshopSectionHeader.innerHTML = 'Workshop';\r\n\r\n var incidentTrackingSection = document.createElement('div');\r\n var incidentTrackingSectionHeader = document.createElement('h3');\r\n incidentTrackingSection.classList.add('settingMenuCard');\r\n incidentTrackingSectionHeader.classList.add('header');\r\n incidentTrackingSectionHeader.innerHTML = 'Incident Tracking';\r\n\r\n var moneyManagementSection = document.createElement('div');\r\n var moneyManagementSectionHeader = document.createElement('h3');\r\n moneyManagementSection.classList.add('settingMenuCard');\r\n moneyManagementSectionHeader.classList.add('header');\r\n moneyManagementSectionHeader.innerHTML = 'Money Management';\r\n\r\n var caseNotesSection = document.createElement('div');\r\n var caseNotesSectionHeader = document.createElement('h3');\r\n caseNotesSection.classList.add('settingMenuCard');\r\n caseNotesSectionHeader.classList.add('header');\r\n caseNotesSectionHeader.innerHTML = 'Case Notes';\r\n\r\n rosterLocationDropdown = dropdown.build({\r\n dropdownId: 'defaultRosterLocation',\r\n label: 'Default Location',\r\n style: 'secondary',\r\n });\r\n\r\n rosterRLLCheckBox = input.buildCheckbox({\r\n text: 'Remember Last Location',\r\n className: 'rllCheckBox',\r\n style: 'secondary',\r\n isChecked: rosterRLL,\r\n });\r\n rosterGroupDropdown = dropdown.build({\r\n dropdownId: 'defaultRosterGroup',\r\n label: 'Default Group',\r\n style: 'secondary',\r\n });\r\n dayServicesLocationDropdown = dropdown.build({\r\n dropdownId: 'defaultDayServicesLocation',\r\n className: 'defaultLocationDD',\r\n label: 'Default Location',\r\n style: 'secondary',\r\n });\r\n\r\n dayServicesRLLCheckBox = input.buildCheckbox({\r\n text: 'Remember Last Location',\r\n className: 'rllCheckBox',\r\n style: 'secondary',\r\n isChecked: dayServicesRLL,\r\n });\r\n timeClockLocationDropdown = dropdown.build({\r\n dropdownId: 'defaultTimeClockLocation',\r\n className: 'defaultLocationDD',\r\n label: 'Default Location',\r\n style: 'secondary',\r\n });\r\n\r\n timeClockRLLCheckBox = input.buildCheckbox({\r\n text: 'Remember Last Location',\r\n className: 'rllCheckBox',\r\n style: 'secondary',\r\n isChecked: timeClockRLL,\r\n });\r\n WorkshopLocationDropdown = dropdown.build({\r\n dropdownId: 'defaultWorkshopLocation',\r\n className: 'defaultLocationDD',\r\n label: 'Default Location',\r\n style: 'secondary',\r\n });\r\n\r\n WorkshopRLLCheckBox = input.buildCheckbox({\r\n text: 'Remember Last Location',\r\n className: 'rllCheckBox',\r\n style: 'secondary',\r\n isChecked: workshopRLL,\r\n });\r\n moneyManagementLocationDropdown = dropdown.build({\r\n dropdownId: 'defaultMoneyManagementLocation',\r\n className: 'defaultLocationDD',\r\n label: 'Default Location',\r\n style: 'secondary',\r\n });\r\n\r\n moneyManagementRLLCheckBox = input.buildCheckbox({\r\n text: 'Remember Last Location',\r\n className: 'rllCheckBox',\r\n style: 'secondary',\r\n isChecked: moneyManagementRLL,\r\n });\r\n\r\n var backButton = button.build({\r\n text: 'Back',\r\n icon: 'arrowBack',\r\n type: 'text',\r\n attributes: [{ key: 'data-action', value: 'back' }],\r\n });\r\n\r\n itDaysBackInput = input.build({\r\n id: 'itDaysBack',\r\n label: 'Days Back (max: 365)',\r\n type: 'number',\r\n style: 'secondary',\r\n attributes: [\r\n { key: 'min', value: '1' },\r\n { key: 'max', value: '365' },\r\n {\r\n key: 'onkeypress',\r\n value: 'return event.charCode >= 48 && event.charCode <= 57',\r\n },\r\n ],\r\n value: $.session.defaultIncidentTrackingDaysBack,\r\n });\r\n\r\n caseNotesDaysBackInput = input.build({\r\n id: 'cnDaysBack',\r\n label: 'Days Back (max: 99)',\r\n type: 'number',\r\n style: 'secondary',\r\n attributes: [\r\n { key: 'min', value: '1' },\r\n { key: 'max', value: '99' },\r\n {\r\n key: 'onkeypress',\r\n value: 'return event.charCode >= 48 && event.charCode <= 57',\r\n },\r\n ],\r\n value: $.session.defaultCaseNoteReviewDays,\r\n });\r\n\r\n progressNotesDaysBackInput = input.build({\r\n id: 'progNotesDaysBack',\r\n label: 'Progress Notes Days Back (max: 99)',\r\n type: 'number',\r\n style: 'secondary',\r\n attributes: [\r\n { key: 'min', value: '1' },\r\n { key: 'max', value: '999' },\r\n {\r\n key: 'onkeypress',\r\n value: 'return event.charCode >= 48 && event.charCode <= 57',\r\n },\r\n ],\r\n value: $.session.defaultProgressNoteReviewDays,\r\n });\r\n\r\n //Display for current menu\r\n defaultsPage.appendChild(currMenu);\r\n\r\n //if remember last location is enabled, disable the location dropdown\r\n if (rosterRLL) rosterLocationDropdown.classList.add('disabled');\r\n if (rosterRLL) rosterGroupDropdown.classList.add('disabled');\r\n if (dayServicesRLL) dayServicesLocationDropdown.classList.add('disabled');\r\n if (timeClockRLL) timeClockLocationDropdown.classList.add('disabled');\r\n if (workshopRLL) WorkshopLocationDropdown.classList.add('disabled');\r\n if (moneyManagementRLL) moneyManagementLocationDropdown.classList.add('disabled');\r\n\r\n //checkbox div and wraper for right justification\r\n rosterChecboxDiv = document.createElement('div');\r\n dayServicesChecboxDiv = document.createElement('div');\r\n timeClockChecboxDiv = document.createElement('div');\r\n workshopChecboxDiv = document.createElement('div');\r\n moneyManagementChecboxDiv = document.createElement('div');\r\n rosterChecboxDiv.classList.add('checkboxWrap');\r\n dayServicesChecboxDiv.classList.add('checkboxWrap');\r\n timeClockChecboxDiv.classList.add('checkboxWrap');\r\n workshopChecboxDiv.classList.add('checkboxWrap');\r\n moneyManagementChecboxDiv.classList.add('checkboxWrap');\r\n\r\n rosterChecboxDiv.appendChild(rosterRLLCheckBox);\r\n dayServicesChecboxDiv.appendChild(dayServicesRLLCheckBox);\r\n timeClockChecboxDiv.appendChild(timeClockRLLCheckBox);\r\n workshopChecboxDiv.appendChild(WorkshopRLLCheckBox);\r\n moneyManagementChecboxDiv.appendChild(moneyManagementRLLCheckBox);\r\n\r\n //roster settigns\r\n rosterSection.appendChild(rosterSectionHeader);\r\n rosterSection.appendChild(rosterLocationDropdown);\r\n rosterSection.appendChild(rosterChecboxDiv);\r\n rosterSection.appendChild(rosterGroupDropdown);\r\n rosterSection.appendChild(progressNotesDaysBackInput);\r\n\r\n // day service settings\r\n dayServiceSection.appendChild(dayServiceSectionHeader);\r\n dayServiceSection.appendChild(dayServicesLocationDropdown);\r\n dayServiceSection.appendChild(dayServicesChecboxDiv);\r\n\r\n //time clock settings\r\n timeClockSection.appendChild(timeClockSectionHeader);\r\n timeClockSection.appendChild(timeClockLocationDropdown);\r\n timeClockSection.appendChild(timeClockChecboxDiv);\r\n\r\n //workshop settings\r\n if ($.session.applicationName === 'Advisor') {\r\n WorkshopSection.appendChild(WorkshopSectionHeader);\r\n WorkshopSection.appendChild(WorkshopLocationDropdown);\r\n WorkshopSection.appendChild(workshopChecboxDiv);\r\n }\r\n\r\n //Incitent Tracking Settings\r\n if ($.session.applicationName === 'Advisor') {\r\n incidentTrackingSection.appendChild(incidentTrackingSectionHeader);\r\n incidentTrackingSection.appendChild(itDaysBackInput);\r\n }\r\n\r\n //moneyManagement settings\r\n if ($.session.applicationName === 'Advisor') {\r\n moneyManagementSection.appendChild(moneyManagementSectionHeader);\r\n moneyManagementSection.appendChild(moneyManagementLocationDropdown);\r\n moneyManagementSection.appendChild(moneyManagementChecboxDiv);\r\n }\r\n\r\n //case notes settings\r\n caseNotesSection.appendChild(caseNotesSectionHeader);\r\n caseNotesSection.appendChild(caseNotesDaysBackInput);\r\n\r\n defaultsPage.appendChild(backButton);\r\n defaultsPage.appendChild(rosterSection);\r\n defaultsPage.appendChild(dayServiceSection);\r\n defaultsPage.appendChild(caseNotesSection);\r\n if ($.session.dsCertified) defaultsPage.appendChild(timeClockSection);\r\n if ($.session.applicationName === 'Advisor')\r\n defaultsPage.appendChild(WorkshopSection);\r\n if ($.session.applicationName === 'Advisor')\r\n defaultsPage.appendChild(incidentTrackingSection);\r\n if ($.session.applicationName === 'Advisor')\r\n defaultsPage.appendChild(moneyManagementSection);\r\n\r\n rosterLocationDropdown.classList.add('defaultLocationDD');\r\n dayServicesLocationDropdown.classList.add('defaultLocationDD');\r\n timeClockLocationDropdown.classList.add('defaultLocationDD');\r\n WorkshopLocationDropdown.classList.add('defaultLocationDD');\r\n moneyManagementLocationDropdown.classList.add('defaultLocationDD');\r\n\r\n //RESET roster group to all if they have roster remember last location enabled. this is incase they change location but their selected default group is not in that location\r\n if (rosterRLL && $.session.defaultRosterGroupValue !== 'ALL')\r\n setLocation('rosterGroup', 'ALL');\r\n\r\n //populate\r\n //\r\n dropdown.populate(\r\n rosterLocationDropdown,\r\n rosterLocDropdownData,\r\n $.session.defaultRosterLocation === 'null' ? '' : $.session.defaultRosterLocation,\r\n );\r\n\r\n dropdown.populate(\r\n rosterGroupDropdown,\r\n rosterGroupDropdownData,\r\n $.session.defaultRosterGroupValue,\r\n );\r\n\r\n dropdown.populate(\r\n dayServicesLocationDropdown,\r\n dayServiceDropdownData,\r\n $.session.defaultDayServiceLocation,\r\n );\r\n\r\n dropdown.populate(\r\n WorkshopLocationDropdown,\r\n workshopDropdownData,\r\n $.session.defaultWorkshopLocationValue,\r\n );\r\n\r\n dropdown.populate(\r\n moneyManagementLocationDropdown,\r\n moneyManagementDropdownData,\r\n $.session.defaultMoneyManagementLocationValue,\r\n );\r\n if ($.session.dsCertified)\r\n dropdown.populate(\r\n timeClockLocationDropdown,\r\n timeClockDropdownData,\r\n $.session.defaultDSTimeClockValue,\r\n );\r\n addEventListeners();\r\n }\r\n\r\n function checkInitialRememberLastLocation() {\r\n rosterRLL = rememberLastLocation('roster');\r\n dayServicesRLL = rememberLastLocation('dayServices');\r\n timeClockRLL = rememberLastLocation('timeClock');\r\n workshopRLL = rememberLastLocation('workshop');\r\n moneyManagementRLL = rememberLastLocation('moneyManagement');\r\n }\r\n\r\n function addEventListeners() {\r\n //=====\r\n //ROSTER\r\n progressNotesDaysBackInput.addEventListener('change', () => {\r\n let newVal = parseInt(event.target.value);\r\n if (newVal <= 999 && newVal >= 1) {\r\n defaultsAjax.updateConsumerNotesDaysBack(newVal);\r\n }\r\n });\r\n rosterLocationDropdown.addEventListener('change', () => {\r\n setLocation('roster', event.target.options[event.target.selectedIndex].value);\r\n repopulateRosterGroupDropdown(\r\n event.target.options[event.target.selectedIndex].value,\r\n );\r\n //Reset roster group to all\r\n setLocation('rosterGroup', 'ALL', 'Everyone');\r\n });\r\n rosterRLLCheckBox.addEventListener('change', () => {\r\n rosterRLL = !rosterRLL;\r\n setRememberLastLocation('roster');\r\n\r\n if (rosterRLL) {\r\n groupDropdownOptions = document.getElementById('defaultRosterGroup');\r\n rosterLocationDropdown.classList.add('disabled');\r\n rosterGroupDropdown.classList.add('disabled');\r\n groupDropdownOptions.selectedIndex = 'ALL';\r\n setLocation('rosterGroup', 'ALL', 'Everyone');\r\n } else {\r\n rosterLocationDropdown.classList.remove('disabled');\r\n rosterGroupDropdown.classList.remove('disabled');\r\n }\r\n });\r\n rosterGroupDropdown.addEventListener('change', () => {\r\n setLocation(\r\n 'rosterGroup',\r\n event.target.options[event.target.selectedIndex].value,\r\n event.target.options[event.target.selectedIndex].innerHTML,\r\n );\r\n });\r\n //=====\r\n //WORKSHOP\r\n WorkshopLocationDropdown.addEventListener('change', () => {\r\n setLocation('workshop', event.target.options[event.target.selectedIndex].value);\r\n });\r\n WorkshopRLLCheckBox.addEventListener('change', () => {\r\n workshopRLL = !workshopRLL;\r\n setRememberLastLocation('workshop');\r\n if (workshopRLL) WorkshopLocationDropdown.classList.add('disabled');\r\n else WorkshopLocationDropdown.classList.remove('disabled');\r\n });\r\n //=====\r\n //MONEY MANAGEMENT\r\n moneyManagementLocationDropdown.addEventListener('change', () => {\r\n if (!moneyManagementLocationDropdown.classList.contains('disabled')) {\r\n setLocation('moneyManagement', event.target.options[event.target.selectedIndex].value);\r\n }\r\n else { \r\n document.getElementById('defaultMoneyManagementLocation').value = $.session.defaultMoneyManagementLocationValue;\r\n }\r\n }); \r\n moneyManagementRLLCheckBox.addEventListener('change', () => {\r\n moneyManagementRLL = !moneyManagementRLL;\r\n setRememberLastLocation('moneyManagement');\r\n if (moneyManagementRLL) moneyManagementLocationDropdown.classList.add('disabled');\r\n else moneyManagementLocationDropdown.classList.remove('disabled');\r\n });\r\n //=====\r\n // DAY SERVICES\r\n dayServicesLocationDropdown.addEventListener('change', () => {\r\n setLocation('dayServices', event.target.options[event.target.selectedIndex].value);\r\n });\r\n\r\n dayServicesRLLCheckBox.addEventListener('change', () => {\r\n dayServicesRLL = !dayServicesRLL;\r\n setRememberLastLocation('dayServices');\r\n if (dayServicesRLL) dayServicesLocationDropdown.classList.add('disabled');\r\n else dayServicesLocationDropdown.classList.remove('disabled');\r\n });\r\n //=====\r\n //INCIDENT TRACKING\r\n itDaysBackInput.addEventListener('change', () => {\r\n let newVal = parseInt(event.target.value);\r\n if (newVal <= 365 && newVal >= 1) {\r\n $.session.defaultIncidentTrackingDaysBack = newVal;\r\n defaultsAjax.updateIncidentTrackingDaysBack(newVal);\r\n }\r\n });\r\n //=====\r\n //CASE NOTES\r\n caseNotesDaysBackInput.addEventListener('change', () => {\r\n let newVal = parseInt(event.target.value);\r\n if (newVal <= 99 && newVal >= 1) {\r\n $.session.defaultCaseNoteReviewDays = newVal;\r\n defaultsAjax.updateCaseNotesDaysBack(newVal);\r\n }\r\n });\r\n\r\n //=====\r\n //DS TIME CLOCK (NEED TO BE DAY SERVICE CERTIFIED TO USE)\r\n if ($.session.dsCertified) {\r\n timeClockLocationDropdown.addEventListener('change', () => {\r\n setLocation('timeClock', event.target.options[event.target.selectedIndex].value);\r\n });\r\n timeClockRLLCheckBox.addEventListener('change', () => {\r\n timeClockRLL = !timeClockRLL;\r\n setRememberLastLocation('timeClock');\r\n if (timeClockRLL) timeClockLocationDropdown.classList.add('disabled');\r\n else timeClockLocationDropdown.classList.remove('disabled');\r\n });\r\n }\r\n }\r\n // Checks DB for any default locations that have been inactivated\r\n // Resets those locations back to null, and displays a message with locations that were reset\r\n async function getInvalidDefaultLocations() {\r\n const invalidDefaults = await defaultsAjax.getInvalidDefaults();\r\n\r\n if (invalidDefaults.length === 0) return;\r\n\r\n // BUILD POPUP\r\n const invalidDefaultNotificationPopup = POPUP.build({\r\n id: 'invalidDefaultPopup',\r\n });\r\n\r\n const continueBtn = button.build({\r\n id: 'invalidDefaultContinueBtn',\r\n text: 'Continue',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n POPUP.hide(invalidDefaultNotificationPopup);\r\n },\r\n });\r\n\r\n continueBtn.style.width = '100%';\r\n\r\n // MAIN MESSAGE\r\n const message = document.createElement('div');\r\n message.classList.add('invalidDefaultMessage');\r\n message.innerHTML = `\r\n Some of your default locations are no longer available to view in Anywhere.
\r\n Go to ${icons.ellipsis} > Set Defaults to select a new default location.
\r\n `;\r\n\r\n const listHeader = document.createElement('p');\r\n listHeader.innerText = 'Locations that were reset:';\r\n listHeader.classList.add('invalidDefaultListHeader');\r\n\r\n // LIST OF INVALID LOCATIONS\r\n const list = document.createElement('ul');\r\n list.classList.add('invalidDefaultList');\r\n\r\n invalidDefaults.forEach(def => {\r\n const listItem = document.createElement('li');\r\n listItem.innerHTML = `Location Name: ${def.locationName}
As Your: ${def.moduleDefault}`;\r\n list.appendChild(listItem);\r\n });\r\n\r\n // APPEND AND SHOW POPUP\r\n invalidDefaultNotificationPopup.appendChild(message);\r\n invalidDefaultNotificationPopup.appendChild(listHeader);\r\n invalidDefaultNotificationPopup.appendChild(list);\r\n invalidDefaultNotificationPopup.appendChild(continueBtn);\r\n\r\n POPUP.show(invalidDefaultNotificationPopup);\r\n\r\n //RESET VALUES\r\n invalidDefaults.forEach(def => {\r\n switch (def.moduleDefault) {\r\n case 'Default Roster Location':\r\n setLocation('roster', '');\r\n setLocation('rosterGroup', '');\r\n break;\r\n case 'Default Day Services Location':\r\n setLocation('dayServices', '');\r\n break;\r\n case 'Default Time Clock Location':\r\n setLocation('timeClock', '');\r\n break;\r\n case 'Default Workshop Location':\r\n setLocation('workshop', '');\r\n break;\r\n case 'Default MoneyManagement Location':\r\n setLocation('moneyManagement', '');\r\n break;\r\n default:\r\n console.warn(`couldn't reset a default location`);\r\n break;\r\n }\r\n });\r\n }\r\n\r\n function init() {\r\n checkInitialRememberLastLocation();\r\n dropdownData();\r\n }\r\n\r\n return {\r\n init,\r\n buildPage,\r\n getLocation,\r\n getGroup,\r\n getInvalidDefaultLocations,\r\n setLocation,\r\n setGroup,\r\n rememberLastLocation,\r\n };\r\n})();\r\n","var defaultsAjax = (function () {\r\n function setDefaultValue(type, value, name) { \r\n var typeName = \"\";\r\n var switchCase = 0;\r\n switch (type) {\r\n case 1:\r\n typeName = \"Default Staff Location\";\r\n break;\r\n case 2:\r\n typeName = \"Default Roster Location\";\r\n createCookie(\"defaultRosterGroupName\", \"Everyone\", 7);\r\n createCookie(\"defaultRosterGroupValue\", \"ALL\", 7);\r\n saveDefaultLocationNameAjax(\"6\", \"Everyone\");\r\n saveDefaultLocationValueAjax(\"6\", \"ALL\");\r\n $(\"#rostergroup6\").text(\"Everyone\");\r\n if (value != 0 && name != null) {\r\n getConsumerGroups(value, name);\r\n $.session.defaultRosterLocation = value;\r\n createCookie(\"defaultRosterLocationName\", name, 7);\r\n saveDefaultLocationNameAjax(\"2\", name);\r\n } else {\r\n createCookie(\r\n \"defaultRosterLocationName\",\r\n \"Remember Last Location\",\r\n 7\r\n );\r\n saveDefaultLocationNameAjax(\"2\", \"Remember Last Location\");\r\n }\r\n break;\r\n case 3:\r\n typeName = \"Default Day Service Location\";\r\n if (value != 0 && name != null) {\r\n createCookie(\"defaultDayServiceLocationName\", name, 7);\r\n createCookie(\"defaultDayServiceLocationNameValue\", value, 7);\r\n createCookie(\"defaultDayServiceLocationFlag\", false, 7);\r\n saveDefaultLocationNameAjax(\"3\", name);\r\n saveDefaultLocationValueAjax(\"3\", value);\r\n $.session.defaultDayServiceLocationFlag = \"false\";\r\n $.session.dsLocationHistoryFlag = false;\r\n } else {\r\n var test = $(this).text();\r\n saveDefaultLocationNameAjax(\"3\", \"Remember Last Location\");\r\n if (name == null) {\r\n createCookie(\"defaultDayServiceLocationFlag\", true, 7);\r\n $.session.defaultDayServiceLocationFlag = \"true\";\r\n }\r\n }\r\n break;\r\n case 4:\r\n typeName = \"Default Time Clock Location\";\r\n if (value != 0 && name != null) {\r\n createCookie(\"defaultTimeClockLocationName\", name, 7);\r\n createCookie(\"defaultTimeClockLocationValue\", value, 7);\r\n saveDefaultLocationNameAjax(\"4\", name);\r\n saveDefaultLocationValueAjax(\"4\", value);\r\n } else {\r\n }\r\n //New way to save to the database\r\n switchCase = \"4\";\r\n saveDefaultLocationValueAjax(switchCase, value);\r\n break;\r\n case 5:\r\n typeName = \"Default Workshop Location\";\r\n if (value != 0 && name != null) {\r\n createCookie(\"defaultWorkshopLocationName\", name, 7);\r\n createCookie(\"defaultWorkshopLocationValue\", value, 7);\r\n saveDefaultLocationNameAjax(\"5\", name);\r\n saveDefaultLocationValueAjax(\"5\", value);\r\n } else {\r\n createCookie(\r\n \"defaultWorkshopLocationName\",\r\n \"Remember Last Location\",\r\n 7\r\n );\r\n saveDefaultLocationNameAjax(\"5\", \"Remember Last Location\");\r\n }\r\n break;\r\n case 6:\r\n typeName = \"Default Roster Group\";\r\n if (value != 0 && name != null) {\r\n createCookie(\"defaultRosterGroupName\", name, 7);\r\n createCookie(\"defaultRosterGroupValue\", value, 7);\r\n saveDefaultLocationNameAjax(\"6\", name);\r\n saveDefaultLocationValueAjax(\"6\", value);\r\n } else {\r\n createCookie(\"defaultRosterGroupName\", \"Everyone\", 7);\r\n saveDefaultLocationNameAjax(\"6\", \"Everyone\");\r\n }\r\n break;\r\n case 7:\r\n typeName = \"Default MoneyManagement Location\";\r\n if (value != 0 && name != null) {\r\n createCookie(\"defaultMoneyManagementLocationName\", name, 7);\r\n createCookie(\"defaultMoneyManagementLocationValue\", value, 7);\r\n saveDefaultLocationNameAjax(\"7\", name);\r\n saveDefaultLocationValueAjax(\"7\", value);\r\n } else {\r\n createCookie(\r\n \"defaultMoneyManagementLocationName\",\r\n \"Remember Last Location\",\r\n 7\r\n );\r\n saveDefaultLocationNameAjax(\"7\", \"Remember Last Location\");\r\n }\r\n break;\r\n }\r\n\r\n setDefaultLoc(type, value);\r\n }\r\n\r\n async function getInvalidDefaults() {\r\n // string token\r\n const retrieveData = {\r\n token: $.session.Token\r\n }\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getInvalidDefaults/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return data.getInvalidDefaultsResult;\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n function saveDefaultLocationValue(switchCase, locationId) {\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/saveDefaultLocationValue/\",\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"switchCase\":\"' +\r\n switchCase +\r\n '\", \"locationId\":\"' +\r\n locationId +\r\n '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n }\r\n //error: function (xhr, status, error) { alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText); },\r\n });\r\n }\r\n\r\n function saveDefaultLocationName(switchCase, locationName) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/saveDefaultLocationName/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"switchCase\":\"' + switchCase + '\", \"locationName\":\"' + locationName + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n },\r\n //error: function (xhr, status, error) { alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText); },\r\n });\r\n }\r\n\r\n function updateConsumerNotesDaysBack(updatedReviewDays) {\r\n $.session.defaultProgressNoteReviewDays = updatedReviewDays;\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/updateConsumerNotesDaysBack/\",\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"updatedReviewDays\":\"' +\r\n updatedReviewDays +\r\n '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function updateConsumerNotesChecklistDaysBack() {\r\n updatedChecklistDays = $(\"#progressnoteschecklistdaysback\").val();\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/updateConsumerNotesChecklistDaysBack/\",\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"updatedChecklistDays\":\"' +\r\n updatedChecklistDays +\r\n '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n //Days back\r\n function updateIncidentTrackingDaysBack(updatedReviewDays) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/updateIncidentTrackingDaysBack/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"updatedReviewDays\":\"' + updatedReviewDays + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.updateIncidentTrackingDaysBackResult;\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n\r\n //Case Note Review Days\r\n function updateCaseNotesDaysBack(updatedDaysBack) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/updateCaseNotesReviewDays/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"updatedReviewDays\":\"' + updatedDaysBack + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.updateCaseNotesReviewDaysResult;\r\n },\r\n error: function (xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n },\r\n });\r\n }\r\n\r\n // Roster ---\r\n // -----------\r\n\r\n function getRosterLocations(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getLocationsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getLocationsJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n function getConsumerGroups(locationId, callback) {\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol + \"://\" +\r\n $.webServer.address + \":\" +\r\n $.webServer.port + \"/\" +\r\n $.webServer.serviceName + \"/getConsumerGroupsJSON/\",\r\n data: '{\"locationId\":\"' + locationId + '\", \"token\":\"' + $.session.Token + '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function (response, status, xhr) {\r\n var res = response.getConsumerGroupsJSONResult;\r\n callback(res);\r\n }\r\n });\r\n }\r\n\r\n return {\r\n setDefaultValue,\r\n updateConsumerNotesDaysBack,\r\n updateConsumerNotesChecklistDaysBack,\r\n saveDefaultLocationValue,\r\n saveDefaultLocationName,\r\n updateIncidentTrackingDaysBack,\r\n updateCaseNotesDaysBack,\r\n getConsumerGroups,\r\n getRosterLocations,\r\n getInvalidDefaults\r\n };\r\n})();\r\n","var help = (function() {\r\n\r\n function buildPage() {\r\n var helpPage = document.querySelector(\".util-menu__help\");\r\n helpPage.innerHTML = \"\";\r\n\r\n var backButton = button.build({\r\n text: \"Back\",\r\n icon: \"arrowBack\",\r\n type: \"text\",\r\n attributes: [{ key: \"data-action\", value: \"back\" }]\r\n });\r\n var linkButton = button.build({\r\n text: \"DOCUMENTATION LIBRARY\",\r\n icon: \"openNew\",\r\n type: \"text\",\r\n attributes: [{ key: \"data-action\", value: \"trainingVideos\" }]\r\n });\r\n\r\n helpPage.appendChild(backButton);\r\n helpPage.appendChild(linkButton);\r\n }\r\n return {\r\n buildPage\r\n };\r\n})();\r\n","const information = (function () {\r\n let demographicInfo;\r\n let updateData;\r\n let mobileCarriersData;\r\n let emailError = false;\r\n // DOM\r\n let infoPage;\r\n let address1Input;\r\n let address2Input;\r\n let cityInput;\r\n let stateInput;\r\n let zipInput;\r\n let phoneInput;\r\n let carrierDropdown;\r\n let emailInput;\r\n\r\n async function getStaffDemographicInformation() {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/GetDemographicInformation/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return data.GetDemographicInformationResult[0];\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n async function updateStaffDemographicInformation() {\r\n const mergeUpdateWithDemo = { ...demographicInfo, ...updateData };\r\n\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/UpdateDemographicInformation/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n ...mergeUpdateWithDemo,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return data.UpdateDemographicInformationResult;\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n async function getMobileCarrierDropdown() {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getMobileCarrierDropdown/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return data.getMobileCarrierDropdownResult;\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n async function updateInformationData() {\r\n const newDemoInfo = await getStaffDemographicInformation();\r\n\r\n if (updateData.email && updateData.email !== newDemoInfo.email && !emailError) {\r\n emailError = true;\r\n // show error by email\r\n const emailSectionBody = document.querySelector('.emailSection .informationSection__body');\r\n const errorEle = document.createElement('p');\r\n errorEle.innerText = 'Unable to update email due to eMAR';\r\n emailSectionBody.appendChild(errorEle);\r\n input.disableInputField(emailInput);\r\n }\r\n\r\n const updatedKeys = Object.keys(updateData);\r\n if (updatedKeys.length === 1 && updatedKeys[0] === 'email' && emailError) {\r\n // do nothing\r\n } else {\r\n const saveEle = successfulSave.get('Information Updated.', true);\r\n infoPage.appendChild(saveEle);\r\n setTimeout(() => {\r\n infoPage.removeChild(saveEle);\r\n }, 1000);\r\n }\r\n\r\n demographicInfo = newDemoInfo;\r\n updateData = {};\r\n\r\n address1Input.querySelector('input').value = demographicInfo.addressOne;\r\n address2Input.querySelector('input').value = demographicInfo.addressTwo;\r\n cityInput.querySelector('input').value = demographicInfo.city;\r\n stateInput.querySelector('input').value = demographicInfo.state;\r\n zipInput.querySelector('input').value = demographicInfo.zipCode;\r\n phoneInput.querySelector('input').value = formatPhoneNumber(demographicInfo.mobilePhone);\r\n emailInput.querySelector('input').value = demographicInfo.email;\r\n }\r\n\r\n async function getValidateEmailInformation() {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/GetValidateEmailInformation/',\r\n data: JSON.stringify({\r\n token: $.session.Token,\r\n email: updateData.email,\r\n }),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return data.GetValidateEmailInformationResult[0];\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n async function emailValidation() {\r\n const result = await getValidateEmailInformation();\r\n if (result.isEmailExist == 0 || result.isEmailExist == '0') {\r\n await updateStaffDemographicInformation();\r\n await updateInformationData();\r\n }\r\n else {\r\n emailDuplicationPopUp();\r\n }\r\n }\r\n\r\n\r\n function emailDuplicationPopUp() {\r\n const emailDuplicationPOPUP = POPUP.build({\r\n hideX: true,\r\n });\r\n const okBtn = button.build({\r\n text: 'OK',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n POPUP.hide(emailDuplicationPOPUP);\r\n },\r\n });\r\n okBtn.style.width = '100%';\r\n const heading = document.createElement('h3');\r\n heading.style.marginTop = '-20px';\r\n heading.style.marginBottom = '20px';\r\n heading.innerText = 'Duplicate email address'; \r\n\r\n\r\n const message = document.createElement('p');\r\n message.innerText = 'This email address is already in use, please enter a unique address to save.';\r\n message.style.textAlign = 'center';\r\n message.style.marginBottom = '15px';\r\n emailDuplicationPOPUP.appendChild(heading);\r\n emailDuplicationPOPUP.appendChild(message);\r\n emailDuplicationPOPUP.appendChild(okBtn);\r\n okBtn.focus();\r\n POPUP.show(emailDuplicationPOPUP);\r\n }\r\n\r\n function formatPhoneNumber(number) {\r\n if (!number) return '';\r\n\r\n const splitNumber = number\r\n .replace(/[^\\w\\s]/gi, '')\r\n .replaceAll(' ', '')\r\n .replaceAll('x', '');\r\n\r\n const phoneNumber = UTIL.formatPhoneNumber(splitNumber.substr(0, 10));\r\n const phoneExt = splitNumber.substr(10);\r\n\r\n const phone = phoneExt ? `${phoneNumber} (${phoneExt})` : `${phoneNumber}`;\r\n\r\n return phone;\r\n }\r\n function formatZipCode(zipCode) {\r\n const zip = zipCode.replace(/[^\\w\\s]/gi, '').replaceAll(' ', '');\r\n if (zip.length <= 5) {\r\n return zip;\r\n } else {\r\n return zip.slice(0, 5) + '-' + zip.slice(5);\r\n }\r\n }\r\n function setCaretPosition(elem, caretPos) {\r\n if (elem != null) {\r\n if (elem.createTextRange) {\r\n var range = elem.createTextRange();\r\n range.move('character', caretPos);\r\n range.select();\r\n } else {\r\n if (elem.selectionStart) {\r\n elem.focus();\r\n elem.setSelectionRange(caretPos, caretPos);\r\n } else elem.focus();\r\n }\r\n }\r\n }\r\n function stringAdd(string, start, newSubStr) {\r\n return string.slice(0, start) + newSubStr + string.slice(start);\r\n }\r\n\r\n function populateCarrierDropdown(dropdownEle) {\r\n const data = mobileCarriersData.map(carrier => {\r\n return {\r\n value: carrier.carrierId,\r\n text: carrier.carrierName,\r\n };\r\n });\r\n data.sort((a, b) => (a.text < b.text ? -1 : 1));\r\n data.unshift({\r\n value: '',\r\n text: '',\r\n });\r\n\r\n dropdown.populate(dropdownEle, data, demographicInfo.carrier);\r\n }\r\n\r\n function buildAddressSection() {\r\n const addressSection = document.createElement('div');\r\n addressSection.classList.add('addressSection', 'informationSection');\r\n\r\n const heading = document.createElement('p');\r\n heading.innerText = 'Address';\r\n\r\n const body = document.createElement('div');\r\n body.classList.add('informationSection__body');\r\n\r\n address1Input = input.build({\r\n label: 'Address 1',\r\n type: 'text',\r\n style: 'secondary',\r\n classNames: ['address1'],\r\n attributes: [{ key: 'maxlength', value: '50' }],\r\n value: demographicInfo.addressOne,\r\n callback: e => {\r\n updateData.addressOne = e.target.value;\r\n },\r\n });\r\n address2Input = input.build({\r\n label: 'Address 2',\r\n type: 'text',\r\n style: 'secondary',\r\n classNames: ['address2'],\r\n attributes: [{ key: 'maxlength', value: '50' }],\r\n value: demographicInfo.addressTwo,\r\n callback: e => {\r\n updateData.addressTwo = e.target.value;\r\n },\r\n });\r\n cityInput = input.build({\r\n label: 'City',\r\n type: 'text',\r\n style: 'secondary',\r\n classNames: ['city'],\r\n attributes: [{ key: 'maxlength', value: '27' }],\r\n value: demographicInfo.city,\r\n callback: e => {\r\n updateData.city = e.target.value;\r\n },\r\n });\r\n stateInput = input.build({\r\n label: 'State',\r\n type: 'text',\r\n style: 'secondary',\r\n classNames: ['state'],\r\n attributes: [{ key: 'maxlength', value: '2' }],\r\n value: demographicInfo.state,\r\n callback: e => {\r\n updateData.state = e.target.value;\r\n },\r\n });\r\n zipInput = input.build({\r\n label: 'Zip Code',\r\n type: 'text',\r\n style: 'secondary',\r\n classNames: ['zip'],\r\n attributes: [{ key: 'maxlength', value: '9' }],\r\n value: formatZipCode(demographicInfo.zipCode),\r\n callback: e => {\r\n updateData.zipCode = e.target.value;\r\n },\r\n });\r\n\r\n if (!$.session.UpdateMyInformation) {\r\n input.disableInputField(address1Input);\r\n input.disableInputField(address2Input);\r\n input.disableInputField(cityInput);\r\n input.disableInputField(stateInput);\r\n input.disableInputField(zipInput);\r\n }\r\n\r\n const stateZipWrap = document.createElement('div');\r\n stateZipWrap.classList.add('stateZipWrap');\r\n stateZipWrap.appendChild(stateInput);\r\n stateZipWrap.appendChild(zipInput);\r\n\r\n body.appendChild(address1Input);\r\n body.appendChild(address2Input);\r\n body.appendChild(cityInput);\r\n body.appendChild(stateZipWrap);\r\n\r\n addressSection.appendChild(heading);\r\n addressSection.appendChild(body);\r\n\r\n return addressSection;\r\n }\r\n function buildNumbersSection() {\r\n let validPhone = false;\r\n\r\n const numberSection = document.createElement('div');\r\n numberSection.classList.add('numberSection', 'informationSection');\r\n\r\n const heading = document.createElement('p');\r\n heading.innerText = 'Phone Numbers';\r\n\r\n const body = document.createElement('div');\r\n body.classList.add('informationSection__body');\r\n\r\n phoneInput = input.build({\r\n label: 'Mobile',\r\n type: 'tel',\r\n style: 'secondary',\r\n classNames: ['phone'],\r\n value: formatPhoneNumber(demographicInfo.mobilePhone),\r\n callback: e => {\r\n if (e.target.value === '' || !validPhone) {\r\n updateData.mobilePhone = '';\r\n return;\r\n }\r\n\r\n let splitNumber = e.target.value.split(' ');\r\n\r\n let phoneNumber = splitNumber[0].replace(/[^\\w\\s]/gi, '');\r\n let phoneExt = splitNumber[1] ? splitNumber[1].replace('(', '').replace(')', '') : '';\r\n\r\n saveValue = phoneExt ? `${phoneNumber}${phoneExt}` : `${phoneNumber}`;\r\n\r\n updateData.mobilePhone = saveValue;\r\n },\r\n });\r\n phoneInput.addEventListener('keyup', e => {\r\n if (e.code === 'Backspace') return;\r\n\r\n let value = e.target.value\r\n .replace(/[^\\w\\s]/gi, '')\r\n .replaceAll(' ', '')\r\n .slice(0, 14);\r\n\r\n let phoneNumber;\r\n\r\n if (value.length === 0) {\r\n validPhone = true;\r\n return;\r\n }\r\n if (value.length >= 4 && value.length <= 6) {\r\n phoneNumber = stringAdd(value, 3, '-');\r\n e.target.value = phoneNumber;\r\n }\r\n if (value.length >= 7 && value.length < 10) {\r\n phoneNumber = stringAdd(value, 3, '-');\r\n phoneNumber = stringAdd(phoneNumber, 7, '-');\r\n e.target.value = phoneNumber;\r\n }\r\n if (value.length >= 10) {\r\n phoneNumber = stringAdd(value, 3, '-');\r\n phoneNumber = stringAdd(phoneNumber, 7, '-');\r\n phoneNumber = stringAdd(phoneNumber, 12, ' (');\r\n phoneNumber = stringAdd(phoneNumber, phoneNumber.length + 1, ')');\r\n e.target.value = phoneNumber;\r\n\r\n setCaretPosition(e.target, phoneNumber.length - 1);\r\n\r\n validPhone = true;\r\n }\r\n if (!validPhone) {\r\n phoneInput.classList.add('error');\r\n } else {\r\n phoneInput.classList.remove('error');\r\n }\r\n });\r\n\r\n carrierDropdown = dropdown.build({\r\n dropdownId: 'carrierDropdown',\r\n label: 'Carrier',\r\n style: 'secondary',\r\n callback: e => {\r\n const selectedOption = e.target.options[e.target.selectedIndex];\r\n updateData.carrier = selectedOption.value;\r\n },\r\n });\r\n\r\n if (!$.session.UpdateMyInformation) {\r\n input.disableInputField(phoneInput);\r\n input.disableInputField(carrierDropdown);\r\n }\r\n\r\n populateCarrierDropdown(carrierDropdown);\r\n\r\n body.appendChild(phoneInput);\r\n body.appendChild(carrierDropdown);\r\n\r\n numberSection.appendChild(heading);\r\n numberSection.appendChild(body);\r\n\r\n return numberSection;\r\n }\r\n function buildEmailSection() {\r\n const emailSection = document.createElement('div');\r\n emailSection.classList.add('emailSection', 'informationSection');\r\n\r\n const heading = document.createElement('p');\r\n heading.innerText = 'Email Address';\r\n\r\n const body = document.createElement('div');\r\n body.classList.add('informationSection__body');\r\n\r\n emailInput = input.build({\r\n label: 'Email',\r\n type: 'email',\r\n style: 'secondary',\r\n value: demographicInfo.email,\r\n callback: e => {\r\n updateData.email = e.target.value;\r\n },\r\n });\r\n if (!$.session.UpdateMyInformation) {\r\n input.disableInputField(emailInput);\r\n }\r\n\r\n body.appendChild(emailInput);\r\n\r\n emailSection.appendChild(heading);\r\n emailSection.appendChild(body);\r\n\r\n return emailSection;\r\n }\r\n\r\n function buildPage() {\r\n infoPage = document.querySelector('.util-menu__info');\r\n infoPage.innerHTML = '';\r\n\r\n const currMenu = document.createElement('p');\r\n currMenu.innerText = 'My Information';\r\n currMenu.classList.add('menuTopDisplay');\r\n\r\n const backButton = button.build({\r\n text: 'Back',\r\n icon: 'arrowBack',\r\n type: 'text',\r\n attributes: [{ key: 'data-action', value: 'back' }],\r\n });\r\n\r\n const updateButton = button.build({\r\n text: 'Update',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'updateInformationBtn',\r\n //callback: async () => {\r\n // await updateStaffDemographicInformation();\r\n // await updateInformationData();\r\n //},\r\n callback: async () => { await emailValidation(); },\r\n\r\n });\r\n\r\n const phoneNumberSection = buildNumbersSection();\r\n const emailSection = buildEmailSection();\r\n\r\n infoPage.appendChild(currMenu);\r\n infoPage.appendChild(backButton);\r\n if ($.session.UpdateMyInformation) {\r\n infoPage.appendChild(updateButton);\r\n }\r\n\r\n if ($.session.applicationName === 'Advisor') {\r\n const addressSection = buildAddressSection();\r\n infoPage.appendChild(addressSection);\r\n }\r\n\r\n infoPage.appendChild(phoneNumberSection);\r\n infoPage.appendChild(emailSection);\r\n }\r\n\r\n async function init() {\r\n demographicInfo = await getStaffDemographicInformation();\r\n mobileCarriersData = await getMobileCarrierDropdown();\r\n updateData = {};\r\n if (!demographicInfo) {\r\n demographicInfo = {\r\n addressOne: '',\r\n addressTwo: '',\r\n city: '',\r\n state: '',\r\n zipCode: '',\r\n mobilePhone: '',\r\n carrier: '',\r\n email: '',\r\n };\r\n }\r\n buildPage();\r\n }\r\n\r\n return {\r\n init,\r\n };\r\n})();\r\n","var timeEntry = (function () {\r\n var adminPayPeriods = [];\r\n var payPeriods = [];\r\n var currentAdminPayPeriod;\r\n var currentPayPeriod;\r\n var currentAdminDate;\r\n var currentDate;\r\n var locations;\r\n var residenceLocations;\r\n var workCodes;\r\n var evvReasonCodes;\r\n var crossmidnightisadminedit;\r\n var crossmidnightpayperiod;\r\n let saveAndSubmit;\r\n // required fields\r\n var requiredFields = {\r\n isDestinationRequired: '',\r\n isNoteRequired: '',\r\n isOdometerRequired: '',\r\n isLicensePlateRequired: '',\r\n isReasonRequired: '',\r\n supervisorApproval: '',\r\n reconfigImportFile: '',\r\n useFiveCharWorkCode: '',\r\n };\r\n\r\n // overlapping locations variables\r\n let overlapLocationsPopup;\r\n let overlapLocationsDropdown;\r\n let overlapLocationsDoneBtn;\r\n //let locationId = '';\r\n let duplicateconsumerIds;\r\n let consumerswithUniqueLocations;\r\n let consumerswithMultipleLocations;\r\n let overlapconsumerlocationdata;\r\n let selectedOverlapLocIds = {};\r\n\r\n // Save, Update, Delete\r\n //------------------------------------\r\n function getEntryData(keyStartStop, saveAndSubmitBool) {\r\n saveAndSubmit = saveAndSubmitBool;\r\n if (keyStartStop === 'Y') {\r\n var overlapData = timeEntryCard.getOverlapData();\r\n singleEntryAjax.singleEntryOverlapCheck(overlapData, function (results) {\r\n if (results.length > 0) {\r\n showOverlapPopup();\r\n } else {\r\n $.session.singleEntrycrossMidnight\r\n ? showMultipleEntriesPopup()\r\n : getEntryData('', saveAndSubmit);\r\n }\r\n });\r\n\r\n return;\r\n }\r\n\r\n let saveData = timeEntryCard.getSaveUpdateData();\r\n\r\n if ($.session.singleEntrycrossMidnight === false || !saveData.endTime) {\r\n saveEntryData(saveData);\r\n } else {\r\n // entry crosses midnight, meaning two entries need tp be saved to DB\r\n\r\n // first day entry in the database\r\n let saveData1 = timeEntryCard.getSaveUpdateData();\r\n saveData1.checkHours = saveData1.crossMidnightCheckHours[0].day1TotalHours;\r\n saveData1.endTime = '00:00';\r\n\r\n if (!saveData1.defaultStartTimeChanged) {\r\n saveData1.evvReason = '';\r\n checkDeviceType() === 'Mobile'\r\n ? (saveData1.deviceType = 'Mobile')\r\n : (saveData1.deviceType = 'Other');\r\n }\r\n\r\n //saveEntryData(saveData1);\r\n\r\n // second day entry in the database\r\n let saveData2 = timeEntryCard.getSaveUpdateData();\r\n saveData2.checkHours = saveData2.crossMidnightCheckHours[1].day2TotalHours;\r\n saveData2.startTime = '00:00';\r\n\r\n // transportation only saved with the first day entry\r\n saveData2.destination = '';\r\n saveData2.licensePlateNumber = '';\r\n saveData2.odometerEnd = '';\r\n saveData2.odometerStart = '';\r\n saveData2.reason = '';\r\n saveData2.transportationReimbursable = '';\r\n saveData2.transportationUnits = 0;\r\n\r\n // * Date Constructor Doc: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date\r\n // * Note on constructing date on date string is highly discouraged due to browser differences and inconsistencies.\r\n // * This was the issue for the crossing over midnight issue in older versions of safari.\r\n const year = parseInt(saveData2.dateOfService.split('-')[0]);\r\n const month = parseInt(saveData2.dateOfService.split('-')[1]);\r\n const day = parseInt(saveData2.dateOfService.split('-')[2]);\r\n var nextDay = new Date(year, month - 1, day);\r\n nextDay.setDate(nextDay.getDate() + 1);\r\n\r\n var dd = ('0' + nextDay.getDate()).slice(-2);\r\n var mm = ('0' + (nextDay.getMonth() + 1)).slice(-2);\r\n var yyyy = nextDay.getFullYear();\r\n\r\n saveData2.dateOfService = yyyy + '-' + mm + '-' + dd;\r\n\r\n if (!saveData2.defaultEndTimeChanged) {\r\n saveData2.evvReason = '';\r\n checkDeviceType() === 'Mobile'\r\n ? (saveData2.deviceType = 'Mobile')\r\n : (saveData2.deviceType = 'Other');\r\n }\r\n\r\n saveEntryData(saveData1, saveData2);\r\n }\r\n }\r\n function saveEntryData(saveData, saveData2) {\r\n if (saveData.locationId !== '' || saveData.consumerId === '') {\r\n if (saveAndSubmit) {\r\n var warningMessage = `By clicking Yes, you are confirming that you have reviewed this entry and it is correct to the best of your knowledge.`;\r\n\r\n showWarningPopup(warningMessage, () => {\r\n singleEntryAjax.insertSingleEntryNew(saveData, function (results) {\r\n const entryId = results[1].replace(' {\r\n // 1. Grab the consumer/location data\r\n singleEntryAjax.getSelectedConsumerLocations(saveData, function (results) {\r\n overlapconsumerlocationdata = results;\r\n // no location overlaps for any selected consumer\r\n if (overlapconsumerlocationdata.length === 0) {\r\n singleEntryAjax.preInsertSingleEntry(saveData, function (results) {\r\n const idArray = results.map(r => r.singleEntryId);\r\n const updateObj = {\r\n token: $.session.Token,\r\n singleEntryIdString: idArray.join(','),\r\n newStatus: 'S',\r\n };\r\n\r\n singleEntryAjax.updateSingleEntryStatus(updateObj, function () {\r\n if (!saveData2) {\r\n successfulSave.show('SAVED & SUBMITTED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n timeEntryCard.clearAllGlobalVariables();\r\n roster2.clearActiveConsumers();\r\n newTimeEntry.init();\r\n }, 1000);\r\n } else {\r\n singleEntryAjax.preInsertSingleEntry(saveData2, function (results2) {\r\n const idArray = results2.map(r => r.singleEntryId);\r\n const updateObj2 = {\r\n token: $.session.Token,\r\n singleEntryIdString: idArray.join(','),\r\n newStatus: 'S',\r\n };\r\n\r\n singleEntryAjax.updateSingleEntryStatus(updateObj2, function () {\r\n successfulSave.show('SAVED & SUBMITTED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n timeEntryCard.clearAllGlobalVariables();\r\n roster2.clearActiveConsumers();\r\n newTimeEntry.init();\r\n }, 1000);\r\n });\r\n });\r\n }\r\n });\r\n });\r\n } else {\r\n // location overlaps exist for a selected consumer\r\n displayOverlapLocationsPopup(results);\r\n }\r\n });\r\n });\r\n } else {\r\n // Just the save BTN -- if (saveData.locationId !== '' || saveData.consumerId === '')\r\n\r\n // 1. Grab the consumer/location data\r\n singleEntryAjax.getSelectedConsumerLocations(saveData, function (results) {\r\n overlapconsumerlocationdata = results;\r\n\r\n // no location overlaps for any selected consumer\r\n if (overlapconsumerlocationdata.length === 0) {\r\n singleEntryAjax.preInsertSingleEntry(saveData, function (results) {\r\n if (!saveData2) {\r\n successfulSave.show('SAVED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n timeEntryCard.clearAllGlobalVariables();\r\n roster2.clearActiveConsumers();\r\n newTimeEntry.init();\r\n }, 1000);\r\n } else {\r\n singleEntryAjax.preInsertSingleEntry(saveData2, function (results) {\r\n successfulSave.show('SAVED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n timeEntryCard.clearAllGlobalVariables();\r\n roster2.clearActiveConsumers();\r\n newTimeEntry.init();\r\n }, 1000);\r\n });\r\n }\r\n });\r\n } else {\r\n // location overlaps exist for a selected consumer\r\n displayOverlapLocationsPopup(results);\r\n }\r\n });\r\n }\r\n }\r\n }\r\n function updateSingleEntry(isAdminEdit, payPeriod, updateData) {\r\n singleEntryAjax.updateSingleEntry(updateData, function (results) {\r\n if (!saveAndSubmit) {\r\n // Orig Update\r\n if (!$.session.singleEntrycrossMidnight) {\r\n successfulSave.show('UPDATED');\r\n }\r\n setTimeout(function () {\r\n if (!$.session.singleEntrycrossMidnight) {\r\n successfulSave.hide();\r\n }\r\n roster2.clearActiveConsumers();\r\n timeEntryCard.clearAllGlobalVariables();\r\n\r\n if (isAdminEdit) {\r\n timeApproval.refreshPage(payPeriod);\r\n } else {\r\n timeEntryReview.refreshPage(payPeriod);\r\n }\r\n }, 1000);\r\n } else {\r\n // Update w/Submit\r\n var updateObj = {\r\n token: $.session.Token,\r\n singleEntryIdString: updateData.singleEntryId,\r\n newStatus: 'S',\r\n };\r\n var warningMessage = `By clicking Yes, you are confirming that you have reviewed this entry and it is correct to the best of your knowledge.`;\r\n\r\n showWarningPopup(warningMessage, () => {\r\n singleEntryAjax.updateSingleEntryStatus(updateObj, () => {\r\n if (!$.session.singleEntrycrossMidnight) {\r\n successfulSave.show('UPDATED & SUBMITTED');\r\n }\r\n setTimeout(function () {\r\n if (!$.session.singleEntrycrossMidnight) {\r\n successfulSave.hide();\r\n }\r\n roster2.clearActiveConsumers();\r\n timeEntryCard.clearAllGlobalVariables();\r\n\r\n if (isAdminEdit) {\r\n timeApproval.refreshPage(payPeriod);\r\n } else {\r\n timeEntryReview.refreshPage(payPeriod);\r\n }\r\n }, 1000);\r\n });\r\n });\r\n }\r\n });\r\n }\r\n function saveAndUpdateEntryForMidnightCross(saveData, updateData, isAdminEdit, payPeriod) {\r\n singleEntryAjax.updateSingleEntry(updateData, updateResults => {\r\n // Update w/Submit\r\n const updateObj1 = {\r\n token: $.session.Token,\r\n singleEntryIdString: updateData.singleEntryId,\r\n newStatus: 'S',\r\n };\r\n singleEntryAjax.insertSingleEntryNew(saveData, saveResults => {\r\n const updateObj2 = {\r\n token: $.session.Token,\r\n singleEntryIdString: saveResults[1].replace(' {\r\n singleEntryAjax.updateSingleEntryStatus(updateObj1, () => {\r\n singleEntryAjax.updateSingleEntryStatus(updateObj2, () => {\r\n successfulSave.show('UPDATED & SUBMITTED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n timeEntryCard.clearAllGlobalVariables();\r\n roster2.clearActiveConsumers();\r\n\r\n if (isAdminEdit) {\r\n timeApproval.refreshPage(payPeriod);\r\n } else {\r\n timeEntryReview.refreshPage(payPeriod);\r\n }\r\n }, 1000);\r\n });\r\n });\r\n });\r\n } else {\r\n successfulSave.show('UPDATED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n timeEntryCard.clearAllGlobalVariables();\r\n roster2.clearActiveConsumers();\r\n\r\n if (isAdminEdit) {\r\n timeApproval.refreshPage(payPeriod);\r\n } else {\r\n timeEntryReview.refreshPage(payPeriod);\r\n }\r\n }, 1000);\r\n }\r\n });\r\n });\r\n }\r\n function updateEntry(isAdminEdit, payPeriod, keyStartStop, saveAndSubmitBool) {\r\n saveAndSubmit = saveAndSubmitBool;\r\n\r\n if (keyStartStop === 'Y') {\r\n if ($.session.singleEntrycrossMidnight) {\r\n crossmidnightisadminedit = isAdminEdit;\r\n crossmidnightpayperiod = payPeriod;\r\n showMultipleEntriesPopup('update');\r\n return;\r\n }\r\n }\r\n\r\n var saveData = timeEntryCard.getSaveUpdateData('Save');\r\n var updateData = timeEntryCard.getSaveUpdateData('Update');\r\n // update an entry that crosses midnight, results in update of original entry and a save of the new entry\r\n if ($.session.singleEntrycrossMidnight) {\r\n // may need overlapcheck on crossmidnight Update because saved record (2nd entry) may overlap with previous edits\r\n // if (keyStartStop === 'Y') {\r\n // \tvar overlapData = timeEntryCard.getOverlapData();\r\n // \tsingleEntryAjax.singleEntryOverlapCheck(overlapData, function(results) {\r\n // \t\tif (results.length > 0) {\r\n // \t\t\tshowOverlapPopup('update');\r\n // \t\t}\r\n // \t});\r\n // \treturn;\r\n // }\r\n\r\n // second day entry in the database -- SAVE\r\n saveData.checkHours = saveData.crossMidnightCheckHours[1].day2TotalHours;\r\n saveData.startTime = '00:00';\r\n\r\n // transportation only saved with the first day entry\r\n saveData.destination = '';\r\n saveData.licensePlateNumber = '';\r\n saveData.odometerEnd = '';\r\n saveData.odometerStart = '';\r\n saveData.reason = '';\r\n saveData.transportationReimbursable = '';\r\n saveData.transportationUnits = 0;\r\n\r\n if (!saveData.defaultEndTimeChanged) {\r\n saveData.evvReason = '';\r\n checkDeviceType() === 'Mobile'\r\n ? (saveData.deviceType = 'Mobile')\r\n : (saveData.deviceType = 'Other');\r\n }\r\n // * Date Constructor Doc: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date\r\n // * Note on constructing date on date string is highly discouraged due to browser differences and inconsistencies.\r\n // * This was the issue for the crossing over midnight issue in older versions of safari.\r\n const year = parseInt(saveData.dateOfService.split('-')[0]);\r\n const month = parseInt(saveData.dateOfService.split('-')[1]);\r\n const day = parseInt(saveData.dateOfService.split('-')[2]);\r\n var nextDay = new Date(year, month - 1, day);\r\n nextDay.setDate(nextDay.getDate() + 1);\r\n\r\n var dd = ('0' + nextDay.getDate()).slice(-2);\r\n var mm = ('0' + (nextDay.getMonth() + 1)).slice(-2);\r\n var yyyy = nextDay.getFullYear();\r\n\r\n saveData.dateOfService = yyyy + '-' + mm + '-' + dd;\r\n\r\n // first day entry in the database -- UPDATE\r\n updateData.checkHours = saveData.crossMidnightCheckHours[0].day1TotalHours;\r\n updateData.endTime = '00:00';\r\n\r\n saveAndUpdateEntryForMidnightCross(\r\n saveData,\r\n updateData,\r\n crossmidnightisadminedit,\r\n crossmidnightpayperiod,\r\n );\r\n } else {\r\n updateSingleEntry(isAdminEdit, payPeriod, updateData);\r\n }\r\n }\r\n function deleteEntry(entryId, isAdminEdit, payPeriod) {\r\n if (!entryId) return;\r\n\r\n singleEntryAjax.deleteSingleEntryRecord(entryId, function (results) {\r\n successfulSave.show('DELETED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n if (isAdminEdit) {\r\n timeApproval.refreshPage(payPeriod);\r\n } else {\r\n timeEntryReview.refreshPage(payPeriod); \r\n }\r\n }, 1000);\r\n });\r\n }\r\n\r\n function showOverlapPopup(updateorsave = 'save') {\r\n var popup = POPUP.build({});\r\n var message = document.createElement('p');\r\n message.style.marginBottom = '2em';\r\n message.innerHTML = `There is an overlap with an existing Time Entry record. Do you wish to proceed?`;\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n\r\n var yesBtn = button.build({\r\n text: 'Yes',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(popup);\r\n if ($.session.singleEntrycrossMidnight && updateorsave === 'save') {\r\n showMultipleEntriesPopup();\r\n }\r\n if (!$.session.singleEntrycrossMidnight && updateorsave === 'save') {\r\n getEntryData('', saveAndSubmit);\r\n }\r\n if ($.session.singleEntrycrossMidnight && updateorsave === 'update') {\r\n showMultipleEntriesPopup('update');\r\n }\r\n if (!$.session.singleEntrycrossMidnight && updateorsave === 'update') {\r\n updateEntry('', '', '', saveAndSubmit);\r\n }\r\n },\r\n });\r\n var noBtn = button.build({\r\n text: 'No',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(popup);\r\n },\r\n });\r\n\r\n popup.appendChild(message);\r\n btnWrap.appendChild(yesBtn);\r\n btnWrap.appendChild(noBtn);\r\n popup.appendChild(btnWrap);\r\n\r\n POPUP.show(popup);\r\n }\r\n function showWarningPopup(messageText, callback) {\r\n var popup = POPUP.build({ classNames: ['warning'], hideX: true });\r\n var message = document.createElement('p');\r\n message.innerHTML = messageText;\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n var yesBtn = button.build({\r\n text: 'Yes',\r\n type: 'contained',\r\n style: 'secondary',\r\n callback: function () {\r\n POPUP.hide(popup);\r\n callback();\r\n },\r\n });\r\n var noBtn = button.build({\r\n text: 'No',\r\n type: 'contained',\r\n style: 'secondary',\r\n callback: function () {\r\n POPUP.hide(popup);\r\n timeEntryCard.enableSaveButtons();\r\n },\r\n });\r\n btnWrap.appendChild(yesBtn);\r\n btnWrap.appendChild(noBtn);\r\n popup.appendChild(message);\r\n popup.appendChild(btnWrap);\r\n\r\n POPUP.show(popup);\r\n }\r\n function showMultipleEntriesPopup(updateorsave = 'save') {\r\n var popup2 = POPUP.build({});\r\n var message2 = document.createElement('p');\r\n message2.innerHTML = `You have entered an End Time that crosses over midnight. Two separate entries will be created when this record is saved. Do you wish to proceed?`;\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n var yesBtn2 = button.build({\r\n text: 'Yes',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(popup2);\r\n updateorsave === 'save'\r\n ? getEntryData('', saveAndSubmit)\r\n : updateEntry('', '', '', saveAndSubmit);\r\n },\r\n });\r\n var noBtn2 = button.build({\r\n text: 'No',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(popup2);\r\n },\r\n });\r\n btnWrap.appendChild(yesBtn2);\r\n btnWrap.appendChild(noBtn2);\r\n popup2.appendChild(message2);\r\n popup2.appendChild(btnWrap);\r\n //\tpopup2.appendChild(noBtn2);\r\n\r\n POPUP.show(popup2);\r\n }\r\n\r\n // Overlapping Locations\r\n function getConsumerswithOverlappingLocations(consumerlocatons) {\r\n // get list of consumerIds that are listed more than once (ie, consumers with overlappng locations)\r\n duplicateconsumerIds = consumerlocatons.reduce((a, e) => {\r\n a[e.consumerId] = ++a[e.consumerId] || 0;\r\n return a;\r\n }, {});\r\n\r\n // get list of consumer/locations that DO NOT have overlapping locations\r\n consumerswithUniqueLocations = consumerlocatons.filter(\r\n e => !duplicateconsumerIds[e.consumerId],\r\n );\r\n\r\n // get list of consumer/locations that DO have overlapping locations\r\n consumerswithMultipleLocations = consumerlocatons.filter(\r\n e => duplicateconsumerIds[e.consumerId],\r\n );\r\n }\r\n function checkOverlapPopupForErrors() {\r\n const erros = [...overlapLocationsPopup.querySelectorAll('.error')];\r\n\r\n if (erros.length > 0) {\r\n overlapLocationsDoneBtn.classList.add('disabled');\r\n } else {\r\n overlapLocationsDoneBtn.classList.remove('disabled');\r\n }\r\n }\r\n function populateOverlapLocationsDropdown(locDrop, consumer) {\r\n let thisconsumersLocations = consumerswithMultipleLocations.filter(\r\n val => val.consumerId === consumer.consumerId,\r\n );\r\n\r\n let data = thisconsumersLocations.map(location => ({\r\n id: location.consumerId,\r\n value: location.locationId,\r\n text: location.locationName,\r\n }));\r\n data.unshift({ id: '', value: 'SELECT', text: 'SELECT' }); //ADD Blank value\r\n dropdown.populate(locDrop, data);\r\n }\r\n function buildOverlapLocationsDropdown(consumer, index) {\r\n const wrap = document.createElement('div');\r\n\r\n const overlappedLocationsEntriesMessage = document.createElement('p');\r\n overlappedLocationsEntriesMessage.innerHTML = `${consumer.consumerName}
`;\r\n\r\n const overlapLocationsDropdown = dropdown.build({\r\n label: 'Locations',\r\n dropdownId: `overlapLocationsDropdown${index}`,\r\n });\r\n\r\n overlapLocationsDropdown.classList.add('error');\r\n\r\n overlapLocationsDropdown.addEventListener('change', event => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n\r\n const seletedOverlapLocId = selectedOption.value;\r\n selectedOverlapLocIds[consumer.consumerId] = seletedOverlapLocId;\r\n // selectedOverlapConsumerId\r\n if (!seletedOverlapLocId || seletedOverlapLocId === 'SELECT') {\r\n overlapLocationsDropdown.classList.add('error');\r\n } else {\r\n overlapLocationsDropdown.classList.remove('error');\r\n }\r\n checkOverlapPopupForErrors();\r\n });\r\n\r\n populateOverlapLocationsDropdown(overlapLocationsDropdown, consumer);\r\n\r\n wrap.appendChild(overlappedLocationsEntriesMessage);\r\n wrap.appendChild(overlapLocationsDropdown);\r\n\r\n return wrap;\r\n }\r\n function displayOverlapLocationsPopup(results) {\r\n getConsumerswithOverlappingLocations(results);\r\n\r\n // build overlapLocation Popup\r\n overlapLocationsPopup = POPUP.build({\r\n header: `Overlapping locations for selected consumer(s).`,\r\n hideX: false,\r\n id: 'overlapLocationsPopup',\r\n });\r\n\r\n let overlappedLocationsEntriesMessage = document.createElement('p');\r\n overlappedLocationsEntriesMessage.innerHTML = `Consumers listed below have multiple locations for the selected date. For each consumer, please select the location where these services are being provided.
`;\r\n\r\n overlapLocationsPopup.appendChild(overlappedLocationsEntriesMessage);\r\n\r\n // reduce the list of consumer/locations with overlapping locations (ie, consumerswithMultipleLocations) to a single/unique record representing each consumer/location pair\r\n let overlapConsumerlist = consumerswithMultipleLocations\r\n .map(item => ({ consumerId: item.consumerId, consumerName: item.consumerName }))\r\n .filter((value, index, self) => self.indexOf(value) === index);\r\n\r\n // consumerNames in OverlapConsumerlist LastName, FirstName\r\n for (const consumer of overlapConsumerlist) {\r\n let firstName = consumer.consumerName.split(' ').slice(0, -1).join(' ');\r\n let lastName = consumer.consumerName.split(' ').slice(-1).join(' ');\r\n consumer.consumerName = lastName + ', ' + firstName;\r\n }\r\n // a single/unique record representing each consumer/location pair\r\n overlapConsumerlist = overlapConsumerlist.filter(\r\n (value, index, self) =>\r\n index ===\r\n self.findIndex(\r\n t => t.consumerId === value.consumerId && t.consumerName === value.consumerName,\r\n ),\r\n );\r\n //alphabatize\r\n // overlapConsumerlist = overlapConsumerlist.sort();\r\n overlapConsumerlist.sort(function (a, b) {\r\n var textA = a.consumerName.toUpperCase();\r\n var textB = b.consumerName.toUpperCase();\r\n return textA < textB ? -1 : textA > textB ? 1 : 0;\r\n });\r\n\r\n // cycle through each consumer/location pair to build a dropdown for each unique pair\r\n overlapConsumerlist.forEach((consumer, index) => {\r\n const markup = buildOverlapLocationsDropdown(consumer, index);\r\n overlapLocationsPopup.appendChild(markup);\r\n });\r\n\r\n overlapLocationsDoneBtn = button.build({\r\n id: 'overlapLocationsDoneBtn',\r\n text: 'done',\r\n type: 'contained',\r\n style: 'secondary',\r\n classNames: 'disabled',\r\n callback: async () => {\r\n if (saveAndSubmit) {\r\n // SAve and Submit BTN clicked\r\n\r\n POPUP.hide(overlapLocationsPopup);\r\n var listofSingleEntryIdsSaved = await saveSingleEntrywithLocationOverlaps();\r\n var test = listofSingleEntryIdsSaved;\r\n var updateObj = {\r\n token: $.session.Token,\r\n singleEntryIdString: listofSingleEntryIdsSaved.join(','),\r\n newStatus: 'S',\r\n };\r\n\r\n singleEntryAjax.updateSingleEntryStatus(updateObj, function () {\r\n successfulSave.show('SAVED & SUBMITTED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n timeEntryCard.clearAllGlobalVariables();\r\n roster2.clearActiveConsumers();\r\n newTimeEntry.init(true);\r\n }, 1000);\r\n }); // end -- singleEntryAjax.updateSingleEntryStatus\r\n\r\n selectedOverlapLocIds = {};\r\n } else {\r\n // Save BTN clicked\r\n\r\n var listofSingleEntryIdsSaved = await saveSingleEntrywithLocationOverlaps();\r\n var test = listofSingleEntryIdsSaved;\r\n\r\n POPUP.hide(overlapLocationsPopup);\r\n successfulSave.show('SAVED');\r\n setTimeout(function () {\r\n successfulSave.hide();\r\n timeEntryCard.clearAllGlobalVariables();\r\n roster2.clearActiveConsumers();\r\n newTimeEntry.init();\r\n }, 1000);\r\n\r\n selectedOverlapLocIds = {};\r\n }\r\n },\r\n });\r\n this.doneButton = overlapLocationsDoneBtn;\r\n\r\n let cancelBtn = button.build({\r\n id: 'overlapLocationsCancelBtn',\r\n text: 'cancel',\r\n type: 'outlined',\r\n style: 'secondary',\r\n callback: () => {\r\n selectedOverlapLocIds = {};\r\n\r\n POPUP.hide(overlapLocationsPopup);\r\n\r\n if (saveAndSubmit) {\r\n timeEntryCard.enableSaveButtons();\r\n } else {\r\n timeEntryCard.enableSaveButton();\r\n }\r\n },\r\n });\r\n\r\n selectedOverlapConsumerId = consumerswithMultipleLocations[0].consumerId;\r\n let btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(overlapLocationsDoneBtn);\r\n btnWrap.appendChild(cancelBtn);\r\n overlapLocationsPopup.appendChild(btnWrap);\r\n\r\n POPUP.show(overlapLocationsPopup);\r\n }\r\n async function saveSingleEntrywithLocationOverlaps() {\r\n let savedLocationsSingleEntryPairs = [];\r\n let overlapSavedLocationsSingleEntryPairs = [];\r\n\r\n // ****************// FIRST SAVE SECTION -- SAVING Consumers with NON-Overlapping Locations -- SAVED IN GROUPS OF CONSUMERS WHO SHARE A LOCATIONID\r\n var duplocationIds = consumerswithUniqueLocations.reduce((a, e) => {\r\n a[e.locationId] = ++a[e.locationId] || 0;\r\n return a;\r\n }, {});\r\n\r\n // filtering the consumers with non-overlapping locationsIds (consumerswithUniqueLocations)\r\n // cycle through each duplicate location Id record to get list of LocationIds that have more than one record (ie, duplicates)\r\n var listofDuplicateLocationIds = [];\r\n for (prop in duplocationIds) {\r\n if (duplocationIds[prop] !== 0) {\r\n listofDuplicateLocationIds.push(prop);\r\n }\r\n }\r\n\r\n if (listofDuplicateLocationIds.length > 0) {\r\n for (const duplocatId of listofDuplicateLocationIds) {\r\n // create a subset of records for each duplicate location Id\r\n var nonoverlapconsumerswithsamelocation;\r\n nonoverlapconsumerswithsamelocation = consumerswithUniqueLocations.filter(e => {\r\n return e.locationId === duplocatId;\r\n });\r\n\r\n if (nonoverlapconsumerswithsamelocation.length > 0) {\r\n var strConsumerIds = '';\r\n var locationid;\r\n // putting together list of consumerIds with a shared locationID\r\n nonoverlapconsumerswithsamelocation.forEach(function (item) {\r\n strConsumerIds = strConsumerIds + item.consumerId + ',';\r\n locationid = item.locationId;\r\n });\r\n\r\n strConsumerIds = strConsumerIds.slice(0, -1);\r\n\r\n saveData = timeEntryCard.getSaveUpdateData();\r\n saveData.locationId = locationid;\r\n saveData.consumerId = strConsumerIds;\r\n\r\n // NON-Overlapping Location SAVE -- saving the SingleEntry that has multiple consumers who share a single location\r\n // SAVED -- one record in the AA_Single_Entry Table and multiple records in the AA_Consumers_Present table\r\n let singleentryid;\r\n await singleEntryAjax.insertSingleEntryNew(saveData, function (results) {\r\n singleentryid = results[1].slice(0, -2);\r\n });\r\n savedLocationsSingleEntryPairs.push({\r\n locationId: saveData.locationId,\r\n singleEntryId: singleentryid,\r\n });\r\n } // end if -- if (nonoverlapconsumerswithsamelocation.length > 0)\r\n } // end for -- for (const duplocatId of listofDuplicateLocationIds)\r\n } // end if -- if (listofDuplicateLocationIds.length > 0)\r\n\r\n // ****************// SECOND SAVE SECTION -- SAVING Consumers with NON-Overlapping Locations -- SAVED CONSUMERS WHO HAVE UNIQUE LOCATIONID\r\n // filtering Entries that are non-overlapping (consumerswithUniqueLocations) and have a unique location per unique consumer\r\n var nonoverlapconsumerswithUniqueLocations;\r\n nonoverlapconsumerswithUniqueLocations = consumerswithUniqueLocations.filter(\r\n e => !duplocationIds[e.locationId],\r\n );\r\n\r\n // NON-Overlapping Location SAVE -- saving the SingleEntry that has a single location with an associated single consumer\r\n // SAVED -- one record in the SingleEntr Table and assocciated Single record in the AA_Consumers_Present table\r\n if (nonoverlapconsumerswithUniqueLocations.length > 0) {\r\n for (const item of nonoverlapconsumerswithUniqueLocations) {\r\n saveData = timeEntryCard.getSaveUpdateData();\r\n saveData.locationId = item.locationId;\r\n saveData.consumerId = item.consumerId;\r\n let singleentryid;\r\n await singleEntryAjax.insertSingleEntryNew(saveData, function (results) {\r\n singleentryid = results[1].slice(0, -2);\r\n });\r\n savedLocationsSingleEntryPairs.push({\r\n locationId: saveData.locationId,\r\n singleEntryId: singleentryid,\r\n });\r\n }\r\n }\r\n // ****************// THIRD SAVE SECTION -- SAVING Consumers with Overlapping Locations **************************************************************\r\n // if any non-overlapping locations were saved, then we need to determine how to save the overlapping locations\r\n if (\r\n savedLocationsSingleEntryPairs.length > 0 ||\r\n overlapSavedLocationsSingleEntryPairs.length > 0 ||\r\n Object.values(selectedOverlapLocIds).length !== 0\r\n ) {\r\n // loop through all the selected locations for the overlapping locations\r\n for (prop in selectedOverlapLocIds) {\r\n let foundlocation = false;\r\n let seletedOverlapLocationId = selectedOverlapLocIds[prop];\r\n let selectedOverlapConsumerId = prop;\r\n\r\n if (overlapSavedLocationsSingleEntryPairs.length > 0) {\r\n // loop through all the SAVED 'Overlapping location\" Single Entries (all the overlapping location saves)\r\n for (const item of overlapSavedLocationsSingleEntryPairs) {\r\n // if the current location has already been saved, then just save the Consumer in the AA_Consumers_Present table\r\n if (item.locationId === seletedOverlapLocationId) {\r\n foundlocation = true;\r\n let saveData = timeEntryCard.getSaveUpdateData();\r\n consumerData = {\r\n token: $.session.Token,\r\n singleEntryId: item.singleEntryId,\r\n consumerId: selectedOverlapConsumerId,\r\n deviceType: saveData.deviceType,\r\n evvReason: saveData.evvReason,\r\n };\r\n // Single Entry Record already exists for this location so just save to the AA_Consumers_Present table\r\n await singleEntryAjax.insertConsumerforSavedSingleEntry(\r\n consumerData,\r\n function (res) {},\r\n );\r\n } // end if (item.locationId === seletedOverlapLocationId)\r\n } // end for -- all the saved Single Entries (all the non-overlapping location saves)\r\n } else {\r\n // overlapSavedLocationsSingleEntryPairs.length = 0\r\n\r\n // loop through all the SAVED Single Entries (all the NON-overlapping location saves)\r\n for (const item of savedLocationsSingleEntryPairs) {\r\n // if the current location has already been saved, then just save the Consumer in the AA_Consumers_Present table\r\n if (item.locationId === seletedOverlapLocationId) {\r\n foundlocation = true;\r\n let saveData = timeEntryCard.getSaveUpdateData();\r\n consumerData = {\r\n token: $.session.Token,\r\n singleEntryId: item.singleEntryId,\r\n consumerId: selectedOverlapConsumerId,\r\n deviceType: saveData.deviceType,\r\n evvReason: saveData.evvReason,\r\n };\r\n // Single Entry Record already exists for this location so just save to the AA_Consumers_Present table\r\n await singleEntryAjax.insertConsumerforSavedSingleEntry(\r\n consumerData,\r\n function (res) {},\r\n );\r\n } // end -- if (item.locationId === seletedOverlapLocationId)\r\n } // end for -- all the saved Single Entries (all the non-overlapping location saves)\r\n } // end if/else -- overlapSavedLocationsSingleEntryPairs.length > 0\r\n\r\n // if the location has NOT already been Saved, just save the overlapping location\r\n if (!foundlocation) await saveOverlapLocationasSingleEntry(prop);\r\n } // end for -- the selected locations for the overlapping locations\r\n } else {\r\n // there were NO locations saved in any of the sections above, so just save the overlapping location\r\n\r\n await saveOverlapLocationasSingleEntry(prop);\r\n }\r\n // ****************// ALL SAVES ARE NOW COMPLETE //**************************************************************\r\n\r\n // NESTED/Child FUNCTION inside ==> function saveSingleEntrywithLocationOverlaps() -- handles each new Single Entry Insert from the Parent function\r\n async function saveOverlapLocationasSingleEntry(prop) {\r\n saveData = timeEntryCard.getSaveUpdateData();\r\n\r\n let singleentryid;\r\n const seletedOverlapLocationId = selectedOverlapLocIds[prop];\r\n const selectedOverlapConsumerId = prop;\r\n saveData.locationId = seletedOverlapLocationId;\r\n saveData.consumerId = selectedOverlapConsumerId;\r\n\r\n await singleEntryAjax.insertSingleEntryNew(saveData, function (results) {\r\n singleentryid = results[1].slice(0, -2);\r\n overlapSavedLocationsSingleEntryPairs.push({\r\n locationId: saveData.locationId,\r\n singleEntryId: singleentryid,\r\n });\r\n });\r\n } // end of nested function -- async function saveOverlapLocationasSingleEntry()\r\n\r\n // put together full list of new Single Entry SAVES\r\n var concatsavedLocationsSingleEntryPairs = savedLocationsSingleEntryPairs.concat(\r\n overlapSavedLocationsSingleEntryPairs,\r\n );\r\n\r\n //After all Single Entries have been saved, go get the Consumers Present and update the AA_Single_Entry Table\r\n // let saveData = timeEntryCard.getSaveUpdateData();\r\n for (const item of concatsavedLocationsSingleEntryPairs) {\r\n await singleEntryAjax.getSingleEntryConsumersPresentAsync(item.singleEntryId, function (res) {\r\n saveData.singleEntryId = item.singleEntryId;\r\n saveData.locationId = item.locationId;\r\n saveData.numberOfConsumersPresent = res.length;\r\n });\r\n await singleEntryAjax.updateSingleEntry(saveData, function (results) {});\r\n }\r\n // return list of newly created singleEntryIds (from all the AA_Single_Entry saves/inserts from ALL the SAVES above)\r\n const singleEntryIdArray = concatsavedLocationsSingleEntryPairs.map(r => r.singleEntryId);\r\n\r\n return singleEntryIdArray;\r\n } // end of Parent/containing function -- function populateOverlapLocationsDropdown(locDrop, consumer)\r\n\r\n // Util/CRUD\r\n //------------------------------------\r\n function checkDeviceType() {\r\n if ($.session.OS === 'iPhone/iPod' || $.session.OS === 'Linux') {\r\n return 'Mobile';\r\n } else return 'Other';\r\n }\r\n function setRequiredFields(results) {\r\n var res = results[0];\r\n\r\n requiredFields.isDestinationRequired = res.destinationrequired;\r\n requiredFields.isNoteRequired = res.noterequired;\r\n requiredFields.isOdometerRequired = res.odometerrequired;\r\n requiredFields.isLicensePlateRequired = res.licenseplaterequired;\r\n requiredFields.isReasonRequired = res.reasonrequired;\r\n requiredFields.supervisorApproval = res.supervisorapproval;\r\n requiredFields.reconfigImportFile = res.reconfigimportfile;\r\n requiredFields.useFiveCharWorkCode = res.use5characterworkcode;\r\n }\r\n function setSelectedPayPeriod(dirtyStart, dirtyEnd, dateString) {\r\n // start and end format must be YYYY-MM-DD\r\n var tmpStart = dirtyStart;\r\n var tmpEnd = dirtyEnd;\r\n\r\n return {\r\n start: tmpStart,\r\n end: tmpEnd,\r\n dateString,\r\n };\r\n }\r\n function sortPayPeriods(results) {\r\n var adminDatesSet = false;\r\n var datesSet = false;\r\n var adminDefaultDates;\r\n var defaultDates;\r\n var now = new Date();\r\n now.setHours(0, 0, 0, 0);\r\n\r\n results.forEach((r, i) => {\r\n var anywhereClosed = r.anywhereclosed;\r\n var sendEvvData = r.sendevvdata;\r\n var startDate = r.startdate.split(' ')[0]; // MM/DD/YYYY\r\n var endDate = r.enddate.split(' ')[0]; // MM/DD/YYYY\r\n var startDateIso = UTIL.formatDateToIso(startDate); // YYYY-MM-DD\r\n var endDateIso = UTIL.formatDateToIso(endDate); // YYYY-MM-DD\r\n\r\n var dateString = `${startDate} - ${endDate}`; // for dropdown text only\r\n var newObj = {\r\n start: startDateIso,\r\n end: endDateIso,\r\n dateString,\r\n sendEvvData: sendEvvData,\r\n };\r\n\r\n var startDateObj = new Date(startDate);\r\n var endDateObj = new Date(endDate);\r\n\r\n if (i === 0) {\r\n adminDefaultDates = setSelectedPayPeriod(startDateIso, endDateIso, dateString);\r\n }\r\n if (anywhereClosed === 'False' && !defaultDates) {\r\n defaultDates = setSelectedPayPeriod(startDateIso, endDateIso, dateString);\r\n }\r\n\r\n // getting the current date & pay period\r\n if (now >= startDateObj && now <= endDateObj) {\r\n currentAdminDate = UTIL.formatDateToIso(\r\n `${now.getMonth() + 1}/${now.getDate()}/${now.getFullYear()}`,\r\n );\r\n currentAdminPayPeriod = setSelectedPayPeriod(startDateIso, endDateIso, dateString);\r\n adminDatesSet = true;\r\n\r\n if (anywhereClosed === 'False') {\r\n currentDate = UTIL.formatDateToIso(\r\n `${now.getMonth() + 1}/${now.getDate()}/${now.getFullYear()}`,\r\n );\r\n currentPayPeriod = setSelectedPayPeriod(startDateIso, endDateIso, dateString);\r\n datesSet = true;\r\n }\r\n }\r\n // sorting pay periods\r\n adminPayPeriods.push(newObj);\r\n if (anywhereClosed === 'False') {\r\n payPeriods.push(newObj);\r\n }\r\n });\r\n\r\n if (!adminDatesSet) {\r\n currentAdminDate = adminDefaultDates.start;\r\n currentAdminPayPeriod = adminDefaultDates;\r\n }\r\n if (!datesSet && defaultDates) {\r\n currentDate = defaultDates.start;\r\n currentPayPeriod = defaultDates;\r\n }\r\n }\r\n function getPayPeriods(admin) {\r\n if (admin) {\r\n return [...adminPayPeriods];\r\n } else {\r\n return [...payPeriods];\r\n }\r\n }\r\n function getCurrentPayPeriod(admin) {\r\n if (admin) {\r\n return UTIL.iterationCopy(currentAdminPayPeriod);\r\n } else {\r\n return UTIL.iterationCopy(currentPayPeriod);\r\n }\r\n }\r\n function getCurrentDate(admin) {\r\n if (admin) {\r\n return currentAdminDate;\r\n } else {\r\n return currentDate;\r\n }\r\n }\r\n function getLocations() {\r\n return [...locations];\r\n }\r\n function getEvvReasonCodes() {\r\n return [...evvReasonCodes];\r\n }\r\n function getResidenceLocations() {\r\n if (!residenceLocations) return [];\r\n return [...residenceLocations];\r\n }\r\n async function getWorkCodes(useAllWorkCodes) {\r\n if (!useAllWorkCodes) {\r\n return [...workCodes];\r\n }\r\n\r\n const allWorkCodes = await singleEntryAjax.getWorkCodesAsync(useAllWorkCodes);\r\n\r\n return [...allWorkCodes];\r\n }\r\n function getRequiredFields() {\r\n return UTIL.iterationCopy(requiredFields);\r\n }\r\n function getInitialData(callback) {\r\n if (\r\n payPeriods.length === 0 ||\r\n adminPayPeriods.length === 0 ||\r\n !locations ||\r\n !workCodes ||\r\n !evvReasonCodes\r\n ) {\r\n let promises = [];\r\n\r\n const getSingleEntryPayPeriods = new Promise((resolve, reject) => {\r\n singleEntryAjax.getSingleEntryPayPeriods(results => {\r\n sortPayPeriods(results);\r\n resolve('getSingleEntryPayPeriods DONE');\r\n });\r\n });\r\n promises.push(getSingleEntryPayPeriods);\r\n\r\n const getSingleEntryLocations = new Promise((resolve, reject) => {\r\n singleEntryAjax.getSingleEntryLocations(results => {\r\n locations = results;\r\n resolve('getSingleEntryLocations DONE');\r\n });\r\n });\r\n promises.push(getSingleEntryLocations);\r\n\r\n const getRequiredSingleEntryFields = new Promise((resolve, reject) => {\r\n singleEntryAjax.getRequiredSingleEntryFields(results => {\r\n setRequiredFields(results);\r\n resolve('getRequiredSingleEntryFields DONE');\r\n });\r\n });\r\n promises.push(getRequiredSingleEntryFields);\r\n\r\n const getWorkCodes = new Promise((resolve, reject) => {\r\n singleEntryAjax.getWorkCodes(results => {\r\n workCodes = results;\r\n resolve('getWorkCodes DONE');\r\n });\r\n });\r\n promises.push(getWorkCodes);\r\n\r\n const getLocationsAndResidences = new Promise((resolve, reject) => {\r\n singleEntryAjax.getLocationsAndResidences(results => {\r\n residenceLocations = results;\r\n resolve('getWorkCodes DONE');\r\n });\r\n });\r\n promises.push(getLocationsAndResidences);\r\n\r\n const getEvvReasonCodes = new Promise((resolve, reject) => {\r\n singleEntryAjax.getEvvReasonCodes(results => {\r\n evvReasonCodes = results;\r\n resolve('getEvvReasonCodes DONE');\r\n });\r\n });\r\n promises.push(getEvvReasonCodes);\r\n\r\n Promise.all(promises).then(() => {\r\n callback();\r\n });\r\n\r\n // singleEntryAjax.getSingleEntryPayPeriods(function getSingleEntryPayPeriods(results) {\r\n // \tsortPayPeriods(results);\r\n\r\n // \tsingleEntryAjax.getSingleEntryLocations(function getSingleEntryLocations(results) {\r\n // \t\tlocations = results;\r\n\r\n // \t\tsingleEntryAjax.getRequiredSingleEntryFields(function getRequiredSingleEntryFields(results) {\r\n // \t\t\tsetRequiredFields(results);\r\n\r\n // \t\t\tsingleEntryAjax.getWorkCodes(function getWorkCodes(results) {\r\n // workCodes = results;\r\n\r\n // singleEntryAjax.getLocationsAndResidences(function getLocationsAndResidence(results) {\r\n // residenceLocations = results;\r\n // callback();\r\n // });\r\n // \t\t\t});\r\n // \t\t});\r\n // \t});\r\n // });\r\n } else {\r\n callback();\r\n }\r\n }\r\n\r\n function checkLocationServicesEnabled() {\r\n if (navigator.geolocation) {\r\n navigator.geolocation.getCurrentPosition(\r\n function (position) {\r\n // if location services are on, continue with normal functionality\r\n $.session.singleEntrycrossMidnight = false;\r\n newTimeEntry.init();\r\n },\r\n function (error) {\r\n // If location services are off, show popup\r\n const locationsWarningpopup = POPUP.build({\r\n id: 'warningPopup',\r\n hideX: false,\r\n classNames: 'warning',\r\n });\r\n\r\n const okBtn = button.build({\r\n text: 'OK',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(locationsWarningpopup);\r\n },\r\n });\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(okBtn);\r\n\r\n const warningMessage = document.createElement('p');\r\n warningMessage.innerHTML =\r\n \"Location services must be enabled on this device to save a new time entry record. Please contact your company's IT team for assistance.\";\r\n locationsWarningpopup.appendChild(warningMessage);\r\n locationsWarningpopup.appendChild(btnWrap);\r\n POPUP.show(locationsWarningpopup);\r\n },\r\n );\r\n } else {\r\n // If location services are not supported, show popup\r\n const locationsWarningpopup = POPUP.build({\r\n id: 'warningPopup',\r\n hideX: false,\r\n classNames: 'warning',\r\n });\r\n\r\n const okBtn = button.build({\r\n text: 'OK',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: function () {\r\n POPUP.hide(locationsWarningpopup);\r\n },\r\n });\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('btnWrap');\r\n btnWrap.appendChild(okBtn);\r\n\r\n const warningMessage = document.createElement('p');\r\n warningMessage.innerHTML =\r\n \"Location services must be enabled on this device to save a new time entry record. Please contact your company's IT team for assistance.\";\r\n locationsWarningpopup.appendChild(warningMessage);\r\n locationsWarningpopup.appendChild(btnWrap);\r\n POPUP.show(locationsWarningpopup);\r\n }\r\n }\r\n\r\n // Landing Page\r\n //------------------------------------\r\n async function loadNewTimeEntryPage() {\r\n if ($.session.singleEntryLocationRequired === 'Y') {\r\n // If location settings are required, check location settings\r\n checkLocationServicesEnabled();\r\n } else {\r\n // If location settings are not required, resume normal funcionality\r\n const result = await singleEntryAjax.getExistingTimeEntry();\r\n const { getExistingTimeEntryResult } = result;\r\n if (getExistingTimeEntryResult.length > 0 && $.session.anyRequireEndTime == 'Y') {\r\n newTimeEntry.endDateWarningPopup(getExistingTimeEntryResult); \r\n }\r\n else {\r\n $.session.singleEntrycrossMidnight = false;\r\n newTimeEntry.init();\r\n } \r\n }\r\n }\r\n function loadTimeEntryReviewPage() {\r\n $.session.singleEntrycrossMidnight = false;\r\n setActiveModuleSectionAttribute('timeEntry-review');\r\n timeEntryReview.init();\r\n }\r\n function loadTimeEntryApprovalPage() {\r\n setActiveModuleSectionAttribute('timeEntry-approval');\r\n timeApproval.init();\r\n }\r\n function loadSingleEntryLanding() {\r\n var timeEntryBtn = button.build({\r\n text: 'New Entry',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: loadNewTimeEntryPage,\r\n });\r\n var timeReviewBtn = button.build({\r\n text: 'Time Review',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: loadTimeEntryReviewPage,\r\n });\r\n var timeApprovalBtn = button.build({\r\n text: 'Time Approval',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: loadTimeEntryApprovalPage,\r\n });\r\n\r\n var btnWrap = document.createElement('div');\r\n btnWrap.classList.add('landingBtnWrap');\r\n\r\n btnWrap.appendChild(timeEntryBtn);\r\n btnWrap.appendChild(timeReviewBtn);\r\n if ($.session.ViewAdminSingleEntry && $.session.SEViewAdminWidget) {\r\n btnWrap.appendChild(timeApprovalBtn);\r\n }\r\n\r\n DOM.clearActionCenter();\r\n DOM.ACTIONCENTER.appendChild(btnWrap);\r\n }\r\n function init() {\r\n DOM.clearActionCenter();\r\n PROGRESS.SPINNER.show('Loading Time Entry...');\r\n getInitialData(loadSingleEntryLanding);\r\n }\r\n\r\n return {\r\n setSelectedPayPeriod,\r\n getPayPeriods,\r\n getCurrentPayPeriod,\r\n getCurrentDate,\r\n getLocations,\r\n getResidenceLocations,\r\n getWorkCodes,\r\n getRequiredFields,\r\n getInitialData,\r\n getEvvReasonCodes,\r\n getEntryData,\r\n updateEntry,\r\n deleteEntry,\r\n init,\r\n };\r\n})();\r\n","var singleEntryAjax = (function () {\r\n // deletes se record from review table\r\n function deleteSingleEntryRecord(singleEntryId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/deleteSingleEntryRecord/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"singleEntryId\":\"' + singleEntryId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n\r\n // gets consumers allowed on card\r\n function getSingleEntryConsumersPresent(singleEntryId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryConsumersPresentJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"singleEntryId\":\"' + singleEntryId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getSingleEntryConsumersPresentJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {},\r\n });\r\n }\r\n\r\n // gets consumers allowed on card\r\n async function getSingleEntryConsumersPresentAsync(singleEntryId, callback) {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryConsumersPresentJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"singleEntryId\":\"' + singleEntryId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n var res = data.getSingleEntryConsumersPresentJSONResult;\r\n callback(res);\r\n\r\n // return data.getSingleEntryConsumersPresentJSONResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n function getSubEmployeeListAndCountInfo(supervisorId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSubEmployeeListAndCountInfoJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"supervisorId\":\"' + supervisorId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getSubEmployeeListAndCountInfoJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n function getSingleEntryPayPeriods(callback) {\r\n //If has value true use in admin only. If has value false use in both dropdowns\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryPayPeriodsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n beforeSend: function () {},\r\n complete: function () {},\r\n success: function (response, status, xhr) {\r\n var res = response.getSingleEntryPayPeriodsJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n function getRequiredSingleEntryFields(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getRequiredSingleEntryFieldsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getRequiredSingleEntryFieldsJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n function getWorkCodes(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getWorkCodesJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getWorkCodesJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n async function getWorkCodesAsync(getAllWorkCodes) {\r\n const retrieveData = {\r\n token: $.session.Token,\r\n getAllWorkCodes: !getAllWorkCodes ? 'N' : 'Y',\r\n };\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getWorkCodesJSON/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n console.log(data.getWorkCodesJSONResult);\r\n\r\n return data.getWorkCodesJSONResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n function getSingleEntryLocations(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryLocationsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n beforeSend: function () {},\r\n complete: function () {},\r\n success: function (response, status, xhr) {\r\n var res = response.getSingleEntryLocationsJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n // called when location dropdown is changed on se card\r\n function getSingleEntryUsersByLocation(locationId, seDate) {\r\n return $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryUsersByLocationJSON/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"locationId\":\"' +\r\n locationId +\r\n '\", \"seDate\":\"' +\r\n seDate +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n // $.ajax({\r\n // \ttype: 'POST',\r\n // \turl: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getSingleEntryUsersByLocationJSON/',\r\n // \tdata: '{\"token\":\"' + $.session.Token + '\", \"locationId\":\"' + locationId + '\", \"seDate\":\"' + seDate + '\"}',\r\n // \tcontentType: 'application/json; charset=utf-8',\r\n // \tdataType: 'json',\r\n // \tsuccess: function(response, status, xhr) {\r\n // \t\tvar res = response.getSingleEntryUsersByLocationJSONResult;\r\n // \t\tcallback(res);\r\n // \t},\r\n // \terror: function(xhr, status, error) {\r\n // \t\tcallback(null);\r\n // \t},\r\n // });\r\n }\r\n // called before buliding review table\r\n function getSingleEntryByDate(dataObj, callback) {\r\n // dataObj = {userId, startDate, endDate, locationId, statusIn}\r\n // This gets data for time entry review page to populate the table\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryByDateJSON/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"userId\":\"' +\r\n dataObj.userId +\r\n '\", \"startDate\":\"' +\r\n dataObj.startDate +\r\n '\", \"endDate\":\"' +\r\n dataObj.endDate +\r\n '\", \"locationId\":\"' +\r\n dataObj.locationId +\r\n '\",\"statusIn\":\"' +\r\n dataObj.statusIn +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getSingleEntryByDateJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {},\r\n });\r\n }\r\n // gets se record by id, used when clicked on row in review table\r\n function getSingleEntryById(singleEntryId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryByIdJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"singleEntryId\":\"' + singleEntryId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getSingleEntryByIdJSONResult;\r\n signatureAjax.getConsumersSignaturesAndNotes(singleEntryId);\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {},\r\n });\r\n }\r\n // called when saving new entry, after overlap check has ran\r\n async function insertSingleEntryNew(data, callback) {\r\n await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertSingleEntry/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n res = res.split('@singleEntryRecordID>');\r\n var savedSingleEntryId = res[1].slice(0, -2);\r\n saveSignatureAndNote(savedSingleEntryId);\r\n callback(res);\r\n },\r\n });\r\n }\r\n\r\n async function insertConsumerforSavedSingleEntry(consumerData, callback) {\r\n await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/insertConsumerforSavedSingleEntry/',\r\n data: JSON.stringify(consumerData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n //clearSavedSignaturesAndNotes();\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n //callback(error, null);\r\n },\r\n });\r\n }\r\n\r\n // only called for when there is no locationId and has consumers\r\n function preInsertSingleEntry(insertData, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/preInsertSingleEntry/',\r\n data: JSON.stringify(insertData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var results = response.preInsertSingleEntryResult;\r\n var savedSingleEntryId = results[0].singleEntryId;\r\n var consumersWithLocIdZero = '';\r\n var filteredResults = results.filter(res => {\r\n if (res.singleEntryId != null) return true;\r\n });\r\n saveSignatureAndNote(filteredResults);\r\n results.forEach(result => {\r\n if (result.locationId === '' || result.locationId === '0') {\r\n consumersWithLocIdZero = consumersWithLocIdZero + result.consumerId + ', ';\r\n }\r\n });\r\n if (consumersWithLocIdZero != '') {\r\n alert(\r\n \"Please contact Primary Solutions, the following consumerId's were saved with a location id of '0'; \" +\r\n consumersWithLocIdZero,\r\n );\r\n }\r\n\r\n callback(results);\r\n },\r\n });\r\n }\r\n\r\n // called for when there is no locationId and has consumers\r\n // if a selected consumer has overlapping locations, this function returns all selected consumers and their locations to be processed\r\n function getSelectedConsumerLocations(insertData, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSelectedConsumerLocations/',\r\n data: JSON.stringify(insertData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var results = response.getSelectedConsumerLocationsResult;\r\n callback(results);\r\n },\r\n });\r\n }\r\n\r\n // called when saving new entry\r\n function singleEntryOverlapCheck(overlapData, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/singleEntryOverlapCheckJSON/',\r\n data: JSON.stringify(overlapData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.singleEntryOverlapCheckJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n // updates se record from review table\r\n function updateSingleEntryStatus(statusData, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateSingleEntryStatus/',\r\n data: JSON.stringify(statusData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n if (callback) callback(res);\r\n },\r\n error: function (xhr, status, error) {},\r\n });\r\n }\r\n // called when updating entry\r\n function updateSingleEntry(updateData, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/updateSingleEntry/',\r\n data: JSON.stringify(updateData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n saveSignatureAndNote(updateData.singleEntryId);\r\n\r\n if (response.updateSingleEntryResult.match('Error ')) {\r\n callback('Your time record cannot be saved. Please contact Primary Solutions.');\r\n return;\r\n }\r\n\r\n callback('Time record has been saved.');\r\n },\r\n error: function (xhr, status, error) {\r\n callback('Your time record cannot be saved. Please contact Primary Solutions.');\r\n },\r\n });\r\n }\r\n\r\n // SE ADMIN AJAX CALLS\r\n //-------------------------------------\r\n function adminUpdateSingleEntryStatus(adminStatusData, callback) {\r\n //(string token, string singleEntryIdString, string newStatus, string userID)\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/adminUpdateSingleEntryStatus/',\r\n data: JSON.stringify(adminStatusData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n if (callback) callback(res);\r\n },\r\n error: function (xhr, status, error) {},\r\n });\r\n }\r\n function approveSingleEntryRecord(singleEntryId) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/approveSingleEntryRecord/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"singleEntryId\":\"' + singleEntryId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n loadApp('singleentry');\r\n },\r\n error: function (xhr, status, error) {},\r\n });\r\n }\r\n function getSingleEntryEmployees(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntrySupervisorsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n // var res = JSON.stringify(response);\r\n var res = response.getSingleEntrySupervisorsJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n function getSingleEntrySupervisors(supervisorId, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getEmployeeListAndCountInfoJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\", \"supervisorId\":\"' + supervisorId + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getEmployeeListAndCountInfoJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n function getAdminSingleEntryLocations(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getAdminSingleEntryLocationsJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n beforeSend: function () {},\r\n complete: function () {},\r\n success: function (response, status, xhr) {\r\n // var res = JSON.stringify(response);\r\n var res = response.getAdminSingleEntryLocationsJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n function singleEntryFilterAdminList(filterData, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/singleEntryFilterAdminListJSON/',\r\n data: JSON.stringify(filterData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.singleEntryFilterAdminListJSONResult;\r\n callback(res);\r\n },\r\n });\r\n }\r\n function getAddressByLatLong(lat, lng, callback) {\r\n $.ajax({\r\n type: 'GET',\r\n url:\r\n 'https://maps.googleapis.com/maps/api/geocode/json?latlng=' +\r\n lat +\r\n ',' +\r\n lng +\r\n '&key=' +\r\n $.googleMapAPI,\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n if (\r\n response &&\r\n response.results &&\r\n response.results[0] &&\r\n response.results[0].formatted_address\r\n ) {\r\n callback(response.results[0].formatted_address);\r\n } else callback('');\r\n },\r\n error: function (xhr, status, error) {\r\n callback('');\r\n },\r\n });\r\n }\r\n function getUserSingleEntryLocationsForPayPeriod(data, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getUserSingleEntryLocationsForPayPeriod/',\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = JSON.stringify(response);\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {},\r\n });\r\n }\r\n function getSingleEntryUsersWC(getUserData, callback) {\r\n //getUserdata must contain token and date from single entry page\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryUsersWCJSON/',\r\n data: JSON.stringify(getUserData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n success: function (response, status, xhr) {\r\n var res = response.getSingleEntryUsersWCJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n\r\n function getLocationsAndResidences(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getLocationsAndResidencesJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n beforeSend: function () {},\r\n complete: function () {},\r\n success: function (response, status, xhr) {\r\n // var res = JSON.stringify(response);\r\n var res = response.getLocationsAndResidencesJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n function getEvvReasonCodes(callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryEvvReasonCodesJSON/',\r\n data: '{\"token\":\"' + $.session.Token + '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n beforeSend: function () {},\r\n complete: function () {},\r\n success: function (response, status, xhr) {\r\n var res = response.getSingleEntryEvvReasonCodesJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n\r\n function getEvvEligibility(consumerId, entryDate, callback) {\r\n $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryEvvEligibilityJSON/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"consumerId\":\"' +\r\n consumerId +\r\n '\" , \"entryDate\":\"' +\r\n entryDate +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n beforeSend: function () {},\r\n complete: function () {},\r\n success: function (response, status, xhr) {\r\n var res = response.getSingleEntryEvvEligibilityJSONResult;\r\n callback(res);\r\n },\r\n error: function (xhr, status, error) {\r\n callback(null);\r\n },\r\n });\r\n }\r\n\r\n async function getEvvEligibilityAsync(consumerId, entryDate) {\r\n try {\r\n const data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getSingleEntryEvvEligibilityJSON/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"consumerId\":\"' +\r\n consumerId +\r\n '\" , \"entryDate\":\"' +\r\n entryDate +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return data.getSingleEntryEvvEligibilityJSONResult;\r\n } catch (error) {\r\n console.log(error.responseText);\r\n }\r\n }\r\n\r\n async function getExistingTimeEntry() {\r\n try {\r\n const result = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/getExistingTimeEntry/',\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\"}',\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n return result;\r\n } catch (error) {\r\n throw new Error(error.responseText);\r\n }\r\n }\r\n\r\n return {\r\n deleteSingleEntryRecord,\r\n getSingleEntryConsumersPresent,\r\n getSingleEntryConsumersPresentAsync,\r\n getSubEmployeeListAndCountInfo,\r\n getSingleEntryPayPeriods,\r\n getRequiredSingleEntryFields,\r\n getWorkCodes,\r\n getWorkCodesAsync,\r\n getSingleEntryLocations,\r\n getSingleEntryUsersByLocation,\r\n getSingleEntryByDate,\r\n getSingleEntryById,\r\n insertSingleEntryNew,\r\n insertConsumerforSavedSingleEntry,\r\n preInsertSingleEntry,\r\n getSelectedConsumerLocations,\r\n singleEntryOverlapCheck,\r\n updateSingleEntryStatus,\r\n updateSingleEntry,\r\n // ADMIN SE FUNCTIONS\r\n approveSingleEntryRecord,\r\n adminUpdateSingleEntryStatus,\r\n getSingleEntryEmployees,\r\n getSingleEntrySupervisors,\r\n //getSingleEntryPayPeriodsAdminAjax,\r\n getAdminSingleEntryLocations,\r\n singleEntryFilterAdminList,\r\n getAddressByLatLong,\r\n getUserSingleEntryLocationsForPayPeriod,\r\n getSingleEntryUsersWC,\r\n getLocationsAndResidences,\r\n getEvvReasonCodes,\r\n getEvvEligibility,\r\n getEvvEligibilityAsync,\r\n getExistingTimeEntry\r\n };\r\n})();\r\n","const timeEntryDetailsPopup = (function() {\r\n let consumerSection;\r\n let loadingSection;\r\n let transportationSection;\r\n\r\n function buildConsumerSection(consumers) {\r\n consumerSection.innerHTML = '
Consumers
'\r\n let consumerArr = []\r\n consumers.forEach(consumer => {\r\n const lastName = consumer.consumername.split(\",\")[1];\r\n const firstName = consumer.consumername.split(\",\")[0];\r\n let consumerString = `${lastName}, ${firstName}`;\r\n consumerString = consumerString.trim();\r\n consumerArr.push(consumerString);\r\n });\r\n consumerArr.sort(function (a, b) {\r\n return a.toLowerCase().localeCompare(b.toLowerCase());\r\n });\r\n consumerArr.forEach(consumer => {\r\n const consumerDiv = document.createElement('div');\r\n consumerDiv.classList.add('consumerRow');\r\n consumerDiv.innerHTML = consumer;\r\n consumerSection.appendChild(consumerDiv)\r\n })\r\n }\r\n\r\n function buildTransportationSection(ed) {\r\n entryData = ed[0]\r\n transportationSection.innerHTML = ''\r\n if (entryData.Transportation_Units === '' && entryData.licensePlateNumber === '') return;\r\n let trans_type = entryData.Transportation_reimbursable === \"N\" ? \"Company\" : \"Personal\";\r\n let trans_milage = entryData.Transportation_Units;\r\n let trans_odStart = entryData.odometerstart;\r\n let trans_odEnd = entryData.odometerend;\r\n let trans_destination = entryData.destination;\r\n let trans_licenseplate = entryData.licensePlateNumber;\r\n let trans_reason = entryData.reason;\r\n\r\n transportationSection.innerHTML = `\r\n Transportation
\r\n Transportation Type: ${trans_type}
\r\n ${trans_odStart !== \"\" ? `Odometer Start: ${trans_odStart}
` : \"\"}\r\n ${trans_odEnd !== \"\" ? `Odometer End: ${trans_odEnd}
` : \"\"}\r\n Total Miles: ${trans_milage}
\r\n ${trans_licenseplate !== \"\" ? `License Plate: ${trans_licenseplate}
` : \"\"}\r\n ${trans_destination !== \"\" ? `Destination: ${trans_destination}
` : \"\"}\r\n ${trans_reason !== \"\" ? `Reason: ${trans_reason}
` : \"\"}\r\n `\r\n }\r\n\r\n function init(entryId, consumersPresent) {\r\n consumerSection = document.getElementById(\"consumerDisplay\")\r\n loadingSection = document.getElementById(\"loadingDisplay\")\r\n transportationSection = document.getElementById(\"transportationDisplay\")\r\n let entryData = null\r\n let consumers = null\r\n\r\n PROGRESS__ANYWHERE.init()\r\n PROGRESS__ANYWHERE.SPINNER.show(loadingSection, \"Gathering Additional Information...\")\r\n let promises = [];\r\n\r\n const getSEData = new Promise((resolve, reject) => {\r\n singleEntryAjax.getSingleEntryById(entryId, results => {\r\n entryData = results;\r\n resolve(\"gotSEData\");\r\n });\r\n });\r\n promises.push(getSEData);\r\n const getSEConsumers = new Promise((resolve, reject) => {\r\n singleEntryAjax.getSingleEntryConsumersPresent(entryId, resConsumers => {\r\n consumers = resConsumers;\r\n resolve(\"gotConsumers\");\r\n });\r\n });\r\n if (consumersPresent !== \"0\") promises.push(getSEConsumers);\r\n\r\n Promise.all(promises).then(() => {\r\n PROGRESS__ANYWHERE.SPINNER.hide()\r\n buildTransportationSection(entryData, consumers)\r\n if (consumersPresent !== \"0\") buildConsumerSection(consumers)\r\n });\r\n }\r\n\r\n return {\r\n init\r\n };\r\n})();\r\n","var simpleMar = (function () {\r\n let simpleMarModuleButton;\r\n\r\n function showEMARfailurePopup() {\r\n const signOnFailerPop = POPUP.build({\r\n id: 'warningPopup',\r\n classNames: ['emarSignOnFailerPop', 'warning'],\r\n hideX: true,\r\n });\r\n\r\n const message = document.createElement('p');\r\n message.innerText = 'Single sign-on failed. Please contact your system administrator.';\r\n\r\n const okBtn = button.build({\r\n text: 'Ok',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: e => {\r\n POPUP.hide(signOnFailerPop);\r\n simpleMarModuleButton.classList.remove('disabled');\r\n },\r\n });\r\n\r\n signOnFailerPop.appendChild(message);\r\n signOnFailerPop.appendChild(okBtn);\r\n\r\n POPUP.show(signOnFailerPop);\r\n }\r\n\r\n async function simpleMarLogin() {\r\n simpleMarModuleButton = document.getElementById('emarButton');\r\n simpleMarModuleButton.classList.add('disabled');\r\n\r\n try {\r\n const success = await simpleMarAjax.simpleMarLogin();\r\n simpleMarModuleButton.classList.remove('disabled');\r\n } catch (error) {\r\n showEMARfailurePopup();\r\n }\r\n }\r\n\r\n return {\r\n simpleMarLogin,\r\n showEMARfailurePopup,\r\n };\r\n})();\r\n","var simpleMarAjax = (function () {\r\n async function simpleMarLogin() {\r\n retrieveData = {\r\n token: $.session.Token,\r\n };\r\n try {\r\n let data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/simpleMarLogin/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n data = await $.ajax({\r\n type: 'POST',\r\n url:\r\n $.webServer.protocol +\r\n '://' +\r\n $.webServer.address +\r\n ':' +\r\n $.webServer.port +\r\n '/' +\r\n $.webServer.serviceName +\r\n '/simpleMarLogin/',\r\n data: JSON.stringify(retrieveData),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n loginURL = data.simpleMarLoginResult;\r\n window.open(loginURL, '_blank');\r\n } catch (error) {\r\n console.log(error.responseText);\r\n simpleMar.showEMARfailurePopup();\r\n }\r\n }\r\n\r\n return {\r\n simpleMarLogin,\r\n };\r\n})();\r\n","const TRANS_mainLanding = (function() {\r\n //TRANSPORTATION SHARED DATA\r\n let drivers, inspectionCategories, vehicles, locations, altAddresses;\r\n\r\n function loadTransportationLanding(params) {\r\n const myRoutesBtn = button.build({\r\n text: 'MY ROUTES',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => {\r\n TRANS_myRoute.init()\r\n }\r\n })\r\n const manageRoutesBtn = button.build({\r\n text: 'MANAGE ROUTES',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => TRANS_manageRoutes.init()\r\n })\r\n const newRouteBtn = button.build({\r\n text: 'ADD NEW ROUTE',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => TRANS_addRoute.init()\r\n })\r\n const vehicleInspectionBtn = button.build({\r\n text: 'VEHICLE INSPECTION',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => TRANS_vehicleInspectionLanding.init()\r\n })\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('landingBtnWrap');\r\n btnWrap.appendChild(myRoutesBtn);\r\n if ($.session.transportationManageRoute === true ) btnWrap.appendChild(manageRoutesBtn);\r\n if ($.session.transportationAddRoute === true ) btnWrap.appendChild(newRouteBtn);\r\n btnWrap.appendChild(vehicleInspectionBtn);\r\n DOM.ACTIONCENTER.appendChild(btnWrap);\r\n }\r\n\r\n function getCategories() {\r\n return inspectionCategories\r\n }\r\n function getVehicles() {\r\n return new Map([...vehicles].filter(([k,v]) => v.Active === 'Y'))\r\n }\r\n function getLocations() {\r\n return locations\r\n }\r\n function getAlternateAddress(consumerId) {\r\n return altAddresses.get(consumerId)\r\n }\r\n\r\n function updateAltAddress() {\r\n TRANS_mainLandingAjax.getAltAddresses().then(res => {\r\n const tempAltAddresses = res.getAlternateAddressesResult\r\n let tempAltAddressesMap = new Map();\r\n tempAltAddresses.forEach(address => {\r\n if (tempAltAddressesMap.has(address.consumerId)) {\r\n const addArr = tempAltAddressesMap.get(address.consumerId);\r\n addArr.push(address);\r\n tempAltAddressesMap.set(address.consumerId, addArr)\r\n } else {\r\n tempAltAddressesMap.set(address.consumerId, [address]);\r\n }\r\n })\r\n altAddresses = tempAltAddressesMap;\r\n })\r\n }\r\n\r\n function getAllDrivers(filteredDate) {\r\n // Pass Date Object as filtered Date\r\n if (!filteredDate) filteredDate = UTIL.getTodaysDate(true)\r\n return new Map(\r\n [...drivers].filter(([k,v]) => {\r\n const catEndDate = new Date(v.catEndDate)\r\n const catStartDate = new Date(v.catStartDate)\r\n const termDate = new Date(v.termDate)\r\n return (\r\n (catEndDate >= filteredDate || v.catEndDate === \"\") &&\r\n (termDate >= filteredDate || v.termDate === \"\") && \r\n (catStartDate <= filteredDate)\r\n )\r\n })\r\n )\r\n }\r\n\r\n function driverLookup(id) {\r\n return drivers.get(id)\r\n }\r\n function vehicleLookup(id) {\r\n const ret = vehicles.has(id) ? vehicles.get(id) : 'Non-Existant Vehicle!';\r\n if (ret === 'Non-Existant Vehicle!' && id !== '%') console.error(`Vehicle ID: ${id} does not exist in the database!`)\r\n return ret\r\n }\r\n function locationLookup(id) {\r\n return locations.get(id)\r\n }\r\n function vehicleFilteredLookup(id) {\r\n return vehicles.get(id)\r\n }\r\n\r\n async function getData() {\r\n PROGRESS.init()\r\n PROGRESS.SPINNER.show('Gathering Data...')\r\n function gatherComplete(res) {\r\n const tmpDrivers = res[0].getDriversResult\r\n const tempCategories = res[1].getInspectionCategoriesResult\r\n const tempVehicles = res[2].getVehicleDropdownResult\r\n const tempLocations = res[3].getLocationsJSONResult\r\n const tempAltAddresses = res[4].getAlternateAddressesResult\r\n\r\n let tmpDriversMap = new Map();\r\n let tempCategoriesMap = new Map();\r\n let tempVehiclesMap = new Map();\r\n let tempLocationsMap = new Map();\r\n let tempAltAddressesMap = new Map();\r\n\r\n tmpDrivers.forEach(driver => {\r\n tmpDriversMap.set(driver.Person_ID, driver);\r\n })\r\n tempCategories.forEach(category => {\r\n tempCategoriesMap.set(category.categoryID, {desc: category.description, allowNA: category.allowNA});\r\n })\r\n tempVehicles.forEach(vehicle => {\r\n tempVehiclesMap.set(vehicle.vehicleInformationId, vehicle);\r\n })\r\n tempLocations.forEach(location => {\r\n // Only N residence locaitons\r\n if (location.Residence === 'N') tempLocationsMap.set(location.ID, location);\r\n })\r\n tempAltAddresses.forEach(address => {\r\n if (tempAltAddressesMap.has(address.consumerId)) {\r\n const addArr = tempAltAddressesMap.get(address.consumerId);\r\n addArr.push(address);\r\n tempAltAddressesMap.set(address.consumerId, addArr)\r\n } else {\r\n tempAltAddressesMap.set(address.consumerId, [address]);\r\n }\r\n })\r\n\r\n drivers = tmpDriversMap;\r\n inspectionCategories = tempCategoriesMap;\r\n vehicles = tempVehiclesMap;\r\n locations = tempLocationsMap;\r\n altAddresses = tempAltAddressesMap;\r\n }\r\n\r\n const promises = []\r\n\r\n const driversProm = TRANS_mainLandingAjax.getDrivers()\r\n promises.push(driversProm)\r\n const categoryProm = TRANS_vehicleInspectionAjax.getInspectionCategories()\r\n promises.push(categoryProm)\r\n const vehicleProm = TRANS_mainLandingAjax.getVehicles()\r\n promises.push(vehicleProm);\r\n const locationProm = rosterAjax.getRosterLocations()\r\n promises.push(locationProm)\r\n const altAddressProm = TRANS_mainLandingAjax.getAltAddresses()\r\n promises.push(altAddressProm)\r\n\r\n await Promise.all(promises)\r\n .then(res => gatherComplete(res))\r\n .catch(err => console.error('ERROR GATHERING DATA! MODULE WILL NOT WORK PROPERLY: ' + err))\r\n }\r\n\r\n async function init() {\r\n if (!drivers || !vehicles || !inspectionCategories) {\r\n await getData()\r\n }\r\n DOM.scrollToTopOfPage();\r\n DOM.clearActionCenter();\r\n const miniRosterBtn = document.querySelector('.consumerListBtn');\r\n if (miniRosterBtn) {\r\n miniRosterBtn.remove();\r\n DOM.toggleNavLayout();\r\n }\r\n loadTransportationLanding()\r\n if ($.session.transportationUpdate === false) console.info('User does not have update permissions. My Route and Vehicle Inspections will be read only')\r\n }\r\n return {\r\n init,\r\n getAllDrivers,\r\n driverLookup,\r\n getCategories,\r\n getVehicles,\r\n vehicleLookup,\r\n getLocations,\r\n getAlternateAddress,\r\n locationLookup,\r\n vehicleFilteredLookup,\r\n updateAltAddress\r\n }\r\n})();","const TRANS_mainLandingAjax = (function() {\r\n\r\n function getDrivers() {\r\n const data = {\r\n token: $.session.Token\r\n }\r\n return $.ajax({\r\n\t\t\ttype: 'POST',\r\n\t\t\turl: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getDrivers/',\r\n\t\t\tdata: JSON.stringify(data),\r\n\t\t\tcontentType: 'application/json; charset=utf-8',\r\n\t\t\tdataType: 'json',\r\n\t\t});\r\n }\r\n\r\n function getVehicles() {\r\n const data = {\r\n token: $.session.Token,\r\n }\r\n return $.ajax({\r\n\t\t\ttype: 'POST',\r\n\t\t\turl: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getVehicleDropdown/',\r\n\t\t\tdata: JSON.stringify(data),\r\n\t\t\tcontentType: 'application/json; charset=utf-8',\r\n\t\t\tdataType: 'json',\r\n\t\t});\r\n }\r\n function getAltAddresses() {\r\n const data = {\r\n token: $.session.Token,\r\n consumerId: \"%\"\r\n }\r\n return $.ajax({\r\n\t\t\ttype: 'POST',\r\n\t\t\turl: $.webServer.protocol + '://' + $.webServer.address + ':' + $.webServer.port + '/' + $.webServer.serviceName + '/getAlternateAddresses/',\r\n\t\t\tdata: JSON.stringify(data),\r\n\t\t\tcontentType: 'application/json; charset=utf-8',\r\n\t\t\tdataType: 'json',\r\n\t\t});\r\n }\r\n return {\r\n getDrivers,\r\n getVehicles,\r\n getAltAddresses\r\n }\r\n})();","const WaitingList = (() => {\r\n function unload() {\r\n _DOM.ACTIONCENTER.removeAttribute('data-ui');\r\n WaitingListAssessment.unload();\r\n }\r\n\r\n async function load() {\r\n _DOM.ACTIONCENTER.innerHTML = '';\r\n _DOM.ACTIONCENTER.setAttribute('data-UI', true);\r\n _DOM.setActiveModuleAttribute('waitingList');\r\n\r\n moduleWrapEle = _DOM.createElement('div', { class: 'waitingList' });\r\n moduleHeaderEle = _DOM.createElement('div', { class: 'waitingList__header' });\r\n moduleBodyEle = _DOM.createElement('div', { class: 'waitingList__body' });\r\n\r\n moduleWrapEle.appendChild(moduleHeaderEle);\r\n moduleWrapEle.appendChild(moduleBodyEle);\r\n _DOM.ACTIONCENTER.appendChild(moduleWrapEle);\r\n\r\n WaitingListOverview.init({ moduleHeader: moduleHeaderEle, moduleBody: moduleBodyEle });\r\n }\r\n\r\n return {\r\n init: load,\r\n unload,\r\n };\r\n})();\r\n","const WaitingListAssessment = (() => {\r\n //--------------------------\r\n // SESSION DATA\r\n //--------------------------\r\n let isNewAssessment = true;\r\n let selectedConsumer;\r\n let wlData;\r\n let wlLinkID;\r\n let wlCircID;\r\n let wlNeedID;\r\n let wlDocuments;\r\n let wlParticipants;\r\n let maxQueueSize = 5;\r\n let isFormComplete;\r\n let isAssessmentComplete;\r\n //--------------------------\r\n // DOM\r\n //--------------------------\r\n let assessmentWrap;\r\n let tableOfContents;\r\n let contributingCircumstancesWrap;\r\n let needsWrap;\r\n let tocLinks;\r\n let doucmentsList;\r\n //--------------------------\r\n // UI INSTANCES\r\n //--------------------------\r\n let updateQueue;\r\n let backButton;\r\n let consumerCard;\r\n let wlForms;\r\n let participantsTable;\r\n let sendEmailButton;\r\n let sendEmailPopup;\r\n let sendEmailForm;\r\n let documentsButton;\r\n let documentsForm;\r\n let documentsPopup;\r\n\r\n const sections = {\r\n waitingListInfo: {\r\n name: 'Waiting List Information',\r\n dbtable: 'WLA_Waiting_List_Information',\r\n enabled: true,\r\n formElements: [\r\n {\r\n id: 'interviewDate',\r\n type: 'date',\r\n label: 'Interview Date',\r\n required: true,\r\n },\r\n {\r\n id: 'personCompleting',\r\n label: 'Name of person completing assessment',\r\n type: 'text',\r\n required: true,\r\n },\r\n {\r\n id: 'personCompletingTitle',\r\n label: 'Title of person completing assessment',\r\n type: 'text',\r\n required: true,\r\n },\r\n {\r\n id: 'currentLivingArrangement',\r\n label: 'Describe the current living arrangement',\r\n type: 'select',\r\n required: true,\r\n data: [\r\n { value: '', text: '' },\r\n { value: 'Lives Alone', text: 'Lives Alone' },\r\n { value: 'Lives with Family or Other Caregivers', text: 'Lives with Family or Other Caregivers' },\r\n { value: 'Lives With Others Who Are Not Caregivers', text: 'Lives With Others Who Are Not Caregivers' },\r\n { value: 'Lives in an Intermediate Care Facility', text: 'Lives in an Intermediate Care Facility' },\r\n { value: 'Lives in a Nursing Facility', text: 'Lives in a Nursing Facility' },\r\n { value: 'Other', text: 'Other' },\r\n ],\r\n },\r\n {\r\n id: 'livingArrangementOther',\r\n label: 'Describe Other Living Arrangement',\r\n fullscreen: true,\r\n type: 'textarea',\r\n disabled: true,\r\n required: true,\r\n },\r\n {\r\n id: 'areasPersonNeedsHelp',\r\n label: 'In what areas does person report needing help?',\r\n fullscreen: true,\r\n type: 'textarea',\r\n required: true,\r\n },\r\n ],\r\n },\r\n participants: {\r\n name: 'Participants',\r\n enabled: true,\r\n },\r\n conditions: {\r\n name: 'Conditions',\r\n dbtable: 'WLA_Conditions',\r\n enabled: true,\r\n formElements: [\r\n {\r\n id: 'otherThanMentalHealth',\r\n type: 'radiogroup',\r\n required: true,\r\n groupLabel: `Does this person have a condition that is attributable to a mental or physical impairment or combination of mental and physical impairments, other than an impairment caused solely by mental illness?`,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'otherThanMentalHealthyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'otherThanMentalHealthno' },\r\n ],\r\n },\r\n {\r\n id: 'before22',\r\n type: 'radiogroup',\r\n required: true,\r\n groupLabel: `Was the condition present before age 22?`,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'before22yes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'before22no' },\r\n ],\r\n },\r\n {\r\n id: 'isConditionIndefinite',\r\n type: 'radiogroup',\r\n required: true,\r\n groupLabel: `Is the condition likely to continue indefinitely?`,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isConditionIndefiniteyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isConditionIndefiniteno' },\r\n ],\r\n },\r\n ],\r\n },\r\n currentAvailableServices: {\r\n name: 'Current/Available Services',\r\n dbtable: 'WLA_Active_Services',\r\n enabled: false,\r\n formElements: [\r\n {\r\n type: 'radiogroup',\r\n id: 'isCountyBoardFunding',\r\n groupLabel: 'County Board services / funding',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isCountyBoardFundingyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isCountyBoardFundingno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isOhioEarlyInterventionService',\r\n groupLabel: 'Help Me Grow / Ohio Early Intervention',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isOhioEarlyInterventionServiceyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isOhioEarlyInterventionServiceno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isBCMHService',\r\n groupLabel: 'Bureau for Children with Medical Handicaps',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isBCMHServiceyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isBCMHServiceno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isFCFCService',\r\n groupLabel: 'Family and Children First Council',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isFCFCServiceyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isFCFCServiceno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isODEService',\r\n groupLabel: 'Ohio Department of Education',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isODEServiceyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isODEServiceno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isOODService',\r\n groupLabel: 'Vocational Rehabilitation / Opportunities for Ohioans with Disabilities',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isOODServiceyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isOODServiceno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isChildrenServices',\r\n groupLabel: 'Children Services',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isChildrenServicesyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isChildrenServicesno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isMedicaidStatePlanHomeHealthAideservice',\r\n groupLabel: 'Medicaid State Plan Home Health Aide',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isMedicaidStatePlanHomeHealthAideserviceyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isMedicaidStatePlanHomeHealthAideserviceno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isMedicaidStatePlanHomeHealthNursingService',\r\n groupLabel: 'Medicaid State Plan Home Health Nursing',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isMedicaidStatePlanHomeHealthNursingServiceyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isMedicaidStatePlanHomeHealthNursingServiceno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isMedicaidStatePlanService',\r\n groupLabel: 'Medicaid State Plan Private Duty Nursing',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isMedicaidStatePlanServiceyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isMedicaidStatePlanServiceno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isOhioHomeCareWaiverservice',\r\n groupLabel: 'Ohio Home Care Waiver',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isOhioHomeCareWaiverserviceyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isOhioHomeCareWaiverserviceno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isPassportWaiverService',\r\n groupLabel: 'PASSPORT Waiver',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isPassportWaiverServiceyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isPassportWaiverServiceno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isAssistedLivingWaiverService',\r\n groupLabel: 'Assisted Living Waiver',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isAssistedLivingWaiverServiceyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isAssistedLivingWaiverServiceno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isMYCarewaiverService',\r\n groupLabel: 'MyCare Waiver',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isMYCarewaiverServiceyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isMYCarewaiverServiceno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isSelfWaiverService',\r\n groupLabel: 'Self-Empowered Life Funding Waiver',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isSelfWaiverServiceyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isSelfWaiverServiceno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isLevelOneWaiverService',\r\n groupLabel: 'Level One Waiver',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isLevelOneWaiverServiceyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isLevelOneWaiverServiceno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isOtherService',\r\n groupLabel: 'Other',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isOtherServiceyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isOtherServiceno' },\r\n ],\r\n },\r\n {\r\n label: 'Other:',\r\n id: 'otherDescription',\r\n fullscreen: true,\r\n type: 'textarea',\r\n disabled: true,\r\n required: true,\r\n },\r\n ],\r\n },\r\n contributingCircumstances: {\r\n name: 'Contributing Circumstances',\r\n enabled: false,\r\n children: [\r\n 'primaryCaregiver',\r\n 'needs',\r\n 'riskMitigation',\r\n 'icfDischarge',\r\n 'intermittentSupports',\r\n 'childProtectionAgency',\r\n 'adultDayEmployment',\r\n 'dischargePlan',\r\n ],\r\n },\r\n primaryCaregiver: {\r\n name: 'Primary Caregiver',\r\n dbtable: 'WLA_Primary_Caregivers',\r\n enabled: false,\r\n formElements: [\r\n {\r\n type: 'radiogroup',\r\n id: 'isPrimaryCaregiverUnavailable',\r\n required: true,\r\n groupLabel:\r\n 'Is there evidence that the primary caregiver has a declining or chronic condition or is facing other unforeseen circumstances that will limit his or her ability to care for the individual?',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isPrimaryCaregiverUnavailableyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isPrimaryCaregiverUnavailableno' },\r\n ],\r\n },\r\n {\r\n label:\r\n 'List documentation used to verify presence of declining or chronic condition or unforeseen circumstances.',\r\n id: 'unavailableDocumentation',\r\n fullscreen: true,\r\n type: 'textarea',\r\n disabled: true,\r\n required: true,\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isActionRequiredIn30Days',\r\n groupLabel: `Is action required within the next 30 days due to the caregiver's inability to care for the individual?`,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isActionRequiredIn30Daysyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isActionRequiredIn30Daysno' },\r\n ],\r\n disabled: true,\r\n required: true,\r\n },\r\n {\r\n label: 'Describe the action required:',\r\n id: 'actionRequiredDescription',\r\n fullscreen: true,\r\n type: 'textarea',\r\n disabled: true,\r\n required: true,\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'isIndividualSkillsDeclined',\r\n groupLabel: `Is there evidence of declining skills the individual has experienced as a result of either the caregiver's condition or insufficient caregivers to meet the individual's current needs?`,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'isIndividualSkillsDeclinedyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'isIndividualSkillsDeclinedno' },\r\n ],\r\n disabled: true,\r\n },\r\n {\r\n label: `List documentation used to verify presence of caregiver's condition, if not already described above: `,\r\n id: 'declinedSkillsDocumentation',\r\n fullscreen: true,\r\n type: 'textarea',\r\n disabled: true,\r\n required: true,\r\n },\r\n {\r\n label: 'Describe decline:',\r\n id: 'declinedSkillsDescription',\r\n fullscreen: true,\r\n type: 'textarea',\r\n disabled: true,\r\n required: true,\r\n },\r\n {\r\n label: 'Additional comments:',\r\n id: 'additionalCommentsForUnavailable',\r\n fullscreen: true,\r\n type: 'textarea',\r\n },\r\n ],\r\n },\r\n needs: {\r\n name: 'Needs',\r\n enabled: false,\r\n },\r\n behavioral: {\r\n name: 'Behavioral',\r\n dbtable: 'WLA_Risks',\r\n enabled: false,\r\n formElements: [\r\n {\r\n disabled: true,\r\n type: 'radiogroup',\r\n id: 'risksIsRiskToSelf',\r\n groupLabel:\r\n 'Is the individual a child / adult currently engaging in a pattern of behavior that creates a substantial risk to self / others?',\r\n note: 'This will be selected automatically as the information below is entered.',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'risksIsRiskToSelfyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'risksIsRiskToSelfno' },\r\n ],\r\n },\r\n {\r\n type: 'checkboxgroup',\r\n id: 'risksIs',\r\n groupLabel: 'Check all that apply:',\r\n fields: [\r\n {\r\n type: 'checkbox',\r\n label: 'Not applicable; there is currently no pattern of behavior that creates a substantial risk.',\r\n id: 'risksIsNone',\r\n },\r\n { type: 'checkbox', label: 'Physical Aggression', id: 'risksIsPhysicalAggression' },\r\n { type: 'checkbox', label: 'Self-Injury', id: 'risksIsSelfInjury' },\r\n { type: 'checkbox', label: 'Fire-setting', id: 'risksIsFireSetting' },\r\n { type: 'checkbox', label: 'Elopement', id: 'risksIsElopement' },\r\n { type: 'checkbox', label: 'Sexual Offending', id: 'risksIsSexualOffending' },\r\n { type: 'checkbox', label: 'Other', id: 'risksIsOther' },\r\n ],\r\n required: true,\r\n },\r\n {\r\n label: 'Describe type, frequency, and intensity of behavioral needs:',\r\n id: 'risksFrequencyDescription',\r\n fullscreen: true,\r\n type: 'textarea',\r\n disabled: true,\r\n required: true,\r\n },\r\n {\r\n type: 'checkboxgroup',\r\n id: 'risksHas',\r\n groupLabel: 'Documentation available (Select at least one):',\r\n fields: [\r\n {\r\n type: 'checkbox',\r\n label: 'Not applicable; there is currently no pattern of behavior that creats a substantial risk',\r\n id: 'risksHasNoDocument',\r\n },\r\n { type: 'checkbox', label: 'Police Report(s)', id: 'risksHasPoliceReport' },\r\n { type: 'checkbox', label: 'Incident Report(s)', id: 'risksHasIncidentReport' },\r\n { type: 'checkbox', label: 'Behavior Tracking Sheets(s)', id: 'risksHasBehaviorTracking' },\r\n { type: 'checkbox', label: 'Psychological Assessment', id: 'risksHasPsychologicalAssessment' },\r\n { type: 'checkbox', label: 'Other', id: 'risksHasOtherDocument' },\r\n ],\r\n required: true,\r\n },\r\n {\r\n label: 'Other:',\r\n id: 'risksOtherDocumentDescription',\r\n fullscreen: true,\r\n type: 'textarea',\r\n disabled: true,\r\n required: true,\r\n },\r\n ],\r\n },\r\n physical: {\r\n name: 'Physical',\r\n dbtable: 'WLA_Physical_Needs',\r\n enabled: false,\r\n formElements: [\r\n {\r\n disabled: true,\r\n type: 'radiogroup',\r\n id: 'physicalNeedsIsPhysicalCareNeeded',\r\n groupLabel: 'Is the individual a child / adult with significant physical care needs?',\r\n note: 'This will be selected automatically as the information below is entered.',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'physicalNeedsIsPhysicalCareNeededyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'physicalNeedsIsPhysicalCareNeededno' },\r\n ],\r\n },\r\n {\r\n type: 'checkboxgroup',\r\n id: 'physicalNeeds',\r\n groupLabel: 'Check all that apply:',\r\n fields: [\r\n {\r\n type: 'checkbox',\r\n label: 'Not applicable; there are no significant physical care needs',\r\n id: 'physicalNeedsIsNone',\r\n },\r\n {\r\n type: 'checkbox',\r\n label: 'Frequent hands-on support required with activities of daily living throughout the day and night',\r\n id: 'physicalNeedsIsPersonalCareNeeded',\r\n },\r\n {\r\n type: 'checkbox',\r\n label: 'Size / Condition of the individual creates a risk of injury during physical care',\r\n id: 'physicalNeedsIsRiskDuringPhysicalCare',\r\n },\r\n { type: 'checkbox', label: 'Other', id: 'physicalNeedsIsOther' },\r\n ],\r\n required: true,\r\n },\r\n {\r\n label: 'Describe type, frequency, and intensity of physical care needs:',\r\n id: 'physicalNeedsDescription',\r\n fullscreen: true,\r\n type: 'textarea',\r\n disabled: true,\r\n required: true,\r\n },\r\n ],\r\n },\r\n medical: {\r\n name: 'Medical',\r\n dbtable: 'WLA_Medical_Needs',\r\n enabled: false,\r\n formElements: [\r\n {\r\n disabled: true,\r\n type: 'radiogroup',\r\n id: 'medicalNeedsIsLifeThreatening',\r\n groupLabel: 'Is the individual a child / adult with significant or life-threatening medical needs?',\r\n note: 'This will be selected automatically as the information below is entered.',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'medicalNeedsIsLifeThreateningyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'medicalNeedsIsLifeThreateningno' },\r\n ],\r\n },\r\n {\r\n type: 'checkboxgroup',\r\n id: 'medicalNeeds',\r\n required: true,\r\n groupLabel: ' (Check all that apply)',\r\n fields: [\r\n {\r\n type: 'checkbox',\r\n label: 'Not applicable; there are no significant or life-threatening medical needs',\r\n id: 'medicalNeedsIsNone',\r\n },\r\n {\r\n type: 'checkbox',\r\n label: 'Frequent hospitalizations or emergency room visits for life-sustaining treatment',\r\n id: 'medicalNeedsIsFrequentEmergencyVisit',\r\n },\r\n {\r\n type: 'checkbox',\r\n label:\r\n 'Ongoing medical care provided by caregivers to prevent hospitalization or emergency room intervention',\r\n id: 'medicalNeedsIsOngoingMedicalCare',\r\n },\r\n {\r\n type: 'checkbox',\r\n label: 'Need for specialized training of caregivers to prevent emergency medical intervention',\r\n id: 'medicalNeedsIsSpecializedCareGiveNeeded',\r\n },\r\n { type: 'checkbox', label: 'Other', id: 'medicalNeedsIsOther' },\r\n ],\r\n },\r\n {\r\n label: 'Describe type, frequency, and intensity of medical needs:',\r\n id: 'medicalNeedsDescription',\r\n fullscreen: true,\r\n type: 'textarea',\r\n disabled: true,\r\n required: true,\r\n },\r\n ],\r\n },\r\n other: {\r\n name: 'Other',\r\n dbtable: 'WLA_Needs',\r\n enabled: false,\r\n formElements: [\r\n {\r\n type: 'radiogroup',\r\n id: 'needsIsActionRequiredRequiredIn30Days',\r\n groupLabel:\r\n 'Is action required within the next 30 days to reduce the risk(s) presented by the behavioral, physical, and / or medical needs?',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'needsIsActionRequiredRequiredIn30Daysyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'needsIsActionRequiredRequiredIn30Daysno' },\r\n ],\r\n disabled: true,\r\n required: true,\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'needsIsContinuousSupportRequired',\r\n groupLabel:\r\n 'If No, do the significant behavioral, physical care, and / or medical needs identified require continuous support to reduce risk?',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'needsIsContinuousSupportRequiredyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'needsIsContinuousSupportRequiredno' },\r\n ],\r\n disabled: true,\r\n required: true,\r\n },\r\n ],\r\n },\r\n riskMitigation: {\r\n name: 'Risk Mitigation',\r\n dbtable: 'WLA_Risk_Mitigations',\r\n enabled: false,\r\n formElements: [\r\n {\r\n disabled: true,\r\n type: 'radiogroup',\r\n id: 'rMIsSupportNeeded',\r\n groupLabel:\r\n 'Is the individual an adult who has been subjected to abuse, neglect, or exploitation and requires support to reduce risk?',\r\n note: 'This will be selected automatically as the information below is entered.',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'rMIsSupportNeededyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'rMIsSupportNeededno' },\r\n ],\r\n },\r\n {\r\n type: 'checkboxgroup',\r\n id: 'rMIs',\r\n required: true,\r\n groupLabel: 'There is currently an open investigation with: (Check all that apply):',\r\n fields: [\r\n { type: 'checkbox', label: 'Not applicable; there is currently no open investigation', id: 'rMIsNone' },\r\n { type: 'checkbox', label: 'Adult Protective Services', id: 'rMIsAdultProtectiveServiceInvestigation' },\r\n { type: 'checkbox', label: 'County Board', id: 'rMIsCountyBoardInvestigation' },\r\n { type: 'checkbox', label: 'Law Enforcement', id: 'rMIsLawEnforcementInvestigation' },\r\n { type: 'checkbox', label: 'Other', id: 'rMIsOtherInvestigation' },\r\n ],\r\n },\r\n {\r\n label: 'Describe incident under investigation and supports needed to reduce the risk:',\r\n id: 'rMdescription',\r\n fullscreen: true,\r\n type: 'textarea',\r\n disabled: true,\r\n required: true,\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'rMIsActionRequiredIn3oDays',\r\n groupLabel: 'Is action required within the next 30 days to reduce risk?',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'rMIsActionRequiredIn3oDaysyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'rMIsActionRequiredIn3oDaysno' },\r\n ],\r\n disabled: true,\r\n required: true,\r\n },\r\n ],\r\n },\r\n icfDischarge: {\r\n name: 'ICF Discharge',\r\n dbtable: 'WLA_ICF_Discharges',\r\n enabled: false,\r\n formElements: [\r\n {\r\n disabled: true,\r\n type: 'radiogroup',\r\n id: 'icfDetermination',\r\n groupLabel:\r\n 'Is the individual a resident of an ICFIID or Nursing Facility who has either been issued a 30-day notice of intent to discharge or received an adverse Resident Review determination?',\r\n note: 'This will be selected automatically as the information below is entered.',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'icfDeterminationyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'icfDeterminationno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'icfIsICFResident',\r\n required: true,\r\n groupLabel: 'Is the individual currently a resident of an ICFIID or Nursing Facility?',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'icfIsICFResidentyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'icfIsICFResidentno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'icfIsNoticeIssued',\r\n required: true,\r\n groupLabel:\r\n 'Has the individual been issued a 30-day notice of intent to discharge or received an adverse Resident Review determination?',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'icfIsNoticeIssuedyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'icfIsNoticeIssuedno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'icfIsActionRequiredIn30Days',\r\n required: true,\r\n groupLabel: 'Is action required with the next 30 days to reduce the risk?',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'icfIsActionRequiredIn30Daysyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'icfIsActionRequiredIn30Daysno' },\r\n ],\r\n },\r\n ],\r\n },\r\n intermittentSupports: {\r\n name: 'Intermittent Supports',\r\n dbtable: 'WLA_Intermitent_Supports',\r\n enabled: false,\r\n formElements: [\r\n {\r\n disabled: true,\r\n type: 'radiogroup',\r\n id: 'intSupDetermination',\r\n groupLabel:\r\n 'Does the individual have an ongoing need for limited / intermittent supports to address behavioral, physical, or medical needs in order to sustain existing caregivers and remain in the current living with.',\r\n note: 'This will be selected automatically as the information below is entered.',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'intSupDeterminationyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'intSupDeterminationno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'intSupIsSupportNeededIn12Months',\r\n required: true,\r\n groupLabel: 'Does the individual have a need for limited or intermittent supports within the next 12 months?',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'intSupIsSupportNeededIn12Monthsyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'intSupIsSupportNeededIn12Monthsno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'intSupIsStayingLivingArrangement',\r\n required: true,\r\n groupLabel: 'Does the individual desire to remain in the current living environment?',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'intSupIsStayingLivingArrangementyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'intSupIsStayingLivingArrangementno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'intSupIsActionRequiredIn30Days',\r\n required: true,\r\n groupLabel:\r\n 'Are existing caregivers willing AND able to continue to provide supports, if some relief were provided?',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'intSupIsActionRequiredIn30Daysyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'intSupIsActionRequiredIn30Daysno' },\r\n ],\r\n },\r\n ],\r\n },\r\n childProtectionAgency: {\r\n name: 'Child Protection Agency',\r\n dbtable: 'WLA_Child_Protection_Agencies',\r\n enabled: false,\r\n formElements: [\r\n {\r\n disabled: true,\r\n type: 'radiogroup',\r\n id: 'cpaDetermination',\r\n groupLabel:\r\n 'Is the individual reaching the age of majority and being released from the custody of a child protective agency within the next 12 months and has needs that cannot be addressed through alternative services?',\r\n note: 'This will be selected automatically as the information below is entered.',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'cpaDeterminationyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'cpaDeterminationno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'cpaIsReleasedNext12Months',\r\n required: true,\r\n groupLabel:\r\n 'Is the individual being released from the custody of a child protective agency within the next 12 months? ',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'cpaIsReleasedNext12Monthsyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'cpaIsReleasedNext12Monthsno' },\r\n ],\r\n },\r\n {\r\n id: 'cpaAnticipateDate',\r\n type: 'date',\r\n label: 'Anticipated Date',\r\n disabled: true,\r\n required: true,\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'cpaHasUnaddressableNeeds',\r\n required: true,\r\n groupLabel: 'Does the individual have needs that cannot be addressed through alternative services?',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'cpaHasUnaddressableNeedsyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'cpaHasUnaddressableNeedsno' },\r\n ],\r\n },\r\n ],\r\n },\r\n adultDayEmployment: {\r\n name: 'Adult Day/Employment',\r\n dbtable: 'WLA_Require_Waiver_Fundings',\r\n enabled: false,\r\n formElements: [\r\n {\r\n disabled: true,\r\n type: 'radiogroup',\r\n id: 'rwfWaiverFundingRequired',\r\n groupLabel: 'Does the individual require waiver funding for adult day or employment-related services?',\r\n note: 'This will be selected automatically as the information below is entered.',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'rwfWaiverFundingRequiredyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'rwfWaiverFundingRequiredno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'rwfNeedsMoreFrequency',\r\n required: true,\r\n groupLabel:\r\n 'Are the needed services required at a level or frequency that exceeds what is able to be sustained through local County Board resources',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'rwfNeedsMoreFrequencyyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'rwfNeedsMoreFrequencyno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'rwfNeedsServiceNotMetIDEA',\r\n required: true,\r\n groupLabel:\r\n 'Are the needed services beyond what is available to the individual through the local school district / Individuals with Disabilities Education Act?',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'rwfNeedsServiceNotMetIDEAyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'rwfNeedsServiceNotMetIDEAno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'rwfNeedsServicesNotMetOOD',\r\n required: true,\r\n groupLabel:\r\n 'Are the needed services beyond what is available to the individual through Vocational Rehabilitation / Opportunities for Ohioans with Disabilities or other resources?',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'rwfNeedsServicesNotMetOODyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'rwfNeedsServicesNotMetOODno' },\r\n ],\r\n },\r\n ],\r\n },\r\n dischargePlan: {\r\n name: 'Discharge Plan',\r\n dbtable: 'WLA_Discharge_Plans',\r\n enabled: false,\r\n formElements: [\r\n {\r\n disabled: true,\r\n type: 'radiogroup',\r\n id: 'dischargeDetermination',\r\n groupLabel:\r\n 'Does the individual have a viable discharge plan from the current facility in which he / she resides?',\r\n note: 'This will be selected automatically as the information below is entered.',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'dischargeDeterminationyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'dischargeDeterminationno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'dischargeIsICFResident',\r\n required: true,\r\n groupLabel: 'Is the individual currently a resident of an ICFIID or Nursing Facility?',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'dischargeIsICFResidentyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'dischargeIsICFResidentno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'dischargeIsInterestedInMoving',\r\n required: true,\r\n groupLabel:\r\n 'Has the individual / guardian expressed an interest in moving to a community-based setting within the next 12 months?',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'dischargeIsInterestedInMovingyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'dischargeIsInterestedInMovingno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'dischargeHasDischargePlan',\r\n required: true,\r\n groupLabel: `Is the individual's team developing a discharge plan that addresses barries to community living, such as housing and availability of providers?`,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'dischargeHasDischargePlanyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'dischargeHasDischargePlanno' },\r\n ],\r\n },\r\n ],\r\n },\r\n immediateNeeds: {\r\n name: 'Immediate Needs',\r\n dbtable: 'WLA_Immediate_Needs',\r\n enabled: false,\r\n formElements: [\r\n {\r\n type: 'radiogroup',\r\n id: 'immNeedsRequired',\r\n required: true,\r\n groupLabel: `Is there an immediate need identified that requires an action plan with 30 days to reduce the risk?`,\r\n note: 'This will be selected automatically as the information below is entered.',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'immNeedsRequiredyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'immNeedsRequiredno' },\r\n ],\r\n disabled: true,\r\n },\r\n {\r\n label: `if \"Yes\", describe the immediate need:`,\r\n id: 'immNeedsDescription',\r\n fullscreen: true,\r\n type: 'textarea',\r\n required: true,\r\n disabled: true,\r\n },\r\n ],\r\n },\r\n currentNeeds: {\r\n name: 'Current Needs',\r\n dbtable: 'WLA_Unmet_Needs',\r\n enabled: false,\r\n formElements: [\r\n {\r\n disabled: true,\r\n type: 'radiogroup',\r\n id: 'unmetNeedsHas',\r\n groupLabel: 'Does the individual have an identified need?',\r\n note: 'This will be selected automatically as the information above is entered.',\r\n required: true,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'unmetNeedsHasyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'unmetNeedsHasno' },\r\n ],\r\n },\r\n {\r\n type: 'radiogroup',\r\n id: 'unmetNeedsSupports',\r\n groupLabel: `If \"Yes\", will any of those needs be unmet by existing supports / resources within the next 12 months?`,\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'unmetNeedsSupportsyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'unmetNeedsSupportsno' },\r\n ],\r\n disabled: true,\r\n required: true,\r\n },\r\n {\r\n label: `if \"Yes\", describe the unmet need:`,\r\n id: 'unmetNeedsDescription',\r\n fullscreen: true,\r\n type: 'textarea',\r\n disabled: true,\r\n required: true,\r\n },\r\n ],\r\n },\r\n waiverEnrollment: {\r\n name: 'Waiver Enrollment',\r\n dbtable: 'WLA_Waiver_Enrollments',\r\n enabled: false,\r\n formElements: [\r\n {\r\n type: 'radiogroup',\r\n id: 'waivEnrollWaiverEnrollmentIsRequired',\r\n required: true,\r\n groupLabel:\r\n 'Will the unmet immediate need or unmet current need require enrollment in a waiver due to the lack of community-based alternative services to address the need?',\r\n fields: [\r\n { type: 'radio', label: 'Yes', value: 'yes', id: 'waivEnrollWaiverEnrollmentIsRequiredyes' },\r\n { type: 'radio', label: 'No', value: 'no', id: 'waivEnrollWaiverEnrollmentIsRequiredno' },\r\n ],\r\n },\r\n {\r\n label: `If \"No\", describe the community-based alternative services that can address the unmet need:`,\r\n id: 'waivEnrollWaiverEnrollmentDescription',\r\n fullscreen: true,\r\n type: 'textarea',\r\n disabled: true,\r\n required: true,\r\n },\r\n ],\r\n },\r\n conclusion: {\r\n name: 'Conclusion',\r\n enabled: true,\r\n formElements: [\r\n {\r\n type: 'checkboxgroup',\r\n id: 'conclusions',\r\n groupLabel:\r\n 'The options below are selected automatically based on answers provided throughout the assessment.',\r\n disabled: true,\r\n fields: [\r\n {\r\n type: 'checkbox',\r\n label:\r\n 'The individual has unmet needs that require enrollment in a waiver at this time to address circumstances presenting an immediate risk of harm',\r\n id: 'conclusionUnmetNeeds',\r\n },\r\n {\r\n type: 'checkbox',\r\n label:\r\n 'The individual has needs that are likely to require waiver-funded supports within the next 12 months and will be placed on the waiting list for Home and Community-Based Services at this time.',\r\n id: 'conclusionWaiverFunded12Months',\r\n },\r\n {\r\n type: 'checkbox',\r\n label:\r\n 'The individual does not require waiver enrollment or placement on the waiting list for Home and Community-Based Services as either there are no assessed needs or alternate services are available to meet assessed needs.',\r\n id: 'conclusionDoesNotRequireWaiver',\r\n },\r\n {\r\n type: 'checkbox',\r\n label:\r\n 'The individual is not eligible for waiver enrollment or placement on the Waiting List for Home and Community-Based Services, as he/she has no qualifying condition.',\r\n id: 'conclusionNotEligibleForWaiver',\r\n },\r\n ],\r\n },\r\n {\r\n type: 'text',\r\n id: 'conclussionDeterminedBy',\r\n label: 'Name of person determining conclusion:',\r\n required: true,\r\n },\r\n {\r\n type: 'text',\r\n id: 'conclusionDeterminedByTitle',\r\n label: 'Title of person determining conclusion:',\r\n required: true,\r\n },\r\n {\r\n id: 'conclusionDeterminedOn',\r\n type: 'date',\r\n label: 'Date conclusion determined:',\r\n },\r\n {\r\n label: 'Anticipated Waiver Type',\r\n id: 'fundingSourceId',\r\n type: 'select',\r\n includeBlankOption: true,\r\n },\r\n ],\r\n },\r\n };\r\n const sectionResets = {\r\n currentAvailableServices: () => {\r\n wlForms['currentAvailableServices'].clear();\r\n\r\n wlForms['currentAvailableServices'].inputs['otherDescription'].toggleDisabled(true);\r\n },\r\n primaryCaregiver: () => {\r\n wlForms['primaryCaregiver'].clear();\r\n\r\n wlForms['primaryCaregiver'].inputs['unavailableDocumentation'].toggleDisabled(true);\r\n wlForms['primaryCaregiver'].inputs['isActionRequiredIn30Days'].toggleDisabled(true);\r\n wlForms['primaryCaregiver'].inputs['isIndividualSkillsDeclined'].toggleDisabled(true);\r\n wlForms['primaryCaregiver'].inputs['actionRequiredDescription'].toggleDisabled(true);\r\n wlForms['primaryCaregiver'].inputs['declinedSkillsDocumentation'].toggleDisabled(true);\r\n wlForms['primaryCaregiver'].inputs['declinedSkillsDescription'].toggleDisabled(true);\r\n },\r\n behavioral: () => {\r\n wlForms['behavioral'].clear();\r\n\r\n wlForms['behavioral'].inputs['risksFrequencyDescription'].toggleDisabled(true);\r\n wlForms['behavioral'].inputs['risksOtherDocumentDescription'].toggleDisabled(true);\r\n\r\n // checkboxes set 1\r\n wlForms['behavioral'].inputs['risksIsNone'].toggleDisabled(false);\r\n wlForms['behavioral'].inputs['risksIsPhysicalAggression'].toggleDisabled(false);\r\n wlForms['behavioral'].inputs['risksIsSelfInjury'].toggleDisabled(false);\r\n wlForms['behavioral'].inputs['risksIsFireSetting'].toggleDisabled(false);\r\n wlForms['behavioral'].inputs['risksIsElopement'].toggleDisabled(false);\r\n wlForms['behavioral'].inputs['risksIsSexualOffending'].toggleDisabled(false);\r\n wlForms['behavioral'].inputs['risksIsOther'].toggleDisabled(false);\r\n //\r\n wlForms['behavioral'].inputs['risksIsNone'].toggleRequired(true);\r\n wlForms['behavioral'].inputs['risksIsPhysicalAggression'].toggleRequired(true);\r\n wlForms['behavioral'].inputs['risksIsSelfInjury'].toggleRequired(true);\r\n wlForms['behavioral'].inputs['risksIsFireSetting'].toggleRequired(true);\r\n wlForms['behavioral'].inputs['risksIsElopement'].toggleRequired(true);\r\n wlForms['behavioral'].inputs['risksIsSexualOffending'].toggleRequired(true);\r\n wlForms['behavioral'].inputs['risksIsOther'].toggleRequired(true);\r\n // checkbox set 2\r\n wlForms['behavioral'].inputs['risksHasNoDocument'].toggleDisabled(false);\r\n wlForms['behavioral'].inputs['risksHasPoliceReport'].toggleDisabled(false);\r\n wlForms['behavioral'].inputs['risksHasIncidentReport'].toggleDisabled(false);\r\n wlForms['behavioral'].inputs['risksHasBehaviorTracking'].toggleDisabled(false);\r\n wlForms['behavioral'].inputs['risksHasPsychologicalAssessment'].toggleDisabled(false);\r\n wlForms['behavioral'].inputs['risksHasOtherDocument'].toggleDisabled(false);\r\n //\r\n wlForms['behavioral'].inputs['risksHasNoDocument'].toggleRequired(true);\r\n wlForms['behavioral'].inputs['risksHasPoliceReport'].toggleRequired(true);\r\n wlForms['behavioral'].inputs['risksHasIncidentReport'].toggleRequired(true);\r\n wlForms['behavioral'].inputs['risksHasBehaviorTracking'].toggleRequired(true);\r\n wlForms['behavioral'].inputs['risksHasPsychologicalAssessment'].toggleRequired(true);\r\n wlForms['behavioral'].inputs['risksHasOtherDocument'].toggleRequired(true);\r\n },\r\n physical: () => {\r\n wlForms['physical'].clear();\r\n\r\n wlForms['physical'].inputs['physicalNeedsDescription'].toggleDisabled(true);\r\n\r\n // checkboxes\r\n wlForms['physical'].inputs['physicalNeedsIsNone'].toggleDisabled(false);\r\n wlForms['physical'].inputs['physicalNeedsIsPersonalCareNeeded'].toggleDisabled(false);\r\n wlForms['physical'].inputs['physicalNeedsIsRiskDuringPhysicalCare'].toggleDisabled(false);\r\n wlForms['physical'].inputs['physicalNeedsIsOther'].toggleDisabled(false);\r\n //\r\n wlForms['physical'].inputs['physicalNeedsIsNone'].toggleRequired(true);\r\n wlForms['physical'].inputs['physicalNeedsIsPersonalCareNeeded'].toggleRequired(true);\r\n wlForms['physical'].inputs['physicalNeedsIsRiskDuringPhysicalCare'].toggleRequired(true);\r\n wlForms['physical'].inputs['physicalNeedsIsOther'].toggleRequired(true);\r\n },\r\n medical: () => {\r\n wlForms['medical'].clear();\r\n\r\n wlForms['medical'].inputs['medicalNeedsDescription'].toggleDisabled(true);\r\n\r\n // checkboxes\r\n wlForms['medical'].inputs['medicalNeedsIsNone'].toggleDisabled(false);\r\n wlForms['medical'].inputs['medicalNeedsIsFrequentEmergencyVisit'].toggleDisabled(false);\r\n wlForms['medical'].inputs['medicalNeedsIsOngoingMedicalCare'].toggleDisabled(false);\r\n wlForms['medical'].inputs['medicalNeedsIsSpecializedCareGiveNeeded'].toggleDisabled(false);\r\n wlForms['medical'].inputs['medicalNeedsIsOther'].toggleDisabled(false);\r\n //\r\n wlForms['medical'].inputs['medicalNeedsIsNone'].toggleRequired(true);\r\n wlForms['medical'].inputs['medicalNeedsIsFrequentEmergencyVisit'].toggleRequired(true);\r\n wlForms['medical'].inputs['medicalNeedsIsOngoingMedicalCare'].toggleRequired(true);\r\n wlForms['medical'].inputs['medicalNeedsIsSpecializedCareGiveNeeded'].toggleRequired(true);\r\n wlForms['medical'].inputs['medicalNeedsIsOther'].toggleRequired(true);\r\n },\r\n other: () => {\r\n wlForms['other'].clear();\r\n\r\n wlForms['other'].inputs['needsIsActionRequiredRequiredIn30Days'].toggleDisabled(true);\r\n wlForms['other'].inputs['needsIsContinuousSupportRequired'].toggleDisabled(true);\r\n },\r\n riskMitigation: () => {\r\n wlForms['riskMitigation'].clear();\r\n\r\n wlForms['riskMitigation'].inputs['rMdescription'].toggleDisabled(true);\r\n wlForms['riskMitigation'].inputs['rMIsActionRequiredIn3oDays'].toggleDisabled(true);\r\n\r\n // checkboxes\r\n wlForms['riskMitigation'].inputs['rMIsNone'].toggleDisabled(false);\r\n wlForms['riskMitigation'].inputs['rMIsAdultProtectiveServiceInvestigation'].toggleDisabled(false);\r\n wlForms['riskMitigation'].inputs['rMIsCountyBoardInvestigation'].toggleDisabled(false);\r\n wlForms['riskMitigation'].inputs['rMIsLawEnforcementInvestigation'].toggleDisabled(false);\r\n wlForms['riskMitigation'].inputs['rMIsOtherInvestigation'].toggleDisabled(false);\r\n //\r\n wlForms['riskMitigation'].inputs['rMIsNone'].toggleRequired(true);\r\n wlForms['riskMitigation'].inputs['rMIsAdultProtectiveServiceInvestigation'].toggleRequired(true);\r\n wlForms['riskMitigation'].inputs['rMIsCountyBoardInvestigation'].toggleRequired(true);\r\n wlForms['riskMitigation'].inputs['rMIsLawEnforcementInvestigation'].toggleRequired(true);\r\n wlForms['riskMitigation'].inputs['rMIsOtherInvestigation'].toggleRequired(true);\r\n },\r\n icfDischarge: () => {\r\n wlForms['icfDischarge'].clear();\r\n },\r\n intermittentSupports: () => {\r\n wlForms['intermittentSupports'].clear();\r\n },\r\n childProtectionAgency: () => {\r\n wlForms['childProtectionAgency'].clear();\r\n\r\n wlForms['childProtectionAgency'].inputs['cpaAnticipateDate'].toggleDisabled(true);\r\n },\r\n adultDayEmployment: () => {\r\n wlForms['adultDayEmployment'].clear();\r\n },\r\n dischargePlan: () => {\r\n wlForms['dischargePlan'].clear();\r\n },\r\n immediateNeeds: () => {\r\n wlForms['immediateNeeds'].clear();\r\n\r\n wlForms['immediateNeeds'].inputs['immNeedsDescription'].toggleDisabled(true);\r\n },\r\n currentNeeds: () => {\r\n wlForms['currentNeeds'].clear();\r\n\r\n wlForms['currentNeeds'].inputs['unmetNeedsSupports'].toggleDisabled(true);\r\n wlForms['currentNeeds'].inputs['unmetNeedsDescription'].toggleDisabled(true);\r\n },\r\n waiverEnrollment: () => {\r\n wlForms['waiverEnrollment'].clear();\r\n\r\n wlForms['waiverEnrollment'].inputs['waivEnrollWaiverEnrollmentDescription'].toggleDisabled(true);\r\n },\r\n };\r\n\r\n // UTILS\r\n //--------------------------------------------------\r\n async function unload() {\r\n await updateQueue.forceSendUpdates();\r\n\r\n selectedConsumer = undefined;\r\n wlData = undefined;\r\n wlLinkID = undefined;\r\n wlCircID = undefined;\r\n wlNeedID = undefined;\r\n wlDocuments = undefined;\r\n wlParticipants = undefined;\r\n }\r\n function findFieldTypeById(formElements, targetId) {\r\n let fieldtype;\r\n\r\n for (const element of formElements) {\r\n if (element.id === targetId) {\r\n fieldtype = element.type;\r\n break;\r\n }\r\n if (element.type === 'checkboxgroup') {\r\n if (element.fields.some(f => f.id === targetId)) {\r\n fieldtype = 'checkboxgroup';\r\n break;\r\n }\r\n }\r\n }\r\n\r\n return fieldtype;\r\n }\r\n function addNewDocumentToList({ documentId, fileName }) {\r\n const documentItem = _DOM.createElement('p', { class: 'docList__Item', text: fileName });\r\n const deleteIcon = Icon.getIcon('delete');\r\n documentItem.appendChild(deleteIcon);\r\n\r\n documentItem.addEventListener('click', async e => {\r\n if (e.target === deleteIcon) {\r\n await _UTIL.fetchData('deleteSupportingDocument', { attachmentId: documentId });\r\n return;\r\n }\r\n\r\n var form = document.createElement('form');\r\n form.setAttribute(\r\n 'action',\r\n `${$.webServer.protocol}://${$.webServer.address}:${$.webServer.port}/${$.webServer.serviceName}/viewWaitingListAttachment/`,\r\n );\r\n form.setAttribute('method', 'POST');\r\n form.setAttribute('target', '_blank');\r\n form.setAttribute('enctype', 'application/json');\r\n form.setAttribute('success', () => {});\r\n var tokenInput = document.createElement('input');\r\n tokenInput.setAttribute('name', 'token');\r\n tokenInput.setAttribute('value', $.session.Token);\r\n tokenInput.id = 'token';\r\n var attachmentInput = document.createElement('input');\r\n attachmentInput.setAttribute('name', 'attachmentId');\r\n attachmentInput.setAttribute('value', documentId);\r\n attachmentInput.id = 'attachmentId';\r\n\r\n form.appendChild(tokenInput);\r\n form.appendChild(attachmentInput);\r\n form.style.position = 'absolute';\r\n form.style.opacity = '0';\r\n document.body.appendChild(form);\r\n\r\n form.submit();\r\n });\r\n\r\n doucmentsList.appendChild(documentItem);\r\n }\r\n function toggleTocLinksDisabledStatus(links, disable) {\r\n links.forEach(link => {\r\n tocLinks[link].classList.toggle('hiddenPage', disable);\r\n });\r\n }\r\n function updateFormCompletionStatus(formName) {\r\n const requiredInputs = [\r\n ...wlForms[formName].form.querySelectorAll(\r\n 'input:required:not([disabled]), select:required:not([disabled]), textarea:required:not([disabled])',\r\n ),\r\n ];\r\n\r\n isFormComplete = true;\r\n if (requiredInputs.length) {\r\n isFormComplete = requiredInputs.map(input => input.checkValidity()).every(isValid => isValid);\r\n }\r\n\r\n tocLinks[formName].classList.toggle('formComplete', isFormComplete);\r\n }\r\n function checkIsAssessmentComplete() {\r\n const incompleteSections = Object.values(tocLinks).filter(link => {\r\n return (\r\n !link.classList.contains('hiddenPage') &&\r\n !link.classList.contains('formComplete') &&\r\n !link.classList.contains('parent') &&\r\n !link.classList.contains('conclusion')\r\n );\r\n });\r\n\r\n isAssessmentComplete = incompleteSections.length > 0 ? false : true;\r\n }\r\n function toggleSendEmailDisabledStatus() {\r\n // refactor to use the new variable isAssessmentComplete\r\n const incompleteSections = Object.values(tocLinks).filter(link => {\r\n return (\r\n !link.classList.contains('hiddenPage') &&\r\n !link.classList.contains('formComplete') &&\r\n !link.classList.contains('parent')\r\n );\r\n });\r\n\r\n if (!$.session.waitingListUpdate) {\r\n sendEmailButton.toggleDisabled(true);\r\n return;\r\n }\r\n\r\n sendEmailButton.toggleDisabled(incompleteSections.length > 0 && !$.session.sendWaitingListEmail);\r\n }\r\n\r\n // DATA\r\n //--------------------------------------------------\r\n function setAnswerValueForInsertUpdate(value, type) {\r\n if (value === '') return value;\r\n\r\n if (type === 'radio' || type === 'checkbox') {\r\n return value === 'yes' || value === 'on' ? 1 : 0;\r\n }\r\n\r\n return value;\r\n }\r\n function getLinkIdForInsertUpdate(formName, updateOrInsert) {\r\n if (['waitingListInfo', 'conclusion'].includes(formName)) {\r\n return updateOrInsert === 'U' ? 0 : wlLinkID;\r\n }\r\n\r\n if (['behavioral', 'physical', 'medical'].includes(formName)) {\r\n return wlNeedID;\r\n }\r\n\r\n if (\r\n [\r\n 'primaryCaregiver',\r\n 'riskMitigation',\r\n 'icfDischarge',\r\n 'intermittentSupports',\r\n 'childProtectionAgency',\r\n 'adultDayEmployment',\r\n 'dischargePlan',\r\n 'other',\r\n ].includes(formName)\r\n ) {\r\n return wlCircID;\r\n }\r\n\r\n return wlLinkID;\r\n }\r\n async function getFundingSources() {\r\n const resp = await _UTIL.fetchData('getWaitingListFundingSources');\r\n const fundingSources = resp.getWaitingListFundingSourcesResult;\r\n return fundingSources.map(fs => {\r\n return {\r\n value: fs.fundingSourceId,\r\n text: fs.description,\r\n };\r\n });\r\n }\r\n async function saveDocument(attachDetails) {\r\n const resp = await _UTIL.fetchData('addWlSupportingDocument', {\r\n waitingListInformationId: wlLinkID,\r\n description: attachDetails.description,\r\n includeOnEmail: data['email'] === 'on' ? 'Y' : 'N',\r\n attachmentType: attachDetails.type,\r\n attachment: attachDetails.attachment,\r\n });\r\n return resp.addWLSupportingDocumentResult[0].supportingDocumentId;\r\n }\r\n //--------------------------------------------------\r\n async function insertNewWaitingListAssessment(consumerId) {\r\n const data = await _UTIL.fetchData('insertUpdateWaitingListValue', {\r\n id: 0,\r\n linkId: 0,\r\n propertyName: 'consumerId',\r\n value: consumerId,\r\n valueTwo: '',\r\n insertOrUpdate: 'I',\r\n });\r\n\r\n return JSON.parse(data.insertUpdateWaitingListValueResult);\r\n }\r\n async function updateAssessmentData({ id, linkId = 0, propertyName, value, valueTwo = '' }) {\r\n const data = await _UTIL.fetchData('insertUpdateWaitingListValue', {\r\n id,\r\n linkId,\r\n propertyName,\r\n value,\r\n valueTwo,\r\n insertOrUpdate: 'U',\r\n });\r\n\r\n return data.insertUpdateWaitingListValueResult;\r\n }\r\n async function insertAssessmentData({ id, linkId, propertyName, value, valueTwo = '' }) {\r\n const data = await _UTIL.fetchData('insertUpdateWaitingListValue', {\r\n id,\r\n linkId,\r\n propertyName,\r\n value,\r\n valueTwo,\r\n insertOrUpdate: 'I',\r\n });\r\n\r\n return JSON.parse(data.insertUpdateWaitingListValueResult);\r\n }\r\n async function insertUpdateAssessmentData({ name, formName, type, value }) {\r\n if (!wlFormInfo[formName].id) {\r\n const resp = await insertAssessmentData({\r\n id: 0,\r\n linkId: getLinkIdForInsertUpdate(formName, 'I'),\r\n propertyName: name,\r\n value: setAnswerValueForInsertUpdate(value, type),\r\n });\r\n\r\n wlFormInfo[formName].id = resp[0].newRecordId;\r\n return;\r\n }\r\n\r\n updateQueue.addUpdate({\r\n id: name,\r\n data: {\r\n id: formName === 'other' ? wlNeedID : wlFormInfo[formName].id,\r\n linkId: getLinkIdForInsertUpdate(formName, 'U'),\r\n propertyName: name,\r\n value: setAnswerValueForInsertUpdate(value, type),\r\n valueTwo: '',\r\n insertOrUpdate: 'U',\r\n },\r\n });\r\n }\r\n\r\n // REVIEW / EDIT\r\n //--------------------------------------------------\r\n function mapDataBySection(assessmentData) {\r\n if (!assessmentData) return '';\r\n\r\n wlLinkID = assessmentData.wlInfoId;\r\n wlCircID = assessmentData.circumstanceId;\r\n wlNeedID = assessmentData.needId;\r\n\r\n wlParticipants = {};\r\n if (assessmentData.participants) {\r\n for (const participantData of assessmentData.participants.split('||')) {\r\n const particpant = participantData.split('|');\r\n wlParticipants[particpant[2]] = {\r\n id: particpant[2],\r\n values: [particpant[0], particpant[1]],\r\n };\r\n }\r\n }\r\n\r\n wlFormInfo['waitingListInfo'].id = wlLinkID;\r\n wlFormInfo['conditions'].id = assessmentData.conditionId;\r\n wlFormInfo['currentAvailableServices'].id = assessmentData.activeServiceId;\r\n wlFormInfo['primaryCaregiver'].id = assessmentData.primaryCaregiverId;\r\n wlFormInfo['behavioral'].id = assessmentData.riskId;\r\n wlFormInfo['physical'].id = assessmentData.physicalNeedId;\r\n wlFormInfo['medical'].id = assessmentData.medicalNeedId;\r\n wlFormInfo['other'].id = wlNeedID;\r\n wlFormInfo['riskMitigation'].id = assessmentData.riskMitigationId;\r\n wlFormInfo['icfDischarge'].id = assessmentData.icfDischargeId;\r\n wlFormInfo['intermittentSupports'].id = assessmentData.intermitentSupportsId;\r\n wlFormInfo['childProtectionAgency'].id = assessmentData.childProtectionId;\r\n wlFormInfo['adultDayEmployment'].id = assessmentData.requireWaiverFundingId;\r\n wlFormInfo['dischargePlan'].id = assessmentData.dischargePlanId;\r\n wlFormInfo['immediateNeeds'].id = assessmentData.immediateNeedId;\r\n wlFormInfo['currentNeeds'].id = assessmentData.unmetNeedId;\r\n wlFormInfo['waiverEnrollment'].id = assessmentData.waiverEnrollmentId;\r\n wlFormInfo['conclusion'].id = wlLinkID;\r\n\r\n const data = {\r\n waitingListInfo: {\r\n personCompleting: assessmentData.personCompleting,\r\n personCompletingTitle: assessmentData.personCompletingTitle,\r\n currentLivingArrangement: assessmentData.currentLivingArrangement,\r\n livingArrangementOther: assessmentData.livingArrangementOther,\r\n areasPersonNeedsHelp: assessmentData.areasPersonNeedsHelp,\r\n interviewDate: assessmentData.interviewDate,\r\n },\r\n conditions: {\r\n otherThanMentalHealth: assessmentData.otherThanMentalHealth,\r\n before22: assessmentData.before22,\r\n isConditionIndefinite: assessmentData.isConditionIndefinite,\r\n },\r\n currentAvailableServices: {\r\n isCountyBoardFunding: assessmentData.isCountyBoardFunding,\r\n isOhioEarlyInterventionService: assessmentData.isOhioEarlyInterventionService,\r\n isBCMHService: assessmentData.isBCMHService,\r\n isFCFCService: assessmentData.isFCFCService,\r\n isODEService: assessmentData.isODEService,\r\n isOODService: assessmentData.isOODService,\r\n isChildrenServices: assessmentData.isChildrenServices,\r\n isMedicaidStatePlanHomeHealthAideservice: assessmentData.isMedicaidStatePlanHomeHealthAideservice,\r\n isMedicaidStatePlanHomeHealthNursingService: assessmentData.isMedicaidStatePlanHomeHealthNursingService,\r\n isMedicaidStatePlanService: assessmentData.isMedicaidStatePlanService,\r\n isOhioHomeCareWaiverservice: assessmentData.isOhioHomeCareWaiverservice,\r\n isPassportWaiverService: assessmentData.isPassportWaiverService,\r\n isAssistedLivingWaiverService: assessmentData.isAssistedLivingWaiverService,\r\n isMYCarewaiverService: assessmentData.isMYCarewaiverService,\r\n isSelfWaiverService: assessmentData.isSelfWaiverService,\r\n isLevelOneWaiverService: assessmentData.isLevelOneWaiverService,\r\n isOtherService: assessmentData.isOtherService,\r\n otherDescription: assessmentData.otherDescription,\r\n },\r\n primaryCaregiver: {\r\n isPrimaryCaregiverUnavailable: assessmentData.isPrimaryCaregiverUnavailable,\r\n unavailableDocumentation: assessmentData.unavailableDocumentation,\r\n isActionRequiredIn30Days: assessmentData.isActionRequiredIn30Days,\r\n actionRequiredDescription: assessmentData.actionRequiredDescription,\r\n isIndividualSkillsDeclined: assessmentData.isIndividualSkillsDeclined,\r\n declinedSkillsDocumentation: assessmentData.declinedSkillsDocumentation,\r\n declinedSkillsDescription: assessmentData.declinedSkillsDescription,\r\n additionalCommentsForUnavailable: assessmentData.additionalCommentsForUnavailable,\r\n },\r\n behavioral: {\r\n risksIsNone: assessmentData.risksIsNone,\r\n risksIsRiskToSelf: assessmentData.risksIsRiskToSelf,\r\n risksIsPhysicalAggression: assessmentData.risksIsPhysicalAggression,\r\n risksIsSelfInjury: assessmentData.risksIsSelfInjury,\r\n risksIsFireSetting: assessmentData.risksIsFireSetting,\r\n risksIsElopement: assessmentData.risksIsElopement,\r\n risksIsSexualOffending: assessmentData.risksIsSexualOffending,\r\n risksIsOther: assessmentData.risksIsOther,\r\n risksFrequencyDescription: assessmentData.risksFrequencyDescription,\r\n risksHasNoDocument: assessmentData.risksHasNoDocument,\r\n risksHasPoliceReport: assessmentData.risksHasPoliceReport,\r\n risksHasIncidentReport: assessmentData.risksHasIncidentReport,\r\n risksHasBehaviorTracking: assessmentData.risksHasBehaviorTracking,\r\n risksHasPsychologicalAssessment: assessmentData.risksHasPsychologicalAssessment,\r\n risksHasOtherDocument: assessmentData.risksHasOtherDocument,\r\n risksOtherDocumentDescription: assessmentData.risksOtherDocumentDescription,\r\n },\r\n physical: {\r\n physicalNeedsIsPhysicalCareNeeded: assessmentData.physicalNeedsIsPhysicalCareNeeded,\r\n physicalNeedsIsNone: assessmentData.physicalNeedsIsNone,\r\n physicalNeedsIsPersonalCareNeeded: assessmentData.physicalNeedsIsPersonalCareNeeded,\r\n physicalNeedsIsRiskDuringPhysicalCare: assessmentData.physicalNeedsIsRiskDuringPhysicalCare,\r\n physicalNeedsIsOther: assessmentData.physicalNeedsIsOther,\r\n physicalNeedsDescription: assessmentData.physicalNeedsDescription,\r\n },\r\n medical: {\r\n medicalNeedsIsLifeThreatening: assessmentData.medicalNeedsIsLifeThreatening,\r\n medicalNeedsIsNone: assessmentData.medicalNeedsIsNone,\r\n medicalNeedsIsFrequentEmergencyVisit: assessmentData.medicalNeedsIsFrequentEmergencyVisit,\r\n medicalNeedsIsOngoingMedicalCare: assessmentData.medicalNeedsIsOngoingMedicalCare,\r\n medicalNeedsIsSpecializedCareGiveNeeded: assessmentData.medicalNeedsIsSpecializedCareGiveNeeded,\r\n medicalNeedsIsOther: assessmentData.medicalNeedsIsOther,\r\n medicalNeedsDescription: assessmentData.medicalNeedsDescription,\r\n },\r\n other: {\r\n needsIsActionRequiredRequiredIn30Days: assessmentData.needsIsActionRequiredRequiredIn30Days,\r\n needsIsContinuousSupportRequired: assessmentData.needsIsContinuousSupportRequired,\r\n },\r\n riskMitigation: {\r\n rMIsSupportNeeded: assessmentData.rMIsSupportNeeded,\r\n rMIsNone: assessmentData.rMIsNone,\r\n rMIsAdultProtectiveServiceInvestigation: assessmentData.rMIsAdultProtectiveServiceInvestigation,\r\n rMIsCountyBoardInvestigation: assessmentData.rMIsCountyBoardInvestigation,\r\n rMIsLawEnforcementInvestigation: assessmentData.rMIsLawEnforcementInvestigation,\r\n rMIsOtherInvestigation: assessmentData.rMIsOtherInvestigation,\r\n rMdescription: assessmentData.rMdescription,\r\n rMIsActionRequiredIn3oDays: assessmentData.rMIsActionRequiredIn3oDays,\r\n },\r\n icfDischarge: {\r\n icfDetermination: assessmentData.icfDetermination,\r\n icfIsICFResident: assessmentData.icfIsICFResident,\r\n icfIsNoticeIssued: assessmentData.icfIsNoticeIssued,\r\n icfIsActionRequiredIn30Days: assessmentData.icfIsActionRequiredIn30Days,\r\n },\r\n intermittentSupports: {\r\n intSupDetermination: assessmentData.intSupDetermination,\r\n intSupIsSupportNeededIn12Months: assessmentData.intSupIsSupportNeededIn12Months,\r\n intSupIsStayingLivingArrangement: assessmentData.intSupIsStayingLivingArrangement,\r\n intSupIsActionRequiredIn30Days: assessmentData.intSupIsActionRequiredIn30Days,\r\n },\r\n childProtectionAgency: {\r\n cpaDetermination: assessmentData.cpaDetermination,\r\n cpaIsReleasedNext12Months: assessmentData.cpaIsReleasedNext12Months,\r\n cpaAnticipateDate: assessmentData.cpaAnticipateDate ? assessmentData.cpaAnticipateDate.split(' ')[0] : '',\r\n cpaHasUnaddressableNeeds: assessmentData.cpaHasUnaddressableNeeds,\r\n },\r\n adultDayEmployment: {\r\n rwfWaiverFundingRequired: assessmentData.rwfWaiverFundingRequired,\r\n rwfNeedsMoreFrequency: assessmentData.rwfNeedsMoreFrequency,\r\n rwfNeedsServiceNotMetIDEA: assessmentData.rwfNeedsServiceNotMetIDEA,\r\n rwfNeedsServicesNotMetOOD: assessmentData.rwfNeedsServicesNotMetOOD,\r\n },\r\n dischargePlan: {\r\n dischargeDetermination: assessmentData.dischargeDetermination,\r\n dischargeIsICFResident: assessmentData.dischargeIsICFResident,\r\n dischargeIsInterestedInMoving: assessmentData.dischargeIsInterestedInMoving,\r\n dischargeHasDischargePlan: assessmentData.dischargeHasDischargePlan,\r\n },\r\n immediateNeeds: {\r\n immNeedsRequired: assessmentData.immNeedsRequired,\r\n immNeedsDescription: assessmentData.immNeedsDescription,\r\n },\r\n currentNeeds: {\r\n unmetNeedsHas: assessmentData.unmetNeedsHas,\r\n unmetNeedsSupports: assessmentData.unmetNeedsSupports,\r\n unmetNeedsDescription: assessmentData.unmetNeedsDescription,\r\n },\r\n waiverEnrollment: {\r\n waivEnrollWaiverEnrollmentIsRequired: assessmentData.waivEnrollWaiverEnrollmentIsRequired,\r\n waivEnrollWaiverEnrollmentDescription: assessmentData.waivEnrollWaiverEnrollmentDescription,\r\n },\r\n conclusion: {\r\n conclusionUnmetNeeds: assessmentData.conclusionResult === '1' ? '1' : '0',\r\n conclusionWaiverFunded12Months: assessmentData.conclusionResult === '2' ? '1' : '0',\r\n conclusionDoesNotRequireWaiver: assessmentData.conclusionResult === '3' ? '1' : '0',\r\n conclusionNotEligibleForWaiver: assessmentData.conclusionResult === '0' ? '1' : '0',\r\n //\r\n conclussionDeterminedBy: assessmentData.conclussionDeterminedBy,\r\n conclusionDeterminedByTitle: assessmentData.conclusionDeterminedByTitle,\r\n conclusionDeterminedOn: assessmentData.conclusionDeterminedOn,\r\n fundingSourceId: assessmentData.fundingSourceId,\r\n },\r\n };\r\n\r\n for (d in data) {\r\n for (dd in data[d]) {\r\n const fieldType = findFieldTypeById(sections[d].formElements, dd);\r\n\r\n if (fieldType === 'radiogroup') {\r\n if (data[d][dd] === '0') {\r\n data[d][dd] = `${dd}no`;\r\n }\r\n\r\n if (data[d][dd] === '1') {\r\n data[d][dd] = `${dd}yes`;\r\n }\r\n }\r\n\r\n if (fieldType === 'checkboxgroup') {\r\n if (data[d][dd] === '' || data[d][dd] === '0') {\r\n data[d][dd] = false;\r\n }\r\n\r\n if (data[d][dd] === '1') {\r\n data[d][dd] = true;\r\n }\r\n }\r\n }\r\n }\r\n\r\n return data;\r\n }\r\n function enableSectionsForReview() {\r\n const isOtherThanMentalHealthYes = wlData.conditions.otherThanMentalHealth.includes('yes');\r\n const isBefore22Yes = wlData.conditions.before22.includes('yes');\r\n const isConditionIndefiniteYes = wlData.conditions.isConditionIndefinite.includes('yes');\r\n\r\n if (!isOtherThanMentalHealthYes || !isBefore22Yes || !isConditionIndefiniteYes) {\r\n return;\r\n }\r\n\r\n contributingCircumstancesWrap.classList.remove('hiddenPage');\r\n wlForms['primaryCaregiver'].form.parentElement.classList.remove('hiddenPage');\r\n wlForms['waiverEnrollment'].form.parentElement.classList.remove('hiddenPage');\r\n wlForms['currentAvailableServices'].form.parentElement.classList.remove('hiddenPage');\r\n\r\n tocLinks['contributingCircumstances'].classList.remove('hiddenPage');\r\n tocLinks['primaryCaregiver'].classList.remove('hiddenPage');\r\n tocLinks['waiverEnrollment'].classList.remove('hiddenPage');\r\n tocLinks['currentAvailableServices'].classList.remove('hiddenPage');\r\n\r\n const pgActionRequiredIn30Days = wlData.primaryCaregiver.isActionRequiredIn30Days;\r\n const pgUnavailable = wlData.primaryCaregiver.isPrimaryCaregiverUnavailable;\r\n const needOtherActionRequired = wlData.other.needsIsActionRequiredRequiredIn30Days;\r\n const rmActionRequired = wlData.riskMitigation.rMIsActionRequiredIn3oDays;\r\n const icfIsICFResident = wlData.icfDischarge.icfIsICFResident;\r\n const icfIsNoticeIssued = wlData.icfDischarge.icfIsNoticeIssued;\r\n const icfIsActionRequiredIn30Days = wlData.icfDischarge.icfIsActionRequiredIn30Days;\r\n const isAdultProtectiveServiceInvestigationChecked = wlData.riskMitigation.rMIsAdultProtectiveServiceInvestigation;\r\n const isCountyBoardInvestigationChecked = wlData.riskMitigation.rMIsCountyBoardInvestigation;\r\n const isLawEnforcementInvestigationChecked = wlData.riskMitigation.rMIsLawEnforcementInvestigation;\r\n const isOtherInvestigationChecked = wlData.riskMitigation.rMIsOtherInvestigation;\r\n\r\n if (\r\n pgActionRequiredIn30Days.includes('no') ||\r\n (pgActionRequiredIn30Days.includes('yes') && pgUnavailable.includes('no'))\r\n ) {\r\n needsWrap.classList.remove('hiddenPage');\r\n wlForms['behavioral'].form.parentElement.classList.remove('hiddenPage');\r\n wlForms['physical'].form.parentElement.classList.remove('hiddenPage');\r\n wlForms['medical'].form.parentElement.classList.remove('hiddenPage');\r\n tocLinks['needs'].classList.remove('hiddenPage');\r\n tocLinks['behavioral'].classList.remove('hiddenPage');\r\n tocLinks['physical'].classList.remove('hiddenPage');\r\n tocLinks['medical'].classList.remove('hiddenPage');\r\n }\r\n\r\n if (needOtherActionRequired.includes('no')) {\r\n wlForms['riskMitigation'].form.parentElement.classList.remove('hiddenPage');\r\n tocLinks['riskMitigation'].classList.remove('hiddenPage');\r\n }\r\n\r\n if (rmActionRequired.includes('no')) {\r\n wlForms['icfDischarge'].form.parentElement.classList.remove('hiddenPage');\r\n tocLinks['icfDischarge'].classList.remove('hiddenPage');\r\n }\r\n\r\n if (\r\n rmActionRequired.includes('no') &&\r\n wlData.riskMitigation.rMIsActionRequiredIn3oDays !== '' &&\r\n needOtherActionRequired.includes('no') &&\r\n wlData.other.needsIsActionRequiredRequiredIn30Days !== ''\r\n ) {\r\n wlForms['currentNeeds'].form.parentElement.classList.remove('hiddenPage');\r\n tocLinks['currentNeeds'].classList.remove('hiddenPage');\r\n }\r\n\r\n if (\r\n ((isAdultProtectiveServiceInvestigationChecked ||\r\n isCountyBoardInvestigationChecked ||\r\n isLawEnforcementInvestigationChecked ||\r\n isOtherInvestigationChecked) &&\r\n rmActionRequired.includes('yes')) ||\r\n needOtherActionRequired.includes('yes') ||\r\n pgActionRequiredIn30Days.includes('yes')\r\n ) {\r\n wlForms['immediateNeeds'].form.parentElement.classList.remove('hiddenPage');\r\n tocLinks['immediateNeeds'].classList.remove('hiddenPage');\r\n }\r\n\r\n if (\r\n icfIsICFResident.includes('no') ||\r\n icfIsNoticeIssued.includes('no') ||\r\n icfIsActionRequiredIn30Days.includes('no')\r\n ) {\r\n ['intermittentSupports', 'childProtectionAgency', 'adultDayEmployment', 'dischargePlan'].forEach(page => {\r\n wlForms[page].form.parentElement.classList.remove('hiddenPage');\r\n tocLinks[page].classList.remove('hiddenPage');\r\n });\r\n }\r\n }\r\n function enableInputsForReview() {\r\n // waitingListInfo\r\n //-------------------------------\r\n if (wlData.waitingListInfo.currentLivingArrangement === 'Other') {\r\n wlForms.waitingListInfo.inputs['livingArrangementOther'].toggleDisabled(false);\r\n }\r\n\r\n // currentAvailableServices\r\n //-------------------------------\r\n if (wlData.currentAvailableServices.isOtherService.includes('yes')) {\r\n wlForms['currentAvailableServices'].inputs['otherDescription'].toggleDisabled(false);\r\n }\r\n\r\n // primaryCaregiver\r\n //-------------------------------\r\n if (wlData.primaryCaregiver.isPrimaryCaregiverUnavailable.includes('yes')) {\r\n wlForms['primaryCaregiver'].inputs['unavailableDocumentation'].toggleDisabled(false);\r\n wlForms['primaryCaregiver'].inputs['isActionRequiredIn30Days'].toggleDisabled(false);\r\n } else {\r\n wlForms['primaryCaregiver'].inputs['isIndividualSkillsDeclined'].toggleDisabled(false);\r\n }\r\n if (wlData.primaryCaregiver.isActionRequiredIn30Days.includes('yes')) {\r\n wlForms['primaryCaregiver'].inputs['actionRequiredDescription'].toggleDisabled(false);\r\n }\r\n if (wlData.primaryCaregiver.isIndividualSkillsDeclined.includes('yes')) {\r\n wlForms['primaryCaregiver'].inputs['declinedSkillsDocumentation'].toggleDisabled(false);\r\n wlForms['primaryCaregiver'].inputs['declinedSkillsDescription'].toggleDisabled(false);\r\n }\r\n\r\n // needs\r\n //-------------------------------\r\n const hasCheckBehavioral = [\r\n wlData.behavioral.risksIsNone,\r\n wlData.behavioral.risksIsPhysicalAggression,\r\n wlData.behavioral.risksIsSelfInjury,\r\n wlData.behavioral.risksIsFireSetting,\r\n wlData.behavioral.risksIsElopement,\r\n wlData.behavioral.risksIsSexualOffending,\r\n wlData.behavioral.risksIsOther,\r\n ].some(value => value === true);\r\n const hasCheckBehavioralDocs = [\r\n wlData.behavioral.risksHasNoDocument,\r\n wlData.behavioral.risksHasPoliceReport,\r\n wlData.behavioral.risksHasIncidentReport,\r\n wlData.behavioral.risksHasBehaviorTracking,\r\n wlData.behavioral.risksHasPsychologicalAssessment,\r\n wlData.behavioral.risksHasOtherDocument,\r\n ].some(value => value === true);\r\n const hasCheckPhysical = [\r\n wlData.physical.physicalNeedsIsNone,\r\n wlData.physical.physicalNeedsIsPersonalCareNeeded,\r\n wlData.physical.physicalNeedsIsRiskDuringPhysicalCare,\r\n wlData.physical.physicalNeedsIsOther,\r\n ].some(value => value === true);\r\n const hasCheckMedical = [\r\n wlData.medical.medicalNeedsIsNone,\r\n wlData.medical.medicalNeedsIsFrequentEmergencyVisit,\r\n wlData.medical.medicalNeedsIsOngoingMedicalCare,\r\n wlData.medical.medicalNeedsIsSpecializedCareGiveNeeded,\r\n wlData.medical.medicalNeedsIsOther,\r\n ].some(value => value === true);\r\n\r\n if (hasCheckBehavioral) {\r\n wlForms['behavioral'].inputs['risksFrequencyDescription'].toggleDisabled(wlData.behavioral.risksIsNone);\r\n\r\n wlForms['behavioral'].inputs['risksIsNone'].toggleRequired(false);\r\n wlForms['behavioral'].inputs['risksIsPhysicalAggression'].toggleRequired(false);\r\n wlForms['behavioral'].inputs['risksIsSelfInjury'].toggleRequired(false);\r\n wlForms['behavioral'].inputs['risksIsFireSetting'].toggleRequired(false);\r\n wlForms['behavioral'].inputs['risksIsElopement'].toggleRequired(false);\r\n wlForms['behavioral'].inputs['risksIsSexualOffending'].toggleRequired(false);\r\n wlForms['behavioral'].inputs['risksIsOther'].toggleRequired(false);\r\n }\r\n if (hasCheckBehavioralDocs) {\r\n wlForms['behavioral'].inputs['risksHasNoDocument'].toggleRequired(false);\r\n wlForms['behavioral'].inputs['risksHasPoliceReport'].toggleRequired(false);\r\n wlForms['behavioral'].inputs['risksHasIncidentReport'].toggleRequired(false);\r\n wlForms['behavioral'].inputs['risksHasBehaviorTracking'].toggleRequired(false);\r\n wlForms['behavioral'].inputs['risksHasPsychologicalAssessment'].toggleRequired(false);\r\n wlForms['behavioral'].inputs['risksHasOtherDocument'].toggleRequired(false);\r\n }\r\n if (hasCheckPhysical) {\r\n wlForms['physical'].inputs['physicalNeedsDescription'].toggleDisabled(wlData.physical.physicalNeedsIsNone);\r\n\r\n wlForms['physical'].inputs['physicalNeedsIsNone'].toggleRequired(false);\r\n wlForms['physical'].inputs['physicalNeedsIsPersonalCareNeeded'].toggleRequired(false);\r\n wlForms['physical'].inputs['physicalNeedsIsRiskDuringPhysicalCare'].toggleRequired(false);\r\n wlForms['physical'].inputs['physicalNeedsIsOther'].toggleRequired(false);\r\n }\r\n if (hasCheckMedical) {\r\n wlForms['medical'].inputs['medicalNeedsDescription'].toggleDisabled(wlData.medical.medicalNeedsIsNone);\r\n\r\n wlForms['medical'].inputs['medicalNeedsIsNone'].toggleRequired(false);\r\n wlForms['medical'].inputs['medicalNeedsIsFrequentEmergencyVisit'].toggleRequired(false);\r\n wlForms['medical'].inputs['medicalNeedsIsOngoingMedicalCare'].toggleRequired(false);\r\n wlForms['medical'].inputs['medicalNeedsIsSpecializedCareGiveNeeded'].toggleRequired(false);\r\n wlForms['medical'].inputs['medicalNeedsIsOther'].toggleRequired(false);\r\n }\r\n if ((hasCheckBehavioral && hasCheckBehavioralDocs) || hasCheckPhysical || hasCheckMedical) {\r\n tocLinks['other'].classList.remove('hiddenPage');\r\n wlForms['other'].form.parentElement.classList.remove('hiddenPage');\r\n wlForms['other'].inputs['needsIsActionRequiredRequiredIn30Days'].toggleDisabled(false);\r\n }\r\n\r\n if (wlData.behavioral.risksHasOtherDocument) {\r\n wlForms['behavioral'].inputs['risksOtherDocumentDescription'].toggleDisabled(false);\r\n }\r\n if (wlData.other.needsIsActionRequiredRequiredIn30Days.includes('no')) {\r\n wlForms['other'].inputs['needsIsContinuousSupportRequired'].toggleDisabled(false);\r\n }\r\n\r\n // riskMitigation\r\n //-------------------------------\r\n const hasCheckRisksMitigation = [\r\n wlData.riskMitigation.rMIsNone,\r\n wlData.riskMitigation.rMIsAdultProtectiveServiceInvestigation,\r\n wlData.riskMitigation.rMIsCountyBoardInvestigation,\r\n wlData.riskMitigation.rMIsLawEnforcementInvestigation,\r\n wlData.riskMitigation.rMIsOtherInvestigation,\r\n ].some(value => value === true);\r\n\r\n if (hasCheckRisksMitigation) {\r\n wlForms['riskMitigation'].inputs['rMdescription'].toggleDisabled(wlData.riskMitigation.rMIsNone);\r\n wlForms['riskMitigation'].inputs['rMIsActionRequiredIn3oDays'].toggleDisabled(wlData.riskMitigation.rMIsNone);\r\n\r\n wlForms['riskMitigation'].inputs['rMIsNone'].toggleRequired(false);\r\n wlForms['riskMitigation'].inputs['rMIsAdultProtectiveServiceInvestigation'].toggleRequired(false);\r\n wlForms['riskMitigation'].inputs['rMIsCountyBoardInvestigation'].toggleRequired(false);\r\n wlForms['riskMitigation'].inputs['rMIsLawEnforcementInvestigation'].toggleRequired(false);\r\n wlForms['riskMitigation'].inputs['rMIsOtherInvestigation'].toggleRequired(false);\r\n }\r\n\r\n // childProtectionAgency\r\n //-------------------------------\r\n if (wlData.childProtectionAgency.cpaIsReleasedNext12Months.includes('yes')) {\r\n wlForms['childProtectionAgency'].inputs['cpaAnticipateDate'].toggleDisabled(false);\r\n }\r\n\r\n // currentNeeds\r\n //-------------------------------\r\n if (wlData.currentNeeds.unmetNeedsHas.includes('yes')) {\r\n wlForms['currentNeeds'].inputs['unmetNeedsSupports'].toggleDisabled(false);\r\n }\r\n if (wlData.currentNeeds.unmetNeedsSupports.includes('yes')) {\r\n wlForms['currentNeeds'].inputs['unmetNeedsDescription'].toggleDisabled(false);\r\n }\r\n\r\n // immediateNeeds\r\n //-------------------------------\r\n if (wlData.immediateNeeds.immNeedsRequired.includes('yes')) {\r\n wlForms['immediateNeeds'].inputs['immNeedsDescription'].toggleDisabled(false);\r\n }\r\n\r\n // waiverEnrollment\r\n //-------------------------------\r\n if (wlData.waiverEnrollment.waivEnrollWaiverEnrollmentIsRequired.includes('no')) {\r\n wlForms['waiverEnrollment'].inputs['waivEnrollWaiverEnrollmentDescription'].toggleDisabled(false);\r\n }\r\n }\r\n\r\n // EVENTS\r\n //--------------------------------------------------\r\n async function showHideNeedsPages() {\r\n const isPrimaryCaregiverUnavailable =\r\n wlForms['primaryCaregiver'].inputs['isPrimaryCaregiverUnavailable'].getValue();\r\n const isActionRequiredIn30Days = wlForms['primaryCaregiver'].inputs['isActionRequiredIn30Days'].getValue();\r\n const showPages = isPrimaryCaregiverUnavailable.includes('no')\r\n ? true\r\n : isPrimaryCaregiverUnavailable.includes('yes') && isActionRequiredIn30Days.includes('no')\r\n ? true\r\n : false;\r\n\r\n needsWrap.classList.toggle('hiddenPage', !showPages);\r\n tocLinks['needs'].classList.toggle('hiddenPage', !showPages);\r\n\r\n ['behavioral', 'physical', 'medical'].forEach(async page => {\r\n wlForms[page].form.parentElement.classList.toggle('hiddenPage', !showPages);\r\n tocLinks[page].classList.toggle('hiddenPage', !showPages);\r\n\r\n if (!showPages) {\r\n sectionResets[page]();\r\n } else {\r\n updateFormCompletionStatus(page);\r\n }\r\n });\r\n\r\n if (!showPages) {\r\n _UTIL.fetchData('deleteFromWaitingList', {\r\n properties: [\r\n `${wlFormInfo['behavioral'].id}|${wlFormInfo['behavioral'].dbtable}`,\r\n `${wlFormInfo['physical'].id}|${wlFormInfo['physical'].dbtable}`,\r\n `${wlFormInfo['medical'].id}|${wlFormInfo['medical'].dbtable}`,\r\n ],\r\n });\r\n }\r\n }\r\n async function showHideRiskMitigation() {\r\n const isNeedsActionRequired = wlForms['other'].inputs['needsIsActionRequiredRequiredIn30Days'].getValue();\r\n const showRM = isNeedsActionRequired.includes('no');\r\n\r\n wlForms['riskMitigation'].form.parentElement.classList.toggle('hiddenPage', !showRM);\r\n tocLinks['riskMitigation'].classList.toggle('hiddenPage', !showRM);\r\n\r\n if (!showRM) {\r\n sectionResets['riskMitigation']();\r\n _UTIL.fetchData('deleteFromWaitingList', {\r\n properties: [`${wlFormInfo['riskMitigation'].id}|${wlFormInfo['riskMitigation'].dbtable}`],\r\n });\r\n }\r\n }\r\n async function showHidePagesRelatedToICF() {\r\n const icfIsNoticeIssued = wlForms['icfDischarge'].inputs['icfIsNoticeIssued'].getValue();\r\n const icfIsICFResident = wlForms['icfDischarge'].inputs['icfIsICFResident'].getValue();\r\n const icfIsActionRequiredIn30Days = wlForms['icfDischarge'].inputs['icfIsActionRequiredIn30Days'].getValue();\r\n\r\n const icfAnyNo = [icfIsNoticeIssued, icfIsICFResident, icfIsActionRequiredIn30Days].some(answer =>\r\n answer.includes('no'),\r\n );\r\n\r\n ['intermittentSupports', 'childProtectionAgency', 'adultDayEmployment', 'dischargePlan'].forEach(page => {\r\n wlForms[page].form.parentElement.classList.toggle('hiddenPage', !icfAnyNo);\r\n tocLinks[page].classList.toggle('hiddenPage', !icfAnyNo);\r\n\r\n if (!icfAnyNo) {\r\n sectionResets[page]();\r\n } else {\r\n updateFormCompletionStatus(page);\r\n }\r\n });\r\n\r\n if (!icfAnyNo) {\r\n _UTIL.fetchData('deleteFromWaitingList', {\r\n properties: [\r\n `${wlFormInfo['intermittentSupports'].id}|${wlFormInfo['intermittentSupports'].dbtable}`,\r\n `${wlFormInfo['childProtectionAgency'].id}|${wlFormInfo['childProtectionAgency'].dbtable}`,\r\n `${wlFormInfo['adultDayEmployment'].id}|${wlFormInfo['adultDayEmployment'].dbtable}`,\r\n `${wlFormInfo['dischargePlan'].id}|${wlFormInfo['dischargePlan'].dbtable}`,\r\n ],\r\n });\r\n }\r\n }\r\n async function showHideICFDischarge() {\r\n const isRisksActionRequired = wlForms['riskMitigation'].inputs['rMIsActionRequiredIn3oDays'].getValue();\r\n const showICF = isRisksActionRequired.includes('no');\r\n\r\n wlForms['icfDischarge'].form.parentElement.classList.toggle('hiddenPage', !showICF);\r\n tocLinks['icfDischarge'].classList.toggle('hiddenPage', !showICF);\r\n\r\n if (!showICF) {\r\n sectionResets['icfDischarge']();\r\n _UTIL.fetchData('deleteFromWaitingList', {\r\n properties: [`${wlFormInfo['icfDischarge'].id}|${wlFormInfo['icfDischarge'].dbtable}`],\r\n });\r\n }\r\n }\r\n async function showHideImmediateNeeds() {\r\n const isRMChecked = isAnyCheckboxCheckedRiskMitigation();\r\n const isActionRequiredRM = wlForms['riskMitigation'].inputs['rMIsActionRequiredIn3oDays'].getValue();\r\n const isActionRequiredOther = wlForms['other'].inputs['needsIsActionRequiredRequiredIn30Days'].getValue();\r\n const isPGActionRequiredIn30Days = wlForms['primaryCaregiver'].inputs['isActionRequiredIn30Days'].getValue();\r\n const noticeIssuedICF = wlForms['icfDischarge'].inputs['icfIsNoticeIssued'].getValue();\r\n const isActionRequiredICF = wlForms['icfDischarge'].inputs['icfIsActionRequiredIn30Days'].getValue();\r\n const isResidentICF = wlForms['icfDischarge'].inputs['icfIsICFResident'].getValue();\r\n\r\n const isAllYesICF =\r\n noticeIssuedICF.includes('yes') && isActionRequiredICF.includes('yes') && isResidentICF.includes('yes');\r\n\r\n const showImmediateNeeds =\r\n isActionRequiredOther.includes('yes') ||\r\n (isActionRequiredRM.includes('yes') && isRMChecked) ||\r\n isPGActionRequiredIn30Days.includes('yes') ||\r\n isAllYesICF;\r\n\r\n wlForms['immediateNeeds'].form.parentElement.classList.toggle('hiddenPage', !showImmediateNeeds);\r\n tocLinks['immediateNeeds'].classList.toggle('hiddenPage', !showImmediateNeeds);\r\n wlForms['immediateNeeds'].inputs['immNeedsDescription'].toggleDisabled(!showImmediateNeeds);\r\n\r\n if (showImmediateNeeds) {\r\n wlForms['immediateNeeds'].inputs['immNeedsRequired'].setValue('immNeedsRequiredyes');\r\n await insertUpdateAssessmentData({\r\n value: 'yes',\r\n name: 'immNeedsRequired',\r\n type: 'radio',\r\n formName: 'immediateNeeds',\r\n });\r\n } else {\r\n sectionResets['immediateNeeds']();\r\n _UTIL.fetchData('deleteFromWaitingList', {\r\n properties: [`${wlFormInfo['immediateNeeds'].id}|${wlFormInfo['immediateNeeds'].dbtable}`],\r\n });\r\n }\r\n }\r\n async function showHideCurrentNeeds() {\r\n const isNeedsActionRequired = wlForms['other'].inputs['needsIsActionRequiredRequiredIn30Days'].getValue();\r\n const isRisksActionRequired = wlForms['riskMitigation'].inputs['rMIsActionRequiredIn3oDays'].getValue();\r\n const noticeIssuedICF = wlForms['icfDischarge'].inputs['icfIsNoticeIssued'].getValue();\r\n const isActionRequiredICF = wlForms['icfDischarge'].inputs['icfIsActionRequiredIn30Days'].getValue();\r\n const isResidentICF = wlForms['icfDischarge'].inputs['icfIsICFResident'].getValue();\r\n\r\n const isAnyNoICF =\r\n noticeIssuedICF.includes('no') || isActionRequiredICF.includes('no') || isResidentICF.includes('no');\r\n const isAllYesICF = noticeIssuedICF.includes('yes') && isActionRequiredICF.includes('yes') && isResidentICF.includes('yes');\r\n let showCurrentNeeds;\r\n\r\n if (isAllYesICF) {\r\n showCurrentNeeds = false;\r\n } else if (isAnyNoICF) {\r\n showCurrentNeeds = true;\r\n } else {\r\n showCurrentNeeds = isNeedsActionRequired.includes('no') && isRisksActionRequired.includes('no');\r\n }\r\n\r\n wlForms['currentNeeds'].form.parentElement.classList.toggle('hiddenPage', !showCurrentNeeds);\r\n tocLinks['currentNeeds'].classList.toggle('hiddenPage', !showCurrentNeeds);\r\n\r\n if (!showCurrentNeeds) {\r\n sectionResets['currentNeeds']();\r\n _UTIL.fetchData('deleteFromWaitingList', {\r\n properties: [`${wlFormInfo['currentNeeds'].id}|${wlFormInfo['currentNeeds'].dbtable}`],\r\n });\r\n }\r\n }\r\n //--------------------------------------------------\r\n function isConditionInputsAllYes() {\r\n return [\r\n wlForms['conditions'].inputs['otherThanMentalHealth'].getValue('otherThanMentalHealthyes'),\r\n wlForms['conditions'].inputs['before22'].getValue('before22yes'),\r\n wlForms['conditions'].inputs['isConditionIndefinite'].getValue('isConditionIndefiniteyes'),\r\n ].every(element => element === true);\r\n }\r\n function isAnyCheckboxCheckedRiskMitigation() {\r\n return [\r\n wlForms['riskMitigation'].inputs['rMIsAdultProtectiveServiceInvestigation'].getValue(),\r\n wlForms['riskMitigation'].inputs['rMIsCountyBoardInvestigation'].getValue(),\r\n wlForms['riskMitigation'].inputs['rMIsLawEnforcementInvestigation'].getValue(),\r\n wlForms['riskMitigation'].inputs['rMIsOtherInvestigation'].getValue(),\r\n ].some(element => element === true);\r\n }\r\n function isAnyCheckboxCheckedBehaviors() {\r\n return [\r\n wlForms['behavioral'].inputs['risksIsPhysicalAggression'].getValue(),\r\n wlForms['behavioral'].inputs['risksIsSelfInjury'].getValue(),\r\n wlForms['behavioral'].inputs['risksIsFireSetting'].getValue(),\r\n wlForms['behavioral'].inputs['risksIsElopement'].getValue(),\r\n wlForms['behavioral'].inputs['risksIsSexualOffending'].getValue(),\r\n wlForms['behavioral'].inputs['risksIsOther'].getValue(),\r\n ].some(element => element === true);\r\n }\r\n function isAnyCheckboxCheckedBehaviorsDocs() {\r\n return [\r\n wlForms['behavioral'].inputs['risksHasPoliceReport'].getValue(),\r\n wlForms['behavioral'].inputs['risksHasIncidentReport'].getValue(),\r\n wlForms['behavioral'].inputs['risksHasBehaviorTracking'].getValue(),\r\n wlForms['behavioral'].inputs['risksHasPsychologicalAssessment'].getValue(),\r\n wlForms['behavioral'].inputs['risksHasOtherDocument'].getValue(),\r\n ].some(element => element === true);\r\n }\r\n function isAnyCheckboxCheckedPhysical() {\r\n return [\r\n wlForms['physical'].inputs['physicalNeedsIsPersonalCareNeeded'].getValue(),\r\n wlForms['physical'].inputs['physicalNeedsIsRiskDuringPhysicalCare'].getValue(),\r\n wlForms['physical'].inputs['physicalNeedsIsOther'].getValue(),\r\n ].some(element => element === true);\r\n }\r\n function isAnyCheckboxCheckedMedical() {\r\n return [\r\n wlForms['medical'].inputs['medicalNeedsIsFrequentEmergencyVisit'].getValue(),\r\n wlForms['medical'].inputs['medicalNeedsIsOngoingMedicalCare'].getValue(),\r\n wlForms['medical'].inputs['medicalNeedsIsSpecializedCareGiveNeeded'].getValue(),\r\n wlForms['medical'].inputs['medicalNeedsIsOther'].getValue(),\r\n ].some(element => element === true);\r\n }\r\n //--------------------------------------------------\r\n async function needsOtherCheck() {\r\n const hasCheckBehaviorOne = isAnyCheckboxCheckedBehaviors();\r\n const hasCheckBehaviorTwo = isAnyCheckboxCheckedBehaviorsDocs();\r\n const hasCheckPhysical = isAnyCheckboxCheckedPhysical();\r\n const hasCheckMedical = isAnyCheckboxCheckedMedical();\r\n\r\n const needsIsActionEnabled = (hasCheckBehaviorOne && hasCheckBehaviorTwo) || hasCheckPhysical || hasCheckMedical;\r\n\r\n wlForms['other'].form.parentElement.classList.toggle('hiddenPage', !needsIsActionEnabled);\r\n tocLinks['other'].classList.toggle('hiddenPage', !needsIsActionEnabled);\r\n wlForms['other'].inputs['needsIsActionRequiredRequiredIn30Days'].toggleDisabled(needsIsActionEnabled === false);\r\n\r\n if (!needsIsActionEnabled) {\r\n wlForms['other'].inputs['needsIsActionRequiredRequiredIn30Days'].setValue('');\r\n wlForms['other'].inputs['needsIsContinuousSupportRequired'].setValue('');\r\n wlForms['other'].inputs['needsIsContinuousSupportRequired'].toggleDisabled(true);\r\n }\r\n\r\n updateFormCompletionStatus('other');\r\n\r\n if (!needsIsActionEnabled) {\r\n _UTIL.fetchData('deleteFromWaitingList', {\r\n properties: [`${wlFormInfo['other'].id}|${wlFormInfo['other'].dbtable}`],\r\n });\r\n }\r\n }\r\n //--------------------------------------------------\r\n async function intermittentSupportsDetermination() {\r\n const data = [\r\n wlForms['intermittentSupports'].inputs['intSupIsSupportNeededIn12Months'].getValue(\r\n 'intSupIsSupportNeededIn12Monthsyes',\r\n ),\r\n wlForms['intermittentSupports'].inputs['intSupIsStayingLivingArrangement'].getValue(\r\n 'intSupIsStayingLivingArrangementyes',\r\n ),\r\n wlForms['intermittentSupports'].inputs['intSupIsActionRequiredIn30Days'].getValue(\r\n 'intSupIsActionRequiredIn30Daysyes',\r\n ),\r\n ];\r\n\r\n const allHaveCheck = data.every(element => element === true);\r\n const inputId = allHaveCheck ? 'intSupDeterminationyes' : 'intSupDeterminationno';\r\n\r\n wlForms['intermittentSupports'].inputs['intSupDetermination'].setValue(inputId);\r\n await insertUpdateAssessmentData({\r\n value: allHaveCheck ? 'yes' : 'no',\r\n name: 'intSupDetermination',\r\n type: 'radio',\r\n formName: 'intermittentSupports',\r\n });\r\n\r\n await currentNeedsDetermination();\r\n }\r\n async function icfDischargeDetermination() {\r\n const data = [\r\n wlForms['icfDischarge'].inputs['icfIsICFResident'].getValue('icfIsICFResidentyes'),\r\n wlForms['icfDischarge'].inputs['icfIsNoticeIssued'].getValue('icfIsNoticeIssuedyes'),\r\n wlForms['icfDischarge'].inputs['icfIsActionRequiredIn30Days'].getValue('icfIsActionRequiredIn30Daysyes'),\r\n ];\r\n\r\n const allHaveCheck = data.every(element => element === true);\r\n const inputId = allHaveCheck ? 'icfDeterminationyes' : 'icfDeterminationno';\r\n\r\n wlForms['icfDischarge'].inputs['icfDetermination'].setValue(inputId);\r\n await insertUpdateAssessmentData({\r\n value: allHaveCheck ? 'yes' : 'no',\r\n name: 'icfDetermination',\r\n type: 'radio',\r\n formName: 'icfDischarge',\r\n });\r\n }\r\n async function childProtectionAgencyDetermination() {\r\n const data = [\r\n wlForms['childProtectionAgency'].inputs['cpaIsReleasedNext12Months'].getValue('cpaIsReleasedNext12Monthsyes'),\r\n wlForms['childProtectionAgency'].inputs['cpaHasUnaddressableNeeds'].getValue('cpaHasUnaddressableNeedsyes'),\r\n ];\r\n\r\n const allHaveCheck = data.every(element => element === true);\r\n const inputId = allHaveCheck ? 'cpaDeterminationyes' : 'cpaDeterminationno';\r\n\r\n wlForms['childProtectionAgency'].inputs['cpaDetermination'].setValue(inputId);\r\n\r\n await insertUpdateAssessmentData({\r\n value: allHaveCheck ? 'yes' : 'no',\r\n name: 'cpaDetermination',\r\n type: 'radio',\r\n formName: 'childProtectionAgency',\r\n });\r\n\r\n await currentNeedsDetermination();\r\n }\r\n async function adultDayEmploymentDetermination() {\r\n const data = [\r\n wlForms['adultDayEmployment'].inputs['rwfNeedsMoreFrequency'].getValue('rwfNeedsMoreFrequencyyes'),\r\n wlForms['adultDayEmployment'].inputs['rwfNeedsServiceNotMetIDEA'].getValue('rwfNeedsServiceNotMetIDEAyes'),\r\n wlForms['adultDayEmployment'].inputs['rwfNeedsServicesNotMetOOD'].getValue('rwfNeedsServicesNotMetOODyes'),\r\n ];\r\n\r\n const allHaveCheck = data.every(element => element === true);\r\n const inputId = allHaveCheck ? 'rwfWaiverFundingRequiredyes' : 'rwfWaiverFundingRequiredno';\r\n\r\n wlForms['adultDayEmployment'].inputs['rwfWaiverFundingRequired'].setValue(inputId);\r\n\r\n await insertUpdateAssessmentData({\r\n value: allHaveCheck ? 'yes' : 'no',\r\n name: 'rwfWaiverFundingRequired',\r\n type: 'radio',\r\n formName: 'adultDayEmployment',\r\n });\r\n\r\n await currentNeedsDetermination();\r\n }\r\n async function dischargePlanDetermination() {\r\n const data = [\r\n wlForms['dischargePlan'].inputs['dischargeIsICFResident'].getValue('dischargeIsICFResidentyes'),\r\n wlForms['dischargePlan'].inputs['dischargeIsInterestedInMoving'].getValue('dischargeIsInterestedInMovingyes'),\r\n wlForms['dischargePlan'].inputs['dischargeHasDischargePlan'].getValue('dischargeHasDischargePlanyes'),\r\n ];\r\n\r\n const allHaveCheck = data.every(element => element === true);\r\n const inputId = allHaveCheck ? 'dischargeDeterminationyes' : 'dischargeDeterminationno';\r\n\r\n wlForms['dischargePlan'].inputs['dischargeDetermination'].setValue(inputId);\r\n\r\n await insertUpdateAssessmentData({\r\n value: allHaveCheck ? 'yes' : 'no',\r\n name: 'dischargeDetermination',\r\n type: 'radio',\r\n formName: 'dischargePlan',\r\n });\r\n\r\n await currentNeedsDetermination();\r\n }\r\n async function currentNeedsDetermination() {\r\n if (tocLinks['currentNeeds'].classList.contains('hiddenPage')) return;\r\n\r\n const isPrimaryCaregiverUnavailable =\r\n wlForms['primaryCaregiver'].inputs['isPrimaryCaregiverUnavailable'].getValue();\r\n const isActionRequiredIn30Days = wlForms['primaryCaregiver'].inputs['isActionRequiredIn30Days'].getValue();\r\n const isIndividualSkillsDeclined = wlForms['primaryCaregiver'].inputs['isIndividualSkillsDeclined'].getValue();\r\n const risksIsRiskToSelf = wlForms['behavioral'].inputs['risksIsRiskToSelf'].getValue();\r\n const physicalNeedsIsPhysicalCareNeeded =\r\n wlForms['physical'].inputs['physicalNeedsIsPhysicalCareNeeded'].getValue();\r\n const medicalNeedsIsLifeThreatening = wlForms['medical'].inputs['medicalNeedsIsLifeThreatening'].getValue();\r\n const needsIsContinuousSupportRequired = wlForms['other'].inputs['needsIsContinuousSupportRequired'].getValue();\r\n const intSupDetermination = wlForms['intermittentSupports'].inputs['intSupDetermination'].getValue();\r\n const cpaDetermination = wlForms['childProtectionAgency'].inputs['cpaDetermination'].getValue();\r\n const rwfWaiverFundingRequired = wlForms['adultDayEmployment'].inputs['rwfWaiverFundingRequired'].getValue();\r\n const dischargeDetermination = wlForms['dischargePlan'].inputs['dischargeDetermination'].getValue();\r\n\r\n const conditions = [\r\n isPrimaryCaregiverUnavailable.includes('yes') && isActionRequiredIn30Days.includes('no'),\r\n isPrimaryCaregiverUnavailable.includes('no') && isIndividualSkillsDeclined.includes('yes'),\r\n risksIsRiskToSelf.includes('yes'),\r\n physicalNeedsIsPhysicalCareNeeded.includes('yes'),\r\n medicalNeedsIsLifeThreatening.includes('yes') && needsIsContinuousSupportRequired.includes('yes'),\r\n intSupDetermination.includes('yes'),\r\n cpaDetermination.includes('yes'),\r\n rwfWaiverFundingRequired.includes('yes'),\r\n dischargeDetermination.includes('yes'),\r\n ];\r\n\r\n let updateTo = 'no';\r\n\r\n for (const condition of conditions) {\r\n if (condition) {\r\n updateTo = 'yes';\r\n }\r\n }\r\n\r\n wlForms['currentNeeds'].inputs['unmetNeedsHas'].setValue(`unmetNeedsHas${updateTo}`);\r\n wlForms['currentNeeds'].inputs['unmetNeedsSupports'].toggleDisabled(updateTo === 'yes' ? false : true);\r\n\r\n if (updateTo === 'no') {\r\n wlForms['currentNeeds'].inputs['unmetNeedsSupports'].setValue('');\r\n wlForms['currentNeeds'].inputs['unmetNeedsDescription'].toggleDisabled(true);\r\n wlForms['currentNeeds'].inputs['unmetNeedsDescription'].setValue('');\r\n\r\n await insertUpdateAssessmentData({\r\n value: 'off',\r\n name: 'unmetNeedsSupports',\r\n type: 'radio',\r\n formName: 'currentNeeds',\r\n });\r\n\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'unmetNeedsDescription',\r\n type: 'text',\r\n formName: 'currentNeeds',\r\n });\r\n }\r\n\r\n await insertUpdateAssessmentData({\r\n value: updateTo,\r\n name: 'unmetNeedsHas',\r\n type: 'radio',\r\n formName: 'currentNeeds',\r\n });\r\n\r\n updateFormCompletionStatus('currentNeeds');\r\n }\r\n async function immediateNeedsDetermination() {\r\n // immNeedsRequired\r\n }\r\n //--------------------------------------------------\r\n function setConclusion() {\r\n if (!isAssessmentComplete) return;\r\n\r\n const conditionPageAllYes = isConditionInputsAllYes();\r\n\r\n const immNeedsRequired = wlForms['immediateNeeds'].inputs['immNeedsRequired'].getValue();\r\n const waiverEnrollRequired = wlForms['waiverEnrollment'].inputs['waivEnrollWaiverEnrollmentIsRequired'].getValue();\r\n const unmetNeedsHas = wlForms['currentNeeds'].inputs['unmetNeedsHas'].getValue();\r\n const unmetNeedsSupports = wlForms['currentNeeds'].inputs['unmetNeedsSupports'].getValue();\r\n\r\n wlForms['conclusion'].inputs['conclusionUnmetNeeds'].setValue(false);\r\n wlForms['conclusion'].inputs['conclusionNotEligibleForWaiver'].setValue(false);\r\n wlForms['conclusion'].inputs['conclusionDoesNotRequireWaiver'].setValue(false);\r\n wlForms['conclusion'].inputs['conclusionWaiverFunded12Months'].setValue(false);\r\n\r\n if (!conditionPageAllYes) {\r\n wlForms['conclusion'].inputs['conclusionNotEligibleForWaiver'].setValue(true);\r\n insertUpdateAssessmentData({\r\n name: 'conclusionResult',\r\n formName: 'waitingListInfo',\r\n type: 'custom',\r\n value: 0,\r\n });\r\n return;\r\n }\r\n\r\n if (waiverEnrollRequired.includes('no')) {\r\n wlForms['conclusion'].inputs['conclusionDoesNotRequireWaiver'].setValue(true);\r\n insertUpdateAssessmentData({\r\n name: 'conclusionResult',\r\n formName: 'waitingListInfo',\r\n type: 'custom',\r\n value: 3,\r\n });\r\n return;\r\n }\r\n\r\n if (!tocLinks['immediateNeeds'].classList.contains('hiddenPage') && immNeedsRequired.includes('yes')) {\r\n wlForms['conclusion'].inputs['conclusionUnmetNeeds'].setValue(true);\r\n insertUpdateAssessmentData({\r\n name: 'conclusionResult',\r\n formName: 'waitingListInfo',\r\n type: 'custom',\r\n value: 1,\r\n });\r\n return;\r\n }\r\n\r\n if (!tocLinks['currentNeeds'].classList.contains('hiddenPage')) {\r\n if (unmetNeedsHas.includes('yes') && unmetNeedsSupports.includes('yes')) {\r\n wlForms['conclusion'].inputs['conclusionWaiverFunded12Months'].setValue(true);\r\n insertUpdateAssessmentData({\r\n name: 'conclusionResult',\r\n formName: 'waitingListInfo',\r\n type: 'custom',\r\n value: 2,\r\n });\r\n }\r\n if (unmetNeedsHas.includes('no') || unmetNeedsSupports.includes('no')) {\r\n wlForms['conclusion'].inputs['conclusionDoesNotRequireWaiver'].setValue(true);\r\n insertUpdateAssessmentData({\r\n name: 'conclusionResult',\r\n formName: 'waitingListInfo',\r\n type: 'custom',\r\n value: 3,\r\n });\r\n }\r\n }\r\n }\r\n //--------------------------------------------------\r\n const onChangeCallbacks = {\r\n //* waitingListInfo\r\n currentLivingArrangement: async ({ value }) => {\r\n wlForms['waitingListInfo'].inputs['livingArrangementOther'].toggleDisabled(value !== 'Other');\r\n\r\n if (value !== 'Other' && wlForms['waitingListInfo'].inputs['livingArrangementOther'].getValue() !== '') {\r\n wlForms['waitingListInfo'].inputs['livingArrangementOther'].setValue('');\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'livingArrangementOther',\r\n type: 'text',\r\n formName: 'waitingListInfo',\r\n });\r\n }\r\n },\r\n //* currentAvailableServices\r\n isOtherService: async ({ value }) => {\r\n wlForms['currentAvailableServices'].inputs['otherDescription'].toggleDisabled(value === 'yes' ? false : true);\r\n\r\n if (value !== 'yes') {\r\n wlForms['currentAvailableServices'].inputs['otherDescription'].setValue('');\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'otherDescription',\r\n type: 'text',\r\n formName: 'currentAvailableServices',\r\n });\r\n }\r\n },\r\n //* primaryCaregiver\r\n isPrimaryCaregiverUnavailable: async ({ value }) => {\r\n const isActionRequiredIn30Days = wlForms['primaryCaregiver'].inputs['isActionRequiredIn30Days'].getValue();\r\n const enableIsIndividualSkillsDeclined =\r\n value === 'no' ? true : isActionRequiredIn30Days.includes('no') ? true : false;\r\n wlForms['primaryCaregiver'].inputs['isIndividualSkillsDeclined'].toggleDisabled(\r\n !enableIsIndividualSkillsDeclined,\r\n );\r\n if (!enableIsIndividualSkillsDeclined) {\r\n wlForms['primaryCaregiver'].inputs['isIndividualSkillsDeclined'].setValue('');\r\n\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'isIndividualSkillsDeclined',\r\n type: 'radio',\r\n formName: 'primaryCaregiver',\r\n });\r\n }\r\n\r\n wlForms['primaryCaregiver'].inputs['unavailableDocumentation'].toggleDisabled(value === 'yes' ? false : true);\r\n wlForms['primaryCaregiver'].inputs['isActionRequiredIn30Days'].toggleDisabled(value === 'yes' ? false : true);\r\n\r\n if (value !== 'yes') {\r\n wlForms['primaryCaregiver'].inputs['unavailableDocumentation'].setValue('');\r\n wlForms['primaryCaregiver'].inputs['isActionRequiredIn30Days'].setValue('');\r\n wlForms['primaryCaregiver'].inputs['actionRequiredDescription'].setValue('');\r\n wlForms['primaryCaregiver'].inputs['actionRequiredDescription'].toggleDisabled(true);\r\n\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'unavailableDocumentation',\r\n type: 'text',\r\n formName: 'primaryCaregiver',\r\n });\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'isActionRequiredIn30Days',\r\n type: 'radio',\r\n formName: 'primaryCaregiver',\r\n });\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'actionRequiredDescription',\r\n type: 'text',\r\n formName: 'primaryCaregiver',\r\n });\r\n } else {\r\n wlForms['primaryCaregiver'].inputs['declinedSkillsDocumentation'].setValue('');\r\n wlForms['primaryCaregiver'].inputs['declinedSkillsDescription'].setValue('');\r\n wlForms['primaryCaregiver'].inputs['declinedSkillsDocumentation'].toggleDisabled(true);\r\n wlForms['primaryCaregiver'].inputs['declinedSkillsDescription'].toggleDisabled(true);\r\n\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'declinedSkillsDocumentation',\r\n type: 'text',\r\n formName: 'primaryCaregiver',\r\n });\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'declinedSkillsDescription',\r\n type: 'text',\r\n formName: 'primaryCaregiver',\r\n });\r\n }\r\n\r\n await showHideNeedsPages();\r\n await showHideImmediateNeeds();\r\n await currentNeedsDetermination();\r\n },\r\n isActionRequiredIn30Days: async ({ value }) => {\r\n const isPrimaryCaregiverUnavailable =\r\n wlForms['primaryCaregiver'].inputs['isPrimaryCaregiverUnavailable'].getValue();\r\n const enableIsIndividualSkillsDeclined = isPrimaryCaregiverUnavailable.includes('no')\r\n ? true\r\n : value === 'no'\r\n ? true\r\n : false;\r\n wlForms['primaryCaregiver'].inputs['isIndividualSkillsDeclined'].toggleDisabled(\r\n !enableIsIndividualSkillsDeclined,\r\n );\r\n if (!enableIsIndividualSkillsDeclined) {\r\n wlForms['primaryCaregiver'].inputs['isIndividualSkillsDeclined'].setValue('');\r\n\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'isIndividualSkillsDeclined',\r\n type: 'radio',\r\n formName: 'primaryCaregiver',\r\n });\r\n }\r\n\r\n wlForms['primaryCaregiver'].inputs['actionRequiredDescription'].toggleDisabled(value === 'yes' ? false : true);\r\n wlForms['primaryCaregiver'].inputs['isIndividualSkillsDeclined'].toggleDisabled(value === 'no' ? false : true);\r\n\r\n if (value !== 'yes') {\r\n wlForms['primaryCaregiver'].inputs['actionRequiredDescription'].setValue('');\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'actionRequiredDescription',\r\n type: 'text',\r\n formName: 'primaryCaregiver',\r\n });\r\n } else {\r\n wlForms['primaryCaregiver'].inputs['isIndividualSkillsDeclined'].setValue('');\r\n await insertUpdateAssessmentData({\r\n value: 'no',\r\n name: 'isIndividualSkillsDeclined',\r\n type: 'radio',\r\n formName: 'primaryCaregiver',\r\n });\r\n }\r\n\r\n await showHideNeedsPages();\r\n await showHideImmediateNeeds();\r\n await currentNeedsDetermination();\r\n },\r\n isIndividualSkillsDeclined: async ({ value }) => {\r\n wlForms['primaryCaregiver'].inputs['declinedSkillsDocumentation'].toggleDisabled(value === 'yes' ? false : true);\r\n wlForms['primaryCaregiver'].inputs['declinedSkillsDescription'].toggleDisabled(value === 'yes' ? false : true);\r\n\r\n if (value !== 'yes') {\r\n wlForms['primaryCaregiver'].inputs['declinedSkillsDocumentation'].setValue('');\r\n wlForms['primaryCaregiver'].inputs['declinedSkillsDescription'].setValue('');\r\n\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'declinedSkillsDocumentation',\r\n type: 'text',\r\n formName: 'primaryCaregiver',\r\n });\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'declinedSkillsDescription',\r\n type: 'text',\r\n formName: 'primaryCaregiver',\r\n });\r\n }\r\n\r\n await currentNeedsDetermination();\r\n },\r\n //* behavioral\r\n risksIs: async ({ name, value }) => {\r\n const isNotAppChecked = name === 'risksIsNone' && value === 'on';\r\n const hasCheck = isNotAppChecked ? false : isAnyCheckboxCheckedBehaviors();\r\n const hasCheckDocs = isAnyCheckboxCheckedBehaviorsDocs();\r\n const risksIsRiskToSelfInputId = hasCheck && hasCheckDocs ? 'risksIsRiskToSelfyes' : 'risksIsRiskToSelfno';\r\n\r\n wlForms['behavioral'].inputs['risksFrequencyDescription'].toggleDisabled(!hasCheck);\r\n if (!hasCheck) {\r\n wlForms['behavioral'].inputs['risksFrequencyDescription'].setValue('');\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'risksFrequencyDescription',\r\n type: 'text',\r\n formName: 'behavioral',\r\n });\r\n }\r\n\r\n wlForms['behavioral'].inputs['risksIsRiskToSelf'].setValue(risksIsRiskToSelfInputId);\r\n await insertUpdateAssessmentData({\r\n value: hasCheck && hasCheckDocs ? 'yes' : 'no',\r\n name: 'risksIsRiskToSelf',\r\n type: 'radio',\r\n formName: 'behavioral',\r\n });\r\n\r\n [\r\n 'risksIsNone',\r\n 'risksIsPhysicalAggression',\r\n 'risksIsSelfInjury',\r\n 'risksIsFireSetting',\r\n 'risksIsElopement',\r\n 'risksIsSexualOffending',\r\n 'risksIsOther',\r\n ].forEach(async inputId => {\r\n wlForms['behavioral'].inputs[inputId].toggleRequired(hasCheck || isNotAppChecked ? false : true);\r\n\r\n if (wlForms['behavioral'].inputs[inputId].getValue()) {\r\n if (inputId === 'risksIsNone' && hasCheck) {\r\n wlForms['behavioral'].inputs[inputId].setValue(false);\r\n await insertUpdateAssessmentData({\r\n value: 'off',\r\n name: inputId,\r\n type: 'checkbox',\r\n formName: 'behavioral',\r\n });\r\n } else if (isNotAppChecked && inputId !== 'risksIsNone') {\r\n wlForms['behavioral'].inputs[inputId].setValue(false);\r\n await insertUpdateAssessmentData({\r\n value: 'off',\r\n name: inputId,\r\n type: 'checkbox',\r\n formName: 'behavioral',\r\n });\r\n }\r\n }\r\n });\r\n\r\n await currentNeedsDetermination();\r\n await needsOtherCheck();\r\n },\r\n risksHas: async ({ name, value }) => {\r\n const isNotAppChecked = name === 'risksHasNoDocument' && value === 'on';\r\n const hasCheck = isAnyCheckboxCheckedBehaviors();\r\n const hasCheckDocs = isNotAppChecked ? false : isAnyCheckboxCheckedBehaviorsDocs();\r\n const risksIsRiskToSelfInputId = hasCheck && hasCheckDocs ? 'risksIsRiskToSelfyes' : 'risksIsRiskToSelfno';\r\n\r\n wlForms['behavioral'].inputs['risksIsRiskToSelf'].setValue(risksIsRiskToSelfInputId);\r\n await insertUpdateAssessmentData({\r\n value: hasCheck && hasCheckDocs ? 'yes' : 'no',\r\n name: 'risksIsRiskToSelf',\r\n type: 'radio',\r\n formName: 'behavioral',\r\n });\r\n [\r\n 'risksHasNoDocument',\r\n 'risksHasPoliceReport',\r\n 'risksHasIncidentReport',\r\n 'risksHasBehaviorTracking',\r\n 'risksHasPsychologicalAssessment',\r\n 'risksHasOtherDocument',\r\n ].forEach(async inputId => {\r\n wlForms['behavioral'].inputs[inputId].toggleRequired(hasCheckDocs || isNotAppChecked ? false : true);\r\n\r\n if (wlForms['behavioral'].inputs[inputId].getValue()) {\r\n if (hasCheckDocs && inputId === 'risksHasNoDocument') {\r\n wlForms['behavioral'].inputs[inputId].setValue(false);\r\n await insertUpdateAssessmentData({\r\n value: 'off',\r\n name: inputId,\r\n type: 'checkbox',\r\n formName: 'behavioral',\r\n });\r\n } else if (isNotAppChecked && inputId !== 'risksHasNoDocument') {\r\n wlForms['behavioral'].inputs[inputId].setValue(false);\r\n await insertUpdateAssessmentData({\r\n value: 'off',\r\n name: inputId,\r\n type: 'checkbox',\r\n formName: 'behavioral',\r\n });\r\n }\r\n }\r\n });\r\n\r\n await currentNeedsDetermination();\r\n await needsOtherCheck();\r\n },\r\n risksHasOtherDocument: async ({ name, value }) => {\r\n wlForms['behavioral'].inputs['risksOtherDocumentDescription'].toggleDisabled(value === 'on' ? false : true);\r\n\r\n if (value !== 'on') {\r\n wlForms['behavioral'].inputs['risksOtherDocumentDescription'].setValue('');\r\n await insertUpdateAssessmentData({\r\n value: 'off',\r\n name: 'risksOtherDocumentDescription',\r\n type: 'text',\r\n formName: 'behavioral',\r\n });\r\n }\r\n },\r\n //* physical\r\n physicalNeeds: async ({ name, value }) => {\r\n const isNotAppChecked = name === 'physicalNeedsIsNone' && value === 'on';\r\n const hasCheck = isNotAppChecked ? false : isAnyCheckboxCheckedPhysical();\r\n const isPhysicalCareNeededInputId = hasCheck\r\n ? 'physicalNeedsIsPhysicalCareNeededyes'\r\n : 'physicalNeedsIsPhysicalCareNeededno';\r\n\r\n wlForms['physical'].inputs['physicalNeedsDescription'].toggleDisabled(!hasCheck);\r\n if (!hasCheck) {\r\n wlForms['physical'].inputs['physicalNeedsDescription'].setValue('');\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'physicalNeedsDescription',\r\n type: 'text',\r\n formName: 'physical',\r\n });\r\n }\r\n\r\n wlForms['physical'].inputs['physicalNeedsIsPhysicalCareNeeded'].setValue(isPhysicalCareNeededInputId);\r\n await insertUpdateAssessmentData({\r\n value: hasCheck ? 'yes' : 'no',\r\n name: 'physicalNeedsIsPhysicalCareNeeded',\r\n type: 'radio',\r\n formName: 'physical',\r\n });\r\n [\r\n 'physicalNeedsIsNone',\r\n 'physicalNeedsIsPersonalCareNeeded',\r\n 'physicalNeedsIsRiskDuringPhysicalCare',\r\n 'physicalNeedsIsOther',\r\n ].forEach(async inputId => {\r\n wlForms['physical'].inputs[inputId].toggleRequired(hasCheck || isNotAppChecked ? false : true);\r\n\r\n if (wlForms['physical'].inputs[inputId].getValue()) {\r\n if (hasCheck && inputId === 'physicalNeedsIsNone') {\r\n wlForms['physical'].inputs[inputId].setValue(false);\r\n await insertUpdateAssessmentData({\r\n value: 'off',\r\n name: inputId,\r\n type: 'checkbox',\r\n formName: 'physical',\r\n });\r\n } else if (isNotAppChecked && inputId !== 'physicalNeedsIsNone') {\r\n wlForms['physical'].inputs[inputId].setValue(false);\r\n await insertUpdateAssessmentData({\r\n value: 'off',\r\n name: inputId,\r\n type: 'checkbox',\r\n formName: 'physical',\r\n });\r\n }\r\n }\r\n });\r\n\r\n await currentNeedsDetermination();\r\n await needsOtherCheck();\r\n },\r\n //* medical\r\n medicalNeeds: async ({ name, value }) => {\r\n const isNotAppChecked = name === 'medicalNeedsIsNone' && value === 'on';\r\n const hasCheck = isNotAppChecked ? false : isAnyCheckboxCheckedMedical();\r\n const inputId = hasCheck ? 'medicalNeedsIsLifeThreateningyes' : 'medicalNeedsIsLifeThreateningno';\r\n\r\n wlForms['medical'].inputs['medicalNeedsDescription'].toggleDisabled(!hasCheck);\r\n if (!hasCheck) {\r\n wlForms['medical'].inputs['medicalNeedsDescription'].setValue('');\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'medicalNeedsDescription',\r\n type: 'text',\r\n formName: 'medical',\r\n });\r\n }\r\n\r\n wlForms['medical'].inputs['medicalNeedsIsLifeThreatening'].setValue(inputId);\r\n await insertUpdateAssessmentData({\r\n value: hasCheck ? 'yes' : 'no',\r\n name: 'medicalNeedsIsLifeThreatening',\r\n type: 'radio',\r\n formName: 'medical',\r\n });\r\n\r\n [\r\n 'medicalNeedsIsNone',\r\n 'medicalNeedsIsFrequentEmergencyVisit',\r\n 'medicalNeedsIsOngoingMedicalCare',\r\n 'medicalNeedsIsSpecializedCareGiveNeeded',\r\n 'medicalNeedsIsOther',\r\n ].forEach(async inputId => {\r\n wlForms['medical'].inputs[inputId].toggleRequired(hasCheck || isNotAppChecked ? false : true);\r\n\r\n if (wlForms['medical'].inputs[inputId].getValue()) {\r\n if (hasCheck && inputId === 'medicalNeedsIsNone') {\r\n wlForms['medical'].inputs[inputId].setValue(false);\r\n await insertUpdateAssessmentData({\r\n value: 'off',\r\n name: inputId,\r\n type: 'checkbox',\r\n formName: 'medical',\r\n });\r\n } else if (isNotAppChecked && inputId !== 'medicalNeedsIsNone') {\r\n wlForms['medical'].inputs[inputId].setValue(false);\r\n await insertUpdateAssessmentData({\r\n value: 'off',\r\n name: inputId,\r\n type: 'checkbox',\r\n formName: 'medical',\r\n });\r\n }\r\n }\r\n });\r\n\r\n await currentNeedsDetermination();\r\n await needsOtherCheck();\r\n },\r\n //* other\r\n needsIsActionRequiredRequiredIn30Days: async ({ value }) => {\r\n const isNeedsActionRequiredYes = value === 'yes';\r\n\r\n wlForms['other'].inputs['needsIsContinuousSupportRequired'].toggleDisabled(isNeedsActionRequiredYes);\r\n\r\n if (isNeedsActionRequiredYes) {\r\n wlForms['other'].inputs['needsIsContinuousSupportRequired'].setValue('');\r\n\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'needsIsContinuousSupportRequired',\r\n type: 'radio',\r\n formName: 'other',\r\n });\r\n }\r\n\r\n await showHideRiskMitigation();\r\n await showHideImmediateNeeds();\r\n await showHideCurrentNeeds();\r\n },\r\n needsIsContinuousSupportRequired: async () => {\r\n await currentNeedsDetermination();\r\n },\r\n //* riskMitigation\r\n rMIs: async ({ name, value }) => {\r\n let cleardNotApp = false;\r\n let hasOtherCheck = isAnyCheckboxCheckedRiskMitigation();\r\n\r\n [\r\n 'rMIsNone',\r\n 'rMIsAdultProtectiveServiceInvestigation',\r\n 'rMIsCountyBoardInvestigation',\r\n 'rMIsLawEnforcementInvestigation',\r\n 'rMIsOtherInvestigation',\r\n ].forEach(async inputId => {\r\n const isRequired = hasOtherCheck || (name === 'rMIsNone' && value === 'on') ? false : true\r\n wlForms['riskMitigation'].inputs[inputId].toggleRequired(isRequired);\r\n\r\n if (wlForms['riskMitigation'].inputs[inputId].getValue()) {\r\n if (name === 'rMIsNone' && inputId !== 'rMIsNone') {\r\n wlForms['riskMitigation'].inputs[inputId].setValue(false);\r\n await insertUpdateAssessmentData({\r\n value: 'off',\r\n name: inputId,\r\n type: 'checkbox',\r\n formName: 'riskMitigation',\r\n });\r\n } else if (hasOtherCheck && inputId === 'rMIsNone') {\r\n cleardNotApp = true;\r\n wlForms['riskMitigation'].inputs[inputId].setValue(false);\r\n await insertUpdateAssessmentData({\r\n value: 'off',\r\n name: inputId,\r\n type: 'checkbox',\r\n formName: 'riskMitigation',\r\n });\r\n }\r\n }\r\n });\r\n\r\n hasOtherCheck = isAnyCheckboxCheckedRiskMitigation();\r\n\r\n wlForms['riskMitigation'].inputs['rMdescription'].toggleDisabled(!hasOtherCheck);\r\n wlForms['riskMitigation'].inputs['rMIsActionRequiredIn3oDays'].toggleDisabled(!hasOtherCheck);\r\n\r\n const isNotAppChecked = wlForms['riskMitigation'].inputs['rMIsNone'].getValue();\r\n\r\n if (isNotAppChecked) {\r\n wlForms['riskMitigation'].inputs['rMdescription'].setValue('');\r\n wlForms['riskMitigation'].inputs['rMIsActionRequiredIn3oDays'].setValue('rMIsActionRequiredIn3oDaysno');\r\n wlForms['riskMitigation'].inputs['rMIsSupportNeeded'].setValue('rMIsSupportNeededno');\r\n\r\n await insertUpdateAssessmentData({\r\n value: 'no',\r\n name: 'rMIsActionRequiredIn3oDays',\r\n type: 'radio',\r\n formName: 'riskMitigation',\r\n });\r\n await insertUpdateAssessmentData({\r\n value: 'no',\r\n name: 'rMIsSupportNeeded',\r\n type: 'radio',\r\n formName: 'riskMitigation',\r\n });\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'rMdescription',\r\n type: 'text',\r\n formName: 'riskMitigation',\r\n });\r\n } else if (cleardNotApp) {\r\n wlForms['riskMitigation'].inputs['rMIsActionRequiredIn3oDays'].setValue('');\r\n wlForms['riskMitigation'].inputs['rMIsSupportNeeded'].setValue('');\r\n\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'rMIsActionRequiredIn3oDays',\r\n type: 'radio',\r\n formName: 'riskMitigation',\r\n });\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'rMIsSupportNeeded',\r\n type: 'radio',\r\n formName: 'riskMitigation',\r\n });\r\n }\r\n\r\n await showHideICFDischarge();\r\n await showHideImmediateNeeds();\r\n await showHideCurrentNeeds();\r\n },\r\n rMIsActionRequiredIn3oDays: async ({ value }) => {\r\n const isRisksActionRequired = value;\r\n const inputId = isRisksActionRequired === 'yes' ? 'rMIsSupportNeededyes' : 'rMIsSupportNeededno';\r\n\r\n // Set Input\r\n wlForms['riskMitigation'].inputs['rMIsSupportNeeded'].setValue(inputId);\r\n await insertUpdateAssessmentData({\r\n value: isRisksActionRequired === 'yes' ? 'yes' : 'no',\r\n name: 'rMIsSupportNeeded',\r\n type: 'radio',\r\n formName: 'riskMitigation',\r\n });\r\n\r\n await showHideICFDischarge();\r\n await showHideImmediateNeeds();\r\n await showHideCurrentNeeds();\r\n },\r\n //* icfDischarge\r\n icfIsICFResident: async ({ value }) => {\r\n await showHideImmediateNeeds();\r\n await showHideCurrentNeeds();\r\n await showHidePagesRelatedToICF();\r\n await icfDischargeDetermination();\r\n },\r\n icfIsNoticeIssued: async ({ value }) => {\r\n await showHideImmediateNeeds();\r\n await showHideCurrentNeeds();\r\n await showHidePagesRelatedToICF();\r\n await icfDischargeDetermination();\r\n },\r\n icfIsActionRequiredIn30Days: async ({ value }) => {\r\n await showHideImmediateNeeds();\r\n await showHideCurrentNeeds();\r\n await showHidePagesRelatedToICF();\r\n await icfDischargeDetermination();\r\n },\r\n //* intermittentSupports\r\n intSupIsSupportNeededIn12Months: intermittentSupportsDetermination,\r\n intSupIsStayingLivingArrangement: intermittentSupportsDetermination,\r\n intSupIsActionRequiredIn30Days: intermittentSupportsDetermination,\r\n //* childProtectionAgency\r\n cpaIsReleasedNext12Months: async ({ value }) => {\r\n wlForms['childProtectionAgency'].inputs['cpaAnticipateDate'].toggleDisabled(value === 'yes' ? false : true);\r\n\r\n if (value !== 'yes') {\r\n wlForms['childProtectionAgency'].inputs['cpaAnticipateDate'].setValue('');\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'cpaAnticipateDate',\r\n type: 'date',\r\n formName: 'childProtectionAgency',\r\n });\r\n }\r\n\r\n await childProtectionAgencyDetermination();\r\n },\r\n cpaHasUnaddressableNeeds: childProtectionAgencyDetermination,\r\n //* adultDayEmployment\r\n rwfNeedsMoreFrequency: adultDayEmploymentDetermination,\r\n rwfNeedsServiceNotMetIDEA: adultDayEmploymentDetermination,\r\n rwfNeedsServicesNotMetOOD: adultDayEmploymentDetermination,\r\n //* dischargePlan\r\n dischargeIsICFResident: dischargePlanDetermination,\r\n dischargeIsInterestedInMoving: dischargePlanDetermination,\r\n dischargeHasDischargePlan: dischargePlanDetermination,\r\n //* currentNeeds\r\n unmetNeedsSupports: async ({ value }) => {\r\n wlForms['currentNeeds'].inputs['unmetNeedsDescription'].toggleDisabled(value === 'yes' ? false : true);\r\n\r\n if (value !== 'yes') {\r\n wlForms['currentNeeds'].inputs['unmetNeedsDescription'].setValue('');\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'unmetNeedsDescription',\r\n type: 'text',\r\n formName: 'currentNeeds',\r\n });\r\n }\r\n },\r\n //* waiverEnrollment\r\n waivEnrollWaiverEnrollmentIsRequired: async ({ value }) => {\r\n wlForms['waiverEnrollment'].inputs['waivEnrollWaiverEnrollmentDescription'].toggleDisabled(\r\n value === 'no' ? false : true,\r\n );\r\n\r\n if (value !== 'no') {\r\n wlForms['waiverEnrollment'].inputs['waivEnrollWaiverEnrollmentDescription'].setValue('');\r\n await insertUpdateAssessmentData({\r\n value: '',\r\n name: 'waivEnrollWaiverEnrollmentDescription',\r\n type: 'text',\r\n formName: 'waiverEnrollment',\r\n });\r\n }\r\n },\r\n };\r\n const onChangeCallbacksFormWatch = {\r\n conditions: async ({ name, value }) => {\r\n const conditionPageAllYes = isConditionInputsAllYes();\r\n\r\n if (!conditionPageAllYes) {\r\n let formsToDelete = [];\r\n\r\n [\r\n 'behavioral',\r\n 'physical',\r\n 'medical',\r\n 'other',\r\n 'waiverEnrollment',\r\n 'riskMitigation',\r\n 'icfDischarge',\r\n 'intermittentSupports',\r\n 'childProtectionAgency',\r\n 'adultDayEmployment',\r\n 'dischargePlan',\r\n 'immediateNeeds',\r\n 'currentNeeds',\r\n 'currentAvailableServices',\r\n 'primaryCaregiver',\r\n ].forEach(formName => {\r\n wlForms[formName].form.parentElement.classList.add('hiddenPage');\r\n tocLinks[formName].classList.add('hiddenPage');\r\n wlForms[formName].clear();\r\n tocLinks[formName].classList.remove('formComplete');\r\n if (sectionResets[formName]) {\r\n sectionResets[formName]();\r\n }\r\n\r\n if (wlFormInfo[formName].id) {\r\n formsToDelete.push(`${wlFormInfo[formName].id}|${wlFormInfo[formName].dbtable}`);\r\n wlFormInfo[formName].id = '';\r\n }\r\n });\r\n\r\n contributingCircumstancesWrap.classList.add('hiddenPage');\r\n needsWrap.classList.add('hiddenPage');\r\n\r\n toggleTocLinksDisabledStatus(['contributingCircumstances', 'needs'], true);\r\n\r\n if (formsToDelete.length) {\r\n _UTIL.fetchData('deleteFromWaitingList', { properties: formsToDelete });\r\n wlCircID = '';\r\n wlNeedID = '';\r\n }\r\n\r\n return;\r\n }\r\n\r\n contributingCircumstancesWrap.classList.remove('hiddenPage');\r\n wlForms['primaryCaregiver'].form.parentElement.classList.remove('hiddenPage');\r\n wlForms['waiverEnrollment'].form.parentElement.classList.remove('hiddenPage');\r\n wlForms['currentAvailableServices'].form.parentElement.classList.remove('hiddenPage');\r\n\r\n toggleTocLinksDisabledStatus(\r\n ['contributingCircumstances', 'primaryCaregiver', 'waiverEnrollment', 'currentAvailableServices'],\r\n false,\r\n );\r\n\r\n // get circumstance id\r\n if (!wlCircID) {\r\n const resp = await insertAssessmentData({\r\n id: 0,\r\n linkId: wlLinkID,\r\n propertyName: 'getCircumstanceId',\r\n value: '',\r\n });\r\n\r\n wlCircID = resp[0].newRecordId;\r\n }\r\n // get needs id\r\n if (!wlNeedID && wlCircID) {\r\n const resp = await insertAssessmentData({\r\n id: 0,\r\n linkId: wlCircID,\r\n propertyName: 'needsIsActionRequiredRequiredIn30Days',\r\n value: '',\r\n });\r\n wlNeedID = resp[0].newRecordId;\r\n wlFormInfo['other'].id = wlNeedID;\r\n }\r\n },\r\n };\r\n async function onFormChange(event) {\r\n const type = event.target.type;\r\n const name = event.target.name;\r\n const id = event.target.id;\r\n const formName = event.target.form.name;\r\n let value = event.target.value;\r\n let checkboxGroupId;\r\n\r\n if (type === 'checkbox') {\r\n value = event.target.checked ? 'on' : 'off';\r\n checkboxGroupId = event.target.closest('fieldset')?.id;\r\n }\r\n\r\n await insertUpdateAssessmentData({ value, name, type, formName });\r\n\r\n if (onChangeCallbacks[name]) {\r\n await onChangeCallbacks[name]({ value, name });\r\n }\r\n\r\n if (onChangeCallbacks[checkboxGroupId]) {\r\n await onChangeCallbacks[checkboxGroupId]({ value, name });\r\n }\r\n\r\n if (onChangeCallbacksFormWatch[formName]) {\r\n await onChangeCallbacksFormWatch[formName]({\r\n value,\r\n name,\r\n formName,\r\n });\r\n }\r\n\r\n updateFormCompletionStatus(formName);\r\n checkIsAssessmentComplete();\r\n setConclusion();\r\n toggleSendEmailDisabledStatus();\r\n }\r\n\r\n // MAIN\r\n //--------------------------------------------------\r\n function attachEvents() {\r\n sendEmailButton.onClick(async () => {\r\n sendEmailPopup.show();\r\n await updateQueue.forceSendUpdates();\r\n });\r\n sendEmailForm.onSubmit(async (data, submitter) => {\r\n let resp = await _UTIL.fetchData('generateWaitingListAssessmentReport', {\r\n waitingListId: wlLinkID,\r\n });\r\n resp = resp.generateWaitingListAssessmentReportResult;\r\n\r\n function checkIfReportIsReadyInterval(res) {\r\n // Get the interval in seconds from the session and convert it to milliseconds\r\n const intervalSeconds = parseInt($.session.reportSeconds);\r\n const intervalMilliseconds = intervalSeconds * 250;\r\n\r\n // Set up an interval to execute the checkIfReportExists function periodically\r\n const interval = setInterval(async () => {\r\n const reportExists = await checkIfReportExists(res);\r\n if (reportExists) {\r\n clearInterval(interval);\r\n const resp2 = await _UTIL.fetchData('sendWaitingListAssessmentReport', {\r\n header: data['emailHeader'],\r\n body: data['emailBody'],\r\n reportScheduleId: res,\r\n waitingListId: wlLinkID,\r\n });\r\n }\r\n }, intervalMilliseconds);\r\n }\r\n\r\n async function checkIfReportExists(res) {\r\n const data = {\r\n token: $.session.Token,\r\n reportScheduleId: res[0].reportScheduleId,\r\n };\r\n\r\n try {\r\n const response = await $.ajax({\r\n type: 'POST',\r\n url: `${$.webServer.protocol}://${$.webServer.address}:${$.webServer.port}/${$.webServer.serviceName}/checkIfReportExists/`,\r\n data: JSON.stringify(data),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n });\r\n\r\n return response.checkIfReportExistsResult.indexOf('1') !== -1;\r\n } catch (error) {\r\n console.error('Error:', error);\r\n return false;\r\n }\r\n }\r\n\r\n checkIfReportIsReadyInterval(resp);\r\n\r\n sendEmailPopup.close();\r\n });\r\n sendEmailForm.onReset(() => {\r\n sendEmailPopup.close();\r\n });\r\n\r\n documentsButton.onClick(async () => {\r\n documentsPopup.show();\r\n await updateQueue.forceSendUpdates();\r\n });\r\n documentsForm.onSubmit(async (data, submitter, formId) => {\r\n const attachDetails = await _DOM.getAttachmentDetails(data['test']);\r\n\r\n const documentId = await saveDocument(attachDetails);\r\n\r\n const fileName = _UTIL.truncateFilename(attachDetails.description, 10);\r\n wlDocuments[documentId] = {\r\n id: documentId,\r\n values: [fileName, attachDetails.type],\r\n };\r\n\r\n addNewDocumentToList({ documentId, fileName });\r\n\r\n documentsForm.clear();\r\n });\r\n documentsForm.onReset(() => {\r\n documentsPopup.close();\r\n });\r\n\r\n participantsForm.onSubmit(async (data, submitter, formId) => {\r\n if (formId) {\r\n await updateAssessmentData({\r\n id: formId,\r\n linkId: wlLinkID,\r\n propertyName: 'participants',\r\n value: data.participantName,\r\n valueTwo: data.participantRelationship,\r\n });\r\n wlParticipants[formId].values = [data.participantName, data.participantRelationship];\r\n } else {\r\n const resp = await insertAssessmentData({\r\n id: 0,\r\n linkId: wlLinkID,\r\n propertyName: 'participants',\r\n value: data.participantName,\r\n valueTwo: data.participantRelationship,\r\n });\r\n const participantId = resp[0].newRecordId;\r\n\r\n wlParticipants[participantId] = {\r\n id: participantId,\r\n values: [data.participantName, data.participantRelationship],\r\n };\r\n }\r\n\r\n // clear form\r\n participantsForm.clear();\r\n\r\n // repop table\r\n participantsTable.populate(Object.values(wlParticipants));\r\n\r\n tocLinks['participants'].classList.toggle('formComplete', Object.values(wlParticipants).length);\r\n });\r\n participantsTable.onRowClick(rowId => {\r\n if (!$.session.waitingListUpdate) return;\r\n\r\n const rowData = wlParticipants[rowId];\r\n participantsForm.populate(\r\n {\r\n participantName: rowData.values[0],\r\n participantRelationship: rowData.values[1],\r\n },\r\n rowId,\r\n );\r\n });\r\n participantsTable.onRowDelete(async (row, rowId) => {\r\n if (!$.session.waitingListUpdate) return;\r\n\r\n await _UTIL.fetchData('deleteWaitingListParticipant', {\r\n participantId: parseInt(rowId),\r\n });\r\n\r\n delete wlParticipants[rowId];\r\n\r\n participantsTable.populate(Object.values(wlParticipants));\r\n\r\n tocLinks['participants'].classList.toggle('formComplete', Object.values(wlParticipants).length);\r\n });\r\n\r\n backButton.onClick(async () => {\r\n await updateQueue.forceSendUpdates();\r\n WaitingListOverview.init({ moduleHeader, moduleBody, selectedConsumer });\r\n });\r\n }\r\n function loadPage() {\r\n // Header\r\n consumerCard.renderTo(moduleHeader);\r\n const primaryButtonWrap = _DOM.createElement('div');\r\n backButton.renderTo(primaryButtonWrap);\r\n sendEmailButton.renderTo(primaryButtonWrap);\r\n documentsButton.renderTo(primaryButtonWrap);\r\n moduleHeader.appendChild(primaryButtonWrap);\r\n\r\n sendEmailForm.renderTo(sendEmailPopup.dialog);\r\n sendEmailPopup.renderTo(_DOM.ACTIONCENTER);\r\n\r\n doucmentsList = _DOM.createElement('div', { class: 'docList' });\r\n documentsPopup.dialog.appendChild(doucmentsList);\r\n documentsForm.renderTo(documentsPopup.dialog);\r\n documentsPopup.renderTo(_DOM.ACTIONCENTER);\r\n\r\n // Assessment\r\n for (section in sections) {\r\n const isContributingCircumstancesSubSection = [\r\n 'needs',\r\n 'primaryCaregiver',\r\n 'riskMitigation',\r\n 'icfDischarge',\r\n 'intermittentSupports',\r\n 'childProtectionAgency',\r\n 'adultDayEmployment',\r\n 'dischargePlan',\r\n ].includes(section);\r\n const isNeedsSubSection = ['behavioral', 'physical', 'medical', 'other'].includes(section);\r\n\r\n // Build TOC\r\n const className = isContributingCircumstancesSubSection || isNeedsSubSection ? 'subsection' : 'section';\r\n const tocSection = _DOM.createElement('p', { class: [className, section] });\r\n const tocSectionLink = _DOM.createElement('a', { href: `#${section}`, text: sections[section].name });\r\n const statusIcon = Icon.getIcon('error');\r\n tocSection.appendChild(tocSectionLink);\r\n tocSection.appendChild(statusIcon);\r\n tableOfContents.appendChild(tocSection);\r\n tocSection.classList.toggle('hiddenPage', !sections[section].enabled);\r\n tocLinks[section] = tocSection;\r\n\r\n // Build Form\r\n const sectionWrap = _DOM.createElement('div', { id: section, class: 'wlPage' });\r\n const sectionHeader = _DOM.createElement('h2', {\r\n text: section === 'icfDischarge' ? 'ICF Discharge' : _UTIL.convertCamelCaseToTitle(section),\r\n });\r\n sectionWrap.appendChild(sectionHeader);\r\n sectionWrap.classList.toggle('hiddenPage', !sections[section].enabled);\r\n\r\n if (section === 'participants') {\r\n participantsTable.renderTo(sectionWrap);\r\n participantsForm.renderTo(sectionWrap);\r\n assessmentWrap.appendChild(sectionWrap);\r\n continue;\r\n }\r\n\r\n if (section === 'contributingCircumstances') {\r\n contributingCircumstancesWrap = sectionWrap;\r\n tocSection.classList.add('parent');\r\n }\r\n if (section === 'needs') {\r\n needsWrap = sectionWrap;\r\n tocSection.classList.add('parent');\r\n }\r\n\r\n if (sections[section].formElements) {\r\n wlForms[section] = new Form({\r\n hideAllButtons: true,\r\n fields: sections[section].formElements,\r\n formName: section,\r\n });\r\n\r\n wlForms[section].renderTo(sectionWrap);\r\n wlForms[section].onChange(onFormChange);\r\n }\r\n\r\n if (isContributingCircumstancesSubSection) {\r\n contributingCircumstancesWrap.appendChild(sectionWrap);\r\n } else if (isNeedsSubSection) {\r\n needsWrap.appendChild(sectionWrap);\r\n } else {\r\n assessmentWrap.appendChild(sectionWrap);\r\n }\r\n }\r\n }\r\n function loadPageSkeleton() {\r\n moduleBody.innerHTML = '';\r\n moduleHeader.innerHTML = '';\r\n\r\n tableOfContents = _DOM.createElement('div', { class: 'waitingListTableOFContents' });\r\n assessmentWrap = _DOM.createElement('div', { class: 'waitingListAssessment' });\r\n\r\n moduleBody.appendChild(tableOfContents);\r\n moduleBody.appendChild(assessmentWrap);\r\n }\r\n\r\n // INIT (data & defaults)\r\n //--------------------------------------------------\r\n function initFormInfo() {\r\n return {\r\n waitingListInfo: { dbtable: 'WLA_Waiting_List_Information' },\r\n conditions: { dbtable: 'WLA_Conditions' },\r\n primaryCaregiver: { dbtable: 'WLA_Primary_Caregivers' },\r\n adultDayEmployment: { dbtable: 'WLA_Require_Waiver_Fundings' },\r\n childProtectionAgency: { dbtable: 'WLA_Child_Protection_Agencies' },\r\n currentAvailableServices: { dbtable: 'WLA_Active_Services' },\r\n currentNeeds: { dbtable: 'WLA_Unmet_Needs' },\r\n dischargePlan: { dbtable: 'WLA_Discharge_Plans' },\r\n icfDischarge: { dbtable: 'WLA_ICF_Discharges' },\r\n intermittentSupports: { dbtable: 'WLA_Intermitent_Supports' },\r\n immediateNeeds: { dbtable: 'WLA_Immediate_Needs' },\r\n riskMitigation: { dbtable: 'WLA_Risk_Mitigations' },\r\n waiverEnrollment: { dbtable: 'WLA_Waiver_Enrollments' },\r\n behavioral: { dbtable: 'WLA_Risks' },\r\n physical: { dbtable: 'WLA_Physical_Needs' },\r\n medical: { dbtable: 'WLA_Medical_Needs' },\r\n other: { dbtable: 'WLA_Needs' },\r\n conclusion: { dbtable: 'WLA_Waiting_List_Information' },\r\n };\r\n }\r\n function initComponents() {\r\n // Participants\r\n participantsTable = new Table({\r\n columnSortable: true,\r\n allowDelete: true,\r\n headings: [\r\n {\r\n text: 'Name of Participant',\r\n type: 'string',\r\n },\r\n {\r\n text: 'Relationship to Individual',\r\n type: 'string',\r\n },\r\n ],\r\n });\r\n participantsForm = new Form({\r\n fields: [\r\n {\r\n type: 'text',\r\n label: 'Name of Participant',\r\n id: 'participantName',\r\n //required: true,\r\n },\r\n {\r\n type: 'text',\r\n label: 'Relationship to Individual',\r\n id: 'participantRelationship',\r\n //required: true,\r\n },\r\n ],\r\n });\r\n\r\n // Reports\r\n sendEmailButton = new Button({\r\n text: 'Send Report',\r\n style: 'primary',\r\n styleType: 'contained',\r\n disabled: true,\r\n });\r\n sendEmailForm = new Form({\r\n fields: [\r\n {\r\n type: 'text',\r\n label: 'Email Header',\r\n id: 'emailHeader',\r\n value: 'Waiting List Assessment',\r\n },\r\n {\r\n type: 'text',\r\n label: 'Email Body',\r\n id: 'emailBody',\r\n value: `Waiting list assessment for ${selectedConsumer.firstName} ${selectedConsumer.middleName} ${selectedConsumer.lastName} attached`,\r\n },\r\n ],\r\n });\r\n sendEmailPopup = new Dialog({ className: 'wlEmailPopup' });\r\n\r\n // Documents\r\n documentsButton = new Button({\r\n text: 'Add New Documentation',\r\n style: 'primary',\r\n styleType: 'contained',\r\n disabled: !$.session.waitingListUpdate,\r\n });\r\n documentsForm = new Form({\r\n fields: [\r\n { type: 'file', id: 'test', label: 'Document Upload' },\r\n { type: 'checkbox', id: 'email', label: 'Include in email?' },\r\n ],\r\n });\r\n documentsPopup = new Dialog({ className: 'wlDocumentPopup' });\r\n\r\n // Back to overview\r\n backButton = new Button({\r\n text: 'Back',\r\n style: 'primary',\r\n styleType: 'outlined',\r\n });\r\n\r\n // consumer card\r\n consumerCard = new RosterCard({\r\n consumerId: selectedConsumer.id,\r\n firstName: selectedConsumer.firstName,\r\n middleName: selectedConsumer.middleName,\r\n lastName: selectedConsumer.lastName,\r\n });\r\n\r\n // Save/Update Queue\r\n updateQueue = new _UTIL.AsyncQueue('insertUpdateWaitingListValue', maxQueueSize, responses => {});\r\n }\r\n\r\n async function init(opts) {\r\n wlCircID = '';\r\n wlNeedID = '';\r\n wlForms = {};\r\n tocLinks = {};\r\n wlDocuments = [];\r\n wlParticipants = {};\r\n wlFormInfo = initFormInfo();\r\n wlData = mapDataBySection(opts.wlData);\r\n selectedConsumer = opts.selectedConsumer;\r\n moduleHeader = opts.moduleHeader;\r\n moduleBody = opts.moduleBody;\r\n\r\n loadPageSkeleton();\r\n initComponents();\r\n loadPage();\r\n attachEvents();\r\n\r\n const fundingSources = await getFundingSources();\r\n\r\n if (!wlData) {\r\n const resp = await insertNewWaitingListAssessment(selectedConsumer.id);\r\n wlLinkID = resp[0].newRecordId;\r\n wlFormInfo['waitingListInfo'].id = wlLinkID;\r\n wlFormInfo['conclusion'].id = wlLinkID;\r\n wlForms['conclusion'].inputs['fundingSourceId'].populate(fundingSources);\r\n\r\n return;\r\n }\r\n\r\n isNewAssessment = false;\r\n enableSectionsForReview();\r\n enableInputsForReview();\r\n\r\n for (section in wlData) {\r\n wlForms[section].populate(wlData[section]);\r\n updateFormCompletionStatus(section);\r\n if (!$.session.waitingListUpdate) {\r\n wlForms[section].disableFormInputs(true);\r\n }\r\n }\r\n\r\n if (!$.session.waitingListUpdate) {\r\n participantsForm.disableFormInputs(true);\r\n }\r\n\r\n participantsTable.populate(Object.values(wlParticipants));\r\n\r\n tocLinks['participants'].classList.toggle('formComplete', Object.values(wlParticipants).length);\r\n\r\n wlForms['conclusion'].inputs['fundingSourceId'].populate(fundingSources, wlData['conclusion'].fundingSourceId);\r\n if (!$.session.waitingListUpdate) {\r\n wlForms['conclusion'].inputs['fundingSourceId'].toggleDisabled(true);\r\n }\r\n\r\n toggleSendEmailDisabledStatus();\r\n\r\n const docResp = await _UTIL.fetchData('getWLSupportingDocumentList', { waitingListInformationId: wlLinkID });\r\n for (const doc of docResp.getWLSupportingDocumentListResult) {\r\n const fileName = _UTIL.truncateFilename(doc.description, 10);\r\n wlDocuments[doc.supportingDocumentId] = {\r\n id: doc.supportingDocumentId,\r\n values: [fileName, doc.type],\r\n };\r\n\r\n addNewDocumentToList({ documentId: doc.supportingDocumentId, fileName });\r\n }\r\n }\r\n\r\n return { init, unload };\r\n})();\r\n","(function (global, factory) {\r\n global.WaitingListData = factory();\r\n})(this, function () {\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Constructor function\r\n *\r\n * @constructor\r\n * @returns {WaitingListData}\r\n */\r\n function WaitingListData() {}\r\n\r\n //getWaitingListFundingSources\r\n\r\n WaitingListData.prototype.insertWaitingListAssessment = async function (consumerId) {\r\n const data = await _UTIL.fetchData('insertUpdateWaitingListValue', {\r\n id: 0,\r\n linkId: 0,\r\n propertyName: 'consumerId',\r\n value: consumerId,\r\n valueTwo: '',\r\n insertOrUpdate: 'I',\r\n });\r\n\r\n return JSON.parse(data.insertUpdateWaitingListValueResult);\r\n };\r\n\r\n WaitingListData.prototype.insertAssessmentData = async function ({ id, linkId, propertyName, value, valueTwo = '' }) {\r\n const data = await _UTIL.fetchData('insertUpdateWaitingListValue', {\r\n id,\r\n linkId,\r\n propertyName,\r\n value,\r\n valueTwo,\r\n insertOrUpdate: 'I',\r\n });\r\n\r\n return JSON.parse(data.insertUpdateWaitingListValueResult);\r\n };\r\n\r\n WaitingListData.prototype.updateAssessmentData = async function ({\r\n id,\r\n linkId = 0,\r\n propertyName,\r\n value,\r\n valueTwo = '',\r\n }) {\r\n const data = await _UTIL.fetchData('insertUpdateWaitingListValue', {\r\n id,\r\n linkId,\r\n propertyName,\r\n value,\r\n valueTwo,\r\n insertOrUpdate: 'U',\r\n });\r\n\r\n return data.insertUpdateWaitingListValueResult;\r\n };\r\n\r\n WaitingListData.prototype.getReviewDataByConsumer = async function (consumerId) {\r\n const data = await _UTIL.fetchData('getLandingPageForConsumer', {\r\n consumerId,\r\n });\r\n\r\n // string wlInfoId\r\n // string interviewDate\r\n // string conclusionResult\r\n // string conclusionDate\r\n // string sentToDODD\r\n\r\n // TODO-ASH: replace conclusionResult id with name, get from dropdown data\r\n return data.getLandingPageForConsumerResult.map(\r\n ({ wlInfoId, interviewDate, conclusionResult, conclusionDate, sentToDODD }) => {\r\n return {\r\n id: wlInfoId,\r\n values: [\r\n UTIL.formatDateToIso(interviewDate.split(' ')[0]),\r\n conclusionResult,\r\n conclusionDate,\r\n UTIL.formatDateToIso(sentToDODD.split(' ')[0]),\r\n ],\r\n };\r\n },\r\n );\r\n };\r\n\r\n return WaitingListData;\r\n});\r\n","const WaitingListOverview = (() => {\r\n let selectedRow, selectedRowId;\r\n // UI Instances\r\n let selectedConsumer;\r\n let overviewWrap;\r\n let wlReviewTable;\r\n let deleteWarningPopup;\r\n\r\n // DATA\r\n //--------------------------------------------------\r\n async function getReviewDataByConsumer(consumerId) {\r\n const data = await _UTIL.fetchData('getLandingPageForConsumer', {\r\n consumerId,\r\n });\r\n\r\n // string wlInfoId\r\n // string interviewDate\r\n // string conclusionResult\r\n // string conclusionDate\r\n // string sentToDODD\r\n\r\n const conclusionResults = {\r\n 0: 'No qualifying condition',\r\n 1: 'Immediate Need',\r\n 2: 'Current Need',\r\n 3: 'Neither Immediate Need nor Current Need',\r\n };\r\n\r\n let alreadyHasAssessmentForToday = false;\r\n\r\n const tableData = data.getLandingPageForConsumerResult\r\n .map(({ wlInfoId, interviewDate, conclusionResult, conclusionDate, sentToDODD }) => {\r\n const isToday = new Date().setHours(0, 0, 0, 0) === new Date(interviewDate).setHours(0, 0, 0, 0);\r\n if (isToday) alreadyHasAssessmentForToday = true;\r\n\r\n return {\r\n id: wlInfoId,\r\n values: [\r\n UTIL.formatDateToIso(interviewDate.split(' ')[0]),\r\n conclusionResults[conclusionResult],\r\n UTIL.formatDateToIso(conclusionDate.split(' ')[0]),\r\n UTIL.formatDateToIso(sentToDODD.split(' ')[0]),\r\n ],\r\n };\r\n })\r\n .sort((a, b) => {\r\n const dateA = new Date(a.values[0]).getTime();\r\n const dateB = new Date(b.values[0]).getTime();\r\n\r\n if (dateA > dateB) {\r\n return -1;\r\n } else if (dateA < dateB) {\r\n return 1;\r\n } else {\r\n return 0;\r\n }\r\n });\r\n\r\n return { tableData, alreadyHasAssessmentForToday };\r\n }\r\n\r\n // EVENTS\r\n //--------------------------------------------------\r\n async function populateReviewTable() {\r\n wlReviewTable.clear();\r\n\r\n if (!selectedConsumer) {\r\n newAssessmentBtn.toggleDisabled(true);\r\n return;\r\n };\r\n\r\n const { tableData, alreadyHasAssessmentForToday } = await getReviewDataByConsumer(selectedConsumer.id);\r\n wlReviewTable.populate(tableData);\r\n const isNewAssessmentBtnDisabled = alreadyHasAssessmentForToday || !$.session.waitingListInsert;\r\n newAssessmentBtn.toggleDisabled(isNewAssessmentBtnDisabled);\r\n }\r\n function attachEvents() {\r\n newAssessmentBtn.onClick(() => {\r\n WaitingListAssessment.init({ selectedConsumer, moduleHeader, moduleBody }, true);\r\n });\r\n\r\n rosterPicker.onConsumerSelect(\r\n data => {\r\n selectedConsumer = Object.values(data)[0];\r\n populateReviewTable();\r\n },\r\n { idkyet: true },\r\n );\r\n\r\n wlReviewTable.onRowClick(async rowId => {\r\n if (!$.session.waitingListView) return;\r\n const resp = await _UTIL.fetchData('getWaitingListAssessment', { waitingListAssessmentId: parseInt(rowId) });\r\n WaitingListAssessment.init({\r\n wlData: resp.getWaitingListAssessmentResult[0],\r\n selectedConsumer: selectedConsumer,\r\n moduleHeader,\r\n moduleBody,\r\n });\r\n });\r\n wlReviewTable.onRowDelete(async (row, rowId) => {\r\n selectedRow = row;\r\n selectedRowId = rowId;\r\n\r\n deleteWarningPopup.show();\r\n });\r\n }\r\n\r\n // MAIN\r\n //--------------------------------------------------\r\n function populateDeleteWarningPopup() {\r\n const messageEle = _DOM.createElement('p', {\r\n class: 'confirmation__message',\r\n text: 'Are you sure you want to delete this assessment?'\r\n });\r\n\r\n const btnWrap = _DOM.createElement('div', { class: 'button-wrap' });\r\n const confirmButton = new Button({\r\n text: 'Yes',\r\n name: 'confirm',\r\n //icon: 'checkmark', \r\n });\r\n const cancelButton = new Button({\r\n text: 'No',\r\n name: 'cancel',\r\n //icon: 'close',\r\n });\r\n\r\n confirmButton.onClick(async () => {\r\n const resp = await _UTIL.fetchData('deleteWaitingListAssessment', {\r\n waitingListId: parseInt(selectedRowId),\r\n });\r\n\r\n wlReviewTable.removeRow(selectedRow);\r\n\r\n deleteWarningPopup.close();\r\n\r\n selectedRow = null;\r\n selectedRowId = null;\r\n });\r\n cancelButton.onClick(() => {\r\n deleteWarningPopup.close();\r\n });\r\n\r\n confirmButton.renderTo(btnWrap);\r\n cancelButton.renderTo(btnWrap);\r\n\r\n deleteWarningPopup.dialog.appendChild(messageEle);\r\n deleteWarningPopup.dialog.appendChild(btnWrap);\r\n }\r\n async function loadPage() {\r\n await rosterPicker.fetchConsumers();\r\n rosterPicker.populate();\r\n\r\n deleteWarningPopup.renderTo(_DOM.ACTIONCENTER);\r\n populateDeleteWarningPopup();\r\n }\r\n function loadPageSkeleton() {\r\n moduleBody.innerHTML = '';\r\n moduleHeader.innerHTML = '';\r\n\r\n overviewWrap = _DOM.createElement('div', { class: 'waitingListOverview' });\r\n\r\n moduleBody.appendChild(overviewWrap);\r\n\r\n wlReviewTable.renderTo(overviewWrap);\r\n rosterPicker.renderTo(overviewWrap);\r\n newAssessmentBtn.renderTo(moduleHeader);\r\n }\r\n\r\n // INIT (data & defaults)\r\n //--------------------------------------------------\r\n function initComponents() {\r\n wlReviewTable = new Table({\r\n columnSortable: true,\r\n allowDelete: $.session.waitingListDelete,\r\n headings: [\r\n {\r\n text: 'Interview Date',\r\n type: 'date',\r\n },\r\n {\r\n text: 'Conclusion',\r\n type: 'string',\r\n },\r\n {\r\n text: 'Conclusion Date',\r\n type: 'date',\r\n },\r\n {\r\n text: 'Sent To DODD',\r\n type: 'date',\r\n },\r\n ],\r\n });\r\n\r\n rosterPicker = new RosterPicker({\r\n allowMultiSelect: false,\r\n consumerRequired: true,\r\n });\r\n\r\n newAssessmentBtn = new Button({\r\n text: 'New Assessment',\r\n style: 'primary',\r\n styleType: 'contained',\r\n disabled: true,\r\n });\r\n\r\n deleteWarningPopup = new Dialog({ className: 'wlDeleteWarningPopup' });\r\n }\r\n async function reload() {\r\n loadPageSkeleton();\r\n await loadPage();\r\n attachEvents();\r\n }\r\n async function init(opts) {\r\n moduleHeader = opts.moduleHeader;\r\n moduleBody = opts.moduleBody;\r\n selectedConsumer = opts.selectedConsumer;\r\n\r\n initComponents();\r\n loadPageSkeleton();\r\n await loadPage();\r\n attachEvents();\r\n\r\n if (selectedConsumer) {\r\n populateReviewTable();\r\n rosterPicker.setSelectedConsumers([selectedConsumer.id]);\r\n }\r\n }\r\n\r\n return {\r\n init,\r\n reload,\r\n };\r\n})();\r\n","$.session.defaultWorkshopLocationId \r\n// if this session varaible is an null, sets 'defaultLocation' to a generic location object {id: 0, text: \"Location\"}.\r\n// Otherwise, sets 'defaultLocation' to object {id: 'defaultWorkshopLocaitonID', text: \"\"}.\r\n// ALSO if this session variable is NOT Null, it assigns a variable 'nullLocation to a generic location object {id: 0, text: \"Location\"}.\r\n\r\n$.session.workshopBatchId\r\n// Used in displaySelectBatch ajax call. THis call creates a list of the 'data' that is passed into it. The session variable is being set to 'data.id' of\r\n// the element that is clicked??\r\n","var workshop = (function () {\r\n //DOM ELEMENTS\r\n var locationDropdown;\r\n var jobDropdown;\r\n var supervisorDropdown;\r\n var multiSelectBtn;\r\n var clockOutNavBtn;\r\n var consumerListBtn;\r\n var filterBtn;\r\n //DROPDOWN DATA\r\n var locationDropdownData;\r\n var locationFilterDropdownData;\r\n var jobDropdownData;\r\n var updateJobFilterDropdownData;\r\n var jobFilterDropdownData;\r\n var supervisorDropdownData;\r\n\r\n var enableMultiEdit = false;\r\n //Values\r\n var locationID;\r\n var selectedBatchId;\r\n var enabledConsumers;\r\n var selectedConsumers = [];\r\n var multiConsumerSelect = [];\r\n var minStart;\r\n var minDateIso;\r\n var maxDateIso;\r\n var maxEnd;\r\n var displayDateIso;\r\n var workshopFilterListData = {\r\n token: \"\",\r\n selectedDate: \"\",\r\n consumerIds: enabledConsumers,\r\n locationId: 0,\r\n jobStepId: 0,\r\n application: \"\",\r\n batchId: selectedBatchId,\r\n locationName: \"\"\r\n };\r\n var filterCache = {\r\n locationSelectedOpt: 0,\r\n jobStepSelectedOpt: 0\r\n };\r\n var mainTableData = {};\r\n var mainJobData = {};\r\n var mainLocationData = {};\r\n let initalRosterLoad\r\n let activeModulesConsumers = []\r\n\r\n let btnWrap;\r\n let locationBtnWrap;\r\n let jobStepBtnWrap;\r\n let serviceDateBtnWrap;\r\n\r\n\r\n //UTIL =====================================\r\n function compareSupList(a, b) {\r\n const nameA = a.text.toUpperCase();\r\n const nameB = b.text.toUpperCase();\r\n\r\n let comparison = 0;\r\n if (nameA > nameB) {\r\n comparison = 1;\r\n } else if (nameA < nameB) {\r\n comparison = -1;\r\n }\r\n return comparison;\r\n }\r\n\r\n function checkRequiredFields(btn) {\r\n var hasErrors = [].slice.call(document.querySelectorAll(\".error\"));\r\n if (hasErrors.length === 0) {\r\n btn.classList.remove(\"disabled\");\r\n } else {\r\n btn.classList.add(\"disabled\");\r\n }\r\n }\r\n\r\n // ERROR POPUPS\r\n var errorPopup = POPUP.build({\r\n header: \"ERROR\",\r\n id: \"errorPopup\",\r\n classNames: \"error\"\r\n });\r\n var errorPopupText = document.createElement(\"p\");\r\n errorPopupText.classList.add(\"errorTextArea\");\r\n errorPopup.appendChild(errorPopupText);\r\n //=============================================\r\n\r\n // Action Nav\r\n //------------------------------------\r\n function setupActionNav() {\r\n // show clockout button\r\n clockOutNavBtn = button.build({\r\n text: \"Clock Out\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n classNames: \"disabled\",\r\n callback: function () {\r\n multiConsumerSelect.forEach(consumer => {\r\n let obj = {};\r\n obj[\"id\"] = consumer;\r\n selectedConsumers.push(obj);\r\n });\r\n clockInOutActionPopup(\"out\");\r\n //Reset Stuff\r\n consumerListBtn = document.querySelector(\".consumerListBtn\");\r\n ACTION_NAV.hide();\r\n enableMultiEdit = false;\r\n multiConsumerSelect = [];\r\n filterBtn.classList.remove(\"disabled\");\r\n multiSelectBtn.classList.remove(\"enabled\");\r\n consumerListBtn.classList.remove(\"disabled\");\r\n //Un-select elements\r\n var selectedElms = document.querySelectorAll(\".selected\");\r\n [].forEach.call(selectedElms, function (el) {\r\n el.classList.remove(\"selected\");\r\n });\r\n }\r\n });\r\n\r\n ACTION_NAV.clear();\r\n ACTION_NAV.populate([clockOutNavBtn]);\r\n ACTION_NAV.hide();\r\n }\r\n\r\n function checkOpenBatches() {\r\n workshopAjax.WorkshopPreBatchLoad(d => {\r\n var openBatches;\r\n openBatches = d;\r\n let batchPickerPopup = document.createElement(\"div\");\r\n batchPickerPopup.classList.add(\"popup\", \"visable\", \"batchPicker\");\r\n\r\n let header = document.createElement(\"h2\");\r\n header.classList.add(\"popupHeader\");\r\n batchPickerPopup.appendChild(header);\r\n\r\n if (openBatches.length == 1) {\r\n selectedBatchId = openBatches[0].id;\r\n minStart = openBatches[0].startdate;\r\n maxEnd = openBatches[0].enddate;\r\n initPageLoad();\r\n } else if (openBatches.length > 1) {\r\n header.innerHTML = \"Please Select A Batch\";\r\n let applyBtn = button.build({\r\n id: \"apply\",\r\n text: \"Apply\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n icon: \"checkmark\",\r\n callback: function () {\r\n selectedBatchId =\r\n selectedBatchId === \"\" ? openBatches[0].id : selectedBatchId;\r\n for (var x = 0; x < openBatches.length; x++) {\r\n if (openBatches[x].id === selectedBatchId) {\r\n minStart = openBatches[x].startdate;\r\n maxEnd = openBatches[x].enddate;\r\n }\r\n }\r\n DOM.ACTIONCENTER.removeChild(batchPickerPopup);\r\n overlay.hide();\r\n initPageLoad();\r\n }\r\n });\r\n\r\n let batchDropdown = dropdown.build({\r\n dropdownId: \"batchDropdown\",\r\n label: \"Batch\",\r\n style: \"secondary\"\r\n });\r\n let today = UTIL.getTodaysDate();\r\n let defaultId = 0;\r\n today = new Date(today.replace(/-/g, '\\/'));\r\n openBatches.forEach(findCorrectDates);\r\n function findCorrectDates(ele) {\r\n let startDate = new Date(ele.startdate);\r\n let endDate = new Date(ele.enddate);\r\n if (today >= startDate && today <= endDate) {\r\n defaultId = ele.id;\r\n openBatches.splice(openBatches.indexOf(ele), 1);\r\n openBatches.unshift(ele);\r\n }\r\n }\r\n let dropdownData = openBatches.map(b => {\r\n var id = b.id;\r\n var value = b.id;\r\n var text = b.name;\r\n return {\r\n id,\r\n value,\r\n text\r\n };\r\n });\r\n\r\n batchPickerPopup.appendChild(batchDropdown);\r\n batchPickerPopup.appendChild(applyBtn);\r\n DOM.ACTIONCENTER.appendChild(batchPickerPopup);\r\n dropdown.populate(\"batchDropdown\", dropdownData);\r\n batchDropdown.addEventListener(\"change\", () => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n selectedBatchId = selectedOption.id;\r\n selectedBatchId = parseInt(selectedBatchId);\r\n });\r\n overlay.show();\r\n } else {\r\n header.innerHTML =\r\n \"There are no batches available for this date. Please contact your workshop administrator.\";\r\n let exitBtn = button.build({\r\n id: \"exit\",\r\n text: \"Exit\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n callback: function () {\r\n DOM.ACTIONCENTER.removeChild(batchPickerPopup);\r\n overlay.hide();\r\n loadApp('home')\r\n }\r\n });\r\n overlay.show();\r\n batchPickerPopup.appendChild(exitBtn);\r\n DOM.ACTIONCENTER.appendChild(batchPickerPopup);\r\n }\r\n });\r\n }\r\n\r\n function breakDownConsumerList(consumerArray) {\r\n var consumerIdList = consumerArray.map(c => c.id).join(\",\");\r\n return consumerIdList;\r\n }\r\n\r\n function buildSelectionFields() {\r\n minDateIso = UTIL.formatDateToIso(minStart.split(\" \")[0]);\r\n maxDateIso = UTIL.formatDateToIso(maxEnd.split(\" \")[0]);\r\n let today = UTIL.getTodaysDate();\r\n\r\n if (today < minDateIso || today > maxDateIso) {\r\n displayDateIso = minDateIso;\r\n } else {\r\n displayDateIso = today;\r\n }\r\n //dropdown supervisor\r\n supervisorDropdown = dropdown.build({\r\n dropdownId: \"supervisorDropdown\",\r\n label: \"Supervisor\",\r\n style: \"secondary\"\r\n });\r\n dateSelection = input.build({\r\n id: \"date\",\r\n label: \"Date\",\r\n type: \"date\",\r\n style: \"secondary\",\r\n value: displayDateIso,\r\n attributes: [\r\n { key: \"min\", value: minDateIso },\r\n { key: \"max\", value: maxDateIso }\r\n ]\r\n });\r\n\r\n dateSelection.addEventListener(\"keydown\", event => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n })\r\n\r\n dateSelection.addEventListener(\"change\", event => {\r\n workshopFilterListData.selectedDate = event.target.value;\r\n })\r\n\r\n }\r\n\r\n function initialData() {\r\n // Initial Date: if todays date is in the current batch, initial date is today.\r\n // else, Initial date is the first day of the batch(minStart).\r\n minDateIso = UTIL.formatDateToIso(minStart.split(\" \")[0]);\r\n maxDateIso = UTIL.formatDateToIso(maxEnd.split(\" \")[0]);\r\n let today = UTIL.getTodaysDate();\r\n let defaultWorkshopLocation = defaults.getLocation(\"workshop\");\r\n if (defaultWorkshopLocation === \"\") defaultWorkshopLocation = 0;\r\n locationID = defaultWorkshopLocation;\r\n if (today < minDateIso || today > maxDateIso) {\r\n displayDateIso = minDateIso;\r\n } else {\r\n displayDateIso = today;\r\n }\r\n roster2.updateSelectedDate(displayDateIso)\r\n workshopFilterListData.selectedDate = displayDateIso;\r\n workshopFilterListData.batchId = selectedBatchId;\r\n workshopFilterListData.token = $.session.Token;\r\n workshopFilterListData.application = $.session.applicationName;\r\n workshopFilterListData.consumerIds = breakDownConsumerList(\r\n activeModulesConsumers\r\n );\r\n //Only allow enabled consumers - Date, LocaitonID, returns consumers (called employee_id).\r\n workshopAjax.getEnabledConsumersForWorkshop(\r\n displayDateIso,\r\n defaultWorkshopLocation,\r\n res => {\r\n const allowedConsumers = []\r\n res.forEach(r => {\r\n var consumer_id = r.employee_id;\r\n const filteredConsumer = activeModulesConsumers.filter(consumer => consumer.id === consumer_id);\r\n if (filteredConsumer.length !== 0) allowedConsumers.push({ 'consumer_id': consumer_id })\r\n });\r\n roster2.setAllowedConsumers(allowedConsumers);\r\n }\r\n );\r\n\r\n workshopAjax.WorkshopLocations(displayDateIso, r => {\r\n r.forEach(r => {\r\n if (!mainLocationData[r.id]) {\r\n obj = {\r\n locName: r.name\r\n };\r\n mainLocationData[r.id] = obj;\r\n }\r\n });\r\n\r\n locationDropdownData = r.map(r => {\r\n var id = `loc${r.id}`;\r\n var value = r.id;\r\n var text = r.name;\r\n return {\r\n id,\r\n value,\r\n text\r\n };\r\n });\r\n locationFilterDropdownData = [...locationDropdownData];\r\n locationFilterDropdownData.unshift({ id: \"loc0\", value: 0, text: \"All\" });\r\n locationDropdownData.unshift({ id: \"loc0\", value: 0, text: \"\" });\r\n });\r\n\r\n workshopAjax.WorkshopGetSupervisors(displayDateIso, r => {\r\n supervisorDropdownData = r.map(r => {\r\n var id = `sup${r.id}`;\r\n var value = r.id;\r\n var text = r.name;\r\n return {\r\n id,\r\n value,\r\n text\r\n };\r\n });\r\n supervisorDropdownData.sort(compareSupList);\r\n supervisorDropdownData.unshift({ id: \"sup0\", value: 0, text: \"\" });\r\n });\r\n\r\n workshopAjax.WorkshopGetJobCode(displayDateIso, 0, r => {\r\n r.forEach(r => {\r\n if (!mainJobData[r.jobstepid]) {\r\n obj = {\r\n activityType: r.activitytype,\r\n jobStepId: r.jobstepid,\r\n jobString: r.shortdescription\r\n };\r\n mainJobData[r.jobstepid] = obj;\r\n }\r\n });\r\n\r\n jobDropdownData = r.map(r => {\r\n var id = `job${r.jobstepid}`;\r\n var value = r.jobstepid;\r\n var text = `${r.customercode} - ${r.jobcode} - ${r.jobstep} - ${r.shortdescription}`;\r\n return {\r\n id,\r\n value,\r\n text\r\n };\r\n });\r\n jobFilterDropdownData = [...jobDropdownData];\r\n jobFilterDropdownData.unshift({ id: \"job0\", value: 0, text: \"All\" });\r\n jobDropdownData.unshift({ id: \"job0\", value: \"%\", text: \"\" });\r\n });\r\n }\r\n\r\n function updateJobDropdown(locationId, forFilter) {\r\n workshopAjax.WorkshopGetJobCode(displayDateIso, locationId, r => {\r\n if (forFilter) {\r\n updateJobFilterDropdownData = r.map(r => {\r\n var id = `job${r.jobstepid}`;\r\n var value = r.jobstepid;\r\n var text = `${r.customercode} - ${r.jobcode} - ${r.jobstep} - ${r.shortdescription}`;\r\n return {\r\n id,\r\n value,\r\n text\r\n };\r\n });\r\n updateJobFilterDropdownData.unshift({\r\n id: \"job0\",\r\n value: 0,\r\n text: \"All\"\r\n });\r\n dropdown.populate(\"filterJobDropdown\", updateJobFilterDropdownData);\r\n } else {\r\n var updateJobDropdownData = r.map(r => {\r\n var id = `job${r.jobstepid}`;\r\n var value = r.jobstepid;\r\n var text = `${r.customercode} - ${r.jobcode} - ${r.jobstep} - ${r.shortdescription}`;\r\n return {\r\n id,\r\n value,\r\n text\r\n };\r\n });\r\n updateJobDropdownData.unshift({ id: \"job0\", value: \"%\", text: \"\" });\r\n dropdown.populate(\"timeClockJobDropdown\", updateJobDropdownData);\r\n }\r\n });\r\n }\r\n\r\n function buildWorkshopTable(data, callback) {\r\n var tableData = data;\r\n\r\n multiSelectBtn = button.build({\r\n id: \"multiSelect\",\r\n text: \"Multi select\",\r\n icon: \"multiSelect\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n classNames: \"multiSelectBtn\",\r\n callback: function () {\r\n enableMultiEditRows(multiSelectBtn);\r\n filterBtn.classList.toggle(\"disabled\");\r\n }\r\n });\r\n\r\n function getFilterValues() {\r\n return (filterValues = {\r\n workshopLocation: workshopFilterListData.locationId,\r\n workshopJob: workshopFilterListData.jobStepId,\r\n workshopDate: workshopFilterListData.selectedDate,\r\n workshopStartDate: minDateIso,\r\n workshopEndDate: maxDateIso\r\n });\r\n }\r\n // Helper function to create the main reports button on the module page\r\n function createMainReportButton(buttonsData) {\r\n return button.build({\r\n text: 'Reports',\r\n icon: 'add',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'reportBtn',\r\n callback: function () {\r\n // Iterate through each item in the buttonsData array\r\n buttonsData.forEach(function (buttonData) {\r\n buttonData.filterValues = getFilterValues();\r\n });\r\n\r\n generateReports.showReportsPopup(buttonsData);\r\n },\r\n });\r\n }\r\n\r\n reportsBtn = createMainReportButton([{ text: 'Job Activity Detail Report by Employee and Job' }])\r\n\r\n var workshopTableOpts = {\r\n headline: `Batch Period: ${UTIL.formatDateFromIso(\r\n minDateIso\r\n )} - ${UTIL.formatDateFromIso(\r\n maxDateIso\r\n )} Date: ${UTIL.formatDateFromIso(displayDateIso)}`,\r\n columnHeadings: [\r\n \"Consumer\",\r\n \"Start Time\",\r\n \"End Time\",\r\n \"Job Code\",\r\n \"Job Step\",\r\n \"Hours\",\r\n \"Quantity\",\r\n \"Supervisor\"\r\n ],\r\n tableId: \"workshopTable\",\r\n // callback: handleWorkshopTableEvents\r\n };\r\n\r\n data.forEach(d => {\r\n if (!mainTableData[d.jobactid]) {\r\n obj = {\r\n startTime: d.starttime,\r\n endTime: d.endtime,\r\n quantity: d.quantity,\r\n consumer: d.name,\r\n consumerid: d.consumerid,\r\n isPieceRate: d.activitytype === \"P\" ? true : false\r\n };\r\n mainTableData[d.jobactid] = obj;\r\n }\r\n });\r\n\r\n tableData = data.map(d => {\r\n consumerName = `${d.name.split(\" \")[1]}, ${d.name.split(\" \")[0]}`;\r\n trimedHour = d.hours.slice(0, -2);\r\n if (d.hours !== \"\") {\r\n trimedHour = Number(trimedHour);\r\n }\r\n //if ($.session.WorkshopUpdate) {\r\n return {\r\n values: [\r\n consumerName,\r\n UTIL.convertFromMilitary(d.starttime),\r\n d.endtime === \"\" ? icons.error : UTIL.convertFromMilitary(d.endtime),\r\n d.jobcode,\r\n d.jobstep,\r\n trimedHour === \"\" ? \"-\" : trimedHour,\r\n d.activitytype !== \"P\"\r\n ? \"-\"\r\n : d.quantity === \"\" || d.quantity === \"0\"\r\n ? icons.error\r\n : d.quantity,\r\n d.supervisor === \" \" ? \"-\" : d.supervisor\r\n ],\r\n id: `jobAct${d.jobactid}`,\r\n attributes: [{ key: \"data-job-activity\", value: d.jobactid }],\r\n onClick: handleWorkshopTableEvents\r\n // }\r\n //}\r\n // else {\r\n // return {\r\n // values: [\r\n // consumerName,\r\n // UTIL.convertFromMilitary(d.starttime),\r\n // d.endtime === \"\" ? icons.error : UTIL.convertFromMilitary(d.endtime),\r\n // d.jobcode,\r\n // d.jobstep,\r\n // trimedHour === \"\" ? \"-\" : trimedHour,\r\n // d.activitytype !== \"P\"\r\n // ? \"-\"\r\n // : d.quantity === \"\" || d.quantity === \"0\"\r\n // ? icons.error\r\n // : d.quantity,\r\n // d.supervisor === \" \" ? \"-\" : d.supervisor\r\n // ],\r\n // id: `jobAct${d.jobactid}` \r\n // // attributes: [{ key: \"data-job-activity\", value: d.jobactid }],\r\n // // onClick: handleWorkshopTableEvents\r\n // }\r\n }\r\n });\r\n\r\n DOM.clearActionCenter();\r\n\r\n filterSelectReportBtnWrap = document.createElement(\"div\");\r\n filterSelectReportBtnWrap.classList.add(\"btnWrap\", \"filterSelectReportBtnWrap\");\r\n\r\n filterSelectReportBtnWrap.appendChild(multiSelectBtn);\r\n filterSelectReportBtnWrap.appendChild(reportsBtn);\r\n\r\n DOM.ACTIONCENTER.appendChild(filterSelectReportBtnWrap);\r\n\r\n const filteredBy = updateCurrentFilterDisplay();\r\n DOM.ACTIONCENTER.appendChild(filteredBy);\r\n var workshopTable = table.build(workshopTableOpts);\r\n\r\n // Set the data type for each header, for sorting purposes\r\n const headers = workshopTable.querySelectorAll('.header div');\r\n headers[0].setAttribute('data-type', 'string'); // Consumer\r\n headers[1].setAttribute('data-type', 'date'); // Start Time\r\n headers[2].setAttribute('data-type', 'date'); // End Time\r\n headers[3].setAttribute('data-type', 'string'); // Job Code\r\n headers[4].setAttribute('data-type', 'string'); // Job Step \r\n headers[5].setAttribute('data-type', 'number'); // Hours\r\n headers[6].setAttribute('data-type', 'number'); // Quantity\r\n headers[7].setAttribute('data-type', 'string'); // Supervisor \r\n\r\n\r\n DOM.ACTIONCENTER.appendChild(workshopTable);\r\n\r\n // Call function to allow table sorting by clicking on a header.\r\n table.sortTableByHeader(workshopTable); \r\n\r\n table.populate(\"workshopTable\", tableData);\r\n\r\n // //permission\r\n if (!$.session.WorkshopUpdate) {\r\n multiSelectBtn.classList.add(\"disabled\")\r\n multiSelectBtn.classList.remove(\"enabled\")\r\n toggleMiniRosterBtnVisible(false)\r\n }\r\n if (callback) {\r\n callback();\r\n }\r\n }\r\n\r\n function handleWorkshopTableEvents(event) {\r\n var isRow = event.target.classList.contains(\"table__row\");\r\n var jobAct = event.target.dataset.jobActivity;\r\n if (!isRow) return; // if not row return\r\n if (!$.session.WorkshopUpdate) return; // \r\n\r\n if (enableMultiEdit) {\r\n if (mainTableData[jobAct].endTime) return; // If they already clocked out, do nothing\r\n event.target.classList.toggle(\"selected\");\r\n //Add if row is being selected\r\n if (event.target.classList.contains(\"selected\")) {\r\n //and if it doesn't exist in the array\r\n if (!multiConsumerSelect.includes(mainTableData[jobAct].consumerid)) {\r\n multiConsumerSelect.push(mainTableData[jobAct].consumerid);\r\n }\r\n } else {\r\n //Remove the consumer id if it is being deselected\r\n multiConsumerSelect.splice(\r\n multiConsumerSelect.indexOf(mainTableData[jobAct].consumerid),\r\n 1\r\n );\r\n }\r\n //disable clock out button if nothing is selected\r\n if (multiConsumerSelect.length === 0) {\r\n clockOutNavBtn.classList.add(\"disabled\");\r\n } else {\r\n clockOutNavBtn.classList.remove(\"disabled\");\r\n }\r\n } else if (!enableMultiEdit) {\r\n tableRowPopup(event.target);\r\n }\r\n }\r\n\r\n function enableMultiEditRows(multiBtn) {\r\n setupActionNav();\r\n miniRosterBtn = document.querySelector(\".consumerListBtn\");\r\n enableMultiEdit = !enableMultiEdit;\r\n multiBtn.classList.toggle(\"enabled\");\r\n miniRosterBtn.classList.toggle(\"disabled\");\r\n\r\n if (enableMultiEdit) {\r\n ACTION_NAV.show();\r\n } else {\r\n selectedConsumers = [];\r\n ACTION_NAV.hide();\r\n }\r\n\r\n var highlightedRows = [].slice.call(\r\n document.querySelectorAll(\".table__row.selected\")\r\n );\r\n highlightedRows.forEach(row => row.classList.remove(\"selected\"));\r\n }\r\n\r\n function tableRowPopup(row) {\r\n // var isPieceRate = row.dataset.pieceRate == \"true\";\r\n jobActivity = row.dataset.jobActivity;\r\n jobActivity = parseInt(jobActivity);\r\n var isPieceRate = mainTableData[jobActivity].isPieceRate;\r\n let rowPopup = POPUP.build({\r\n classNames: \"workshopTableRowPopup\",\r\n header: mainTableData[jobActivity].consumer,\r\n id: `jobAct${jobActivity}`\r\n });\r\n\r\n let startTimeField = input.build({\r\n id: \"startTime\",\r\n label: \"Start Time\",\r\n type: \"time\",\r\n style: \"secondary\",\r\n value: mainTableData[jobActivity].startTime\r\n });\r\n\r\n let endTimeField = input.build({\r\n id: \"endTime\",\r\n label: \"End Time\",\r\n type: \"time\",\r\n style: \"secondary\",\r\n value: mainTableData[jobActivity].endTime\r\n });\r\n\r\n //only show if they have piece rate\r\n let quantityField = input.build({\r\n id: \"pieceRateQuantity\",\r\n label: \"Quantity\",\r\n type: \"number\",\r\n style: \"secondary\",\r\n attributes: [\r\n { key: \"min\", value: \"0\" },\r\n { key: \"max\", value: \"90000\" },\r\n { key: \"onkeypress\", value: \"return event.charCode >= 48 && event.charCode <= 57\" }\r\n ],\r\n value: mainTableData[jobActivity].quantity\r\n });\r\n //enable when there are changes to apply\r\n let saveBtn = button.build({\r\n id: \"save\",\r\n text: \"Save\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n icon: \"save\",\r\n // classNames: 'disabled',\r\n callback: function () {\r\n tableRowApplyChange(jobActivity, row, rowPopup);\r\n }\r\n });\r\n\r\n let deleteEntryBtn = button.build({\r\n id: \"deleteEntry\",\r\n text: \"Delete Entry\",\r\n style: \"secondary\",\r\n type: \"outlined\",\r\n icon: \"delete\",\r\n callback: function () {\r\n deleteConfirmation(\r\n rowPopup,\r\n (res = () => {\r\n if (res) {\r\n workshopAjax.deleteWorkshopEntry(jobActivity);\r\n var parent = row.parentElement;\r\n parent.removeChild(row);\r\n }\r\n })\r\n );\r\n }\r\n });\r\n\r\n let btnWrap = document.createElement(\"div\");\r\n btnWrap.classList.add(\"rowPopupBtnWrap\");\r\n btnWrap.appendChild(saveBtn);\r\n btnWrap.appendChild(deleteEntryBtn);\r\n\r\n rowPopup.appendChild(startTimeField);\r\n rowPopup.appendChild(endTimeField);\r\n if (isPieceRate) rowPopup.appendChild(quantityField);\r\n rowPopup.appendChild(btnWrap);\r\n\r\n POPUP.show(rowPopup);\r\n }\r\n\r\n function deleteConfirmation(rowPopup, callback) {\r\n POPUP.hide(rowPopup);\r\n var confPopup = POPUP.build({\r\n classNames: \"warning\"\r\n });\r\n var cancelBtn = button.build({\r\n text: \"Cancel\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n icon: \"no\",\r\n callback: function () {\r\n POPUP.hide(confPopup);\r\n POPUP.show(rowPopup);\r\n callback((res = false));\r\n }\r\n });\r\n var confirmBtn = button.build({\r\n text: \"Delete Entry\",\r\n style: \"secondary\",\r\n type: \"outlined\",\r\n id: \"confDeleteBtn\",\r\n icon: \"delete\",\r\n callback: function () {\r\n POPUP.hide(confPopup);\r\n callback((res = true));\r\n }\r\n });\r\n var btnWrap = document.createElement(\"div\");\r\n btnWrap.classList.add(\"btnWrap\");\r\n btnWrap.appendChild(cancelBtn);\r\n btnWrap.appendChild(confirmBtn);\r\n\r\n var textArea = document.createElement(\"p\");\r\n textArea.classList.add(\"warningTextArea\");\r\n textArea.innerHTML = \"Are you sure you want to delete this record?\";\r\n confPopup.appendChild(textArea);\r\n confPopup.appendChild(btnWrap);\r\n POPUP.show(confPopup);\r\n }\r\n\r\n function tableRowApplyChange(jobActivity, row, popup) {\r\n //get time out if exists\r\n //get time in\r\n //get quantity if exists\r\n //clock out if time out exists and is different from previous clockout\r\n //update clock in if time is is different from previous clockin\r\n //update quantity if exists and is different\r\n\r\n var changedStartTime = document.getElementById(\"startTime\").value;\r\n var startTime = mainTableData[jobActivity].startTime;\r\n var endTimeField = document.getElementById(\"endTime\");\r\n var quantityField = document.getElementById(\"pieceRateQuantity\");\r\n\r\n if (endTimeField.value) {\r\n var enteredEndTime = endTimeField.value;\r\n if (enteredEndTime.length < 8) {\r\n enteredEndTime += \":00\";\r\n }\r\n }\r\n if (quantityField) {\r\n if (quantityField.value) { var quantity = quantityField.value; }\r\n else var quantity = \"0\";\r\n }\r\n\r\n if (changedStartTime === enteredEndTime) {\r\n POPUP.hide(popup);\r\n POPUP.show(errorPopup);\r\n errorPopupText.innerHTML = \"Start Time cannot be the same as End Time.\";\r\n return;\r\n }\r\n\r\n //UPDATE CLOCKIN TIME IF IT HAS CHANGED\r\n //workshopajax.updateworkshopclockin\r\n if (startTime !== document.getElementById(\"startTime\").value) {\r\n var changedStartTime = document.getElementById(\"startTime\").value;\r\n if (changedStartTime.length < 8) {\r\n changedStartTime += \":00\";\r\n }\r\n if (!enteredEndTime || changedStartTime < enteredEndTime) {\r\n workshopAjax.updateWorkshopClockIn(\r\n jobActivity,\r\n changedStartTime,\r\n res => {\r\n try {\r\n if (res.indexOf(\"Start Overlap\") != -1) {\r\n throw \"OverlapError\";\r\n }\r\n mainTableData[jobActivity].startTime = changedStartTime;\r\n let changedStartTimeDISPLAY = UTIL.convertFromMilitary(\r\n changedStartTime\r\n );\r\n row.children[1].innerHTML = changedStartTimeDISPLAY;\r\n row.classList.remove(\"overlapError\"); //If they are saving from Overlap\r\n hours = Number(\r\n UTIL.calculateTotalHours(\r\n mainTableData[jobActivity].startTime,\r\n mainTableData[jobActivity].endTime\r\n )\r\n );\r\n row.children[5].innerHTML = hours;\r\n } catch (e) {\r\n if (e === \"OverlapError\") {\r\n POPUP.show(errorPopup);\r\n errorPopupText.innerHTML =\r\n \"Changes overlap with existing record\";\r\n }\r\n }\r\n }\r\n );\r\n } else {\r\n POPUP.hide(popup);\r\n POPUP.show(errorPopup);\r\n errorPopupText.innerHTML = \"Start Time cannot be set after End Time\";\r\n return;\r\n }\r\n }\r\n\r\n //CLOCK OUT/UPDATE CLOCK OUT TIME\r\n if (enteredEndTime) {\r\n if (\r\n enteredEndTime > mainTableData[jobActivity].startTime &&\r\n enteredEndTime !== mainTableData[jobActivity].endTime\r\n ) {\r\n mainTableData[jobActivity].endTime = enteredEndTime;\r\n workshopAjax.clockoutWorkshopSingle(\r\n jobActivity,\r\n enteredEndTime,\r\n res => {\r\n try {\r\n if (res.indexOf(\"End Overlap\") != -1) {\r\n throw \"OverlapError\";\r\n }\r\n enteredEndTimeDISPLAY = UTIL.convertFromMilitary(enteredEndTime);\r\n row.children[2].innerHTML = enteredEndTimeDISPLAY;\r\n row.classList.remove(\"overlapError\"); //If they are saving from Overlap\r\n hours = Number(\r\n UTIL.calculateTotalHours(\r\n mainTableData[jobActivity].startTime,\r\n mainTableData[jobActivity].endTime\r\n )\r\n );\r\n row.children[5].innerHTML = hours;\r\n } catch (e) {\r\n POPUP.show(errorPopup);\r\n errorPopupText.innerHTML = \"Changes overlap with existing record\";\r\n }\r\n }\r\n );\r\n } else if (enteredEndTime < startTime) {\r\n POPUP.hide(popup);\r\n POPUP.show(errorPopup);\r\n errorPopupText.innerHTML = \"End Time cannot be set before Start Time\";\r\n return;\r\n }\r\n }\r\n\r\n //UPDATE QUANTITY\r\n if (quantity && quantity !== mainTableData[jobActivity].quantity) {\r\n mainTableData[jobActivity].quantity = quantity;\r\n workshopAjax.updateWorkshopQuantity(quantity, jobActivity);\r\n row.children[6].innerHTML = quantity === \"0\" ? icons.error : quantity;\r\n }\r\n POPUP.hide(popup);\r\n }\r\n\r\n function tableFilterPopup(IsShow) {\r\n var filterPopup = POPUP.build({\r\n header: \"Table Filter\",\r\n id: \"workhshopFilterTablePopup\"\r\n });\r\n\r\n //dropdown location (needs the selected date)\r\n locationDropdown = dropdown.build({\r\n dropdownId: \"locationDropdown\",\r\n label: \"Location\",\r\n style: \"secondary\"\r\n });\r\n\r\n locationDropdown.addEventListener(\"change\", () => {\r\n var selectedOption = event.target.options[event.target.selectedIndex];\r\n locationID = selectedOption.value;\r\n filterCache.locationSelectedOpt = event.target.selectedIndex;\r\n workshopFilterListData.locationName = selectedOption.innerHTML;\r\n updateJobDropdown(locationID, true);\r\n });\r\n\r\n //dropdown job\r\n jobDropdown = dropdown.build({\r\n dropdownId: \"filterJobDropdown\",\r\n label: \"Job\",\r\n style: \"secondary\"\r\n });\r\n\r\n let filterApplyBtn = button.build({\r\n id: \"filterApply\",\r\n text: \"Apply\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n icon: \"checkmark\",\r\n callback: function () {\r\n filterApplyAction();\r\n POPUP.hide(filterPopup);\r\n }\r\n });\r\n\r\n if (IsShow == 'ALL' || IsShow == 'locationBtn')\r\n filterPopup.appendChild(locationDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'jobStepBtn')\r\n filterPopup.appendChild(jobDropdown);\r\n if (IsShow == 'ALL' || IsShow == 'serviceDateBtn')\r\n filterPopup.appendChild(dateSelection);\r\n filterPopup.appendChild(filterApplyBtn);\r\n POPUP.show(filterPopup);\r\n updateJobDropdown(locationID, true);\r\n\r\n locationDropdownSelect = document.getElementById(\"locationDropdown\");\r\n jobDropdownSelect = document.getElementById(\"filterJobDropdown\");\r\n\r\n //Populate Dropdowns and Cache the selection\r\n dropdown.populate(\r\n \"locationDropdown\",\r\n locationFilterDropdownData,\r\n locationID\r\n );\r\n // locationDropdownSelect.options.selectedIndex =\r\n // filterCache.locationSelectedOpt;\r\n jobFilterDropdownData[0].text = \"All\";\r\n jobFilterDropdownData[0].value = 0;\r\n updateJobFilterDropdownData\r\n ? dropdown.populate(\"filterJobDropdown\", updateJobFilterDropdownData)\r\n : dropdown.populate(\"filterJobDropdown\", jobFilterDropdownData);\r\n jobDropdownSelect.options.selectedIndex = filterCache.jobStepSelectedOpt;\r\n }\r\n\r\n function filterApplyAction() {\r\n if (document.getElementById(\"date\") != null) {\r\n displayDateIso = document.getElementById(\"date\").value;\r\n workshopFilterListData.selectedDate = displayDateIso;\r\n }\r\n\r\n if (document.getElementById(\"filterJobDropdown\") != null) {\r\n jobDropdown = document.getElementById(\"filterJobDropdown\");\r\n workshopFilterListData.jobStepId = jobDropdown.options[jobDropdown.selectedIndex].value;\r\n filterCache.jobStepSelectedOpt = jobDropdown.selectedIndex;\r\n }\r\n if (document.getElementById(\"locationDropdown\") != null) {\r\n locationDropdown = document.getElementById(\"locationDropdown\");\r\n workshopFilterListData.locationId = locationDropdown.options[locationDropdown.selectedIndex].value;\r\n locationID = locationDropdown.options[locationDropdown.selectedIndex].value;\r\n filterCache.locationSelectedOpt = locationDropdown.selectedIndex;\r\n }\r\n else {\r\n workshopFilterListData.locationId = locationID;\r\n }\r\n\r\n if (defaults.rememberLastLocation(\"workshop\"))\r\n defaults.setLocation(\"workshop\", locationID);\r\n\r\n //Refresh roster date:\r\n roster2.updateSelectedDate(displayDateIso)\r\n //Update active Consumers based on filter - Date, LocaitonID, returns consumers (called employee_id).\r\n workshopAjax.getEnabledConsumersForWorkshop(\r\n displayDateIso,\r\n workshopFilterListData.locationId,\r\n res => {\r\n const allowedConsumers = []\r\n res.forEach(r => {\r\n var consumer_id = r.employee_id;\r\n const filteredConsumer = activeModulesConsumers.filter(consumer => consumer.id === consumer_id);\r\n if (filteredConsumer.length !== 0) allowedConsumers.push({ 'consumer_id': consumer_id })\r\n });\r\n roster2.setAllowedConsumers(allowedConsumers);\r\n }\r\n );\r\n workshopAjax.WorkshopFilterList(workshopFilterListData, buildWorkshopTable);\r\n updateCurrentFilterDisplay();\r\n }\r\n\r\n function updateCurrentFilterDisplay() {\r\n var currentFilterDisplay = document.querySelector('.filteredByData');\r\n if (!currentFilterDisplay) {\r\n workshopFilterListData.locationName = locationID == 0 ? \"All\" : mainLocationData[locationID].locName;\r\n workshopFilterListData.locationId = locationID;\r\n currentFilterDisplay = document.createElement('div');\r\n currentFilterDisplay.classList.add('filteredByData');\r\n filterButtonSet();\r\n currentFilterDisplay.appendChild(btnWrap);\r\n }\r\n\r\n currentFilterDisplay.style.maxWidth = '100%';\r\n\r\n if (workshopFilterListData.locationId == '0') {\r\n btnWrap.appendChild(locationBtnWrap);\r\n btnWrap.removeChild(locationBtnWrap);\r\n } else {\r\n if (document.getElementById('locationBtn') != null)\r\n document.getElementById('locationBtn').innerHTML = 'Location: ' + workshopFilterListData.locationName;\r\n btnWrap.appendChild(locationBtnWrap);\r\n }\r\n\r\n if (workshopFilterListData.jobStepId === '0' || workshopFilterListData.jobStepId === 0) {\r\n btnWrap.appendChild(jobStepBtnWrap);\r\n btnWrap.removeChild(jobStepBtnWrap);\r\n } else {\r\n if (document.getElementById('jobStepBtn') != null)\r\n document.getElementById('jobStepBtn').innerHTML = workshopFilterListData.jobStepId == '0' ? 'Job: All' : 'Job: ' + mainJobData[workshopFilterListData.jobStepId].jobString;\r\n btnWrap.appendChild(jobStepBtnWrap);\r\n }\r\n\r\n if (document.getElementById('serviceDateBtn') != null)\r\n document.getElementById('serviceDateBtn').innerHTML = 'Date: ' + workshopFilterListData.selectedDate;\r\n\r\n\r\n return currentFilterDisplay;\r\n }\r\n\r\n function filterButtonSet() {\r\n filterBtn = button.build({\r\n text: 'Filter',\r\n icon: 'filter',\r\n style: 'secondary',\r\n type: 'contained',\r\n classNames: 'filterBtnNew',\r\n callback: () => { tableFilterPopup('ALL') },\r\n });\r\n\r\n locationBtn = button.build({\r\n id: 'locationBtn',\r\n text: 'Location: ' + workshopFilterListData.locationName,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => { tableFilterPopup('locationBtn') },\r\n });\r\n locationCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => { closeFilter('locationBtn') },\r\n });\r\n\r\n jobStepBtn = button.build({\r\n id: 'jobStepBtn',\r\n text: workshopFilterListData.jobStepId == '0' || workshopFilterListData.jobStepId === 0 ? 'Job: All' : 'Job: ' + mainJobData[workshopFilterListData.jobStepId].jobString,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => { tableFilterPopup('jobStepBtn') },\r\n });\r\n jobStepCloseBtn = button.build({\r\n icon: 'Delete',\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterCloseBtn',\r\n callback: () => { closeFilter('jobStepBtn') },\r\n });\r\n\r\n serviceDateBtn = button.build({\r\n id: 'serviceDateBtn',\r\n text: 'Date: ' + workshopFilterListData.selectedDate,\r\n style: 'secondary',\r\n type: 'text',\r\n classNames: 'filterSelectionBtn',\r\n callback: () => { tableFilterPopup('serviceDateBtn') },\r\n });\r\n\r\n btnWrap = document.createElement('div');\r\n btnWrap.classList.add('filterBtnWrap');\r\n btnWrap.appendChild(filterBtn);\r\n\r\n locationBtnWrap = document.createElement('div');\r\n locationBtnWrap.classList.add('filterSelectionBtnWrap');\r\n locationBtnWrap.appendChild(locationBtn);\r\n locationBtnWrap.appendChild(locationCloseBtn);\r\n btnWrap.appendChild(locationBtnWrap);\r\n\r\n jobStepBtnWrap = document.createElement('div');\r\n jobStepBtnWrap.classList.add('filterSelectionBtnWrap');\r\n jobStepBtnWrap.appendChild(jobStepBtn);\r\n jobStepBtnWrap.appendChild(jobStepCloseBtn);\r\n btnWrap.appendChild(jobStepBtnWrap);\r\n\r\n serviceDateBtnWrap = document.createElement('div');\r\n serviceDateBtnWrap.classList.add('filterSelectionBtnWrap');\r\n serviceDateBtnWrap.appendChild(serviceDateBtn);\r\n btnWrap.appendChild(serviceDateBtnWrap);\r\n }\r\n\r\n function closeFilter(closeFilter) { \r\n if (closeFilter == 'jobStepBtn') {\r\n workshopFilterListData.jobStepId = 0; \r\n }\r\n if (closeFilter == 'locationBtn') {\r\n locationID = '0'; \r\n workshopFilterListData.locationId = '0'; \r\n }\r\n filterApplyAction();\r\n }\r\n\r\n function clockInOutChoicePopup() {\r\n let popup = POPUP.build({\r\n header: \"Please Choose an Option\",\r\n id: \"clockInOutChoicePopup\"\r\n });\r\n\r\n let clockInBtn = button.build({\r\n text: \"Clock In\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n callback: function () {\r\n POPUP.hide(popup);\r\n clockInOutActionPopup(\"in\");\r\n }\r\n });\r\n let clockOutBtn = button.build({\r\n text: \"Clock Out\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n callback: function () {\r\n POPUP.hide(popup);\r\n clockInOutActionPopup(\"out\");\r\n }\r\n });\r\n let btnWrap = document.createElement(\"div\");\r\n btnWrap.classList.add(\"choiceBtnWrap\");\r\n btnWrap.appendChild(clockInBtn);\r\n btnWrap.appendChild(clockOutBtn);\r\n popup.appendChild(btnWrap);\r\n POPUP.show(popup);\r\n }\r\n\r\n function clockInOutActionPopup(choice) {\r\n //Display the Date and Location that were selected from the Filter.\r\n let locationDisplay = document.createElement(\"h4\");\r\n locationDisplay.innerHTML = `Location: ${locationID == 0\r\n ? \"No location specified\"\r\n : mainLocationData[locationID].locName\r\n }`;\r\n // locationDisplay.innerHTML = `Location: ${\r\n // workshopFilterListData.locationId == 0\r\n // ? \"No location specified\"\r\n // : mainLocationData[workshopFilterListData.locationId].locName\r\n // }`;\r\n let dateDisplay = document.createElement(\"h4\");\r\n dateDisplay.innerHTML = `Selected Date: ${UTIL.formatDateFromIso(\r\n displayDateIso\r\n )}`;\r\n\r\n timeClockJobDropdown = dropdown.build({\r\n dropdownId: \"timeClockJobDropdown\",\r\n label: \"Job\",\r\n style: \"secondary\"\r\n });\r\n\r\n timeClockLocationDropdown = dropdown.build({\r\n dropdownId: \"timeClockLocationDropdown\",\r\n label: \"Location\",\r\n style: \"secondary\"\r\n });\r\n\r\n let inPopup = POPUP.build({\r\n header: \"Clock In\",\r\n id: \"clockInOutPopup\"\r\n });\r\n\r\n let outPopup = POPUP.build({\r\n header: \"Clock Out\",\r\n id: \"clockInOutPopup\"\r\n });\r\n\r\n let timeInField = input.build({\r\n id: \"inTime\",\r\n label: \"In Time\",\r\n type: \"time\",\r\n style: \"secondary\",\r\n callback: function () { }\r\n });\r\n timeInField.classList.add(\"error\");\r\n\r\n let timeOutField = input.build({\r\n id: \"outTime\",\r\n label: \"Out Time\",\r\n type: \"time\",\r\n style: \"secondary\"\r\n });\r\n timeOutField.classList.add(\"error\");\r\n\r\n let clockInBtn = button.build({\r\n text: \"Clock In\",\r\n style: \"secondary\",\r\n classNames: \"disabled\",\r\n type: \"contained\",\r\n id: \"clockInBtn\",\r\n callback: function () {\r\n clockIn();\r\n POPUP.hide(inPopup);\r\n //Clock in function\r\n }\r\n });\r\n\r\n let clockOutBtn = button.build({\r\n text: \"Clock Out\",\r\n style: \"secondary\",\r\n classNames: \"disabled\",\r\n type: \"contained\",\r\n callback: function () {\r\n clockOut();\r\n roster2.clearActiveConsumers();\r\n POPUP.hide(outPopup);\r\n //clock out function\r\n }\r\n });\r\n\r\n let inCancelBtn = button.build({\r\n text: \"Cancel\",\r\n style: \"secondary\",\r\n type: \"outlined\",\r\n callback: function () {\r\n roster2.clearActiveConsumers();\r\n POPUP.hide(inPopup);\r\n }\r\n });\r\n\r\n let outCancelBtn = button.build({\r\n text: \"Cancel\",\r\n style: \"secondary\",\r\n type: \"outlined\",\r\n callback: function () {\r\n roster2.clearActiveConsumers();\r\n POPUP.hide(outPopup);\r\n }\r\n });\r\n\r\n let btnWrap = document.createElement(\"div\");\r\n btnWrap.classList.add(\"btnWrap\");\r\n\r\n timeInField.addEventListener(\"change\", function () {\r\n let inTimeField = document.getElementById(\"inTime\");\r\n if (inTimeField.value === \"\") {\r\n timeInField.classList.add(\"error\");\r\n } else {\r\n timeInField.classList.remove(\"error\");\r\n }\r\n checkRequiredFields(clockInBtn);\r\n });\r\n timeOutField.addEventListener(\"change\", function () {\r\n let outTimeField = document.getElementById(\"outTime\");\r\n if (outTimeField.value === \"\") {\r\n timeOutField.classList.add(\"error\");\r\n } else {\r\n timeOutField.classList.remove(\"error\");\r\n }\r\n checkRequiredFields(clockOutBtn);\r\n });\r\n timeClockJobDropdown.classList.add(\"error\");\r\n timeClockJobDropdown.addEventListener(\"change\", function () {\r\n let timeClockJobDropdownField = document.getElementById(\r\n \"timeClockJobDropdown\"\r\n );\r\n if (\r\n timeClockJobDropdownField.options[\r\n timeClockJobDropdownField.selectedIndex\r\n ].value === \"%\"\r\n ) {\r\n timeClockJobDropdown.classList.add(\"error\");\r\n } else {\r\n timeClockJobDropdown.classList.remove(\"error\");\r\n }\r\n checkRequiredFields(clockInBtn);\r\n });\r\n\r\n switch (choice) {\r\n case \"in\": {\r\n inPopup.appendChild(dateDisplay);\r\n inPopup.appendChild(locationDisplay);\r\n inPopup.appendChild(timeClockJobDropdown);\r\n inPopup.appendChild(supervisorDropdown);\r\n inPopup.appendChild(timeInField);\r\n btnWrap.appendChild(clockInBtn);\r\n btnWrap.appendChild(inCancelBtn);\r\n inPopup.appendChild(btnWrap);\r\n POPUP.show(inPopup);\r\n\r\n updateJobDropdown(locationID, false);\r\n // updateJobDropdown(workshopFilterListData.locationId, false);\r\n\r\n // jobFilterDropdownData[0].text = \"\";\r\n // jobFilterDropdownData[0].value = \"%\";\r\n\r\n dropdown.populate(\"timeClockJobDropdown\", jobFilterDropdownData);\r\n dropdown.populate(\r\n \"supervisorDropdown\",\r\n supervisorDropdownData,\r\n $.session.PeopleId\r\n ); // default supervisor to the clocked in user (if supervisor)\r\n break;\r\n }\r\n case \"out\": {\r\n outPopup.appendChild(timeOutField);\r\n btnWrap.appendChild(clockOutBtn);\r\n btnWrap.appendChild(outCancelBtn);\r\n outPopup.appendChild(btnWrap);\r\n POPUP.show(outPopup);\r\n break;\r\n }\r\n }\r\n }\r\n\r\n function clockIn() {\r\n var supervisorID;\r\n let jobDropdownSelect = document.getElementById(\"timeClockJobDropdown\");\r\n let jobStepIdInt = parseInt(\r\n jobDropdownSelect.options[jobDropdownSelect.selectedIndex].value\r\n );\r\n // let locationID = workshopFilterListData.locationId;\r\n let supervisorSelect = document.getElementById(\"supervisorDropdown\");\r\n let supSelectedIndex = supervisorSelect.selectedIndex;\r\n if (supSelectedIndex !== -1) {\r\n supervisorID =\r\n supervisorSelect.options[supervisorSelect.selectedIndex].value;\r\n } else {\r\n supervisorID = \"0\";\r\n }\r\n let inTimeField = document.getElementById(\"inTime\");\r\n let inTime = inTimeField.value + \":00\";\r\n\r\n inData = {\r\n batchId: selectedBatchId,\r\n consumerids: selectedConsumers.map(e => e.id).join(\"|\"),\r\n jobActType: mainJobData[jobStepIdInt].activityType,\r\n jobStepId: mainJobData[jobStepIdInt].jobStepId,\r\n jobString: mainJobData[jobStepIdInt].jobString,\r\n location: locationID,\r\n selectedDate: displayDateIso,\r\n startOrEnd: \"Start\",\r\n supervisor: supervisorID,\r\n time: inTime,\r\n token: $.session.Token\r\n };\r\n\r\n workshopFilterListData.jobStepId = 0;\r\n\r\n workshopAjax.WorkshopClockIn(inData, res => {\r\n if (res.length > 0) {\r\n // There are overlaps\r\n overlapErrorPopup(res, \"in\");\r\n } else {\r\n selectedConsumers = [];\r\n mainTableData = {};\r\n workshopAjax.WorkshopFilterList(\r\n workshopFilterListData,\r\n buildWorkshopTable\r\n );\r\n }\r\n\r\n roster2.clearActiveConsumers();\r\n });\r\n }\r\n\r\n function clockOut() {\r\n let outTimeField = document.getElementById(\"outTime\");\r\n let outTime = outTimeField.value + \":00\";\r\n outData = {\r\n batchId: selectedBatchId,\r\n consumerids: selectedConsumers.map(e => e.id).join(\"|\"),\r\n jobActType: \"\",\r\n jobStepId: \"0\",\r\n jobString: \"\",\r\n location: \"0\",\r\n selectedDate: displayDateIso,\r\n startOrEnd: \"End\",\r\n supervisor: \"0\",\r\n time: outTime,\r\n token: $.session.Token\r\n };\r\n\r\n workshopFilterListData.jobStepId = 0;\r\n\r\n workshopAjax.WorkshopClockOut(outData, res => {\r\n if (res.length > 0) {\r\n overlapErrorPopup(res, \"out\");\r\n } else {\r\n selectedConsumers = [];\r\n mainTableData = {};\r\n workshopAjax.WorkshopFilterList(\r\n workshopFilterListData,\r\n buildWorkshopTable\r\n );\r\n }\r\n });\r\n }\r\n\r\n function overlapErrorPopup(overlapRecords, inOutString) {\r\n let clockedInConsumers = selectedConsumers.length - overlapRecords.length;\r\n\r\n let overlapErrorPopup = POPUP.build({\r\n header: `\r\n ${clockedInConsumers} ${clockedInConsumers !== 1 ? \"consumers\" : \"consumer\"\r\n } clocked ${inOutString}. \r\n There ${overlapRecords.length === 1 ? \"Is\" : \"Are\"} ${overlapRecords.length\r\n } ${overlapRecords.length === 1 ? \"Overlap.\" : \"Overlaps.\"}\r\n `,\r\n id: \"overlapErrorPopup\"\r\n });\r\n\r\n let overlapDescriptionWrap = document.createElement(\"div\");\r\n\r\n overlapRecords.forEach(r => {\r\n let overlapRecord = document.createElement(\"p\");\r\n overlapRecord.innerHTML = `
${mainTableData[r].consumer}
\r\n Time in: ${UTIL.convertFromMilitary(mainTableData[r].startTime)} -\r\n Time out: ${UTIL.convertFromMilitary(mainTableData[r].endTime)}
\r\n `;\r\n overlapDescriptionWrap.appendChild(overlapRecord);\r\n });\r\n\r\n let correctBtn = button.build({\r\n text: \"Correct Overlaps\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n callback: function () {\r\n POPUP.hide(overlapErrorPopup);\r\n overlapCorrection(overlapRecords);\r\n }\r\n });\r\n let continueBtn = button.build({\r\n text: \"Continue\",\r\n style: \"secondary\",\r\n type: \"contained\",\r\n callback: function () {\r\n mainTableData = {};\r\n workshopAjax.WorkshopFilterList(\r\n workshopFilterListData,\r\n buildWorkshopTable\r\n );\r\n POPUP.hide(overlapErrorPopup);\r\n }\r\n });\r\n selectedConsumers = [];\r\n let btnWrap = document.createElement(\"div\");\r\n btnWrap.classList.add(\"btnWrap\");\r\n btnWrap.appendChild(correctBtn);\r\n btnWrap.appendChild(continueBtn);\r\n overlapErrorPopup.appendChild(overlapDescriptionWrap);\r\n overlapErrorPopup.appendChild(btnWrap);\r\n\r\n POPUP.show(overlapErrorPopup);\r\n }\r\n\r\n function overlapCorrection(overlapRecords) {\r\n workshopFilterListData.consumerIds = overlapRecords\r\n .map(r => mainTableData[r].consumerid)\r\n .join(\",\");\r\n\r\n workshopAjax.WorkshopFilterList(workshopFilterListData, res => {\r\n workshopFilterListData.consumerIds = breakDownConsumerList(\r\n activeModulesConsumers\r\n );\r\n buildWorkshopTable(res, callback => {\r\n overlapRecords.forEach(r => {\r\n row = document.getElementById(`jobAct${r}`);\r\n row.classList.add(\"overlapError\");\r\n });\r\n });\r\n });\r\n }\r\n\r\n function handleActionNavEvent(target) {\r\n var targetAction = target.dataset.actionNav;\r\n var miniRoster = document.querySelector('[data-roster=\"waiting\"]');\r\n var consumerList = document.querySelector('[data-roster=\"enabled\"]');\r\n consumerListBtn = document.querySelector(\".consumerListBtn\");\r\n\r\n switch (targetAction) {\r\n // case \"rosterDone\": {\r\n // roster.selectedConsumersToEnabledList();\r\n // checkOpenBatches();\r\n // enabledConsumers = roster.getEnabledConsumers();\r\n // workshopFilterListData.consumerIds = breakDownConsumerList(\r\n // enabledConsumers\r\n // );\r\n // break;\r\n // }\r\n // case \"rosterCancel\": {\r\n // unloadApp($.loadedApp);\r\n // setActiveModuleAttribute(\"home\");\r\n // DOM.clearActionCenter();\r\n // DOM.ACTIONCENTER.removeAttribute(\"data-active-section\");\r\n // dashboard.load();\r\n // break;\r\n // }\r\n case \"miniRosterDone\": {\r\n if (initalRosterLoad) {\r\n activeModulesConsumers = roster2.getActiveConsumers();\r\n initalRosterLoad = false\r\n setActiveModuleSectionAttribute(\"workshop\");\r\n DOM.toggleNavLayout();\r\n roster2.clearActiveConsumers();\r\n workshopFilterListData.consumerIds = breakDownConsumerList(\r\n activeModulesConsumers\r\n );\r\n checkOpenBatches();\r\n } else {\r\n selectedConsumers = roster2.getActiveConsumers();\r\n DOM.toggleNavLayout();\r\n clockInOutChoicePopup();\r\n roster2.clearActiveConsumers();\r\n }\r\n break;\r\n }\r\n case \"miniRosterCancel\": {\r\n if (initalRosterLoad) {\r\n loadApp('home')\r\n } else {\r\n DOM.toggleNavLayout();\r\n roster2.clearActiveConsumers();\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n\r\n function initPageLoad() {\r\n DOM.clearActionCenter();\r\n PROGRESS.init();\r\n PROGRESS.SPINNER.init();\r\n PROGRESS.SPINNER.show(\"Gathering Data\");\r\n\r\n buildSelectionFields();\r\n initialData();\r\n workshopAjax.WorkshopFilterList(workshopFilterListData, buildWorkshopTable);\r\n }\r\n\r\n function init() {\r\n //RESET FILTERS\r\n filterCache = {\r\n locationSelectedOpt: 0,\r\n jobStepSelectedOpt: 0\r\n };\r\n workshopFilterListData.jobStepId = 0;\r\n selectedBatchId = \"\";\r\n enableMultiEdit = false;\r\n //--------\r\n let defaultWorkshopLocation = defaults.getLocation('workshop');\r\n if (defaultWorkshopLocation === '') {\r\n defaults.setLocation('workshop', 0);\r\n defaultWorkshopLocation = \"0\";\r\n }\r\n roster2.miniRosterinit({\r\n locationId: defaultWorkshopLocation,\r\n locationName: '',\r\n }, {\r\n hideDate: true,\r\n });\r\n\r\n initalRosterLoad = true\r\n sitenav = document.querySelector(\".nav\");\r\n setActiveModuleSectionAttribute(\"workshop\");\r\n\r\n roster2.showMiniRoster({ hideDate: true })\r\n\r\n\r\n\r\n // enabledConsumers = roster.getEnabledConsumers();\r\n\r\n // if (enabledConsumers.length === 0) {\r\n // // display mini roster for consumer selection\r\n // roster.buildRoster(true, false, function appendMiniRoster(miniRoster) {\r\n // DOM.ACTIONCENTER.appendChild(miniRoster);\r\n // }, true);\r\n // } else {\r\n // checkOpenBatches();\r\n // }\r\n }\r\n\r\n return {\r\n init,\r\n handleActionNavEvent\r\n };\r\n})();\r\n","var workshopAjax = (function() {\r\n function clockoutWorkshopSingle(jobActid, timeEntered, callback) {\r\n singleClockOutData = {\r\n token: $.session.Token,\r\n jobActivityId: jobActid,\r\n timeEntered: timeEntered\r\n };\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/ClockoutWorkshopSingle/\",\r\n data: JSON.stringify(singleClockOutData),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n var res = JSON.stringify(response);\r\n callback(res);\r\n // if (res.indexOf(\"End Overlap\") !== -1) {\r\n // timeOverlapPopup(\"End time overlaps with existing record.\");\r\n // } else {\r\n // endTime = formatTimeFromDB(singleClockOutData.timeEntered);\r\n // $(\"#\" + singleClockOutData.jobActivityId + \" td:nth-child(3)\").text(\r\n // endTime\r\n // );\r\n\r\n // // this works now just need to send over the endtime and not starttime input - Ash\r\n // var clockoutEndtime = Array.from(\r\n // $(\"#\" + singleClockOutData.jobActivityId + \" td:nth-child(3)\")\r\n // );\r\n // validateEndTime(clockoutEndtime[0]);\r\n // filterSetup();\r\n // }\r\n } catch (e) {}\r\n },\r\n error: function(xhr, status, error) {\r\n alert(\"Error\\n-----\\n\" + xhr.status + \"\\n\" + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function deleteWorkshopEntry(jobActId, callback) {\r\n deleteData = {\r\n token: $.session.Token,\r\n jobActivityId: jobActId\r\n };\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/DeleteWorkshopEntry/\",\r\n data: JSON.stringify(deleteData),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n data = response.getDeleteWorkshopEntryResult;\r\n callback();\r\n } catch (e) {}\r\n },\r\n error: function(xhr, status, error) {\r\n alert(\"Error\\n-----\\n\" + xhr.status + \"\\n\" + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n //Call to popuate list based on drop down values\r\n function getWorkshopBatchById(data, callback) {\r\n callback();\r\n }\r\n\r\n function getEnabledConsumersForWorkshop(selectedDate, selectedLocation, callback) {\r\n // var selectedDate = $(\"#workshopdateboxinside\").html();\r\n // selectedDate = formatDateForDatabaseSave(selectedDate);\r\n // var selectedLocation = $(\"#workshoplocationname\").attr(\"locationid\");\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/getEnabledConsumersForWorkshop/\",\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"selectedDate\":\"' +\r\n selectedDate +\r\n '\", \"selectedLocation\":\"' +\r\n selectedLocation +\r\n '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n var res = JSON.parse(response.getEnabledConsumersForWorkshopResult);\r\n callback(res);\r\n // disableNonWorkshopConsumers(res);\r\n },\r\n error: function(xhr, status, error) {}\r\n });\r\n }\r\n\r\n function updateWorkshopClockIn(jobActid, timeEntered, callback) {\r\n updateClockInData = {\r\n token: $.session.Token,\r\n jobActivityId: jobActid,\r\n timeEntered: timeEntered\r\n };\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/UpdateWorkshopClockIn/\",\r\n data: JSON.stringify(updateClockInData),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n var res = JSON.stringify(response);\r\n callback(res);\r\n // if (res.indexOf(\"Start Overlap\") != -1) {\r\n // //Show pop up with error message saying start time can not be after end time.\r\n // timeOverlapPopup(\"Start time can not be set after end time.\");\r\n // } else {\r\n // startTime = formatTimeFromDB(updateClockInData.timeEntered);\r\n // $(\"#\" + updateClockInData.jobActivityId + \" td:nth-child(2)\").text(\r\n // startTime\r\n // );\r\n // filterSetup();\r\n // $(\"*\").removeClass(\"waitingCursor\");\r\n // }\r\n } catch (e) {}\r\n },\r\n error: function(xhr, status, error) {\r\n alert(\"Error\\n-----\\n\" + xhr.status + \"\\n\" + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function updateWorkshopQuantity(quantity, jobActId) {\r\n insertData = {\r\n token: $.session.Token,\r\n quantity: quantity,\r\n jobActivityId: jobActId\r\n };\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/UpdateWorkshopQuantity/\",\r\n data: JSON.stringify(insertData),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n data = response.getUpdateWorkshopQuantityResult;\r\n \r\n } catch (e) {}\r\n },\r\n error: function(xhr, status, error) {\r\n alert(\"Error\\n-----\\n\" + xhr.status + \"\\n\" + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function WorkshopPreBatchLoad(callback) {\r\n var newDate = new Date();\r\n absenceDate =\r\n newDate.getFullYear() +\r\n \"-\" +\r\n (newDate.getMonth() + 1) +\r\n \"-\" +\r\n newDate.getDate();\r\n $.session.workshopBatchId = \"\";\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/WorkshopPreBatchLoad/\",\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"absenceDate\":\"' +\r\n absenceDate +\r\n '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n data = response.WorkshopPreBatchLoadResult;\r\n callback(data);\r\n // if (data.length > 1) {\r\n // \tdisplaySelectBatch(data, callback);\r\n // } else if (data.length == 1) {\r\n // \t$.session.workshopBatchId = data[0].id;\r\n // \tcallback(data);\r\n // } else {\r\n // \tdisplayNoBatch();\r\n // \t$('#roostertoolbar').hide();\r\n // \t$('*').removeClass('waitingCursor');\r\n // \tdata = null;\r\n // \tcallback(data);\r\n // }\r\n },\r\n error: function(xhr, status, error) {\r\n callback(error, null);\r\n }\r\n });\r\n }\r\n\r\n function WorkshopLocations(dateSelected, callback) {\r\n // var selectedDate = $(\"#workshopdateboxinside\").html();\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/WorkshopLocations/\",\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"serviceDate\":\"' +\r\n dateSelected +\r\n '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n data = response.WorkshopLocationsResult;\r\n callback(data);\r\n // populateLocations(null, data);\r\n } catch (e) {}\r\n },\r\n error: function(xhr, status, error) {\r\n alert(\"Error\\n-----\\n\" + xhr.status + \"\\n\" + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function WorkshopGetSupervisors(date, callback) {\r\n // var selectedDate = $(\"#workshopdateboxinside\").html();\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/getWorkshopSupervisors/\",\r\n data:\r\n '{\"token\":\"' +\r\n $.session.Token +\r\n '\", \"selectedDate\":\"' +\r\n date +\r\n '\"}',\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n data = response.getWorkshopSupervisorsResult;\r\n callback(data);\r\n // populateSupervisors(null, data);\r\n } catch (e) {}\r\n },\r\n error: function(xhr, status, error) {}\r\n });\r\n }\r\n\r\n function WorkshopGetJobCode(date, location, callback) {\r\n // var selectedDate = $(\"#workshopdateboxinside\").html();\r\n // var location = $(\"#workshoplocationname\").attr(\"locationid\");\r\n queryData = {\r\n token: $.session.Token,\r\n selectedDate: date,\r\n location: location\r\n };\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/getWorkshopJobCode/\",\r\n data: JSON.stringify(queryData),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n data = response.getWorkshopJobCodeResult;\r\n callback(data);\r\n // populateWorkCodes(null, data);\r\n } catch (e) {}\r\n },\r\n error: function(xhr, status, error) {}\r\n });\r\n }\r\n\r\n function WorkshopFilterList(data, callback) {\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/getWorkshopFilterListData/\",\r\n data: JSON.stringify(data),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n data = response.getWorkshopFilterListDataResult;\r\n callback(data)\r\n // preFilterListDataSetup(null, data, overlapData);\r\n } catch (e) {\r\n console.log(e);\r\n }\r\n },\r\n error: function(xhr, status, error) {\r\n //alert(\"Error\\n-----\\n\" + xhr.status + '\\n' + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function WorkshopClockIn(data, callback) {\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/GetWorkshopOverlaps/\",\r\n data: JSON.stringify(data),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n //Returns ConsumerIds of people that already have a record\r\n res = response.GetWorkshopOverlapsResult;\r\n callback(res);\r\n } catch (e) {\r\n callback(e, null);\r\n }\r\n },\r\n error: function(xhr, status, error) {\r\n alert(\"Error\\n-----\\n\" + xhr.status + \"\\n\" + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n function WorkshopClockOut(data, callback) {\r\n $.ajax({\r\n type: \"POST\",\r\n url:\r\n $.webServer.protocol +\r\n \"://\" +\r\n $.webServer.address +\r\n \":\" +\r\n $.webServer.port +\r\n \"/\" +\r\n $.webServer.serviceName +\r\n \"/GetWorkshopOverlaps/\",\r\n data: JSON.stringify(data),\r\n contentType: \"application/json; charset=utf-8\",\r\n dataType: \"json\",\r\n success: function(response, status, xhr) {\r\n try {\r\n res = response.GetWorkshopOverlapsResult;\r\n callback(res);\r\n } catch (e) {\r\n callback(e, null);\r\n }\r\n },\r\n error: function(xhr, status, error) {\r\n alert(\"Error\\n-----\\n\" + xhr.status + \"\\n\" + xhr.responseText);\r\n }\r\n });\r\n }\r\n\r\n return {\r\n clockoutWorkshopSingle,\r\n deleteWorkshopEntry,\r\n getWorkshopBatchById,\r\n getEnabledConsumersForWorkshop,\r\n updateWorkshopClockIn,\r\n updateWorkshopQuantity,\r\n WorkshopPreBatchLoad,\r\n WorkshopLocations,\r\n WorkshopGetSupervisors,\r\n WorkshopGetJobCode,\r\n WorkshopFilterList,\r\n WorkshopClockIn,\r\n WorkshopClockOut\r\n };\r\n})();\r\n","const workflow = (\r\n function() {\r\n \r\n function init(){ \r\n\r\n \r\n // PRETEND TO BE THE PLAN MODULE \r\n const viewerBtnOpts = {\r\n text: 'Launch Viewer',\r\n style: 'secondary',\r\n type: 'contained',\r\n callback: () => WorkflowViewerComponent.open(WorkflowProcess.CONSUMER_PLAN_ANNUAL, '686614946775502')\r\n };\r\n const viewerBtn = button.build(viewerBtnOpts);\r\n viewerBtn.style = \"margin: 20px\";\r\n\r\n const btnWrap = document.createElement('div');\r\n btnWrap.classList.add('landingBtnWrap');\r\n\r\n btnWrap.appendChild(viewerBtn);\r\n\r\n DOM.clearActionCenter();\r\n DOM.ACTIONCENTER.appendChild(btnWrap);\r\n \r\n } \r\n\r\n return {\r\n init\r\n }\r\n\r\n }\r\n)();","(function (global, factory) {\r\n global.Notifications = factory();\r\n})(this, function () {\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {};\r\n\r\n /**\r\n * Notifcations builds and stores notification elements,\r\n * this will build multiple different styles of notifications\r\n * depending on the options you pass\r\n *\r\n * @constructor\r\n */\r\n function Notifications(options) {\r\n // Data Init\r\n this.options = _UTIL.mergeObjects(DEFAULT_OPTIONS, options);\r\n this.notifications = {};\r\n\r\n // DOM Ref\r\n this.rootElement = null;\r\n\r\n this._build();\r\n }\r\n\r\n /**\r\n * @function\r\n */\r\n Notifications.prototype._build = function () {\r\n this.rootElement = _DOM.createElement('div', { class: 'notifications' });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n Notifications.prototype.show = function () {\r\n if (this.notifications) {\r\n }\r\n\r\n const itemEle = _DOM.createElement('div', { class: ['validationMessage'] });\r\n\r\n return this;\r\n };\r\n\r\n return Notifications;\r\n});\r\n","(function (global, factory) {\r\n global.Tutorial = factory();\r\n})(this, function () {\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {};\r\n\r\n /**\r\n * Merge default options with user options\r\n *\r\n * @function\r\n * @param {Object} userOptions - User defined options object\r\n * @return {Object} - Merged options object\r\n */\r\n const mergOptionsWithDefaults = userOptions => {\r\n return Object.assign({}, DEFAULT_OPTIONS, userOptions);\r\n };\r\n\r\n //=========================\r\n // TUTORIAL SATE\r\n //-------------------------\r\n /**\r\n * Represents the state management system for the tutorial.\r\n * Initializes with default state values if no initial state is provided.\r\n * @constructor\r\n * @param {Object} [initialState] - The initial state of the tutorial.\r\n * @param {number} [initialState.currentStep=1] - The current step of the tutorial.\r\n * @param {number} [initialState.totalSteps=5] - The total number of steps in the tutorial.\r\n */\r\n function TutorialState(initialState = { currentStep: 1, totalSteps: 5 }) {\r\n this.currentStep = initialState.currentStep;\r\n this.totalSteps = initialState.totalSteps;\r\n this.observers = [];\r\n }\r\n\r\n /**\r\n * Subscribe a new observer function.\r\n *\r\n * @param {Function} observerFunction - The function to notify when the state changes.\r\n */\r\n TutorialState.prototype.subscribe = function (observerFunction) {\r\n this.observers.push(observerFunction);\r\n };\r\n\r\n /**\r\n * Unsubscribe an existing observer function.\r\n *\r\n * @param {Function} observerFunction - The function to remove from the observer list.\r\n */\r\n TutorialState.prototype.unsubscribe = function (observerFunction) {\r\n const index = this.observers.indexOf(observerFunction);\r\n if (index > -1) {\r\n this.observers.splice(index, 1);\r\n }\r\n };\r\n\r\n /**\r\n * Update the tutorial state and notify all observers.\r\n * @param {Object} newState - The new state to merge with the current state.\r\n */\r\n TutorialState.prototype.setState = function (newState) {\r\n Object.assign(this, newState);\r\n this.observers.forEach(observerFunction => observerFunction(this));\r\n };\r\n\r\n /**\r\n * Move to the next step in the tutorial if not at the last step.\r\n */\r\n TutorialState.prototype.next = function () {\r\n if (this.currentStep < this.totalSteps) {\r\n this.setState({ currentStep: this.currentStep + 1 });\r\n }\r\n };\r\n\r\n /**\r\n * Move to the previous step in the tutorial if not at the first step.\r\n */\r\n TutorialState.prototype.back = function () {\r\n if (this.currentStep > 1) {\r\n this.setState({ currentStep: this.currentStep - 1 });\r\n }\r\n };\r\n\r\n //=========================\r\n // MAIN LIB\r\n //-------------------------\r\n\r\n /**\r\n * @constructor\r\n * @param {Object} options\r\n */\r\n function Tutorial(options) {\r\n // Data Init\r\n this.options = mergOptionsWithDefaults(options);\r\n this.initialState = { currentStep: 1, totalSteps: 5 };\r\n this.tutorialState = new TutorialState(initialState);\r\n\r\n // DOM Ref\r\n this.tutorial = null;\r\n }\r\n\r\n /**\r\n * Builds the Tutorial element structure\r\n *\r\n * @function\r\n * @returns {Tutorial} - Returns the current instances for chaining\r\n */\r\n Tutorial.prototype.build = function () {\r\n this.tutorial = _DOM.createElement('div');\r\n\r\n // Subscribe to state changes\r\n this.tutorialState.subscribe(function render(state) {\r\n // Logic to render the current popup based on `state.currentStep`\r\n });\r\n\r\n // Event listeners for Next and Back buttons\r\n // this.nextButton.onClick = tutorialState.next();\r\n // this.backButton.onClick = tutorialState.back();\r\n\r\n return this;\r\n };\r\n\r\n /**\r\n * Renders the built Tutorial element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node - DOM node to render the tutorial to\r\n * @returns {Tutorial} - Returns the current instances for chaining\r\n */\r\n Tutorial.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.tutorial);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return Tutorial;\r\n});\r\n","(function (global, factory) {\r\n global.VallidationController = factory();\r\n})(this, function () {\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Validation center is used for grouping error and warning messages together,\r\n * should not be used for Form Input validation, form will handle that for you.\r\n *\r\n * @constructor\r\n */\r\n function VallidationController(options) {\r\n // Data Init\r\n this.options = { ...options };\r\n this.items = {};\r\n // DOM Ref\r\n this.validationWrap = null;\r\n this.errorsWrap = null;\r\n this.warningsWrap = null;\r\n\r\n this._build();\r\n }\r\n\r\n /**\r\n * @function\r\n */\r\n VallidationController.prototype._build = function () {\r\n this.validationWrap = _DOM.createElement('div', { class: 'validations' });\r\n\r\n this.errorsWrap = _DOM.createElement('div', { class: 'validationErros' });\r\n\r\n this.warningsWrap = _DOM.createElement('div', { class: 'validationWarnings' });\r\n\r\n this.validationWrap.appendChild(this.errorsWrap);\r\n this.validationWrap.appendChild(this.warningsWrap);\r\n };\r\n /**\r\n * Builds warning message markup, this will auto show\r\n *\r\n * @function\r\n */\r\n VallidationController.prototype.addWarning = function ({ name, message }) {\r\n if (this.items[name]) {\r\n console.error(`name: ${name}, is already being used by another error/warning message`);\r\n }\r\n\r\n const itemInstance = new ValidationMessage({\r\n name,\r\n message,\r\n type: 'warning',\r\n });\r\n\r\n itemInstance.renderTo(this.warningsWrap);\r\n\r\n this.items[name] = itemInstance;\r\n };\r\n /**\r\n * Shows warning message\r\n *\r\n * @function\r\n */\r\n VallidationController.prototype.showWarning = function ({ name, ...rest }) {\r\n if (!this.items[name]) {\r\n this.addWarning({ name, ...rest });\r\n }\r\n\r\n this.items[name].itemEle.classList.remove('hidden');\r\n };\r\n /**\r\n * Builds error message markup, this will auto show\r\n *\r\n * @function\r\n */\r\n VallidationController.prototype.addError = function ({ name, message }) {\r\n if (this.items[name]) {\r\n console.error(`name: ${name}, is already being used by another error/warning message`);\r\n }\r\n\r\n const itemInstance = new ValidationMessage({\r\n name,\r\n message,\r\n type: 'error',\r\n });\r\n\r\n itemInstance.renderTo(this.errorsWrap);\r\n\r\n this.items[name] = itemInstance;\r\n };\r\n /**\r\n * Shows error message\r\n *\r\n * @function\r\n */\r\n VallidationController.prototype.showError = function ({ name, ...rest }) {\r\n if (!this.items[name]) {\r\n this.addError({ name, ...rest });\r\n }\r\n\r\n this.items[name].itemEle.classList.remove('hidden');\r\n };\r\n /**\r\n * Hides warning/error message\r\n *\r\n * @function\r\n */\r\n VallidationController.prototype.hide = function (name) {\r\n if (!this.items[name]) return;\r\n this.items[name].itemEle.classList.add('hidden');\r\n };\r\n /**\r\n * Sets the status of the error to valid/invalid\r\n *\r\n * @function\r\n */\r\n VallidationController.prototype.toggleErrorStatus = function (name, isError) {\r\n if (isError) {\r\n this.items[name].itemEle.classList.remove('valid');\r\n } else {\r\n this.items[name].itemEle.classList.add('valid');\r\n }\r\n };\r\n\r\n /**\r\n * Renders VallidationController markup to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node - DOM node to render case notes feedback to\r\n * @returns {VallidationController} - Returns the current instances for chaining\r\n */\r\n VallidationController.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.validationWrap);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return VallidationController;\r\n});\r\n","(function (global, factory) {\r\n global.ConfirmationPopup = factory();\r\n})(this, function () {\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {\r\n className: null,\r\n };\r\n\r\n function ConfirmationPopup(options) {\r\n // Data Init\r\n this.options = _UTIL.mergeObjects(DEFAULT_OPTIONS, options);\r\n this.displayStatus = null;\r\n\r\n // DOM Ref\r\n this.dialog = null;\r\n this.messageEle = null;\r\n this.confirmButton = null;\r\n this.cancelButton = null;\r\n\r\n this._build();\r\n }\r\n\r\n ConfirmationPopup.prototype._build = function () {\r\n this.dialog = new Dialog({ className: this.options.className });\r\n\r\n this.messageEle = _DOM.createElement('p', {\r\n class: 'confirmation__message',\r\n });\r\n\r\n const btnWrap = _DOM.createElement('div', { class: 'button-wrap' });\r\n this.confirmButton = new Button({\r\n text: 'Ok',\r\n name: 'confirm',\r\n });\r\n this.cancelButton = new Button({\r\n text: 'Cancel',\r\n styleType: 'outlined',\r\n name: 'cancel',\r\n });\r\n\r\n this.confirmButton.renderTo(btnWrap);\r\n this.cancelButton.renderTo(btnWrap);\r\n\r\n this.dialog.dialog.appendChild(this.messageEle);\r\n this.dialog.dialog.appendChild(btnWrap);\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n ConfirmationPopup.prototype._setupEvents = function (cbFunc) {\r\n this.dialog.dialog.addEventListener('click', e => {\r\n // e.target is confirm or cancel?\r\n cbFunc();\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n ConfirmationPopup.prototype.show = function (message) {\r\n if (this.displayStatus === 'open') return;\r\n\r\n if (message) this.messageEle.innerText = message;\r\n this.dialog.show();\r\n this.displayStatus = 'open';\r\n\r\n return new Promise((resolve, reject) => {\r\n const callbackFunction = e => {\r\n // e.target is confirm or cancel?\r\n this.dialog.dialog.removeEventListener('click', callbackFunction);\r\n this.close();\r\n resolve(e.target.name);\r\n };\r\n\r\n this.dialog.dialog.addEventListener('click', callbackFunction);\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n ConfirmationPopup.prototype.close = function () {\r\n this.dialog.close();\r\n this.displayStatus = 'closed';\r\n };\r\n\r\n /**\r\n * Renders the built Confirmation Popup element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the Confirmation Popup to\r\n * @returns {ConfirmationPopup} Returns the current instances for chaining\r\n */\r\n ConfirmationPopup.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.dialog.dialog);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return ConfirmationPopup;\r\n});\r\n","(function (global, factory) {\r\n global.DateNavigation = factory();\r\n})(this, function () {\r\n const DAYS = {\r\n 0: 'sun',\r\n 1: 'mon',\r\n 2: 'tue',\r\n 3: 'wed',\r\n 4: 'thu',\r\n 5: 'fri',\r\n 6: 'sat',\r\n };\r\n\r\n //=======================================\r\n // CUSTOM DATE PICKER\r\n //---------------------------------------\r\n /**\r\n * Constructor function for creating a Date Picker component.\r\n *\r\n * @constructor\r\n * @returns {DatePicker}\r\n */\r\n function DatePicker() {\r\n this.parentEle = null;\r\n this.input = null;\r\n\r\n this.build();\r\n }\r\n\r\n /**\r\n * Builds the DatePicker component HTML\r\n *\r\n * @function\r\n */\r\n DatePicker.prototype.build = function () {\r\n // INPUT WRAP\r\n this.parentEle = _DOM.createElement('div', {\r\n class: 'datePicker',\r\n });\r\n\r\n // INPUT & LABEL\r\n this.input = _DOM.createElement('input', {\r\n id: 'datePicker',\r\n type: 'date',\r\n name: 'datePicker',\r\n });\r\n const labelEle = _DOM.createElement('label', {\r\n node: Icon.getIcon('calendar'),\r\n for: 'datePicker',\r\n });\r\n labelEle.addEventListener('click', e => {\r\n this.input.showPicker();\r\n });\r\n\r\n this.parentEle.appendChild(this.input);\r\n this.parentEle.appendChild(labelEle);\r\n };\r\n\r\n /**\r\n * On date change method\r\n *\r\n * @function\r\n * @param {Function} cbFunc Callback function to call\r\n */\r\n DatePicker.prototype.onDateChange = function (cbFunc) {\r\n this.input.addEventListener('change', e => {\r\n cbFunc(e.target.value);\r\n });\r\n };\r\n\r\n /**\r\n * Renders the built DatePicker element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the input to\r\n * @returns {DatePicker} Returns the current instances for chaining\r\n */\r\n DatePicker.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.parentEle);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {\r\n selectedDate: dates.getTodaysDateObj(),\r\n allowFutureDate: true,\r\n };\r\n\r\n /**\r\n * Constructor function for creating a Date Navigation component.\r\n *\r\n * @constructor\r\n * @param {Object} options\r\n * @param {Date} [options.selectedDate] Initial date for date nav\r\n * @param {Boolean} [options.allowFutureDate] Whether toallow future dates to be selected\r\n * @returns {DateNavigation}\r\n */\r\n function DateNavigation(options) {\r\n // Data Init\r\n this.options = _UTIL.mergeObjects(DEFAULT_OPTIONS, options);\r\n //? by default selectedDate, weekStart, weekEnd and eachDayoFWeek\r\n //? will be the most current week of calandar year\r\n this.weekStart = dates.startDayOfWeek(this.options.selectedDate);\r\n this.weekEnd = dates.endOfWeek(this.options.selectedDate);\r\n this.eachDayOfWeek = dates.eachDayOfInterval({\r\n start: this.weekStart,\r\n end: this.weekEnd,\r\n });\r\n\r\n this.isCurrentWeek = dates.isDateInCurrentWeek(this.options.selectedDate);\r\n\r\n if (!this.options.allowFutureDate && dates.isDateInFuture(this.options.selectedDate)) {\r\n throw new Error('Selected date option can not be in future if allow future date option is set to false');\r\n }\r\n\r\n // DOM\r\n this.navigationEle = null;\r\n this.weekWrapEle = null;\r\n this.prevWeekNavBtn = null;\r\n\r\n this.build();\r\n }\r\n\r\n /**\r\n * Builds the Navigation component HTML\r\n *\r\n * @function\r\n */\r\n DateNavigation.prototype.build = function () {\r\n this.navigationEle = _DOM.createElement('div', { class: 'dateNavigation' });\r\n this.weekWrapEle = _DOM.createElement('div', { class: 'week' });\r\n\r\n this.prevWeekNavBtn = _DOM.createElement('div', {\r\n class: 'navButtons',\r\n node: Icon.getIcon('arrowLeft'),\r\n });\r\n this.nextWeekNavBtn = _DOM.createElement('div', {\r\n class: this.isCurrentWeek ? ['navButtons', 'disabled'] : 'navButtons',\r\n node: Icon.getIcon('arrowRight'),\r\n });\r\n this.customDatePicker = new DatePicker();\r\n\r\n this.navigationEle.appendChild(this.customDatePicker.parentEle);\r\n this.navigationEle.appendChild(this.prevWeekNavBtn);\r\n this.navigationEle.appendChild(this.weekWrapEle);\r\n this.navigationEle.appendChild(this.nextWeekNavBtn);\r\n\r\n this.populate();\r\n this.setupEvents();\r\n };\r\n\r\n /**\r\n * Populates the navigation with the dates for the selected week range\r\n *\r\n * @function\r\n */\r\n DateNavigation.prototype.populate = function () {\r\n this.weekWrapEle.innerHTML = '';\r\n\r\n this.eachDayOfWeek.forEach(date => {\r\n const isDateCurrentlySelected = date.getTime() === this.options.selectedDate.getTime() ? true : false;\r\n const isDateInFuture = dates.isDateInFuture(date);\r\n\r\n const dayOfWeek = date.getDay();\r\n const month = date.getMonth() + 1;\r\n const day = date.getDate();\r\n\r\n const classArray = ['day'];\r\n if (isDateCurrentlySelected) classArray.push('selected');\r\n if (isDateInFuture && !this.options.allowFutureDate) classArray.push('disabled');\r\n\r\n const dateWrapEle = _DOM.createElement('div', {\r\n class: classArray,\r\n 'data-date': date.toDateString(),\r\n 'data-target': 'date',\r\n });\r\n const dayOfWeekEle = _DOM.createElement('p', { text: DAYS[dayOfWeek], class: 'weekday' });\r\n const dateEle = _DOM.createElement('p', { text: `${month}/${day}`, class: 'date' });\r\n\r\n dateWrapEle.appendChild(dateEle);\r\n dateWrapEle.appendChild(dayOfWeekEle);\r\n\r\n this.weekWrapEle.appendChild(dateWrapEle);\r\n });\r\n };\r\n\r\n /**\r\n * Sets up events for navigation\r\n *\r\n * @function\r\n */\r\n DateNavigation.prototype.setupEvents = function () {\r\n this.prevWeekNavBtn.addEventListener('click', e => {\r\n this.weekStart = dates.subWeeks(this.weekStart, 1);\r\n this.weekEnd = dates.subWeeks(this.weekEnd, 1);\r\n this.eachDayOfWeek = dates.eachDayOfInterval({\r\n start: this.weekStart,\r\n end: this.weekEnd,\r\n });\r\n\r\n this.options.selectedDate = this.eachDayOfWeek[1];\r\n this.isCurrentWeek = dates.isDateInCurrentWeek(this.options.selectedDate);\r\n this.nextWeekNavBtn.classList.toggle('disabled', this.isCurrentWeek);\r\n\r\n this.populate();\r\n\r\n const customEvent = new CustomEvent('onDateChange');\r\n this.weekWrapEle.dispatchEvent(customEvent);\r\n });\r\n\r\n this.nextWeekNavBtn.addEventListener('click', e => {\r\n this.weekStart = dates.addWeeks(this.weekStart, 1);\r\n this.weekEnd = dates.addWeeks(this.weekEnd, 1);\r\n this.eachDayOfWeek = dates.eachDayOfInterval({\r\n start: this.weekStart,\r\n end: this.weekEnd,\r\n });\r\n\r\n this.options.selectedDate = this.eachDayOfWeek[1];\r\n this.isCurrentWeek = dates.isDateInCurrentWeek(this.options.selectedDate);\r\n this.nextWeekNavBtn.classList.toggle('disabled', this.isCurrentWeek);\r\n\r\n this.populate();\r\n\r\n const customEvent = new CustomEvent('onDateChange');\r\n this.weekWrapEle.dispatchEvent(customEvent);\r\n });\r\n\r\n this.weekWrapEle.addEventListener('click', e => {\r\n if (e.target.dataset.target === 'date') {\r\n const currentSelectedDate = this.weekWrapEle.querySelector('.selected');\r\n if (currentSelectedDate) {\r\n currentSelectedDate.classList.remove('selected');\r\n }\r\n\r\n this.options.selectedDate = new Date(e.target.dataset.date);\r\n e.target.classList.add('selected');\r\n\r\n const customEvent = new CustomEvent('onDateChange');\r\n this.weekWrapEle.dispatchEvent(customEvent);\r\n\r\n return;\r\n }\r\n });\r\n\r\n this.customDatePicker.onDateChange(newDate => {\r\n const newDateValue = new Date(`${newDate}T00:00:00`);\r\n\r\n if (!this.options.allowFutureDate) {\r\n if (dates.isDateInFuture(newDateValue)) {\r\n return;\r\n }\r\n }\r\n\r\n this.options.selectedDate = newDateValue;\r\n this.isCurrentWeek = dates.isDateInCurrentWeek(this.options.selectedDate);\r\n this.weekStart = dates.startDayOfWeek(this.options.selectedDate);\r\n this.weekEnd = dates.endOfWeek(this.options.selectedDate);\r\n this.eachDayOfWeek = dates.eachDayOfInterval({\r\n start: this.weekStart,\r\n end: this.weekEnd,\r\n });\r\n\r\n this.nextWeekNavBtn.classList.toggle('disabled', this.isCurrentWeek);\r\n\r\n this.populate();\r\n\r\n const customEvent = new CustomEvent('onDateChange');\r\n this.weekWrapEle.dispatchEvent(customEvent);\r\n });\r\n };\r\n\r\n /**\r\n * On date change method\r\n *\r\n * @function\r\n * @param {Function} cbFunc Callback function to call\r\n */\r\n DateNavigation.prototype.onDateChange = function (cbFunc) {\r\n this.weekWrapEle.addEventListener('onDateChange', () => {\r\n cbFunc(this.options.selectedDate);\r\n });\r\n };\r\n\r\n /**\r\n * Renders the built Date Navigation element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the navigation to\r\n * @returns {DateNavigation} Returns the current instances for chaining\r\n */\r\n DateNavigation.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.navigationEle);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return DateNavigation;\r\n});\r\n","(function (global, factory) {\r\n global.AsyncRequestVisualizer = factory();\r\n})(this, function () {\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n * @param {Number} [options.duration] how long to show popup after success/error\r\n * @param {String} [options.messagePending] message while you wait\r\n * @param {String} [options.messageSuccess] message on success\r\n * @param {String} [options.messageError] message on error\r\n */\r\n const DEFAULT_OPTIONS = {\r\n messagePending: 'Loading...',\r\n messageSuccess: 'Success!',\r\n messageError: 'Error :(',\r\n duration: 2000,\r\n };\r\n\r\n /**\r\n * Constructor function for creating a Async Request Visualizer component.\r\n *\r\n * @constructor\r\n * @returns {AsyncRequestVisualizer}\r\n */\r\n function AsyncRequestVisualizer(options) {\r\n // Data Init\r\n this.options = _UTIL.mergeObjects(DEFAULT_OPTIONS, options);\r\n\r\n // Instance Ref\r\n this.dialog = null;\r\n this.spinner = null;\r\n\r\n // DOM Ref\r\n this.iconWrap = null;\r\n this.messageEle = null;\r\n\r\n this.build();\r\n }\r\n\r\n /**\r\n * Builds the AsyncRequestVisualizer component HTML\r\n *\r\n * @function\r\n */\r\n AsyncRequestVisualizer.prototype.build = function () {\r\n this.dialog = new Dialog({\r\n clickOutToClose: false,\r\n className: 'asyncRequestVisualizer',\r\n });\r\n\r\n this.iconWrap = _DOM.createElement('div', { class: 'iconWrap' });\r\n this.dialog.dialog.appendChild(this.iconWrap);\r\n\r\n this.spinner = new Spinner();\r\n this.spinner.renderTo(this.iconWrap);\r\n\r\n this.messageEle = _DOM.createElement('p');\r\n this.dialog.dialog.appendChild(this.messageEle);\r\n };\r\n\r\n /**\r\n * Default function for showing visualizer, use showPending to chain saves\r\n *\r\n * @function\r\n * @param {String} message\r\n */\r\n AsyncRequestVisualizer.prototype.show = function (message) {\r\n this.messageEle.innerText = message;\r\n this.dialog.show();\r\n };\r\n\r\n /**\r\n * Shows pending message, shows spinner\r\n *\r\n * @function\r\n * @param {String} message\r\n */\r\n AsyncRequestVisualizer.prototype.showPending = function (message) {\r\n this.messageEle.innerText = message;\r\n this.iconWrap.childNodes[0].remove();\r\n this.iconWrap.appendChild(this.spinner.spinnerWrap);\r\n };\r\n\r\n /**\r\n * Shows success message/icon but leaves dialog open for chaining saves\r\n *\r\n * @function\r\n * @param {String} message\r\n */\r\n AsyncRequestVisualizer.prototype.showSuccess = async function (message, duration = 2000) {\r\n this.messageEle.innerText = message;\r\n this.spinner.replaceWith(Icon.getIcon('checkmark'));\r\n\r\n this.iconWrap.classList.remove('error');\r\n\r\n await _UTIL.asyncSetTimeout(() => {}, duration);\r\n };\r\n\r\n /**\r\n * Shows error message/icon\r\n *\r\n * @function\r\n * @param {String} message\r\n */\r\n AsyncRequestVisualizer.prototype.showError = function (message) {\r\n this.messageEle.innerText = message;\r\n this.spinner.replaceWith(Icon.getIcon('error'));\r\n this.iconWrap.classList.add('error');\r\n };\r\n\r\n /**\r\n * Handle async request completion\r\n *\r\n * @function\r\n * @param {Boolean} isSuccess\r\n * @param {String} message\r\n */\r\n AsyncRequestVisualizer.prototype.fullfill = async function (status, message, duration = 2000) {\r\n // set icon and message\r\n if (status === 'success') {\r\n this.showSuccess(message);\r\n } else {\r\n this.showError(message);\r\n }\r\n\r\n await _UTIL.asyncSetTimeout(() => {\r\n this.dialog.close();\r\n this.iconWrap.childNodes[0].remove();\r\n this.iconWrap.appendChild(this.spinner.spinnerWrap);\r\n }, duration);\r\n };\r\n\r\n /**\r\n * Renders the built AsyncRequestVisualizer to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the AsyncRequestVisualizer to\r\n * @returns {AsyncRequestVisualizer} Returns the current instances for chaining\r\n */\r\n AsyncRequestVisualizer.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.dialog.dialog);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return AsyncRequestVisualizer;\r\n});\r\n","(function (global, factory) {\r\n global.RosterCard = factory();\r\n})(this, function () {\r\n /**\r\n * Constructor function for creating a Roster Card component.\r\n *\r\n * @constructor\r\n * @returns {RosterCard}\r\n */\r\n function RosterCard(options) {\r\n this.consumerId = options.consumerId;\r\n this.firstName = options.firstName;\r\n this.middleName = options.middleName;\r\n this.lastName = options.lastName;\r\n this.isInactive = options.isInactive;\r\n this.rootElement = null;\r\n\r\n this.build();\r\n }\r\n\r\n /**\r\n * Builds the Roster Card component HTML\r\n *\r\n * @function\r\n */\r\n RosterCard.prototype.build = function () {\r\n this.rootElement = _DOM.createElement('div', {\r\n class: 'rosterCard',\r\n 'data-id': this.consumerId,\r\n 'data-target': 'rosterCard',\r\n });\r\n\r\n // PORTRAIT\r\n const portrait = new Portrait(this.consumerId);\r\n\r\n // DETAILS\r\n const firstName = _DOM.createElement('p', {\r\n text: `${this.firstName.trim()} ${this.middleName?.trim() || ''}`.trim(),\r\n });\r\n const lastName = _DOM.createElement('p', { text: `${this.lastName.trim()},` });\r\n\r\n const fragment = new DocumentFragment();\r\n fragment.append(lastName, firstName);\r\n\r\n\r\n const details = this.isInactive == true ? _DOM.createElement('div', { class: 'inactiveDetails', node: fragment }) : _DOM.createElement('div', { class: 'details', node: fragment });\r\n\r\n // BUILD\r\n portrait.renderTo(this.rootElement);\r\n this.rootElement.appendChild(details);\r\n };\r\n\r\n /**\r\n * Renders the built Roster Card component to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the roster card to\r\n * @returns {RosterCard} Returns the current instances for chaining\r\n */\r\n RosterCard.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.rootElement);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return RosterCard;\r\n});\r\n","(function (global, factory) {\r\n global.RosterPicker = factory();\r\n})(this, function () {\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {\r\n allowMultiSelect: false,\r\n consumerRequired: false,\r\n isReadOnly: false,\r\n };\r\n let selectionDate;\r\n let selectedActive = 'No';\r\n let filterDate;\r\n let isCaseLoadDisabled;\r\n /**\r\n * Constructor function for creating a Roster Picker component.\r\n *\r\n * @constructor\r\n * @param {Object} options\r\n * @param {Boolean} [options.allowMultiSelect]\r\n * @param {Boolean} [options.consumerRequired]\r\n * @returns {RosterPicker}\r\n */\r\n function RosterPicker(options) {\r\n // Data Init\r\n this.options = _UTIL.mergeObjects(DEFAULT_OPTIONS, options);\r\n this.consumers = {};\r\n this.selectedConsumers = {};\r\n this.failedImageCache = new Set();\r\n this.groupCode = 'ALL';\r\n\r\n // DOM Ref\r\n this.rootElement = null;\r\n this.rosterWrapEle = null;\r\n this.rosterSearchInput = null;\r\n this.rosterCaseLoadInput = null;\r\n this.rosterInActiveInput = null;\r\n this.consumerCards = null;\r\n\r\n this._build();\r\n this._setupEvents();\r\n }\r\n\r\n /**\r\n * Builds the Roster Picker component HTML\r\n *\r\n * @function\r\n */\r\n RosterPicker.prototype._build = function () {\r\n this.rootElement = _DOM.createElement('div', { class: 'rosterPicker' });\r\n this.rosterWrapEle = _DOM.createElement('div', { class: 'rosterPicker__cardsWrap' });\r\n selectionDate = this.options.selectionDate;\r\n this.messageEleIcon = this.options.consumerRequired ? Icon.getIcon('error') : '';\r\n this.messageEle = _DOM.createElement('p', {\r\n class: 'rosterPicker__message',\r\n node: this.messageEleIcon,\r\n text: this.options.consumerRequired\r\n ? this.options.allowMultiSelect\r\n ? 'Consumer(s) is required'\r\n : 'Consumer is required'\r\n : 'Please select a consumer',\r\n });\r\n this.messageEle.classList.toggle(\r\n 'error',\r\n this.options.consumerRequired && !Object.keys(this.selectedConsumers).length,\r\n );\r\n\r\n this.rosterSearchInput = new Input({\r\n type: 'search',\r\n id: 'rosterPickerSearch',\r\n name: 'rosterPickerSearch',\r\n placeholder: 'Search...',\r\n });\r\n\r\n if (($.session.CaseNotesCaseloadRestriction === true && $.loadedApp === 'casenotes')\r\n || ($.session.WaitingListAssessmentCaseLoad === true && $.loadedApp === 'waitingList')) {\r\n isCaseLoadDisabled = true;\r\n this.groupCode = 'CAS';\r\n } else {\r\n isCaseLoadDisabled = false;\r\n this.groupCode = 'ALL'; \r\n }\r\n\r\n this.rosterCaseLoadInput = new Checkbox({\r\n label: 'Only show caseload',\r\n id: 'caseloadtoggle',\r\n name: 'caseload',\r\n checked: isCaseLoadDisabled,\r\n disabled: isCaseLoadDisabled,\r\n });\r\n\r\n this.rosterInActiveInput = new Checkbox({\r\n label: 'Show inactive individuals',\r\n id: 'inactivetoggle',\r\n name: 'inactive',\r\n checked: false,\r\n hidden: $.session.applicationName === 'Advisor',\r\n });\r\n\r\n this.rootElement.append(\r\n this.messageEle,\r\n this.rosterSearchInput.rootElement,\r\n this.rosterCaseLoadInput.rootElement,\r\n this.rosterInActiveInput.rootElement,\r\n this.rosterWrapEle,\r\n );\r\n };\r\n\r\n RosterPicker.prototype._buildMobileButton = function () {\r\n this.mobileRosterBtn = new Button({\r\n icon: 'peopleGroup',\r\n class: ['mobileRosterBtn'],\r\n });\r\n };\r\n\r\n /**\r\n * Sets up events for roster picker\r\n *\r\n * @function\r\n */\r\n RosterPicker.prototype._setupEvents = function () {\r\n this.rosterWrapEle.addEventListener('click', e => {\r\n if (e.target.dataset.target === 'pinCardIcon') {\r\n if (!e.target.parentNode.parentNode.classList.contains('pinned')) {\r\n e.target.parentNode.parentNode.classList.add('pinned');\r\n } else {\r\n e.target.parentNode.parentNode.classList.remove('pinned');\r\n }\r\n\r\n return;\r\n }\r\n\r\n if (e.target.dataset.target === 'rosterCard') {\r\n if (e.target.parentNode.classList.contains('selected')) {\r\n e.target.parentNode.classList.remove('selected');\r\n delete this.selectedConsumers[e.target.dataset.id];\r\n } else {\r\n if (!this.options.allowMultiSelect) this.clearSelectedConsumers();\r\n\r\n e.target.parentNode.classList.add('selected');\r\n this.selectedConsumers[e.target.dataset.id] = e.target;\r\n }\r\n\r\n this._updateMessage();\r\n\r\n const customEvent = new CustomEvent('onConsumerSelect');\r\n this.rosterWrapEle.dispatchEvent(customEvent);\r\n\r\n return;\r\n }\r\n });\r\n\r\n this.rosterWrapEle.addEventListener('error', e => {\r\n if (e.target.tagName === 'IMG') {\r\n this.failedImageCache.add(e.target.src);\r\n }\r\n });\r\n\r\n this.rosterSearchInput.onKeyup(\r\n _UTIL.debounce(e => {\r\n this._filterConsumersOnSearch(e);\r\n }, 500),\r\n );\r\n\r\n this.rosterSearchInput.onChange(e => {\r\n this._filterConsumersOnSearch(e);\r\n });\r\n this.rosterSearchInput.onClick(e => {\r\n console.log(e);\r\n // this._filterConsumersOnSearch(e);\r\n });\r\n\r\n this.rosterCaseLoadInput.onChange(async e => {\r\n this.groupCode = e.target.checked ? 'CAS' : 'ALL';\r\n await this.fetchConsumers();\r\n this.populate();\r\n });\r\n\r\n this.rosterInActiveInput.onChange(async e => {\r\n selectedActive = e.target.checked ? 'Yes' : 'No';\r\n await this.fetchConsumers();\r\n this.populate();\r\n });\r\n };\r\n\r\n /**\r\n * Filters roster picker on search\r\n *\r\n * @function\r\n * @param {Event} e\r\n */\r\n RosterPicker.prototype._filterConsumersOnSearch = function (e) {\r\n for (consumerID in this.consumers) {\r\n const firstName = this.consumers[consumerID].FN.toLowerCase().trim();\r\n const middleName = this.consumers[consumerID].MN.toLowerCase().trim();\r\n const lastName = this.consumers[consumerID].LN.toLowerCase().trim();\r\n\r\n const nameCombinations = [\r\n `${firstName} ${middleName} ${lastName}`,\r\n `${lastName}, ${firstName} ${middleName}`,\r\n `${firstName} ${lastName}`,\r\n `${lastName}, ${firstName}`,\r\n `${firstName} ${middleName}`,\r\n `${middleName} ${lastName}`,\r\n ];\r\n\r\n const isMatch = nameCombinations.some(combo => combo.indexOf(e.target.value.toLowerCase()) !== -1);\r\n if (isMatch) {\r\n this.consumers[consumerID].cardEle.parentNode.classList.remove('isClosed');\r\n } else {\r\n this.consumers[consumerID].cardEle.parentNode.classList.add('isClosed');\r\n }\r\n }\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n RosterPicker.prototype._scrollToTop = function () {\r\n this.rosterWrapEle.scrollTop = 0;\r\n };\r\n\r\n /**\r\n * Updates the status of the message element\r\n */\r\n RosterPicker.prototype._updateMessage = function () {\r\n let newIcon;\r\n\r\n if (this.options.consumerRequired && !Object.keys(this.selectedConsumers).length) {\r\n newIcon = Icon.getIcon('error');\r\n this.messageEle.classList.add('error');\r\n } else {\r\n newIcon = Icon.getIcon('checkmark');\r\n this.messageEle.classList.remove('error');\r\n }\r\n\r\n this.messageEle.replaceChild(newIcon, this.messageEleIcon);\r\n this.messageEleIcon = newIcon;\r\n };\r\n\r\n /**\r\n * Fetches consumers data by date, group and location\r\n *\r\n * @function\r\n * @param {Object} retrieveData\r\n */\r\n RosterPicker.prototype.fetchConsumers = async function () {\r\n try {\r\n const todaysDate = selectionDate == undefined ? dates.getTodaysDateObj() : selectionDate;\r\n todaysDate.setHours(0, 0, 0, 0);\r\n filterDate = dates.formatISO(todaysDate, { representation: 'date' });\r\n let daysBackDate = dates.subDays(todaysDate, $.session.defaultProgressNoteReviewDays);\r\n\r\n const data = await _UTIL.fetchData('getConsumersByGroupJSON', {\r\n groupCode: this.groupCode,\r\n retrieveId: '0',\r\n serviceDate: filterDate,\r\n daysBackDate: dates.formatISO(daysBackDate, { representation: 'date' }),\r\n isActive: selectedActive,\r\n });\r\n this.consumers = data.getConsumersByGroupJSONResult.reduce((acc, cv) => {\r\n acc[cv.id] = cv;\r\n return acc;\r\n }, {});\r\n } catch (error) {\r\n console.log('uh oh something went horribly wrong :(', error.message);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n /**\r\n * Populate consumer roster cards\r\n *\r\n * @function\r\n */\r\n RosterPicker.prototype.populate = function () {\r\n this.rosterWrapEle.innerHTML = '';\r\n\r\n Object.values(this.consumers)\r\n .sort((a, b) => {\r\n if (a.LN < b.LN) return -1;\r\n if (a.LN > b.LN) return 1;\r\n\r\n if (a.FN < b.FN) return -1;\r\n if (a.FN > b.FN) return 1;\r\n\r\n return 0;\r\n })\r\n .forEach(consumer => {\r\n // ROSTER CARD\r\n const gridAnimationWrapper = _DOM.createElement('div', { class: 'rosterCardWrap' });\r\n var inActive = false;\r\n\r\n if ($.session.applicationName === 'Gatekeeper') {\r\n if (consumer.statusCode == 'I' && consumer.IDa != undefined && consumer.IDa != '' && UTIL.formatDateToIso(consumer.IDa.split(' ')[0]) <= filterDate) {\r\n inActive = true;\r\n }\r\n }\r\n const rosterCard = new RosterCard({\r\n consumerId: consumer.id,\r\n firstName: consumer.FN,\r\n middleName: consumer.MN,\r\n lastName: consumer.LN,\r\n isInactive: inActive,\r\n });\r\n rosterCard.renderTo(gridAnimationWrapper);\r\n\r\n // PIN ICON\r\n const pinCardIcon = Icon.getIcon('pin');\r\n pinCardIcon.setAttribute('data-target', 'pinCardIcon');\r\n rosterCard.rootElement.appendChild(pinCardIcon);\r\n\r\n // BUILD\r\n this.rosterWrapEle.appendChild(gridAnimationWrapper);\r\n\r\n // SET REFERENCE TO DOM NODE ON DATA OBJ\r\n consumer.cardEle = rosterCard.rootElement;\r\n });\r\n };\r\n\r\n /**\r\n * On consumer select method\r\n *\r\n * @function\r\n * @param {Function} cbFunc Callback function to call\r\n */\r\n RosterPicker.prototype.onConsumerSelect = function (cbFunc, opts = {}) {\r\n this.rosterWrapEle.addEventListener('onConsumerSelect', () => {\r\n if (opts.idkyet) {\r\n const selectedConsumers = Object.keys(this.selectedConsumers).reduce((acc, cv) => {\r\n const consumer = this.consumers[cv];\r\n acc[cv] = {\r\n id: cv,\r\n firstName: consumer.FN,\r\n middleName: consumer.MN,\r\n lastName: consumer.LN,\r\n };\r\n return acc;\r\n }, {});\r\n\r\n cbFunc(selectedConsumers);\r\n return;\r\n }\r\n\r\n cbFunc(Object.keys(this.selectedConsumers));\r\n });\r\n };\r\n\r\n /**\r\n *\r\n * @function\r\n * @param {Boolean} isDisabled\r\n * @param {Boolean} [forceAll]\r\n */\r\n RosterPicker.prototype.toggleRosterDisabled = function (isDisabled, forceAll = false) {\r\n for (consumers in this.consumers) {\r\n if (!isDisabled) {\r\n this.consumers[consumers].cardEle.parentNode.classList.remove('disabled');\r\n continue;\r\n }\r\n\r\n if (forceAll) {\r\n this.consumers[consumers].cardEle.parentNode.classList.add('disabled');\r\n continue;\r\n }\r\n\r\n const isSelected = this.consumers[consumers].cardEle.parentNode.classList.contains('selected');\r\n const isLocked = this.consumers[consumers].cardEle.parentNode.classList.contains('locked');\r\n\r\n if (!isSelected && !isLocked) {\r\n this.consumers[consumers].cardEle.parentNode.classList.add('disabled');\r\n }\r\n }\r\n };\r\n\r\n /**\r\n * Updates the allowMultiSelect option property with given value\r\n *\r\n * @function\r\n * @param {Boolean} allowMultiSelect\r\n */\r\n RosterPicker.prototype.toggleMultiSelectOption = function (allowMultiSelect) {\r\n this.options.allowMultiSelect = allowMultiSelect;\r\n\r\n if (this.options.allowMultiSelect) {\r\n // clear selected consumers except locked consumers\r\n for (consumerID in this.selectedConsumers) {\r\n if (!this.selectedConsumers[consumerID].parentNode.classList.contains('locked')) {\r\n this.selectedConsumers[consumerID].parentNode.classList.remove('selected');\r\n delete this.selectedConsumers[consumerID];\r\n }\r\n }\r\n }\r\n };\r\n\r\n /**\r\n * Removes selected consumer\r\n *\r\n * @function\r\n */\r\n RosterPicker.prototype.clearSelectedConsumers = function () {\r\n for (consumerID in this.selectedConsumers) {\r\n this.selectedConsumers[consumerID].parentNode.classList.remove('selected');\r\n this.selectedConsumers[consumerID].parentNode.classList.remove('locked');\r\n this.selectedConsumers[consumerID].parentNode.classList.remove('disabled');\r\n delete this.selectedConsumers[consumerID];\r\n }\r\n };\r\n\r\n /**\r\n * Selects consumer(s) in roster picker\r\n *\r\n * @function\r\n * @param {Array} consumerIds\r\n */\r\n RosterPicker.prototype.setSelectedConsumers = function (consumerIds, lockdown = false) {\r\n this.clearSelectedConsumers();\r\n\r\n consumerIds.forEach(cid => {\r\n this.selectedConsumers[cid] = this.consumers[cid].cardEle;\r\n this.consumers[cid].cardEle.parentNode.classList.add('selected');\r\n\r\n if (lockdown) {\r\n this.consumers[cid].cardEle.parentNode.classList.add('locked');\r\n }\r\n });\r\n\r\n this._updateMessage();\r\n\r\n this._scrollToTop();\r\n };\r\n\r\n /**\r\n * Renders the built Roster Picker component to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the roster picker to\r\n * @returns {RosterPicker} Returns the current instances for chaining\r\n */\r\n RosterPicker.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.rootElement);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return RosterPicker;\r\n});\r\n","(function (global, factory) {\r\n global.WarningPopup = factory();\r\n})(this, function () {\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {\r\n className: null,\r\n };\r\n\r\n function WarningPopup(options) {\r\n // Data Init\r\n this.options = _UTIL.mergeObjects(DEFAULT_OPTIONS, options);\r\n this.displayStatus = null;\r\n\r\n // DOM Ref\r\n this.dialog = null;\r\n this.messageEle = null;\r\n this.confirmButton = null;\r\n this.cancelButton = null;\r\n\r\n this._build();\r\n }\r\n\r\n WarningPopup.prototype._build = function () {\r\n this.dialog = new Dialog({ hideX: false, className: this.options.className }); \r\n\r\n this.messageEle = _DOM.createElement('p', {\r\n class: 'confirmation__message',\r\n });\r\n\r\n const btnWrap = _DOM.createElement('div', { class: 'button-wrap' });\r\n this.confirmButton = new Button({\r\n text: 'Yes',\r\n name: 'confirm',\r\n icon: 'checkmark', \r\n });\r\n this.cancelButton = new Button({\r\n text: 'No',\r\n name: 'cancel',\r\n icon: 'close',\r\n });\r\n\r\n this.confirmButton.renderTo(btnWrap);\r\n this.cancelButton.renderTo(btnWrap);\r\n\r\n this.dialog.dialog.appendChild(this.messageEle);\r\n this.dialog.dialog.appendChild(btnWrap);\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n WarningPopup.prototype._setupEvents = function (cbFunc) {\r\n this.dialog.dialog.addEventListener('click', e => {\r\n console.log(e.target);\r\n cbFunc();\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n WarningPopup.prototype.show = function (message) {\r\n if (this.displayStatus === 'open') return;\r\n\r\n if (message) this.messageEle.innerText = message;\r\n this.dialog.show();\r\n this.displayStatus = 'open';\r\n\r\n return new Promise((resolve, reject) => {\r\n const callbackFunction = e => {\r\n // e.target is confirm or cancel?\r\n this.dialog.dialog.removeEventListener('click', callbackFunction);\r\n this.close();\r\n resolve(e.target.name);\r\n };\r\n\r\n this.dialog.dialog.addEventListener('click', callbackFunction);\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n WarningPopup.prototype.close = function () {\r\n this.dialog.close();\r\n this.displayStatus = 'closed';\r\n };\r\n\r\n /**\r\n * Renders the built Confirmation Popup element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the Confirmation Popup to\r\n * @returns {WarningPopup} Returns the current instances for chaining\r\n */\r\n WarningPopup.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.dialog.dialog);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return WarningPopup;\r\n});\r\n","(function (global, factory) {\r\n global.Attachments = factory();\r\n})(this, function () {\r\n /**\r\n * @constructor\r\n * @param {Object} options\r\n * @param {String} options.id Id for input, use to link it with label. Also used for name attribute.\r\n * @param {String} options.type HTML Input type\r\n * @param {String} options.label Text for label input\r\n * @param {Boolean} [options.hidden] Whether to show or hide the input\r\n */\r\n function File(options) {\r\n // Data Init\r\n this.options = _DOM.separateHTMLAttribrutes(options);\r\n this.options.attributes.name = this.options.attributes.id;\r\n\r\n // DOM Ref\r\n this.rootElement = null;\r\n this.input = null;\r\n this.labelEle = null;\r\n\r\n this._build();\r\n }\r\n\r\n /**\r\n * @function\r\n */\r\n File.prototype._build = function () {\r\n // INPUT WRAP\r\n const classArray = ['inputGroup', 'file', `${this.options.attributes.id}`];\r\n const inputGroup = _DOM.createElement('div', {\r\n class: this.options.hidden ? [...classArray, 'inputGroup--hidden'] : classArray,\r\n });\r\n\r\n // INPUT & LABEL\r\n this.input = _DOM.createElement('input', { ...this.options.attributes });\r\n this.labelEle = _DOM.createElement('label', {\r\n text: this.options.label,\r\n for: this.options.attributes.id,\r\n });\r\n\r\n inputGroup.append(this.labelEle, this.input);\r\n\r\n this.rootElement = inputGroup;\r\n };\r\n\r\n /**\r\n * Renders the built File Input element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the input to\r\n * @returns {Input} Returns the current instances for chaining\r\n */\r\n File.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.rootElement);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * @constructor\r\n */\r\n function Attachments(options) {\r\n // Data Init\r\n this.options = options;\r\n this.options.type = 'file';\r\n this.inputs = {};\r\n this.filenamelength = 14;\r\n\r\n // DOM Ref\r\n this.rootElement = null;\r\n\r\n this._build();\r\n this._setupEvents();\r\n }\r\n\r\n /**\r\n * @function\r\n */\r\n Attachments.prototype._build = function () {\r\n this.rootElement = _DOM.createElement('div', { class: 'attachments' });\r\n\r\n const input = new File({ ...this.options });\r\n\r\n input.renderTo(this.rootElement);\r\n\r\n this.inputs[this.options.id] = input;\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n Attachments.prototype._setupEvents = function (cbFunc) {\r\n this.rootElement.addEventListener('change', e => {\r\n const targetID = e.target.id;\r\n\r\n // check file type\r\n const forbiddenTypes = new RegExp('(audio/)|(video/)');\r\n const isFileTypeValid = _UTIL.validateFileType(e, forbiddenTypes);\r\n if (!isFileTypeValid) return;\r\n\r\n // NEW INPUT\r\n const newInputId = _UTIL.autoIncrementId(targetID);\r\n const newInputInstance = new File({\r\n type: 'file',\r\n label: 'Add Attachment',\r\n id: newInputId,\r\n });\r\n this.inputs[newInputId] = newInputInstance;\r\n this.inputs[targetID].rootElement.insertAdjacentElement('beforebegin', newInputInstance.rootElement);\r\n\r\n // update target attachment\r\n this.inputs[targetID].rootElement.classList.add('hasFile');\r\n this.inputs[targetID].labelEle.innerText = _UTIL.truncateFilename(e.target.files[0].name, this.filenamelength);\r\n const deleteIcon = Icon.getIcon('delete');\r\n this.inputs[targetID].labelEle.insertBefore(deleteIcon, this.inputs[targetID].labelEle.firstChild);\r\n deleteIcon.addEventListener('click', e => {\r\n e.stopPropagation();\r\n this.inputs[targetID].rootElement.remove();\r\n delete this.inputs[targetID];\r\n // const customEvent = new CustomEvent('fileDelete', { bubbles: true });\r\n // this.rootElement.dispatchEvent(customEvent);\r\n });\r\n });\r\n };\r\n\r\n /**\r\n * @function\r\n */\r\n Attachments.prototype._viewAttachment = function (attachmentId) {\r\n const action = `${$.webServer.protocol}://${$.webServer.address}:${$.webServer.port}/${$.webServer.serviceName}/viewCaseNoteAttachment/`;\r\n\r\n const form = document.createElement('form');\r\n form.setAttribute('action', action);\r\n form.setAttribute('method', 'POST');\r\n form.setAttribute('target', '_blank');\r\n form.setAttribute('enctype', 'application/json');\r\n form.setAttribute('success', res => JSON.stringify(res));\r\n\r\n const tokenInput = document.createElement('input');\r\n tokenInput.setAttribute('name', 'token');\r\n tokenInput.setAttribute('value', $.session.Token);\r\n tokenInput.id = 'token';\r\n\r\n const attachmentInput = document.createElement('input');\r\n attachmentInput.setAttribute('name', 'attachmentId');\r\n attachmentInput.setAttribute('value', attachmentId);\r\n attachmentInput.id = 'attachmentId';\r\n\r\n form.appendChild(tokenInput);\r\n form.appendChild(attachmentInput);\r\n form.style.position = 'absolute';\r\n form.style.opacity = '0';\r\n\r\n document.body.appendChild(form);\r\n\r\n form.submit();\r\n };\r\n\r\n /**\r\n * This does not add a file input, rather a view only attachment\r\n *\r\n * @function\r\n * @param {Object} newAttachments\r\n */\r\n Attachments.prototype.addAttachments = function (newAttachments) {\r\n newAttachments.forEach(newAttachment => {\r\n const inputGroup = _DOM.createElement('div', { class: ['file', 'hasFile'] });\r\n\r\n const label = _DOM.createElement('div', {\r\n class: 'fakelabel',\r\n text: _UTIL.truncateFilename(newAttachment.description, this.filenamelength),\r\n });\r\n\r\n const deleteIcon = Icon.getIcon('delete');\r\n\r\n label.insertBefore(deleteIcon, label.firstChild);\r\n inputGroup.append(label);\r\n\r\n inputGroup.addEventListener('click', e => {\r\n if (e.target === deleteIcon) {\r\n const customEvent = new CustomEvent('fileDelete', {\r\n bubbles: true,\r\n detail: newAttachment.attachmentId,\r\n });\r\n this.rootElement.dispatchEvent(customEvent);\r\n return;\r\n } else {\r\n //this._viewAttachment(newAttachment.attachmentId);\r\n caseNotesAjax.viewCaseNoteAttachment(newAttachment.attachmentId);\r\n }\r\n });\r\n\r\n this.rootElement.append(inputGroup);\r\n });\r\n };\r\n\r\n /**\r\n * Clears out all attachments, does not delete them\r\n *\r\n * @function\r\n */\r\n Attachments.prototype.clear = function () {\r\n this.inputs = {};\r\n\r\n this.rootElement.innerHTML = '';\r\n\r\n const input = new File({ ...this.options });\r\n input.renderTo(this.rootElement);\r\n this.inputs[this.options.id] = input;\r\n };\r\n\r\n return Attachments;\r\n});\r\n","(function (global, factory) {\r\n global.Button = factory();\r\n})(this, function () {\r\n //=========================\r\n // MAIN LIB\r\n //-------------------------\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {\r\n text: null,\r\n type: 'button',\r\n icon: null,\r\n style: 'primary',\r\n styleType: 'contained',\r\n disabled: false,\r\n class: [],\r\n };\r\n\r\n /**\r\n * Constructor function for creating a Button component.\r\n *\r\n * @constructor\r\n * @param {Object} options\r\n * @param {String} options.type submit or button (don't use reset)\r\n * @param {String} [options.text] button text\r\n * @param {String} [options.name] button name\r\n * @param {String} [options.value] button value\r\n * @param {String} [options.icon] icon to include\r\n * @param {String} [options.style] primary(blue), secondary(green), danger(red), warning(yellow)\r\n * @param {String} [options.styleType] contained(filled), outlined(border, no fill), text(no fill/border)\r\n * @param {Array} [options.class] additional css classes to add ['class1', 'class2']\r\n * @returns {Button}\r\n *\r\n * @example\r\n * const saveButton = new Button({\r\n * text: 'save',\r\n * });\r\n */\r\n function Button(options) {\r\n // Data Init\r\n this.options = _DOM.separateHTMLAttribrutes(_UTIL.mergeObjects(DEFAULT_OPTIONS, options));\r\n\r\n // DOM Ref\r\n this.button = null;\r\n\r\n this._build();\r\n }\r\n\r\n /**\r\n * Builds the Button element component HTML\r\n *\r\n * @function\r\n */\r\n Button.prototype._build = function () {\r\n const classes = ['button', this.options.style, this.options.styleType, ...this.options.class];\r\n this.button = _DOM.createElement('button', {\r\n class: this.options.hidden ? [...classes, 'button--hidden'] : classes,\r\n type: this.options.attributes.type,\r\n name: this.options.attributes.name,\r\n value: this.options.attributes.value,\r\n disabled: this.options.attributes.disabled,\r\n });\r\n\r\n if (this.options.icon) {\r\n if (this.options.text) {\r\n const textNode = document.createTextNode(this.options.text);\r\n this.button.append(Icon.getIcon(this.options.icon), textNode);\r\n this.button.classList.add('button--icon');\r\n } else {\r\n this.button.appendChild(Icon.getIcon(this.options.icon));\r\n this.button.classList.add('button--icon-only');\r\n }\r\n } else {\r\n this.button.innerText = this.options.text;\r\n }\r\n };\r\n\r\n /**\r\n * Handles button click event\r\n *\r\n * @function\r\n * @param {Function} cbFunc Callback function to call\r\n */\r\n Button.prototype.onClick = function (cbFunc) {\r\n this.button.addEventListener('click', e => {\r\n e.preventDefault();\r\n if (cbFunc) cbFunc(e);\r\n });\r\n };\r\n\r\n /**\r\n * Toggles button disabled state, if true input is disabled\r\n *\r\n * @function\r\n * @param {Boolean} isDisbled\r\n */\r\n Button.prototype.toggleDisabled = function (isDisbled) {\r\n this.button.disabled = isDisbled;\r\n };\r\n\r\n /**\r\n * Toggles button visibility state, if true input is hidden\r\n *\r\n * @function\r\n * @param {Boolean} isHidden\r\n */\r\n Button.prototype.toggleVisibility = function (isHidden) {\r\n this.button.classList.toggle('button--hidden', isHidden);\r\n };\r\n\r\n Button.prototype.updateText = function (newText) {\r\n this.button.innerText = '';\r\n\r\n const textNode = document.createTextNode(newText);\r\n\r\n if (this.options.icon) {\r\n this.button.append(Icon.getIcon(this.options.icon));\r\n }\r\n\r\n this.button.append(textNode);\r\n };\r\n\r\n /**\r\n * Renders the built Button element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the Button to\r\n * @returns {Button} Returns the current instances for chaining\r\n */\r\n Button.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.button);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return Button;\r\n});\r\n","(function (global, factory) {\r\n global.Checkbox = factory();\r\n})(this, function () {\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {\r\n note: null,\r\n };\r\n\r\n /**\r\n * Constructor function for creating a Checkbox component.\r\n *\r\n * @constructor\r\n * @param {Object} options\r\n * @param {String} options.id Id for input, use to link it with label. Also used for name attribute.\r\n * @param {String} options.label Text for label input\r\n * @param {Boolean} [options.required] Whether input is required for submission\r\n * @param {String} [options.note] Text for input note/message, displayed underneath input field\r\n * @param {Boolean} [options.hidden] Whether to show or hide the input\r\n * @param {Boolean} [options.toggle] *Checkbox only (instead of checkbox you will get a toggle button)\r\n * @returns {Checkbox}\r\n *\r\n * @example\r\n * const fnInput = new Checkbox({\r\n * label: 'First Name',\r\n * id: 'firstName'\r\n * });\r\n */\r\n function Checkbox(options) {\r\n // Data Init\r\n this.options = _DOM.separateHTMLAttribrutes(_UTIL.mergeObjects(DEFAULT_OPTIONS, options));\r\n this.options.attributes.name = this.options.attributes.id;\r\n this.options.attributes.type = 'checkbox';\r\n\r\n // DOM Ref\r\n this.rootElement = null;\r\n this.inputWrap = null;\r\n this.input = null;\r\n\r\n this._build();\r\n }\r\n\r\n /**\r\n * Builds the checkbox component HTML\r\n *\r\n * @function\r\n * @returns {Checkbox} Current instances for chaining\r\n */\r\n Checkbox.prototype._build = function () {\r\n // CHECKBOX WRAP\r\n const classArray = ['inputGroup', `${this.options.attributes.id}`];\r\n this.options.toggle ? classArray.push('checkbox_toggle') : classArray.push('checkbox');\r\n this.rootElement = _DOM.createElement('div', {\r\n class: this.options.hidden ? [...classArray, 'inputGroup--hidden'] : classArray,\r\n });\r\n\r\n // CHECKBOX & LABEL\r\n this.input = _DOM.createElement('input', { ...this.options.attributes });\r\n this.labelEle = _DOM.createElement('label', {\r\n text: this.options.label,\r\n for: this.options.attributes.id,\r\n });\r\n this.rootElement.appendChild(this.input);\r\n this.rootElement.appendChild(this.labelEle);\r\n\r\n // CHECKBOX NOTE\r\n if (this.options.note) {\r\n const inputNote = _DOM.createElement('div', { class: 'inputGroup__note', text: this.options.note });\r\n this.rootElement.appendChild(inputNote);\r\n }\r\n };\r\n\r\n /**\r\n * Sets value of checkbox\r\n *\r\n * @function\r\n * @param {String | Number} value\r\n */\r\n Checkbox.prototype.setValue = function (value) {\r\n if (value === '') return;\r\n \r\n this.input.checked = value;\r\n };\r\n\r\n /**\r\n * Returns value of checkbox\r\n *\r\n * @function\r\n * @returns {String} Value of checkbox\r\n */\r\n Checkbox.prototype.getValue = function () {\r\n return this.input.checked;\r\n };\r\n\r\n /**\r\n * Clears checkbox value, sets it to ''\r\n *\r\n * @function\r\n */\r\n Checkbox.prototype.clear = function () {\r\n this.input.checked = false;\r\n };\r\n\r\n /**\r\n * Toggles inputs required state, if true input is required\r\n *\r\n * @function\r\n * @param {Boolean} isRequired\r\n */\r\n Checkbox.prototype.toggleRequired = function (isRequired) {\r\n this.input.required = isRequired;\r\n };\r\n\r\n /**\r\n * Toggles checkbox disabled state, if true checkbox is disabled\r\n *\r\n * @function\r\n * @param {Boolean} isDisbled\r\n */\r\n Checkbox.prototype.toggleDisabled = function (isDisbled) {\r\n this.input.disabled = isDisbled;\r\n this.input.readOnly = isDisbled;\r\n };\r\n\r\n /**\r\n * Sets Custom Validity on checkbox\r\n *\r\n * @function\r\n * @param {String} message Empty string will unset invalid status\r\n */\r\n Checkbox.prototype.setValidtyError = function (message) {\r\n this.input.setCustomValidity(message);\r\n };\r\n\r\n /**\r\n * Handles checkbox change event\r\n *\r\n * @function\r\n * @param {Function} cbFunc Callback function to call\r\n */\r\n Checkbox.prototype.onChange = function (cbFunc) {\r\n this.input.addEventListener('input', e => {\r\n if (this.options.toggle) e.preventDefault();\r\n if (cbFunc) cbFunc(e);\r\n });\r\n };\r\n\r\n /**\r\n * Updates the text inside label element\r\n *\r\n * @param {String} newValue\r\n */\r\n Checkbox.prototype.updateLableValue = function (newValue) {\r\n if (_DOM.stringContainsHTML(newValue)) {\r\n this.labelEle.innerHTML = newValue;\r\n\r\n return;\r\n }\r\n\r\n this.labelEle.innerText = newValue;\r\n };\r\n\r\n /**\r\n * Renders the built checkbox element to the specified DOM node.\r\n *\r\n * @function\r\n * @param {Node} node DOM node to render the input to\r\n * @returns {Checkbox} Returns the current instances for chaining\r\n */\r\n Checkbox.prototype.renderTo = function (node) {\r\n if (node instanceof Node) {\r\n node.appendChild(this.rootElement);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n return Checkbox;\r\n});\r\n","(function (global, factory) {\r\n global.CheckboxGroup = factory();\r\n})(this, function () {\r\n //=======================================\r\n // MAIN LIB\r\n //---------------------------------------\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {\r\n groupLabel: null,\r\n fields: null,\r\n };\r\n\r\n /**\r\n * Constructor function for creating a CheckboxGroup component.\r\n *\r\n * @constructor\r\n * @param {Object} options\r\n * @param {Boolean} [options.disabled]\r\n * @param {Boolean} [options.required]\r\n * @returns {CheckboxGroup}\r\n */\r\n function CheckboxGroup(options) {\r\n // Data Init\r\n this.options = _UTIL.mergeObjects(DEFAULT_OPTIONS, options);\r\n this.inputs = {};\r\n\r\n // DOM Ref\r\n this.rootElement = null;\r\n this.groupLabelEle = null;\r\n\r\n this._build();\r\n }\r\n\r\n CheckboxGroup.prototype._build = function () {\r\n this.rootElement = _DOM.createElement('fieldset', { id: this.options.id });\r\n this.groupLabelEle = _DOM.createElement('legend', { text: this.options.groupLabel });\r\n this.rootElement.appendChild(this.groupLabelEle);\r\n\r\n this.options.fields.forEach(field => {\r\n let inputInstance = new Checkbox({ ...field, disabled: this.options.disabled, required: this.options.required });\r\n this.rootElement.appendChild(inputInstance.rootElement);\r\n this.inputs[field.id] = inputInstance;\r\n });\r\n };\r\n\r\n return CheckboxGroup;\r\n});\r\n","(function (global, factory) {\r\n global.Dialog = factory();\r\n})(this, function () {\r\n function Confirmation() {}\r\n\r\n function Alert() {}\r\n\r\n //=========================\r\n // MAIN LIB\r\n //-------------------------\r\n /**\r\n * Default configuration\r\n * @type {Object}\r\n */\r\n const DEFAULT_OPTIONS = {\r\n clickOutToClose: true,\r\n className: null,\r\n isModal: true,\r\n };\r\n\r\n /**\r\n * Constructor function for creating a Dialog component.\r\n *\r\n * @constructor\r\n * @param {Object} options\r\n * @param {Boolean} [options.isModal] Whether to display as basic dialog or modal dialog\r\n * @param {String} [options.className] Class name for