\";\n\n // determine the display text for each line item\n // based on each line item type\n if (item.isGeneric === true) {\n modalBody += \"Customer Entered Issue: \" + item.note;\n } else if (item.isRecommendedMaintenance === true) {\n modalBody += item.opCodeDescription ||\n item.consumerName ||\n item.consumerDescription ||\n item.name;\n } else if (item.isRecall) {\n modalBody += \"Recall: \";\n modalBody += item.recallData ? item.recallData.displayName : item.note;\n } else {\n modalBody += item.consumerName ||\n item.consumerDescription ||\n item.name ||\n item.opCodeDescription;\n }\n\n modalBody += \"
\";\n });\n\n modalBody += \"
Are you sure you want to switch to the selected department?\";\n var confirm = modalService.showYesNo('Please Confirm', modalBody, 'No', 'Yes');\n confirm.then(function(confirmed) {\n if (confirmed) {\n finishUp();\n }\n });\n } else {\n finishUp();\n }\n\n }\n };\n\n function initPanel() {\n var appt = vm.appointment,\n currTransId = appt ? appt.dealerTransportationTypeId : null;\n\n vm.departmentTransportationTypes =\n consumerAppointmentService.filterDepartmentTransportationTypes(vm.transportationTypes,\n vm.department.id);\n vm.defaultDropoffTransportationType =\n consumerAppointmentService.getDefaultDropOff(vm.departmentTransportationTypes);\n\n if (vm.departmentTransportationTypes.pickUpTransportationTypes.length > 0) {\n vm.defaultPickupTransportationType =\n consumerAppointmentService.getDefaultPickUp(vm.departmentTransportationTypes, vm.branding);\n }\n\n if (vm.departmentTransportationTypes.mobileGarageType.length > 0 &&\n vm.departmentTransportationTypes.mobileGarageType[0].showInConsumer === true) {\n vm.defaultMobileGarageTransortationType = vm.departmentTransportationTypes.mobileGarageType[0];\n }\n\n if (appt && appt.departmentId === vm.department.id) {\n if (vm.defaultPickupTransportationType && currTransId === vm.defaultPickupTransportationType.id) {\n vm.tripType = vm.defaultPickupTransportationType;\n vm.pickupLocation = vm.pickup;\n } else if (vm.defaultDropoffTransportationType &&\n currTransId === vm.defaultDropoffTransportationType.id) {\n vm.tripType = vm.defaultDropoffTransportationType;\n } else if (vm.defaultMobileGarageTransortationType &&\n currTransId === vm.defaultMobileGarageTransortationType.id) {\n vm.tripType = vm.defaultMobileGarageTransortationType;\n vm.pickupLocation = vm.pickup;\n }\n }\n }\n\n initPanel();\n\n $scope.$on(\"pickUpChanged\",\n function(e, newValue) {\n if (newValue && newValue.department.id === vm.department.id) {\n if (vm.tripType && !vm.tripType.isDropOff) {\n vm.pickupLocation = newValue.pickUp;\n vm.pickUpChanged();\n }\n\n }\n });\n };\n }\n})();\n\n(function () {\n 'use strict';\n\n ConsumerAppointmentEditVehicleOwnerInformationController.$inject = [\"$rootScope\", \"$scope\", \"APPOINTMENT_CUSTOMERTYPE\", \"appointmentUtilService\", \"consumerMessagesService\", \"SYSTEM_ENUMS\", \"rcUtilService\"];\n angular\n .module('redcap.consumer.appointments')\n .directive('consumerAppointmentEditVehicleOwnerInformation', consumerAppointmentEditVehicleOwnerInformation);\n\n function consumerAppointmentEditVehicleOwnerInformation() {\n return {\n restrict: 'A',\n templateUrl: 'app/areas/consumer/appointments/views/partials/edit-vehicle-owner-information.view.html',\n controller: ConsumerAppointmentEditVehicleOwnerInformationController,\n controllerAs: 'vm',\n scope: {},\n bindToController: {\n dealer: '<',\n appointment: '=',\n requiredfields: '=',\n vehicleFormSubmitted: '<',\n form: '=',\n ghostGarage: '<'\n }\n };\n }\n\n function ConsumerAppointmentEditVehicleOwnerInformationController($rootScope,\n $scope,\n APPOINTMENT_CUSTOMERTYPE,\n appointmentUtilService,\n consumerMessagesService,\n SYSTEM_ENUMS,\n rcUtilService) {\n this.$onInit = function() {\n let vm = this;\n\n vm.dmsProviderTypes = SYSTEM_ENUMS.dmsSystemEnum;\n vm.supportedCountries = SYSTEM_ENUMS.supportedCountries;\n vm.appointmentLanguages = SYSTEM_ENUMS.appointmentLanguages;\n vm.phoneTypes = SYSTEM_ENUMS.phoneTypes;\n vm.usStates = SYSTEM_ENUMS.usStates;\n vm.customerType = APPOINTMENT_CUSTOMERTYPE;\n vm.appointment.customerIsBusiness =\n vm.appointment.customerType === APPOINTMENT_CUSTOMERTYPE.business;\n vm.ghostGarage = parseInt(vm.ghostGarage);\n\n if (vm.appointment.customerState === \"\") {\n vm.appointment.customerState = null;\n }\n \n vm.disableCustomerFields = function() {\n return vm.appointment.customerId !== \"\";\n };\n\n vm.validation = {\n validEmail: function() {\n return rcUtilService.isValidEmail(vm.appointment.customerEmail);\n },\n combinedCustomerNameLength: function() {\n return appointmentUtilService.validateCombinedCustomerNameLength(vm.dealer.dmsSystem,\n vm.appointment.customerFirstName,\n vm.appointment.customerLastName,\n vm.appointment.customerIsBusiness);\n }\n };\n\n function checkPhoneType(phoneNumber) {\n if (phoneNumber && phoneNumber.length === 10) {\n vm.isPhoneNumberValidating = true;\n consumerMessagesService.checkPhoneNumber(phoneNumber, vm.dealer.dealerId)\n .then((response) => {\n vm.customerPhoneType = response;\n $rootScope.$broadcast('customerPhoneTypeChanged', vm.customerPhoneType);\n })\n .finally(() => {\n vm.isPhoneNumberValidating = false;\n });\n } else {\n vm.customerPhoneType = {type: vm.phoneTypes.unknown};\n vm.appointment.invalidPhone = true;\n }\n }\n\n vm.mobilePhoneUpdated = function(phoneNumber) {\n checkPhoneType(phoneNumber);\n };\n\n\n vm.displayAddressFields = function() {\n // false for first parameter from consumer pages always, because we don't have a show/hide address link\n return appointmentUtilService.displayAddressFields(false, true, vm.requiredfields);\n };\n\n vm.displayCountyCountry = function() {\n // false for first parameter from consumer pages always, because we don't have a show/hide address link\n return appointmentUtilService.displayCountyCountry(false, true, vm.requiredfields);\n };\n\n vm.displayLanguage = function() {\n // false for first parameter from consumer pages always, because we don't have a show/hide address link\n return appointmentUtilService.displayLanguage(false, true, vm.requiredfields);\n };\n\n vm.isBusinessUpdated = function() {\n vm.appointment.customerType = vm.appointment.customerIsBusiness\n ? vm.customerType.business\n : vm.customerType.individual;\n\n if (vm.appointment.customerType === vm.customerType.individual) {\n vm.appointment.customerCompany = null;\n }\n };\n\n if (vm.appointment.customerPhone) {\n checkPhoneType(vm.appointment.customerPhone);\n }\n\n $scope.$watch('consumerVehicleOwner',\n (newValue) => {\n vm.form = newValue;\n });\n };\n }\n})();\n\n(function () {\n 'use strict';\n\n ConsumerAppointmentEditVehicleInformationController.$inject = [\"$rootScope\", \"$scope\", \"$filter\", \"$window\", \"$timeout\", \"appointmentUtilService\", \"OLDER_VEHICLES\", \"SYSTEM_ENUMS\", \"rcUtilService\", \"consumerAppointmentService\"];\n angular\n .module('redcap.consumer.appointments')\n .directive('consumerAppointmentEditVehicleInformation', consumerAppointmentEditVehicleInformation);\n\n function consumerAppointmentEditVehicleInformation() {\n return {\n restrict: 'A',\n templateUrl: 'app/areas/consumer/appointments/views/partials/edit-vehicle-information.view.html',\n controller: ConsumerAppointmentEditVehicleInformationController,\n controllerAs: 'vm',\n scope: {},\n bindToController: {\n dealer: '<',\n appointment: ' { return r.type === vm.appointment.mileageType; });\n }\n\n\n vm.initialYMM = {\n year: null,\n make: '',\n model: '',\n vin: '',\n mileageType: _.find(vm.odometerTypes,\n (r) => { return r.type === vm.dealer.country.measurementType; })\n };\n\n vm.appendOlderVehicles = function(years) {\n if (vm.dealer.configValues.appointmentVehiclesRestricted === true) {\n return;\n }\n\n if (vm.dealer.dmsSystem !== vm.dmsEnum.CDK) {\n if (!years) {\n years = [];\n }\n\n years.push(OLDER_VEHICLES);\n }\n };\n\n vm.vehicleHasChanged = function() {\n let year = parseInt(vm.appointment.year);\n let make = vm.appointment.make.toUpperCase();\n let model = vm.appointment.model.toUpperCase();\n\n return year !== parseInt(vm.initialYMM.year) ||\n make !== vm.initialYMM.make.toUpperCase() ||\n model !== vm.initialYMM.model.toUpperCase();\n };\n\n vm.newVehicle = {\n make: null,\n mileage: null,\n model: null,\n vehicleId: null,\n vin: null,\n year: null,\n mileageType: _.find(vm.odometerTypes,\n (r) => { return r.type === vm.dealer.country.measurementType; })\n };\n\n vm.getYears = getYears;\n vm.updateMakes = updateMakes;\n vm.updateModels = updateModels;\n vm.modelSelected = modelSelected;\n vm.onSelectVehicle = onSelectVehicle;\n\n if (vm.appointment.id &&\n vm.appointment.year &&\n vm.appointment.make) {\n initVehicleSelection = true;\n vm.initialYMM.year = vm.appointment.year;\n vm.initialYMM.make = vm.appointment.make;\n vm.initialYMM.model = vm.appointment.model;\n vm.initialYMM.vin = vm.appointment.vin;\n vm.initialYMM.mileageType = _.find(vm.odometerTypes,\n (r) => { return r.type === vm.appointment.mileageType; });\n\n }\n\n if (vm.appointment.year === \"\") {\n vm.appointment.year = null;\n }\n\n if (vm.appointment.subModel === \"\") {\n vm.appointment.subModel = null;\n }\n\n vm.ensureVehicleYearInDropDown = function() {\n if (!vm.appointment.year || vm.appointment.year === \"\") return;\n\n let year = parseInt(vm.appointment.year);\n let exists = _.some(vm.vehicleYears,\n (yearToCompare) => {\n return parseInt(yearToCompare) !== year;\n });\n\n if (!exists && year !== \"\" & year !== null) {\n if (!vm.vehicleYears) {\n vm.vehicleYears = [];\n }\n\n vm.vehicleYears.push(year);\n }\n\n };\n\n vm.ensureVehicleMakeInDropDown = function() {\n let make = vm.appointment.make;\n let exists = _.some(vm.makes,\n (makeToCompare) => {\n return makeToCompare.makeCode.toLowerCase() === make.toLowerCase() ||\n makeToCompare.make.toLowerCase() === make.toLowerCase();\n });\n\n if (!exists) {\n if (!vm.makes) {\n vm.makes = [];\n }\n\n vm.makes.push({make: make, makeCode: make});\n }\n\n };\n\n vm.ensureVehicleModelInDropDown = function() {\n let model = vm.appointment.model;\n let exists = _.some(vm.models,\n (modelToCompare) => {\n return modelToCompare.modelCode.toLowerCase() === model.toLowerCase() ||\n modelToCompare.model.toLowerCase() === model.toLowerCase();\n });\n\n if (!exists) {\n if (!vm.models) {\n vm.models = [];\n }\n\n vm.models.push({model: model, modelCode: model});\n }\n\n };\n\n vm.validation = {\n valYear: function() {\n return rcUtilService.isValidYear(vm.appointment.year, 1900, vm.maxVehicleYear);\n }\n };\n\n vm.vehicleKeyDown = function(e) {\n rcUtilService.vehicleKeyDown(e);\n };\n\n vm.switchYMMToDropDowns = function() {\n vm.ymmOlderVehicles = false;\n vm.appointment.year = null;\n vm.appointment.make = null;\n vm.appointment.model = null;\n\n };\n\n function getDealerTripTypeId() {\n return vm.dealer.configValues.appointmentTripTypeId;\n }\n\n function getYears() {\n if (vm.vehicleYears) return;\n vm.loadingYears = true;\n\n consumerAppointmentService.getVehicleYears(vm.dealer.dealerId, getDealerTripTypeId()).then(\n (years) => {\n vm.appendOlderVehicles(years);\n vm.vehicleYears = years;\n vm.ensureVehicleYearInDropDown();\n\n if (initVehicleSelection && vm.vehicleYears) {\n $timeout(() => {\n updateMakes();\n },\n 1);\n }\n }).finally(() => {\n vm.loadingYears = false;\n });\n }\n\n function switchYMMToTextInputs() {\n vm.ymmOlderVehicles = true;\n vm.appointment.year = null;\n }\n\n function updateMakes() {\n if (vm.appointment.year === OLDER_VEHICLES) {\n switchYMMToTextInputs();\n\n return;\n }\n\n vm.loadingMakes = true;\n consumerAppointmentService\n .getMakesInYear(vm.dealer.dealerId, vm.appointment.year, getDealerTripTypeId()).then(\n (makes) => {\n vm.makes = makes;\n\n if (initVehicleSelection && vm.makes) {\n $timeout(() => {\n vm.ensureVehicleMakeInDropDown();\n let compareTo = vm.appointment.make.toLowerCase();\n let findMake = $filter('filter')(vm.makes,\n (item) => {\n return item.makeCode.toLowerCase() === compareTo ||\n item.make.toLowerCase() === compareTo;\n },\n true);\n\n if (findMake && findMake.length > 0) {\n vm.selectedMake = findMake[0];\n vm.appointment.make = vm.selectedMake ? vm.selectedMake.makeCode : null;\n }\n\n updateModels();\n },\n 1);\n }\n }).finally(() => {\n // below will set focus to the make input after all of the \n // values have been populated\n let makeElement = $window.document.getElementById('make');\n\n if (makeElement) {\n $timeout(() => {\n makeElement.focus();\n },\n 0);\n }\n\n if (vm.appointment.year && vm.appointment.make && vm.appointment.model) {\n $rootScope.$broadcast('vehicleUpdated');\n }\n\n vm.loadingMakes = false;\n });\n }\n\n function updateModels() {\n vm.model = '';\n vm.appointment.make = vm.selectedMake ? vm.selectedMake.makeCode : null;\n vm.appointment.selectedDMSMake = vm.selectedMake;\n\n if (vm.appointment.make) {\n vm.loadingModels = true;\n consumerAppointmentService.getModelsForMakeInYear(vm.dealer.dealerId,\n vm.appointment.year,\n vm.selectedMake.make,\n getDealerTripTypeId()).then((models) => {\n vm.models = models;\n\n if (initVehicleSelection) {\n $timeout(() => {\n\n vm.ensureVehicleModelInDropDown();\n let compareTo = vm.appointment.model.toLowerCase();\n let findModel = $filter('filter')(vm.models,\n (item) => {\n return item.modelCode.toLowerCase() === compareTo ||\n item.model.toLowerCase() === compareTo;\n },\n true);\n\n if (findModel && findModel.length > 0) {\n vm.selectedModel = findModel[0];\n vm.appointment.model = vm.selectedModel ? vm.selectedModel.modelCode : null;\n }\n\n vm.appointment.selectedDMSModel = vm.selectedModel;\n vm.loadingSubModels = true;\n consumerAppointmentService.getSubModelsForMakeInYear(vm.dealer.dealerId,\n vm.appointment.year,\n vm.selectedMake.make,\n vm.selectedModel.model).then((submodels) => {\n vm.subModels = submodels;\n vm.loadingSubModels = false;\n $timeout(() => {\n let compareToSub = vm.appointment.subModel?.toLowerCase();\n let findSubModel = $filter('filter')(vm.subModels,\n (item) => {\n return item.toLowerCase() === compareToSub;\n },\n true);\n\n if (findSubModel && findSubModel.length > 0) {\n vm.selectedSubModel = findSubModel[0];\n vm.appointment.subModel = vm.selectedSubModel;\n }\n },\n 1);\n })\n .finally(() => {\n vm.loadingSubModels = false;\n });\n },\n 1);\n }\n\n initVehicleSelection = false;\n }).finally(() => {\n // below will set focus to the model input after all of the \n // values have been populated\n let modelElement = $window.document.getElementById('model');\n\n if (modelElement) {\n $timeout(() => {\n modelElement.focus();\n },\n 0);\n }\n\n if (vm.appointment.year && vm.appointment.make && vm.appointment.model) {\n $rootScope.$broadcast('vehicleUpdated');\n }\n\n vm.loadingModels = false;\n });\n } else {\n vm.models = null;\n }\n }\n\n function modelSelected() {\n vm.appointment.model = vm.selectedModel ? vm.selectedModel.modelCode : null;\n vm.appointment.selectedDMSModel = vm.selectedModel;\n\n if (vm.appointment.model) {\n vm.loadingSubModels = true;\n\n // If we have altered the YMM from the original and we have a VIN, we need to clear it out\n if (vm.vehicleHasChanged()) {\n vm.appointment.vin = null;\n } else if (vm.initialYMM.vin) {\n vm.appointment.vin = vm.initialYMM.vin;\n }\n\n consumerAppointmentService.getSubModelsForMakeInYear(vm.dealer.dealerId,\n vm.appointment.year,\n vm.appointment.selectedDMSMake.make,\n vm.appointment.selectedDMSModel.model)\n .then((result) => {\n vm.subModels = result;\n vm.loadingSubModels = false;\n })\n .finally(() => {\n vm.loadingSubModels = false;\n\n if (vm.appointment.year && vm.appointment.make && vm.appointment.model) {\n $rootScope.$broadcast('vehicleUpdated');\n }\n });\n }\n }\n\n function onSelectVehicle(inputVehicle, initial = false) {\n if (!initial && !vm.needsScheduleTransportationUpdate) showUpdateWarning();\n let vehicle = vm.vehicleSelected;\n\n if (!vehicle.makeName) {\n vehicle.makeName = vehicle.make;\n }\n\n if (!vehicle.modelName) {\n vehicle.modelName = vehicle.model;\n }\n\n if (vm.appointment.id) {\n vehicle.mileage = vm.appointment.mileage;\n }\n\n angular.extend(vm.appointment, vehicle);\n\n vm.appointment.selectedDMSMake = {\n make: vehicle.make,\n makeName: vehicle.makeName\n };\n\n vm.appointment.selectedDMSModel = {\n modelName: vehicle.modelName,\n model: vehicle.model\n };\n\n if (vm.appointment.mileage) {\n vm.appointment.mileage = parseInt(vm.appointment.mileage);\n }\n\n if (!vm.appointment.id) {\n vm.appointment.mileage = null;\n }\n\n if (!vm.appointment.year && !vm.appointment.make && !vm.appointment.model) {\n vm.makes = [];\n vm.models = [];\n } else {\n $rootScope.$broadcast('vehicleUpdated');\n $scope.$broadcast('angularValidation.revalidate', 'year');\n $scope.$broadcast('angularValidation.revalidate', 'make');\n $scope.$broadcast('angularValidation.revalidate', 'model');\n $scope.$broadcast('angularValidation.revalidate', 'mileage');\n }\n }\n\n vm.customerNameRequired = function() {\n return appointmentUtilService.customerNameRequired(vm.dealer.dmsSystem);\n };\n\n function showUpdateWarning() {\n $rootScope.$broadcast('showUpdateWarning');\n vm.needsScheduleTransportationUpdate = true;\n }\n\n $scope.$watch('consumerVehicleInformation',\n (newValue) => {\n vm.form = newValue;\n });\n\n $scope.$watch('vm.initialvehicleselected',\n (newValue) => {\n if (newValue && newValue.vehicleId) {\n vm.vehicleSelected = newValue;\n } else if (newValue) {\n vm.vehicleSelected = vm.newVehicle;\n vm.newVehicle.year = newValue.year;\n vm.newVehicle.make = newValue.make;\n vm.newVehicle.model = newValue.model;\n vm.newVehicle.vin = newValue.vin;\n }\n\n if (vm.vehicleSelected) {\n onSelectVehicle(null, true);\n }\n });\n };\n }\n})();\n\n(function () {\n 'use strict';\n\n ConsumerAppointmentEditAppointmentDetailsController.$inject = [\"$scope\", \"$rootScope\", \"$filter\", \"$timeout\", \"APPOINTMENT_TRANSPORTATION_TYPE_GROUP\", \"consumerAppointmentService\", \"appointmentUtilService\"];\n angular\n .module('redcap.consumer.appointments')\n .directive('consumerAppointmentEditAppointmentDetails', consumerAppointmentEditAppointmentDetails);\n\n function consumerAppointmentEditAppointmentDetails() {\n return {\n restrict: 'A',\n templateUrl: 'app/areas/consumer/appointments/views/partials/edit-appointment-details.view.html',\n controller: ConsumerAppointmentEditAppointmentDetailsController,\n controllerAs: 'vm',\n scope: {},\n bindToController: {\n dealer: '<',\n tripTypes: '<',\n transmissions: '<',\n configValues: '=',\n appointment: '<',\n tripType: '=',\n pickupLocation: '<',\n\t\t\t\tlastserviceadvisor: '<',\n detailsformsubmitted: '<',\n defaulttopreviousadvisor: '<',\n originalappointmenthasloaner: '<',\n ghostGarage: '<',\n department: '<',\n departmentHours: '<',\n departmentConstraints: '<',\n form: '='\n }\n };\n }\n\n function ConsumerAppointmentEditAppointmentDetailsController($scope,\n $rootScope,\n $filter,\n $timeout,\n APPOINTMENT_TRANSPORTATION_TYPE_GROUP,\n consumerAppointmentService,\n appointmentUtilService) {\n this.$onInit = function() {\n let vm = this;\n let today = moment(new Date());\n\n function updateDepartmentData() {\n let tripTypes = vm.tripTypes;\n let configs = vm.configValues;\n\n vm.displayLoanerSections =\n consumerAppointmentService.displayLoanerSections(tripTypes, vm.originalappointmenthasloaner);\n vm.dropOffTransportationTypes =\n $filter('filter')(tripTypes.dropOffTransportationTypes, {showInConsumer: true}, true);\n vm.pickupTransportationTypes =\n $filter('filter')(tripTypes.pickUpTransportationTypes, {showInConsumer: true}, true);\n vm.defaultPickupTripType = consumerAppointmentService.getDefaultPickUp(tripTypes, configs);\n\n vm.defaultDropOff = consumerAppointmentService.getDefaultDropOff(tripTypes);\n vm.defaultPickUp = consumerAppointmentService.getDefaultPickUp(tripTypes, configs);\n vm.defaultMobile = consumerAppointmentService.getMobileTransportationType(tripTypes);\n }\n\n vm.transTypeGroups = APPOINTMENT_TRANSPORTATION_TYPE_GROUP;\n vm.ghostGarage = parseInt(vm.ghostGarage);\n // GET THE DEFAULT DROP OFF TRIP TYPE\n vm.isApptPast = false;\n vm.daysToDisplay = 7;\n vm.needLoaner = null;\n vm.time = null;\n vm.minCalendarDate = null;\n\n vm.defaultPickUpLoaner = null;\n vm.defaultDropOffLoaner = null;\n\n // Time slots\n vm.availSlotErrors = null;\n vm.availTimeSlots = null;\n vm.availTimeSlotsVisualPicker = null;\n vm.selectedDay = null;\n vm.disabledDates = [];\n vm.minDate = moment().format('MM/DD/YYYY');\n vm.maxDate = moment().add(180, 'days').format('MM/DD/YYYY');\n\n vm.pickupTimeChanged = pickupTimeChanged;\n vm.transmissionChanged = transmissionChanged;\n vm.getDealerSlots = getDealerSlots;\n vm.transportationUpdated = transportationUpdated;\n vm.advisorUpdated = advisorUpdated;\n vm.defaultNoLoanerStartAtDealer = null;\n vm.defaultDropOff = null;\n vm.showRadioButtons = false;\n vm.needsScheduleTransportationUpdate = false;\n\n function setTransportation() {\n if (vm.tripType) {\n if (vm.tripType.isPickup === true) {\n vm.transportation = vm.transTypeGroups.pickup;\n } else if (vm.tripType.isDropOff === true) {\n vm.transportation = vm.transTypeGroups.dropoff;\n } else {\n vm.transportation = vm.transTypeGroups.mobile;\n }\n }\n\n }\n\n\n function isApptInPast() {\n if (vm.availTimeSlots &&\n moment.tz(vm.appointment.apptDateTime, vm.availTimeSlots.timeZoneId)\n .isBefore(moment.tz(vm.availTimeSlots.timeZoneId))) {\n vm.isApptPast = true;\n } else {\n vm.isApptPast = false;\n }\n }\n\n function resetLoanerOptions() {\n if (vm.tripType.hasLoaner) {\n vm.needLoaner = 'true';\n } else {\n vm.needLoaner = 'false';\n }\n }\n\n function init(departmentUpdated) {\n getServiceAdvisors();\n updateDepartmentData();\n\n let cnt = 0;\n\n let setTripType = function(departmentUpdated) {\n if (vm.showRadioButtons === false) {\n if (vm.defaultDropOff) vm.tripType = vm.defaultDropOff;\n if (vm.defaultPickUp) vm.tripType = vm.defaultPickUp;\n if (vm.defaultMobile) vm.tripType = vm.defaultMobile;\n } else {\n if (vm.tripType) {\n if (vm.tripType.isDropOff) {\n vm.tripType = vm.defaultDropOff;\n } else if (vm.tripType.isPickup) {\n vm.tripType = vm.defaultPickUp;\n } else {\n vm.tripType = vm.defaultMobile;\n }\n } else {\n if (vm.defaultDropOff) {\n vm.tripType = vm.defaultDropOff;\n } else if (vm.defaultPickUp) {\n vm.tripType = vm.defaultPickUp;\n } else if (vm.defaultMobile) {\n vm.tripType = vm.defaultMobile;\n }\n }\n }\n\n setTransportation();\n\n if (departmentUpdated === true) {\n getDealerSlots(true);\n }\n\n };\n\n if (vm.defaultDropOff) cnt++;\n if (vm.defaultPickUp) cnt++;\n if (vm.defaultMobile) cnt++;\n\n vm.showRadioButtons = cnt > 1;\n\n vm.selectedTransmission = vm.appointment.isManual ? \"1\" : \"0\";\n\n if (vm.appointment.isManual === null) {\n vm.appointment.isManual = false;\n }\n\n if (!vm.appointment.id) {\n // if we don't have a timeout here, this trip type\n // keeps getting nuked if we are overriding the default department id\n if (departmentUpdated) {\n $timeout(() => {\n setTripType(departmentUpdated);\n resetLoanerOptions();\n },\n 1);\n } else {\n setTripType(departmentUpdated);\n }\n }\n\n if (!vm.pickupLocation && vm.appointment.tripPickupLocation) {\n let pickupLoc = vm.appointment.tripPickupLocation;\n\n if (!pickupLoc.formattedAddress) {\n pickupLoc.formattedAddress = pickupLoc.streetAddress +\n ' ' +\n pickupLoc.city +\n ' ' +\n pickupLoc.state +\n ' ' +\n pickupLoc.zip;\n }\n\n vm.pickupLocation = {\n location: pickupLoc\n };\n\n }\n\n if (vm.appointment.id) {\n vm.currentMomentDay = moment(vm.appointment.apptDateTime);\n vm.selectedDay = vm.currentMomentDay.format('MM/DD/YYYY');\n vm.minCalendarDate = moment.utc(new Date());\n\n if (vm.currentMomentDay.isBefore(vm.minCalendarDate)) {\n vm.minCalendarDate = vm.currentMomentDay;\n }\n\n setTransportation();\n }\n\n if (departmentUpdated !== true) {\n resetLoanerOptions();\n getDealerSlots(true);\n }\n\n }\n\n /*\n * function to determine if date should be selectable based\n * on the hours and constraints passed in\n */\n vm.isDateSelectable = function(date, type) {\n let disabledDates = vm.disabledDates && vm.disabledDates.length > 1\n ? vm.disabledDates\n : vm.departmentConstraints;\n\n return consumerAppointmentService.isDateSelecteable(date, type, vm.departmentHours, disabledDates);\n };\n\n vm.dateChanged = function(newValue, oldValue) {\n let temp = newValue.format(\"MM/DD/YYYY\");\n\n // don't call update avail if we aren't changing the date\n if (temp !== vm.selectedDay) {\n vm.selectedDay = newValue.format(\"MM/DD/YYYY\");\n vm.currentMomentDay = moment.utc(new Date(vm.selectedDay));\n vm.getDealerSlots();\n }\n };\n\n init();\n\n vm.timeSlotFilter = function(value, index, array) {\n if (!vm.tripType) return false;\n let usePickup = appointmentUtilService.isTripTypePickupOrMobile(vm.tripType);\n\n return !usePickup || !!value.pickupTime;\n };\n\n vm.distinctBy = function() {\n let usePickup = appointmentUtilService.isTripTypePickupOrMobile(vm.tripType);\n\n return usePickup ? 'pickupTime' : false;\n };\n\n function removeUnavailableTimes(timeSlots) {\n // First filter out the constrained; we do not allow overrides on consumer\n timeSlots = _.filter(timeSlots,\n (o) => { return !o.unavailable || (o.blockTime === vm.appointment.apptDateTime && !vm.needsScheduleTransportationUpdate); });\n\n return timeSlots;\n }\n\n function fillTimeDropDown(initial, timeSelected) {\n let date = moment(vm.selectedDay, 'MM/DD/YYYY').format('YYYY-MM-DD');\n let selectedDate = _.find(vm.availTimeSlots.days, (x) => { return x.day.startsWith(date); });\n\n if (initial && vm.appointment.id !== null) {\n // Can't find the date for the appointment, add it to the list any ways\n if (!selectedDate) {\n selectedDate = {timeSlotBlocks: []};\n }\n\n vm.times = removeUnavailableTimes(selectedDate.timeSlotBlocks);\n\n let selectedDateTime = _.find(selectedDate.timeSlotBlocks,\n (x) => { return x.blockTime.startsWith(vm.appointment.apptDateTime); });\n\n // Current appointment's date/time isn't in the list, add it (if it is not in the past)\n if (!selectedDateTime &&\n !moment.tz(vm.appointment.apptDateTime, vm.availTimeSlots.timeZoneId)\n .isBefore(moment.tz(vm.availTimeSlots.timeZoneId))) {\n let obj = {\n slots: 0,\n blockTime: vm.appointment.apptDateTime\n };\n\n if (!vm.times) {\n vm.times = [];\n }\n\n vm.times.unshift(obj);\n // Select new time\n selectedDateTime = _.find(vm.times,\n (x) => { return x.blockTime.startsWith(vm.appointment.apptDateTime); });\n\n }\n\n isApptInPast();\n\n // Set the time to the selected appointment date/time\n if (selectedDateTime) {\n vm.time = selectedDateTime;\n }\n } else {\n\n // Can't find the date for the appointment, add it to the list any ways\n if (!selectedDate) {\n selectedDate = {timeSlotBlocks: []};\n }\n\n vm.times = removeUnavailableTimes(selectedDate.timeSlotBlocks);\n\n if (!timeSelected) {\n if (vm.appointment.apptDateTime) {\n timeSelected = _.find(selectedDate.timeSlotBlocks,\n (x) => { return x.blockTime.startsWith(vm.appointment.apptDateTime); });\n\n if (timeSelected) {\n vm.time = timeSelected;\n }\n } else {\n vm.time = vm.times && vm.times.length > 0 ? vm.times[0] : null;\n }\n } else {\n vm.time = timeSelected;\n }\n\n if (vm.time) {\n var updatedDateTime = vm.time ? vm.time.blockTime : null; // Time contains full date+time object\n\n vm.appointment.apptDateTime = updatedDateTime;\n isApptInPast();\n }\n\n if (appointmentUtilService.isTripTypePickupOrMobile(vm.tripType) === true && vm.time) {\n let firstAvailTimeSlot = appointmentUtilService.getFirstAvailableTimeSlot(vm.time.slots);\n\n if (firstAvailTimeSlot) {\n updatedDateTime = firstAvailTimeSlot.driverCustomerExpectedTimeUtc;\n $rootScope.$broadcast('pickUpDateTimeChanged', updatedDateTime);\n }\n }\n }\n\n if (!vm.times || (vm.times && vm.times.length === 0)) {\n vm.availSlotErrors = [\n 'No available appointment times were found on the selected day. Please select a different date.'\n ];\n vm.time = null;\n vm.dealerSlotsLoading = false;\n }\n\n $timeout(() => {\n angular.element('#time').trigger('change');\n // the ng-change's method still needs to be triggered\n pickupTimeChanged();\n },\n 1);\n }\n\n function pickupTimeChanged() {\n let selTimeBlock = vm.time;\n\n if (selTimeBlock && selTimeBlock.slots) {\n // If we've selected \"Any\" we assign the appointment with the block's first available advisor\n let timeSlotAdvisor;\n\n if (vm.appointment.advisor) {\n // assign the currently advisor if they're available at this time\n // otherwise assign any\n timeSlotAdvisor = _.find(selTimeBlock.slots, {advisorId: vm.appointment.advisor.id});\n\n if (timeSlotAdvisor) {\n vm.appointment.dealerEmployeeId = timeSlotAdvisor.advisorId;\n vm.appointment.dealerEmployeeFirstName = vm.appointment.advisor.firstName;\n vm.appointment.dealerEmployeeLastName = vm.appointment.advisor.lastName;\n vm.appointment.dealerEmployeeOfficePhone = vm.appointment.advisor.officePhone;\n vm.appointment.serviceAdvisorNumber = timeSlotAdvisor.advisorNumber;\n } else {\n timeSlotAdvisor = selTimeBlock.slots[0];\n }\n } else {\n timeSlotAdvisor = selTimeBlock.slots[0];\n }\n\n if (vm.time) {\n var updatedDateTime = selTimeBlock.blockTime;\n\n vm.appointment.apptDateTime = updatedDateTime;\n isApptInPast();\n }\n\n if (appointmentUtilService.isTripTypePickupOrMobile(vm.tripType) === true) {\n updatedDateTime = timeSlotAdvisor.driverCustomerExpectedTimeUtc;\n $rootScope.$broadcast('pickUpDateTimeChanged', updatedDateTime);\n }\n\n $rootScope.$broadcast('timeChanged');\n }\n }\n\n function transmissionChanged() {\n if (!vm.needsScheduleTransportationUpdate) showUpdateWarning();\n vm.appointment.isManual = vm.selectedTransmission === \"1\";\n }\n\n function advisorUpdated(id) {\n if (id) {\n vm.appointment.advisor = $filter('filter')(vm.advisors, {id: id}, true)[0];\n } else {\n vm.appointment.advisor = null;\n }\n }\n\n function transportationUpdated(broadcastPickupChanged, resetLoaner, newTripType) {\n if (!vm.needsScheduleTransportationUpdate) showUpdateWarning();\n\n // Update if option for loaner isn't available on selected transportation side\n let handleTransportationTypeChanged = function() {\n if (resetLoaner) {\n resetLoanerOptions();\n }\n\n $rootScope.$broadcast('transportationTypeChanged', vm.tripType);\n\n // Update date/time\n if (vm.tripType.isDropOff || broadcastPickupChanged !== true) {\n getDealerSlots();\n }\n\n // Update map\n if (broadcastPickupChanged) {\n if (vm.tripType.isDropOff && !newTripType) {\n $rootScope.$broadcast('pickUpChanged', null);\n } else if (vm.pickupLocation) {\n let placeChanged = {\n pickUp: vm.pickupLocation,\n department: vm.department\n };\n\n $rootScope.$broadcast('pickUpChanged', placeChanged);\n\n }\n }\n };\n\n vm.tripType = null;\n\n $timeout(() => {\n if (vm.transportation === vm.transTypeGroups.pickup && vm.defaultPickUpLoaner === null) {\n vm.tripType =\n consumerAppointmentService.getPickUpTripType(vm.tripTypes, vm.needLoaner === 'true');\n handleTransportationTypeChanged();\n } else if (vm.transportation === vm.transTypeGroups.dropoff &&\n vm.defaultDropOffLoaner === null &&\n !newTripType) {\n vm.tripType = vm.defaultDropOff;\n handleTransportationTypeChanged();\n } else if (vm.transportation === vm.transTypeGroups.mobile) {\n vm.tripType = vm.defaultMobile;\n handleTransportationTypeChanged();\n } else {\n vm.tripType = $filter('filter')(vm.tripTypes.dropOffTransportationTypes,\n {id: newTripType.id},\n true)[0];\n handleTransportationTypeChanged();\n }\n },\n 100);\n\n }\n\n function getServiceAdvisors() {\n vm.loadingAdvisors = true;\n consumerAppointmentService.getDepartmentServiceAdvisors(vm.dealer.dealerId, vm.appointment.departmentId)\n .then(\n (advisors) => {\n vm.advisors = advisors;\n\n if (vm.appointment.dealerEmployeeId) {\n advisorUpdated(vm.appointment.dealerEmployeeId);\n } else if (vm.lastserviceadvisor &&\n (vm.defaulttopreviousadvisor === true || vm.defaulttopreviousadvisor === \"true\")) {\n advisorUpdated(vm.lastserviceadvisor.id);\n }\n\n let ids = _.map (vm.advisors, (advisor) => { \n return advisor.id; \n }); \n \n if (ids.some(id => id !== vm.appointment.dealerEmployeeId)) {\n vm.appointment.dealerEmployeeId = null;\n vm.appointment.serviceAdvisorNumber = null;\n } \n },\n (error) => {\n vm.advisors = [{}];\n }\n ).finally(() => {\n vm.loadingAdvisors = false;\n });\n }\n\n function getDealerSlots(initial) {\n if (!initial && !vm.needsScheduleTransportationUpdate) showUpdateWarning();\n\n if (vm.tripType.isDropOff === true) {\n vm.pickupLocation = null;\n }\n\n if (appointmentUtilService.isTripTypePickupOrMobile(vm.tripType) === true &&\n (!vm.pickupLocation || vm.pickupLocation.isInServiceArea === false)) {\n vm.availTimeSlots = null;\n vm.availTimeSlotsVisualPicker = null;\n vm.selectedDay = null;\n vm.time = null;\n\n return;\n }\n\n let startDateUTC = null;\n let endDateUTC = null;\n let pickupLocation = null;\n\n\n if (!vm.selectedDay) {\n vm.currentMomentDay = today;\n vm.selectedDay = vm.currentMomentDay.format('MM/DD/YYYY');\n }\n\n vm.dealerSlotsLoading = true;\n $rootScope.$broadcast('hideButtons', true);\n startDateUTC = moment.utc(vm.selectedDay, 'MM/DD/YYYY');\n endDateUTC = moment.utc(vm.selectedDay, 'MM/DD/YYYY').add(vm.daysToDisplay, 'days');\n\n if (vm.pickupLocation) {\n let loc = vm.pickupLocation.location;\n\n pickupLocation = {\n streetAddress: loc.streetAddress,\n city: loc.city,\n state: loc.state,\n zipCode: loc.zip,\n countryCode: loc.countryShortCode,\n lat: loc.lat,\n lng: loc.lng\n };\n }\n\n let departmentId = parseInt(vm.configValues.apptConsumerDepartmentId);\n\n if (vm.appointment.canUseDefaultDepartment && vm.appointment.defaultDealerDepartmentId) {\n departmentId = vm.appointment.defaultDealerDepartmentId;\n vm.appointment.departmentId = departmentId;\n vm.appointment.advisor = null;\n vm.appointment.canUseDefaultDepartment =\n false; // reset this so it doesn't keep firing over and over.\n getServiceAdvisors();\n $rootScope.$broadcast('departmentUpdated', vm.appointment.departmentId);\n }\n\n vm.availTimeSlots = null;\n // we don't filter out unavail pills for the visual picker\n // so using a diff variable for that one\n vm.availTimeSlotsVisualPicker = null;\n\n\n return consumerAppointmentService.getAvailability(vm.dealer.dealerId,\n vm.appointment.id,\n startDateUTC,\n endDateUTC,\n vm.appointment.departmentId,\n vm.appointment.advisor,\n vm.tripType,\n pickupLocation,\n _.map(vm.appointment.lineItems, (item) => { return item.opCode; }))\n .then((results) => {\n if (!results) {\n vm.availSlotErrors = [\n 'No available appointment times were found on the selected day. Please select a different date.'\n ];\n vm.availTimeSlots = null;\n vm.availTimeSlotsVisualPicker = null;\n vm.time = null;\n vm.currentMomentDay = moment(vm.selectedDay);\n vm.selectedDay = vm.currentMomentDay.format('MM/DD/YYYY');\n } else {\n vm.availSlotErrors = null;\n vm.availTimeSlots = results;\n vm.availTimeSlotsVisualPicker = results;\n vm.disabledDates = [];\n\n if (results.days) {\n _.forEach(results.days,\n (day) => {\n if (_.findIndex(day.timeSlotBlocks,\n (block) => {\n return !block.unavailable;\n }) ===\n -1) {\n vm.disabledDates.push(moment(day.day).format(\"MM/DD/YYYY\"));\n }\n });\n\n if (vm.departmentConstraints && vm.departmentConstraints.length > 1) {\n let temp = vm.disabledDates.concat(vm.departmentConstraints);\n\n vm.disabledDates = temp;\n }\n }\n\n // If editing an appointment, select the date as the appointment date\n if (initial && vm.appointment.id) {\n vm.currentMomentDay = moment(vm.appointment.apptDateTime);\n vm.selectedDay = vm.currentMomentDay.format('MM/DD/YYYY');\n vm.minCalendarDate = moment.utc(new Date());\n\n if (vm.currentMomentDay.isBefore(vm.minCalendarDate)) {\n vm.minCalendarDate = vm.currentMomentDay;\n }\n } else if (!vm.appointment.id) {\n // Set date to first date that has available slots\n let firstAvailable = _.find(vm.availTimeSlots.days,\n (day) => {\n return day.timeSlotBlocks.length > 0;\n });\n\n if (firstAvailable) {\n vm.currentMomentDay = moment(firstAvailable.day);\n vm.selectedDay = vm.currentMomentDay.format('MM/DD/YYYY');\n }\n }\n\n fillTimeDropDown(initial);\n\n }\n\n $rootScope.$broadcast('hideButtons', false);\n\n }).finally(() => {\n $rootScope.$broadcast('hideButtons', false);\n vm.dealerSlotsLoading = false;\n });\n\n }\n\n function showUpdateWarning() {\n $rootScope.$broadcast('showUpdateWarning');\n vm.needsScheduleTransportationUpdate = true;\n }\n\n $scope.$on('updateAvailability',\n (e, setInitial) => {\n getDealerSlots(setInitial);\n });\n\n $scope.$on('updateApptSchedule',\n (e) => {\n vm.needsScheduleTransportationUpdate = true;\n getDealerSlots(false);\n });\n\n $scope.$on('newDaySelected',\n (e, timeSelected) => {\n fillTimeDropDown(false, timeSelected);\n });\n\n $scope.$on('newTimeSelected',\n (e) => {\n pickupTimeChanged();\n });\n\n $scope.$on('updateStartDate',\n (e, data) => {\n vm.selectedDay = data;\n vm.currentMomentDay = moment(new Date(data));\n getDealerSlots(true);\n });\n\n $scope.$watch('consumerAppointmentDetails',\n (newValue) => {\n vm.form = newValue;\n });\n\n $scope.$on('updateTripLocations',\n (e, newValue) => {\n vm.displayedTripLocations = newValue;\n vm.tripLocationError = null;\n });\n\n\n $scope.$on('updateTripLocationError',\n (e, newValue) => {\n vm.tripLocationError = newValue;\n });\n\n $scope.$on('departmentTripTypesUpdated',\n (e, newValue) => {\n if (newValue) {\n vm.tripTypes = newValue.allTripTypes;\n vm.tripType = newValue.selTripType;\n init(true);\n }\n });\n\n };\n }\n})();\n(function () {\n 'use strict';\n\n ConsumerAppointmentCustomerLoginController.$inject = [\"$scope\", \"$rootScope\", \"consumerAppointmentService\", \"ValidationService\"];\n angular\n .module('redcap.consumer.appointments')\n .directive('consumerAppointmentCustomerLogin', consumerAppointmentCustomerLogin);\n\n function consumerAppointmentCustomerLogin() {\n return {\n restrict: 'A',\n templateUrl: 'app/areas/consumer/appointments/views/partials/customer-login.view.html',\n controller: ConsumerAppointmentCustomerLoginController,\n controllerAs: 'vm',\n scope: {},\n bindToController: {\n dealer: '<',\n flow: '<',\n loading: ' 0 && vm.flow === 'existing') {\n vm.appointments = result.appointments;\n vm.currentState = vm.states.selectAppointments;\n\n if (result.appointments.length === 1) {\n vm.selectedAppointment = vm.appointments[0].id;\n }\n } else if (result.appointments &&\n result.appointments.length === 0 &&\n vm.flow === 'existing') {\n vm.customerData = result;\n vm.currentState = vm.states.noAppointments;\n } else {\n // Notify listeners\n $rootScope.$broadcast('customerLoginEvent', { event: 'login', data: result });\n }\n } else {\n vm.verifyCodeError = true;\n vm.errorMessage = 'Unknown error, please try again';\n }\n },\n function(reject) {\n vm.verifyCodeError = true;\n vm.errorMessage = reject.message;\n })\n .finally(function() {\n vm.loading = false;\n });\n }\n\n vm.validation = {\n validEmailOrPhone: function() {\n var phoneRegEx = /^\\(?\\d{3}\\)?[- ]?\\d{3}[- ]?\\d{4}$/,\n emailRegEx =\n /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/,\n loginPhoneEmail = vm.loginPhoneEmail;\n\n if (phoneRegEx.test(loginPhoneEmail) || emailRegEx.test(loginPhoneEmail)) {\n return true;\n } else {\n return { isValid: false, message: 'A valid email or phone number must be specified' };\n }\n\n }\n };\n\n vm.submitForm = function() {\n var currState = vm.currentState,\n states = vm.states;\n if (currState === states.requestPhone) {\n vm.sendCode(vm.loginPhoneEmail);\n } else if (currState === states.selectPhoneNumber) {\n vm.sendCode(vm.selectedPhone);\n } else if (currState === states.verifyAccount) {\n vm.verifyCode(vm.loginPhone, vm.code);\n } else if (currState === states.selectAppointments) {\n var selectedApptKey = _.find(vm.appointments,\n function(appt) { return appt.id === vm.selectedAppointment; }).key;\n vm.openAppointment(vm.selectedAppointment, selectedApptKey);\n } else if (currState === states.invalidAccount) {\n vm.sendCode(vm.loginPhone);\n } else if (currState === states.noAppointments) {\n if (vm.customerData) {\n $rootScope.$broadcast('customerLoginEvent', { event: 'login', data: vm.customerData });\n }\n }\n };\n\n function continueAsGuest() {\n $rootScope.$broadcast('customerLoginEvent', { event: 'guest' });\n }\n\n function openAppointment(id, key) {\n $rootScope.$broadcast('customerLoginEvent', { event: 'openAppointment', data: { id: id, key: key } });\n }\n\n function cancel() {\n vm.customerData = null;\n $rootScope.$broadcast('customerLoginEvent', { event: 'cancel' });\n }\n };\n }\n})();\n\n(function () {\n 'use strict';\n\n ConsumerAppointmentChooseServicesController.$inject = [\"$scope\", \"$rootScope\", \"$filter\", \"$timeout\", \"consumerAppointmentService\", \"appointmentUtilService\", \"appointmentLineItemClass\", \"CONSUMER_APPOINTMENT_BOOKING_EXPERIENCE\"];\n angular\n .module('redcap.consumer.appointments')\n .directive(\n 'consumerAppointmentChooseServices',\n consumerAppointmentChooseServices\n );\n\n function consumerAppointmentChooseServices() {\n return {\n restrict: 'A',\n templateUrl:\n 'app/areas/consumer/appointments/views/partials/choose-services.view.html',\n controller: ConsumerAppointmentChooseServicesController,\n controllerAs: 'vm',\n scope: {},\n bindToController: {\n dealerDepartments: '<',\n dealer: '<',\n form: '=',\n appointment: '<',\n dealeropcodes: '<',\n originallineitems: '<',\n recallData: '<',\n recmaintdata: '<',\n gettingservices: '<',\n disableserviceselection: '<',\n previouslydeclinedservices: '<',\n otherservicestitle: '<',\n previouslydeclinedtitle: '<',\n dealerIntegrations: '<',\n ghostGarage: '<',\n rankedDepartments: '<'\n }\n };\n }\n\n function ConsumerAppointmentChooseServicesController($scope, $rootScope, $filter, $timeout, consumerAppointmentService,\n appointmentUtilService, appointmentLineItemClass, CONSUMER_APPOINTMENT_BOOKING_EXPERIENCE) {\n this.$onInit = function() {\n let vm = this;\n\n vm.bookingMethod = consumerAppointmentService.getBookingMethod(vm.dealer.configValues);\n vm.multipleDepartments =\n vm.bookingMethod === CONSUMER_APPOINTMENT_BOOKING_EXPERIENCE.multipleDepartments;\n vm.expandLineItemMismatch = true;\n vm.fakeInput = 1;\n vm.uniqueCnt = 0;\n vm.initialized = false;\n vm.prevDeclinedServicesOpen = false;\n vm.genericConsumerServiceEnabled = true;\n vm.ghostGarage = parseInt(vm.ghostGarage);\n vm.servicesOpen = vm.ghostGarage === 0 ? false : !vm.genericConsumerServiceEnabled;\n vm.recallsOpen = false;\n vm.recMaintOpen = false;\n vm.hasAnyServices = vm.appointment.lineItems ? vm.appointment.lineItems.length > 0 : false;\n vm.appointmentRecallsAreValid = false;\n vm.containsServices = false;\n vm.selectedRecMaint = null;\n vm.serviceSelected = serviceSelected;\n vm.serviceToggle = serviceToggle;\n vm.serviceValidation = serviceValidation;\n vm.valRecalls = valRecalls;\n vm.hasSelectedServices = hasSelectedServices;\n vm.filteredOpCodes = null;\n vm.dealerGenericOpCodes = null;\n vm.dealerRecallOpCodes = null;\n vm.dealerOpCodesAll = null;\n vm.additionalServiceNotes = null;\n vm.unknownImportedOtherLineItems = [];\n vm.genericConsumerServicesNotes = [];\n vm.departmentMismatchCount = null;\n vm.needsScheduleTransportationUpdate = false;\n\n vm.getDepartmentMismatchCount = function() {\n if (!vm.departmentMismatchCount) {\n vm.mismatchedLineItems = $filter('filter')(vm.appointment.lineItems,\n {departmentLineItemMismatch: true},\n true);\n vm.misMatchedDeclinedItems = $filter('filter')(vm.previouslydeclinedservices,\n {departmentLineItemMismatch: true},\n true);\n let lineItemCount = vm.mismatchedLineItems ? vm.mismatchedLineItems.length : 0;\n let declinedItemCount = vm.misMatchedDeclinedItems ? vm.misMatchedDeclinedItems.length : 0;\n\n vm.departmentMismatchCount = lineItemCount + declinedItemCount;\n }\n\n return vm.departmentMismatchCount;\n };\n\n vm.showServicesCount = function() {\n if (vm.ghostGarage === 0) return true;\n\n return vm.genericConsumerServiceEnabled;\n };\n\n vm.servicesToggle = function() {\n if (!vm.showServicesCount()) return;\n\n vm.servicesOpen = !vm.servicesOpen;\n };\n\n vm.prevDeclinedServicesToggle = function() {\n vm.prevDeclinedServicesOpen = !vm.prevDeclinedServicesOpen;\n };\n\n vm.recallsToggle = function() {\n vm.recallsOpen = !vm.recallsOpen;\n };\n\n vm.recMaintToggle = function() {\n vm.recMaintOpen = !vm.recMaintOpen;\n };\n\n vm.showRecalls = function() {\n return vm.dealerRecallOpCodes &&\n vm.dealerRecallOpCodes.length > 0 &&\n vm.dealerRecallOpCodes[0].showInConsumer &&\n vm.recallData &&\n vm.recallData.length > 0;\n };\n\n vm.showRecMaint = function() {\n return vm.dealerRecommendedMaintenanceOpCodes &&\n vm.dealerRecommendedMaintenanceOpCodes.length > 0 &&\n vm.dealerRecommendedMaintenanceOpCodes[0].showInConsumer &&\n vm.recmaintdata &&\n vm.recmaintdata.length > 0;\n };\n\n vm.showPreviouslyDeclinedServices = function() {\n let currentDepartment =\n $filter('filter')(vm.dealerDepartments, {id: vm.appointment.departmentId}, true)[0];\n\n return currentDepartment.showPreviouslyDeclinedServicesConsumer &&\n vm.previouslydeclinedservices &&\n vm.previouslydeclinedservices.length > 0;\n };\n\n vm.showRecallsUnderCommonServices = function() {\n let recallOpCodes = vm.dealeropcodes.recallOpCodes;\n let checkedItems = null;\n let originallyChecked = $filter('filter')(vm.appointment.lineItems,\n {isRecall: true, originallyChecked: true},\n true);\n\n if (recallOpCodes[0].showInConsumer === false && recallOpCodes[0].showInDashboard === true) {\n checkedItems =\n $filter('filter')(vm.appointment.lineItems, {isRecall: true, checked: true}, true);\n _.forEach(checkedItems,\n (item) => {\n item.originallyChecked = true;\n });\n }\n\n return (checkedItems && checkedItems.length > 0) ||\n (originallyChecked && originallyChecked.length > 0);\n };\n\n vm.showRecMaintUnderCommonServices = function() {\n let recommendedMaintenanceOpCodes = vm.dealeropcodes.recommendedMaintenanceOpCodes;\n let checkedItems = null;\n let originallyChecked = null;\n\n if (recommendedMaintenanceOpCodes[0].showInConsumer === false &&\n recommendedMaintenanceOpCodes[0].showInDashboard === true) {\n checkedItems = $filter('filter')(vm.appointment.lineItems,\n {isRecommendedMaintenance: true, checked: true},\n true),\n originallyChecked = $filter('filter')(vm.appointment.lineItems,\n {isRecall: true, originallyChecked: true},\n true);\n _.forEach(checkedItems,\n (item) => {\n item.originallyChecked = true;\n });\n }\n\n return checkedItems && checkedItems.length > 0;\n };\n\n vm.getServicesCount = function() {\n let services = $filter('filter')(vm.filteredOpCodes, vm.filterConsumerAndExistingOpCodes, true);\n let dashboardRecallRecMaint =\n $filter('filter')(vm.appointment.lineItems, {originallyChecked: true}, true);\n let servicesLength = 0;\n\n if (services) servicesLength = services.length;\n\n servicesLength += vm.unknownImportedOtherLineItems.length;\n\n if (dashboardRecallRecMaint) {\n servicesLength += dashboardRecallRecMaint.length;\n }\n\n return servicesLength;\n };\n\n vm.hasFilteredServices = function() {\n let services = $filter('filter')(vm.filteredOpCodes, vm.filterConsumerAndExistingOpCodes, true);\n let dashboardRecallRecMaint =\n $filter('filter')(vm.appointment.lineItems, {originallyChecked: true}, true);\n\n if (services && services.length > 0) return true;\n\n if (dashboardRecallRecMaint && dashboardRecallRecMaint.legnth > 0) return true;\n\n return false;\n };\n\n vm.getSelectedServicesCount = function() {\n let services = $filter('filter')(vm.filteredOpCodes, {checked: true, isAutomatic: false}, true);\n let dashboardRecallRecMaint = $filter('filter')(vm.appointment.lineItems,\n {originallyChecked: true, checked: true},\n true);\n let unknownImportedSelected =\n $filter('filter')(vm.unknownImportedOtherLineItems, {checked: true}, true);\n let servicesLength = 0;\n\n if (services) servicesLength = services.length;\n\n if (unknownImportedSelected) {\n servicesLength += unknownImportedSelected.length;\n }\n\n if (dashboardRecallRecMaint) {\n servicesLength += dashboardRecallRecMaint.length;\n }\n\n return servicesLength;\n };\n\n vm.getSelectedServicesToDisplay = function(services) {\n let selectedServices = $filter('filter')(services, {checked: true}, true);\n\n return selectedServices.length;\n };\n\n vm.filterConsumerAndExistingOpCodes = function(lineItem) {\n let existing = false;\n let previouslyDeclinedItems = vm.previouslydeclinedservices;\n let previouslyDeclined = false;\n\n if (vm.originallineitems && vm.originallineitems.length > 0) {\n existing = $filter('filter')(vm.originallineitems,\n {\n dealerAppointmentServiceOpCodeId: lineItem.id,\n isAutomatic: false,\n departmentLineItemMismatch: false\n },\n true);\n }\n\n // if it matches a previously declined service, filter it out.\n if (vm.showPreviouslyDeclinedServices()) {\n previouslyDeclined =\n $filter('filter')(previouslyDeclinedItems, {opCode: lineItem.opCode}, true);\n\n if (previouslyDeclined && previouslyDeclined.length > 0) {\n return false;\n }\n }\n\n if (lineItem.isOther) return false;\n\n return lineItem.showInConsumer || (existing && existing.length > 0);\n };\n\n vm.getConsumerNeedsRows = function() {\n return vm.allowedGenericLineItemCount === 1 ? 3 : 1;\n };\n\n vm.addGenericLineItem = function() {\n if (vm.dealerGenericOpCodes.length === 0) return;\n\n let opCodeSuffix = vm.genericConsumerServicesNotes.length > 0\n ? vm.genericConsumerServicesNotes.length - 1\n : \"\";\n let dealerGenericLineItem = vm.dealerGenericOpCodes[0];\n\n if (!dealerGenericLineItem) return;\n\n let newLineItem = appointmentLineItemClass.new({\n dealerId: dealerGenericLineItem.dealerId,\n opCode: dealerGenericLineItem.opCode + opCodeSuffix,\n genericName: dealerGenericLineItem.genericName,\n note: \"\",\n isAutomatic: dealerGenericLineItem.isAutomatic,\n isEnabled: dealerGenericLineItem.isEnabled,\n isGeneric: dealerGenericLineItem.isGeneric,\n isRecall: false,\n isRecommendedMaintenance: false,\n id: null,\n retailPrice: dealerGenericLineItem.retailPrice,\n consumerName: dealerGenericLineItem.consumerName,\n dashboardName: dealerGenericLineItem.dashboardName,\n consumerDescription: dealerGenericLineItem.consumerDescription,\n dashboardDescription: dealerGenericLineItem.dashboardDescription,\n uniqueCnt: vm.uniqueCnt\n });\n\n vm.uniqueCnt = vm.uniqueCnt++;\n vm.genericConsumerServicesNotes.push(newLineItem);\n };\n\n vm.removeGenericLineItem = function(index) {\n vm.genericConsumerServicesNotes.splice(index, 1);\n };\n\n $rootScope.$on('declinedServiceToggled',\n (event, data) => {\n if (!vm.needsScheduleTransportationUpdate) showUpdateWarning();\n\n // check to see if we need to uncheck any recmaint\n if (vm.recmaintdata) {\n let recMaint = $filter('filter')(vm.previouslydeclinedservices,\n {checked: true, isRecommendedMaintenance: true},\n true);\n\n if (recMaint && recMaint.length > 0) {\n let checkedRecMaint = $filter('filter')(vm.recmaintdata, {checked: true}, true);\n\n if (checkedRecMaint && checkedRecMaint.length > 0) {\n checkedRecMaint[0].checked = false;\n vm.selectedRecMaint = null;\n }\n }\n }\n\n });\n\n\n initializeLineItems();\n\n function initializeLineItems() {\n vm.unknownImportedOtherLineItems = [];\n\n // Populate the dealer op codes\n if (vm.dealeropcodes) {\n vm.dealeropcodes =\n consumerAppointmentService.filterDepartmentOpCodes(vm.dealeropcodes,\n vm.appointment.departmentId);\n vm.filteredOpCodes = vm.dealeropcodes.opCodes;\n\n _.forEach(vm.filteredOpCodes,\n (opCode) => {\n if (opCode.showDefaultConsumerNote) {\n opCode.note = opCode.defaultConsumerNote;\n }\n });\n\n vm.dealerGenericOpCodes = vm.dealeropcodes.genericOpCodes;\n vm.dealerRecallOpCodes = vm.dealeropcodes.recallOpCodes;\n vm.dealerRecommendedMaintenanceOpCodes = vm.dealeropcodes.recommendedMaintenanceOpCodes;\n vm.dealerOpCodesAll = vm.dealeropcodes.all;\n vm.containsServices = true;\n }\n\n if (!vm.firstGenericOpCode) {\n vm.firstGenericOpCode = vm.dealerGenericOpCodes[0];\n vm.allowedGenericLineItemCount =\n vm.firstGenericOpCode ? vm.firstGenericOpCode.allowMultipleCount : false;\n vm.genericConsumerServiceEnabled =\n vm.firstGenericOpCode ? vm.firstGenericOpCode.showInConsumer : false;\n\n if (vm.initialized === false) {\n vm.servicesOpen = !vm.genericConsumerServiceEnabled;\n vm.initialized = true;\n }\n\n if (!vm.allowedGenericLineItemCount) {\n vm.allowedGenericLineItemCount = 1;\n }\n }\n\n _.forEach(vm.appointment.lineItems,\n (lineItem) => {\n if (lineItem.isGeneric === true) {\n vm.genericConsumerServicesNotes.push(lineItem);\n } else if (lineItem.dealerAppointmentServiceOpCodeId && lineItem.isOther === false) {\n let dealerOpCode = $filter('filter')(vm.filteredOpCodes,\n {id: lineItem.dealerAppointmentServiceOpCodeId},\n true);\n\n // if we couldn't match it up by id, try matching it by opcode\n if (!dealerOpCode || dealerOpCode.length === 0) {\n dealerOpCode = $filter('filter')(vm.filteredOpCodes,\n {opCode: lineItem.opCode},\n true);\n }\n\n if (dealerOpCode && dealerOpCode[0]) {\n let currOpCode = dealerOpCode[0];\n\n currOpCode.checked = true;\n\n if (currOpCode.showDefaultConsumerNote) {\n currOpCode.note = lineItem.note;\n\n if (currOpCode.note && currOpCode.note.trim() === \"\") {\n currOpCode.note = currOpCode.defaultConsumerNote;\n }\n }\n }\n } else {\n let otherLineItem = lineItem;\n\n otherLineItem.checked = true;\n vm.unknownImportedOtherLineItems.push(otherLineItem);\n }\n });\n\n if (vm.genericConsumerServicesNotes.length === 0) {\n vm.addGenericLineItem();\n }\n\n }\n\n $scope.$on('recallsUpdated',\n (e, newValue) => {\n vm.recallData = newValue;\n let recall = null;\n let i;\n let lineItems = vm.appointment.lineItems;\n let length = lineItems.length;\n\n for (i = length - 1; i >= 0; i--) {\n recall = lineItems[i];\n\n if (!recall.isRecall) {\n continue;\n }\n\n let recallToCheck = $filter('filter')(vm.recallData,\n (item) => {\n return item.item.manufacturerNumber === recall.manufacturerNumber;\n },\n true);\n\n if (!vm.appointment.yearMakeModelMismatch && recallToCheck && recallToCheck.length > 0) {\n recallToCheck[0].checked = true;\n recall.recallData = recallToCheck[0];\n } else {\n // The recall data has changed, this previous recall is no longer relevant\n vm.appointment.lineItems.splice(i, 1);\n }\n }\n\n serviceValidation();\n });\n\n $scope.$on('previouslyDeclinedServicesUpdated',\n (e, newValue) => {\n vm.previouslydeclinedservices = newValue;\n\n if (vm.recmaintdata) {\n appointmentUtilService.removePreviouslyDeclinedRecMaint(vm.appointment,\n vm.recmaintdata,\n vm.previouslydeclinedservices);\n }\n });\n\n $scope.$on('recMaintUpdated',\n (e, newValue) => {\n vm.recmaintdata = newValue;\n let recMaint = null;\n let i;\n let lineItems = vm.appointment.lineItems;\n let length = lineItems.length;\n\n if (vm.showPreviouslyDeclinedServices()) {\n appointmentUtilService.removePreviouslyDeclinedRecMaint(vm.appointment,\n vm.recmaintdata,\n vm.previouslydeclinedservices);\n }\n\n for (i = length - 1; i >= 0; i--) {\n recMaint = lineItems[i];\n\n if (!recMaint.isRecommendedMaintenance) {\n continue;\n }\n\n let recMaintToCheck = $filter('filter')(vm.recmaintdata,\n (item) => {\n return appointmentUtilService.getRecommendedMaintenanceName(item,\n vm.appointment.mileageType) ===\n recMaint.overrideName;\n },\n true);\n\n if (!vm.appointment.yearMakeModelMismatch &&\n recMaintToCheck &&\n recMaintToCheck.length > 0) {\n recMaintToCheck[0].checked = true;\n vm.selectedRecMaint = recMaintToCheck[0].interval;\n } else {\n // The rec maint data has changed, this previous recMaint is no longer relevant\n vm.appointment.lineItems.splice(i, 1);\n }\n }\n });\n\n function serviceToggle(service) {\n if (vm.disableserviceselection) return;\n\n if (service.originallyChecked && service.recallData) {\n $timeout(() => {\n service.checked = !service.checked;\n service.recallData.checked = !service.recallData.checked;\n vm.recallsChanged = true;\n serviceSelected();\n },\n 1);\n } else {\n service.checked = !service.checked;\n serviceSelected();\n }\n }\n\n vm.noteUpdated = function(lineItem) {\n serviceSelected();\n };\n\n vm.getRecMainTooltip = function(apps) {\n return appointmentUtilService.getRecMainTooltip(apps);\n };\n\n vm.getRecMaintTitle = function(recMaint) {\n return appointmentUtilService.getRecMaintTitle(recMaint, vm.appointment);\n };\n\n vm.getConsumerNeedPlaceHolderText = function(index) {\n if (vm.allowedGenericLineItemCount === 1) {\n return \"PLEASE DESCRIBE DESIRED SERVICES OR ISSUES HERE\";\n } else if (index === 0) {\n return \"PLEASE DESCRIBE YOUR FIRST ISSUE OR SERVICE NEED HERE\";\n } else {\n return \"PLEASE DESCRIBE YOUR NEXT ISSUE OR SERVICE NEED HERE\";\n }\n };\n\n function serviceSelected() {\n if (!vm.needsScheduleTransportationUpdate) showUpdateWarning();\n // Validate services\n serviceValidation();\n // Call listeners\n let checkedLineItems = $filter('filter')(vm.filteredOpCodes, {checked: true}, true);\n let checkedImportedOtherLineItems =\n $filter('filter')(vm.unknownImportedOtherLineItems, {checked: true}, true);\n let dashboardRecRecMaint =\n $filter('filter')(vm.appointment.lineItems, {originallyChecked: true}, true);\n\n\n _.forEach(vm.genericConsumerServicesNotes,\n (item) => {\n if (item.note && item.note.trim() !== \"\") {\n checkedLineItems.push(item);\n }\n });\n\n let selectedServices = {\n checkedLineItems: checkedLineItems,\n selectedRecMaint: vm.selectedRecMaint,\n checkedImportedLineItems: checkedImportedOtherLineItems,\n recallsChanged: vm.recallsChanged,\n dashboardRecRecMaint: dashboardRecRecMaint\n };\n\n $rootScope.$broadcast('servicesUpdated', selectedServices);\n }\n\n // Custom validation to require at least custom user input or a selected service.\n function serviceValidation() {\n $scope.consumerServices.$setValidity('hasAnyServices', hasSelectedServices());\n $scope.consumerServices.$setValidity('appointmentRecallsAreValid', valRecalls());\n }\n\n $scope.$on('validateServices',\n (e, newValue) => {\n serviceValidation();\n });\n\n function valRecalls() {\n vm.validatingRecalls = true;\n\n return appointmentUtilService.validateRecalls(vm.dealerRecallOpCodes,\n vm.appointment.departmentId,\n vm.recallData,\n vm.getNoteMaxLength(),\n vm.validatingRecalls);\n }\n\n function hasAdditionalServiceNotes() {\n\n let hasNote = false;\n\n _.forEach(vm.genericConsumerServicesNotes,\n (item) => {\n if (item.note && item.note.trim() !== \"\") {\n hasNote = true;\n }\n });\n\n return hasNote;\n }\n\n function hasSelectedServices(index) {\n\n if (index > 0) return true;\n\n if (hasAdditionalServiceNotes() === true) return true;\n\n if (vm.selectedRecMaint) return true;\n\n let checkedRecallData = $filter('filter')(vm.recallData, {checked: true}, true);\n\n if (checkedRecallData && checkedRecallData.length > 0) return true;\n\n if (vm.showPreviouslyDeclinedServices()) {\n let checkedDeclinedServices = vm.previouslydeclinedservices\n ? $filter('filter')(vm.previouslydeclinedservices, {checked: true}, true)\n : [];\n\n if (checkedDeclinedServices && checkedDeclinedServices.length > 0) return true;\n }\n\n let dashboardRecallRecMaint = $filter('filter')(vm.appointment.lineItems,\n {checked: true, originallyChecked: true},\n true);\n\n if (dashboardRecallRecMaint && dashboardRecallRecMaint.length > 0) return true;\n\n let checkedOtherServices = $filter('filter')(vm.unknownImportedOtherLineItems,\n {checked: true, isAutomatic: false},\n true);\n\n if (checkedOtherServices && checkedOtherServices.length > 0) return true;\n\n let hasCheckedItem = vm.filteredOpCodes\n ? $filter('filter')(vm.filteredOpCodes, {checked: true, isAutomatic: false}, true)\n : [];\n let retVal = !!(hasCheckedItem && hasCheckedItem.length > 0);\n\n return retVal;\n }\n\n vm.getNoteMaxLength = function() {\n return appointmentUtilService.getNoteMaxLength(vm.dealer.dmsSystem);\n };\n\n vm.recallLineItemToggled = function(recall) {\n if (vm.disableserviceselection) return;\n $timeout(() => {\n recall.checked = !recall.checked;\n vm.recallsChanged = true;\n serviceSelected();\n },\n 1);\n };\n\n vm.recMaintItemToggle = function(recMaint, event) {\n // Properly handle change events, as well as deselecting events\n _.each(vm.recmaintdata,\n (item) => {\n // Deselect previous items\n if (item.interval !== recMaint.interval) {\n item.checked = false;\n }\n });\n recMaint.checked = !recMaint.checked;\n\n if (!recMaint.checked) {\n vm.selectedRecMaint = null;\n } else {\n\n if (vm.showPreviouslyDeclinedServices()) {\n let prevD = $filter('filter')(vm.previouslydeclinedservices,\n {checked: true, isRecommendedMaintenance: true},\n true);\n\n if (prevD && prevD.length > 0) {\n prevD[0].checked = false;\n }\n }\n }\n\n serviceSelected();\n };\n\n function showUpdateWarning() {\n $rootScope.$broadcast('showUpdateWarning');\n vm.needsScheduleTransportationUpdate = true;\n }\n\n vm.changeDepartment = function() {\n $rootScope.$broadcast('gotoChangeDepartment');\n };\n\n $scope.$watch('consumerServices',\n (newValue) => {\n vm.form = newValue;\n });\n\n $scope.$on('departmentUpdated',\n (e, newValue) => {\n vm.genericConsumerServicesNotes = [];\n vm.firstGenericOpCode = null;\n initializeLineItems();\n });\n };\n }\n})();\n\n(function() {\n 'use strict';\n\n ConsumerAppointmentChoosePickupController.$inject = [\"$scope\", \"$rootScope\", \"APPOINTMENT_TRANSPORTATION_TYPE\", \"appointmentUtilService\"];\n angular\n .module('redcap.consumer.appointments')\n .directive(\n 'consumerAppointmentChoosePickup',\n consumerAppointmentChoosePickup\n );\n\n function consumerAppointmentChoosePickup() {\n return {\n restrict: 'A',\n templateUrl:\n 'app/areas/consumer/appointments/views/partials/choose-pickup.view.html',\n controller: ConsumerAppointmentChoosePickupController,\n controllerAs: 'vm',\n scope: {},\n bindToController: {\n dealer: '<',\n department: '<',\n place: '<',\n tripType: '<',\n cleanInput: '<'\n }\n };\n }\n\n function ConsumerAppointmentChoosePickupController($scope,\n $rootScope,\n APPOINTMENT_TRANSPORTATION_TYPE,\n appointmentUtilService) {\n this.$onInit = function() {\n var vm = this;\n vm.inputName = appointmentUtilService.getUniqueDOMID();\n\n\n function setPlaceholder() {\n vm.placeholder =\n vm.tripType.dealerSystemTransportationTypeId === APPOINTMENT_TRANSPORTATION_TYPE.mobileGarage\n ? 'ENTER YOUR ADDRESS'\n : 'ENTER YOUR PICKUP ADDRESS';\n }\n\n vm.placesOptions = {\n watchEnter: true,\n country: 'us,can',\n startLat: parseFloat(vm.dealer.lat),\n startLng: parseFloat(vm.dealer.lng)\n };\n\n vm.placeUpdated = placeUpdated;\n\n init();\n\n function init() {\n updateLocation();\n setPlaceholder();\n }\n\n function placeUpdated(place) {\n var placeChanged = {\n pickUp: place,\n department: vm.department\n };\n\n $rootScope.$broadcast('pickUpChanged', placeChanged);\n $rootScope.$broadcast('departmentPickUpChanged', place);\n }\n\n function updateLocation() {\n if (vm.place) {\n vm.location = vm.place.location.formattedAddress;\n } else {\n vm.location = '';\n }\n }\n\n $scope.$on('transportationTypeChanged',\n function(e, newValue) {\n vm.tripType = newValue;\n setPlaceholder();\n });\n\n $scope.$on('pickUpChanged',\n function(e, newValue) {\n if (newValue && newValue.department.id === vm.department.id) {\n var pickup = newValue.pickUp;\n if (!vm.place ||\n vm.place === undefined ||\n !pickup ||\n vm.place && vm.place.location.lat !== pickup.location.lat ||\n vm.place && vm.place.location.lng !== pickup.location.lng) {\n vm.place = pickup;\n updateLocation();\n }\n }\n });\n\n $scope.$watch('vm.place',\n function(newValue) {\n updateLocation();\n });\n };\n }\n})();\n\n(function () {\n 'use strict';\n\n consumerAppointmentMapController.$inject = [\"$scope\", \"$window\", \"consumerAppointmentService\", \"mapObjectFactory\", \"SYSTEM_ENUMS\", \"HERE_MAPS_CONFIG\", \"$timeout\"];\n angular\n .module('redcap.consumer.appointments')\n .directive('consumerAppointmentMap', consumerAppointmentMap);\n\n function consumerAppointmentMap() {\n return {\n restrict: 'A',\n templateUrl: 'app/areas/consumer/appointments/views/partials/appointment-map.html',\n controller: consumerAppointmentMapController,\n controllerAs: 'vm',\n scope: {},\n bindToController: {\n dealer: '<',\n pickup: '<',\n maxheight: '<'\n }\n };\n }\n\n function consumerAppointmentMapController($scope,\n $window,\n consumerAppointmentService,\n mapObjectFactory,\n SYSTEM_ENUMS,\n HERE_MAPS_CONFIG,\n $timeout) {\n this.$onInit = function() {\n var vm = this,\n MAP_MIN_HEIGHT = 100,\n MAP_MAX_HEIGHT = 300;\n\n vm.markers = [];\n vm.mapName = 'MAP-' + Math.random();\n vm.currentRoute = null;\n vm.isInFrame = consumerAppointmentService.isInFrame() ? '1' : '0';\n\n vm.mapOptions = {\n draggable: false,\n showSegmentOverlay: false,\n defaultMapMode: HERE_MAPS_CONFIG.mapModes.overview,\n useImagesInPin: true,\n showActualRoute: false,\n showControls: false,\n disableLiveTracking: true,\n forceHideRecenter: true\n };\n\n vm.mapListeners = {\n drag: function() {},\n zoom: function() {}\n };\n\n function updateMapWithMarkers() {\n // Dealer marker\n vm.markers = [];\n\n if (vm.dealer) {\n var dealerPin = mapObjectFactory.createHereMarker(vm.dealer.lat,\n vm.dealer.lng,\n SYSTEM_ENUMS.destinationType.dealer);\n vm.markers.push(dealerPin);\n }\n\n // Customer marker (pickup)\n if (vm.pickup) {\n var pickup = vm.pickup.location,\n customerPin = mapObjectFactory.createHereMarker(pickup.lat,\n pickup.lng,\n SYSTEM_ENUMS.destinationType.customer);\n vm.markers.push(customerPin);\n }\n\n // necessary for the route to draw correctly.\n if (vm.hereMap) {\n vm.hereMap.updateMarkers(vm.markers, true);\n }\n\n if (vm.markers.length === 1) {\n fitBounds();\n } else {\n if (vm.hereMap) {\n vm.hereMap.fitAll();\n }\n }\n\n }\n\n function fitBounds() {\n $timeout(function() {\n if (!vm.hereMap) {\n return fitBounds();\n }\n\n vm.hereMap.setZoom(14);\n\n },\n 1);\n }\n\n $scope.$on('drawTripRoute',\n function(e, newRoute) {\n vm.currentRoute = newRoute;\n if (vm.hereMap) {\n vm.hereMap.updateMap({ stops: newRoute });\n }\n });\n\n $scope.$on('pickUpChanged',\n function(e, newValue) {\n if (newValue) {\n vm.pickup = newValue.pickUp;\n updateMapWithMarkers();\n } else {\n vm.hereMap.clearMap();\n updateMapWithMarkers();\n }\n });\n\n $scope.$on('transportationTypeChanged',\n function(e, newValue) {\n if (newValue.isDropOff) {\n vm.pickup = null;\n vm.hereMap.clearMap();\n updateMapWithMarkers();\n }\n });\n\n $scope.$on('clearMap',\n function(e, newValue) {\n vm.hereMap.clearMap();\n updateMapWithMarkers();\n });\n\n $scope.$on('minimizeHeaderMap',\n function(e, newValue) {\n vm.resizeMap(true);\n });\n\n\n vm.onMapReady = function(hereMap) {\n vm.hereMap = hereMap;\n if (vm.currentRoute) {\n vm.hereMap.updateMap({ stops: vm.currentRoute });\n } else {\n updateMapWithMarkers();\n }\n };\n\n function debounce(fn, time) {\n var timeout;\n // every time this returned fn is called, it clears and re-sets the timeout\n return function() {\n var context = this;\n // set args so we can access it inside of inner function\n var args = arguments;\n var later = function() {\n timeout = null;\n fn.apply(context, args);\n };\n $timeout.cancel(timeout);\n timeout = $timeout(later, time);\n };\n }\n\n vm.resizeMap = function(forceMinimize) {\n var currentMapHeight = angular.element('#appt-map-container').height(),\n newMapHeight,\n window = angular.element($window),\n width = window.width();\n\n\n if (currentMapHeight > MAP_MIN_HEIGHT || forceMinimize) {\n if (width < 992) {\n newMapHeight = 100;\n } else {\n newMapHeight = MAP_MIN_HEIGHT;\n }\n } else {\n if (width < 992) {\n newMapHeight = 200;\n } else {\n newMapHeight = MAP_MAX_HEIGHT;\n }\n }\n\n if (newMapHeight === currentMapHeight) return;\n\n var resizerTop = newMapHeight + 15,\n mapHeightProp = newMapHeight + 'px';\n\n $timeout(function() {\n if (vm.isInFrame === '1') {\n resizerTop = resizerTop - 50;\n }\n angular.element('.appointment-header-map').css('height', mapHeightProp);\n angular.element('#public-map').css('height', mapHeightProp);\n angular.element('#appt-map-container').css('height', mapHeightProp);\n angular.element('#map').css('height', mapHeightProp);\n angular.element('#resizer').css('top', resizerTop + 'px');\n angular.element('.map-wrap').css('height', mapHeightProp);\n angular.element('.map-container').css('height', mapHeightProp);\n if (vm.hereMap) {\n vm.hereMap.setMapSizes(mapHeightProp, null);\n if (mapHeightProp === MAP_MIN_HEIGHT + 'px') {\n vm.hereMap.setZoom(0);\n } else {\n vm.hereMap.setZoom(13);\n }\n }\n },\n 1);\n\n };\n\n function onWindowResize() {\n var currentMapHeight = angular.element('#appt-map-container').height(),\n newMapHeight,\n window = angular.element($window),\n width = window.width(),\n resizerTop,\n mapHeightProp;\n if (width < 992 && currentMapHeight > 200) {\n newMapHeight = 200;\n resizerTop = newMapHeight + 15;\n mapHeightProp = newMapHeight + 'px';\n\n if (vm.isInFrame === '1') {\n resizerTop = resizerTop - 50;\n }\n angular.element('.appointment-header-map').css('height', mapHeightProp);\n angular.element('#public-map').css('height', mapHeightProp);\n angular.element('#appt-map-container').css('height', mapHeightProp);\n angular.element('#map').css('height', mapHeightProp);\n angular.element('#resizer').css('top', resizerTop + 'px');\n if (vm.hereMap) {\n vm.hereMap.setMapSizes(mapHeightProp, null);\n }\n\n } else if (vm.isInFrame === '1') {\n\n currentMapHeight = angular.element('#appt-map-container').height();\n resizerTop = currentMapHeight + 15;\n mapHeightProp = currentMapHeight + 'px';\n resizerTop = resizerTop - 50;\n\n angular.element('.appointment-header-map').css('height', mapHeightProp);\n angular.element('#public-map').css('height', mapHeightProp);\n angular.element('#appt-map-container').css('height', mapHeightProp);\n angular.element('#map').css('height', mapHeightProp);\n angular.element('#resizer').css('top', resizerTop + 'px');\n if (vm.hereMap) {\n vm.hereMap.setMapSizes(mapHeightProp, null);\n }\n\n\n }\n\n $timeout(function() {\n if (vm.markers.length === 1) {\n fitBounds();\n } else {\n if (vm.hereMap) {\n vm.hereMap.fitAll();\n }\n }\n },\n 250);\n }\n\n angular.element($window).on('resize', debounce(onWindowResize, 450));\n $timeout(function() {\n onWindowResize();\n },\n 1);\n };\n }\n})();\n\n(function () {\n 'use strict';\n\n consumerAppointmentMessageModalController.$inject = [\"$uibModalInstance\", \"resolvedTitle\", \"resolvedMessage\", \"resolvedIsError\", \"resolvedButtons\"];\n angular\n .module('redcap.consumer.appointments')\n .controller('ConsumerAppointmentMessageModalController', consumerAppointmentMessageModalController);\n\n function consumerAppointmentMessageModalController($uibModalInstance, resolvedTitle, resolvedMessage, resolvedIsError, resolvedButtons) {\n var vm = this;\n vm.title = resolvedTitle;\n vm.message = resolvedMessage;\n vm.isError = resolvedIsError;\n vm.buttons = resolvedButtons;\n\n // Public functions\n vm.resolve = resolve;\n vm.close = close;\n\n function close() {\n $uibModalInstance.close([]);\n }\n\n function resolve(result){\n $uibModalInstance.close(result);\n }\n }\n})();\n\n(function () {\n 'use strict';\n\n consumerAppointmentLandingController.$inject = [\"$scope\", \"$rootScope\", \"$state\", \"$window\", \"$transition$\", \"$filter\", \"appointmentUtilService\", \"SYSTEM_ENUMS\", \"CONSUMER_APPS_TYPE\", \"CONSUMER_APPOINTMENT_BOOKING_EXPERIENCE\", \"dealerOpCodes\", \"resolvedDealerDepartments\", \"resolvedDealerBranding\", \"resolvedConsumerTripTypes\", \"consumerAppointmentService\", \"consumerModalService\"];\n angular\n .module('redcap.consumer.appointments')\n .controller('ConsumerAppointmentLandingController', consumerAppointmentLandingController);\n\n function consumerAppointmentLandingController($scope, $rootScope, $state, $window, $transition$, $filter, appointmentUtilService, \n SYSTEM_ENUMS, CONSUMER_APPS_TYPE, CONSUMER_APPOINTMENT_BOOKING_EXPERIENCE, dealerOpCodes, resolvedDealerDepartments,\n resolvedDealerBranding, resolvedConsumerTripTypes, consumerAppointmentService, consumerModalService) {\n \n var vm = this,\n configValues = resolvedDealerBranding.configValues,\n bookingMethod = consumerAppointmentService.getBookingMethod(configValues);\n\n if (bookingMethod === CONSUMER_APPOINTMENT_BOOKING_EXPERIENCE.ghostGarage) {\n $state.go('consumer-appointment-ghostgarage-booking', $transition$.params());\n return;\n } \n\n vm.branding = configValues;\n vm.loadingPage = true;\n vm.displayedTripLocations = null;\n vm.isInFrame = consumerAppointmentService.isInFrame();\n vm.sysEnums = SYSTEM_ENUMS;\n vm.appTypes = CONSUMER_APPS_TYPE;\n // Dealer Settings\n vm.dealer = resolvedDealerBranding;\n vm.apptConsumerDepartmentId = configValues.apptConsumerDepartmentId;\n vm.title = configValues.landingTitle;\n vm.description = configValues.landingDescription;\n vm.firstChoiceTitle = configValues.landingFirstChoiceTitle;\n vm.secondChoiceTitle = configValues.landingSecondChoiceTitle;\n vm.thirdChoiceTitle = configValues.landingThirdChoiceTitle;\n vm.firstChoiceDescription = configValues.landingFirstChoiceDescription;\n vm.secondChoiceDescription = configValues.landingSecondChoiceDescription;\n vm.thirdChoiceDescription = configValues.landingThirdChoiceDescription;\n vm.dealerDepartments = resolvedDealerDepartments;\n \n vm.headerImageUrl = configValues.headerImageUrl;\n vm.dealerOpCodes = dealerOpCodes;\n \n vm.showMapInMobile = consumerAppointmentService.getDisplayMapInMobile(configValues);\n vm.showMapFramedIn = consumerAppointmentService.getDisplayMapFramedIn(configValues);\n\n // Trip Types\n vm.resolvedConsumerTripTypes = resolvedConsumerTripTypes;\n \n // Public functions\n vm.getStarted = getStarted;\n vm.showDealerDetails = showDealerDetails;\n\n vm.displayLoanerSections = consumerAppointmentService.displayLoanerSections(vm.resolvedConsumerTripTypes, false);\n \n vm.showTheMap = function () {\n return consumerAppointmentService.showTheMap(vm.isInFrame, vm.showMapFramedIn);\n };\n\n function init() {\n // Set initial step\n vm.step = 'selectServiceType';\n if (bookingMethod !== CONSUMER_APPOINTMENT_BOOKING_EXPERIENCE.standard) {\n if (consumerAppointmentService.isDepartmentRankingCompleted(resolvedDealerDepartments)) {\n vm.hasDeparmentRanking = true;\n vm.rankedDepartments = $filter('filter')(resolvedDealerDepartments, { rank: '' });\n } else {\n vm.hasDeparmentRanking = false;\n }\n } else {\n vm.hasDepartmentRanking = false;\n }\n\n if (bookingMethod !== CONSUMER_APPOINTMENT_BOOKING_EXPERIENCE.standard || vm.hasDepartmentRanking === false) {\n var defaultDeptId = vm.apptConsumerDepartmentId ? parseInt(vm.apptConsumerDepartmentId) : null,\n deptTransTypes = null;\n if (defaultDeptId) {\n vm.defaultDepartment = $filter('filter')(resolvedDealerDepartments, { id: defaultDeptId }, true)[0];\n vm.selectedDepartment = vm.defaultDepartment;\n deptTransTypes = consumerAppointmentService.filterDepartmentTransportationTypes(resolvedConsumerTripTypes, defaultDeptId);\n\n vm.defaultDropoffTripType = consumerAppointmentService.getDefaultDropOff(deptTransTypes);\n vm.defaultPickupTripType = null;\n \n // make sure they have a pickup trip type instance enabled\n if (resolvedConsumerTripTypes.pickUpTransportationTypes.length > 0 && configValues.defaultPickupTripTypeId !== null) {\n vm.defaultPickupTripType = consumerAppointmentService.getDefaultPickUp(deptTransTypes, configValues);\n }\n }\n }\n\n consumerAppointmentService.minimizeHeaderMap();\n vm.loadingPage = false;\n }\n\n init();\n\n function getStarted(type) {\n $rootScope.$broadcast('minimizeHeaderMap');\n\n // \"I have an appointment\"\n if (type === 'existing') {\n vm.flow = 'existing';\n vm.step = 'customerLogin';\n return;\n }\n\n // If selected \"New\" appointment\n if (type && type !== '') {\n // Update selected service\n vm.tripType = type;\n\n // Reset pickup address if not pickup type\n if (type.isDropOff && configValues.landingPageSecondChoiceURL && configValues.landingPageSecondChoiceURL.trim().length > 0) {\n window.onbeforeunload = null;\n $window.location = configValues.landingPageSecondChoiceURL;\n return;\n }\n\n if (type.isDropOff) {\n vm.pickupLocation = null;\n $rootScope.$broadcast('departmentPickupChanged', null);\n }\n\n // If selected service type is valid\n if (vm.tripType) {\n vm.flow = null;\n vm.step = 'customerLogin';\n } // else do nothing.\n }\n }\n\n function showDealerDetails() {\n consumerModalService.showDealerDetails(vm.dealer);\n }\n\n vm.useStandardLandingPage = function () {\n return bookingMethod === CONSUMER_APPOINTMENT_BOOKING_EXPERIENCE.standard || vm.hasDeparmentRanking === false;\n };\n\n vm.dealerConfigured = function () {\n return consumerAppointmentService.isDealerConfigured(vm.dealerOpCodes, vm.apptConsumerDepartmentId);\n };\n\n vm.disableGetStarted = function () {\n var type = vm.tripType,\n typeNotSelected = !type.isDropOff && !vm.pickupLocation,\n outOfServiceArea = !type.isDropOff && vm.pickupLocation && vm.pickupLocation.isInServiceArea === false;\n if (type === 'existing') return false;\n return !type || typeNotSelected || vm.checkingServiceArea || outOfServiceArea;\n };\n\n vm.updateMap = function () {\n // just need to pass \"now\" to validate trip so that we can get a route to display on the map for now\n\n var tempAppointment = {\n dealerTransportationTypeId: vm.tripType.id,\n tripPickupTime: moment(),\n tripPickupLocation : vm.pickupLocation.location\n };\n \n consumerAppointmentService.validateTrip(vm.dealer.dealerId, tempAppointment, vm.tripType)\n .then(function (result) {\n vm.displayedTripLocations = appointmentUtilService.getTripLocations(result);\n consumerAppointmentService.displayTripLocations({ locationList: vm.displayedTripLocations});\n });\n };\n\n vm.clearMap = function () {\n $rootScope.$broadcast('clearMap');\n };\n\n vm.pickUpChanged = function () {\n vm.checkingServiceArea = true;\n consumerAppointmentService.isInServiceArea(vm.dealer.dealerId, vm.pickupLocation).then(\n function (result) {\n vm.checkingServiceArea = false;\n vm.pickupLocation.isInServiceArea = result;\n if (result) {\n vm.updateMap();\n } else {\n vm.clearMap();\n }\n },\n function (error) {\n vm.checkingServiceArea = false;\n }).finally(function () { });\n\n };\n\n $scope.$on('customerLoginEvent', function (e, loginEventData) {\n vm.loading = true;\n \n // Guest Login\n if (loginEventData && loginEventData.event === 'guest') {\n //Guest\n var guestAppointment = {\n dealerTransportationTypeId: vm.tripType.id\n };\n \n $state.go('consumer-appointment-booking', angular.extend({ appointment: guestAppointment, tripType: vm.tripType, pickupLocation: vm.pickupLocation, displayedTripLocations: vm.displayedTripLocations, eventData: loginEventData.event, department: vm.selectedDepartment }));\n }\n // Customer Login\n else if (loginEventData && loginEventData.event === 'login') {\n // Login\n var customerAppointment = loginEventData.data.customer;\n customerAppointment.dealerTransportationTypeId = vm.tripType.id;\n\n $state.go('consumer-appointment-booking', angular.extend({ appointment: customerAppointment, tripType: vm.tripType, pickupLocation: vm.pickupLocation, eventData: loginEventData.event, department: vm.selectedDepartment }));\n }\n // Open Appointment\n else if (loginEventData && loginEventData.event === 'openAppointment') {\n // Go to confirmation screen\n $state.go('consumer-appointment-confirmation', angular.extend({ appointmentId: loginEventData.data.id, key: loginEventData.data.key }));\n }\n // Cancel / Else\n else {\n // Reset selections\n vm.pickupLocation = null;\n vm.loading = false;\n vm.step = 'selectServiceType';\n }\n });\n\n $scope.$on(\"departmentPickUpChanged\", function (e, newValue) {\n if (vm.tripType && !vm.tripType.isDropOff) {\n vm.pickupLocation = newValue;\n vm.pickUpChanged();\n }\n });\n\n $scope.$on(\"clearMap\", function (e, newValue) {\n vm.clearMap();\n });\n\n $scope.$on(\"departmentGetStartedClicked\", function (e, newValue) {\n var selectedInfo = newValue;\n vm.tripType = selectedInfo.tripType;\n vm.selectedDepartment = selectedInfo.department;\n vm.pickupLocation = selectedInfo.pickupLocation;\n vm.getStarted(vm.tripType);\n });\n\n \n }\n})();\n\n(function () {\n 'use strict';\n\n ConsumerAppointmentHomeworkServicesController.$inject = [\"$scope\", \"$state\", \"$transition$\", \"$filter\", \"appointmentUtilService\", \"consumerAppointmentService\", \"SYSTEM_ENUMS\", \"APPOINTMENT_CUSTOMERTYPE\", \"CONSUMER_APPS_TYPE\", \"APPOINTMENT_APPOINTMENTSTATUS\", \"resolvedRecalls\", \"resolvedRideShareCredit\", \"resolvedShuttleTripType\", \"resolvedDealerBranding\", \"resolvedKey\", \"resolvedAppointment\", \"resolvedDealerOpCodes\", \"resolvedLocationTransportationTypes\", \"resolvedVehicleConditions\", \"resolvedTerms\", \"resolvedAuthorizations\", \"azureBlob\"];\n angular\n .module('redcap.consumer.appointments')\n .controller('ConsumerAppointmentHomeworkServicesController', ConsumerAppointmentHomeworkServicesController);\n\n\n function ConsumerAppointmentHomeworkServicesController($scope, $state, $transition$, $filter, appointmentUtilService, consumerAppointmentService, SYSTEM_ENUMS, \n APPOINTMENT_CUSTOMERTYPE, CONSUMER_APPS_TYPE, APPOINTMENT_APPOINTMENTSTATUS, resolvedRecalls, resolvedRideShareCredit, resolvedShuttleTripType,\n resolvedDealerBranding, resolvedKey, resolvedAppointment, resolvedDealerOpCodes, resolvedLocationTransportationTypes, resolvedVehicleConditions,\n resolvedTerms, resolvedAuthorizations, azureBlob) {\n var vm = this;\n \n vm.rideShareCredit = resolvedRideShareCredit;\n vm.recallData = resolvedRecalls;\n vm.showConditions = false;\n vm.sysEnums = SYSTEM_ENUMS;\n vm.appTypes = CONSUMER_APPS_TYPE;\n vm.customerType = APPOINTMENT_CUSTOMERTYPE;\n\n // supporting data\n vm.dealer = resolvedDealerBranding;\n vm.dealerOpCodes = resolvedDealerOpCodes;\n vm.transportationTypes = resolvedLocationTransportationTypes;\n vm.shuttleTripType = resolvedShuttleTripType.dealerTripTypes && resolvedShuttleTripType.dealerTripTypes.length > 0 ? resolvedShuttleTripType.dealerTripTypes[0] : 0;\n \n vm.resolvedKey = resolvedKey;\n vm.configValues = vm.dealer.configValues;\n vm.headerImageUrl = vm.configValues.headerImageUrl;\n\n vm.transportationType = $filter('filter')(vm.transportationTypes, { id: resolvedAppointment.dealerTransportationTypeId }, true)[0];\n\n // data we're working with on this page\n\n // we only want to use authorizations that haven't been signed off on\n \n vm.previousAuthorizations = [];\n _.forEach(resolvedAuthorizations, function (auth) {\n if (auth.signoffRequested && auth.services && auth.services.length > 0) {\n if (!auth.services[0].signatureData) {\n vm.previousAuthorizations.push(auth);\n }\n }\n });\n\n vm.vehicleConditions = resolvedVehicleConditions;\n vm.terms = resolvedTerms;\n vm.pendingAuthorizations = null; // this is populated in the init function\n \n function updateYMM(origValue) {\n return appointmentUtilService.updateYMM(origValue, vm.appointment);\n }\n\n function init() {\n vm.appointment = resolvedAppointment;\n vm.originalAppointmentLineItems = _.cloneDeep(vm.appointment.lineItems);\n vm.configValues.homeworkServicesPageTitle2 = updateYMM(vm.configValues.homeworkServicesPageTitle2);\n \n // these function get the pending authorizations and then set some properties we need on them\n vm.pendingAuthorizations = consumerAppointmentService.getServicesFromAuthorizaztions(vm.previousAuthorizations, true);\n consumerAppointmentService.postProcessAPIAuthorizationServices(vm.pendingAuthorizations, resolvedDealerOpCodes, vm.appointment);\n appointmentUtilService.addRecallDataToPendingAuthorizations(vm.pendingAuthorizations, vm.recallData);\n \n }\n\n function gotoNextPage() {\n consumerAppointmentService.setAppointmentStatus(vm.appointment.dealerId, vm.appointment.id, APPOINTMENT_APPOINTMENTSTATUS.checkedIn, vm.resolvedKey).then(function (result) {\n vm.appointment.appointmentStatus = APPOINTMENT_APPOINTMENTSTATUS.checkedIn;\n $state.go('consumer-appointment-homeworkconfirminfo', $transition$.params()).finally(function () {\n vm.loading = false;\n });\n vm.loading = false;\n }, function() {\n vm.errors = 'There was an error updating your appointment status.';\n vm.loading = false;\n });\n }\n\n function bookShuttleRide(pendingRideDetails) {\n if (pendingRideDetails) {\n vm.shuttleRideErrors = null;\n var pickup = vm.dealer,\n dropOff = pendingRideDetails.dropoff,\n appt = vm.appointment;\n \n \n consumerAppointmentService.createRide(appt.dealerId,\n pickup.lat,\n pickup.lng,\n pickup.address,\n pickup.city,\n pickup.state,\n pickup.zip,\n pickup.countryShortCode,\n dropOff.lat,\n dropOff.lng,\n dropOff.streetAddress,\n dropOff.city,\n dropOff.state,\n dropOff.zip,\n dropOff.countryShortCode,\n pendingRideDetails.rideType,\n appt.dealerServiceOrderId,\n appt.dealerEmployeeId,\n null,\n pendingRideDetails.isTestTrip,\n moment().add(moment.utc(), 'seconds'),\n pendingRideDetails.estimatedDistance,\n pendingRideDetails.estimatedDuration,\n null, // TODO FILL THIS IN WHEN WE HAVE RO NUMBER AVAIL FROM ROLL RO\n appt.customerPhone,\n appt.customerEmail,\n appt.customerFirstName,\n appt.customerLastName,\n null,\n vm.shuttleTripType.id,\n null,\n pendingRideDetails.baseCost,\n pendingRideDetails.estimatedCost,\n pendingRideDetails.maxCost,\n 13,\n true,\n null,\n appt.customerCompany,\n null,\n \"Appt:\" + appt.id, \n null,\n null,\n null,\n pendingRideDetails.rideProviderType,\n null,\n null,\n appt.id,\n vm.resolvedKey).then(function (result) {\n if (result && result.isSuccessful) {\n vm.appointment.tripId = result.tripId;\n } else {\n vm.shuttleRideErrors = result;\n }\n gotoNextPage();\n vm.busyNext = false;\n }, function (err) {\n vm.busyNext = false;\n }), function () {\n gotoNextPage();\n };\n }\n }\n\n function createRideShareCredit(creditDetails) {\n if (creditDetails && !vm.rideShareCredit) {\n vm.sendingCredit = true;\n \n consumerAppointmentService.createRideShareCredit(vm.appointment.dealerId, vm.appointment.id, creditDetails, vm.resolvedKey)\n .then(function (response) {\n vm.sendingCredit = false;\n }, function (errorResponse) {\n console.log(errorResponse);\n }, function () {\n vm.sendingCredit = false;\n });\n }\n }\n\n function signOffAuthorization(signatureObj) {\n function createShuttleRides (pendingRideDetails) {\n if (pendingRideDetails.pendingRideDetail) {\n bookShuttleRide(pendingRideDetails.pendingRideDetail, true);\n } else if (pendingRideDetails.pendingBookLaterPhone) {\n vm.invitationSent = false;\n consumerAppointmentService.sendBookLaterSms(vm.shuttleTripType.id, vm.appointment, pendingRideDetails.pendingBookLaterPhone, vm.resolvedKey)\n .then(function (response) {\n if (response === true) {\n vm.invitationSent = true;\n }\n gotoNextPage();\n }, function (errorResponse) {\n console.log(errorResponse);\n }, function () {\n gotoNextPage();\n });\n } else {\n gotoNextPage();\n }\n }\n\n consumerAppointmentService.signAuthorization(vm.appointment.dealerId, vm.appointment.id, signatureObj, vm.resolvedKey)\n .then(function (updatedAuthorizations) {\n vm.previousAuthorizations = updatedAuthorizations;\n \n if (vm.appointment.pendingRideDetails) {\n var pendingRideDetails = JSON.parse(vm.appointment.pendingRideDetails);\n if (pendingRideDetails.pendingCreditDetail) {\n createRideShareCredit(pendingRideDetails.pendingCreditDetail);\n if (pendingRideDetails && !vm.appointment.tripId && vm.transportationType.isShuttle) {\n createShuttleRides(formData, pendingRideDetails);\n } else {\n gotoNextPage();\n }\n } else if (pendingRideDetails && !vm.appointment.tripId && vm.transportationType.isShuttle) {\n createShuttleRides(pendingRideDetails);\n } else {\n gotoNextPage();\n }\n } else {\n gotoNextPage();\n }\n });\n }\n \n init();\n \n vm.clear = function (a, b, c) {\n if (vm.dataurl) {\n $scope.clear();\n }\n vm.dataurl = '';\n };\n\n $scope.$watch(function () {\n return vm.dataurl;\n }, function(newVal, oldVal) {\n vm.signatureImageData = newVal;\n });\n\n vm.getTotalEstimate = function () {\n return appointmentUtilService.getPendingLineItemTotalEstimate(vm.pendingAuthorizations);\n };\n\n vm.prevPage = function () {\n vm.loading = true;\n $state.go('consumer-appointment-homeworklanding', $transition$.params()).finally(function () {\n vm.loading = false;\n });\n };\n\n vm.nextPage = function () {\n\n var isBusiness = vm.appointment.customerType === vm.customerType.business ? true : false,\n signingName = isBusiness ? vm.customerFirstName : vm.appointment.customerFirstName + ' ' + vm.appointment.customerLastName;\n \n vm.loading = true;\n consumerAppointmentService.createSignature(vm.appointment.dealerId, vm.appointment.id, signingName, vm.resolvedKey)\n .then(function (result) {\n var blobData = appointmentUtilService.dataURItoBlob(vm.signatureImageData),\n \n config = {\n baseUrl: result.imageUrl,\n file: blobData,\n complete: function () {\n // sign authorization\n var signatureObj = {\n signatureDataId: result.id,\n signatureName: signingName,\n authorizedServices: vm.pendingAuthorizations,\n termsAgreedOn: _.map(vm.terms, function (item) { return item.id; })\n };\n\n signOffAuthorization(signatureObj);\n },\n error: function(err) {\n alert(\"Unable to save signature at the moment, please try again.\");\n vm.loading = false;\n },\n blockSize: 4000000000\n };\n\n azureBlob.upload(config);\n });\n \n \n };\n }\n})();\n\n(function () {\n 'use strict';\n\n ConsumerAppointmentHomeworkLandingController.$inject = [\"$state\", \"$transition$\", \"appointmentUtilService\", \"SYSTEM_ENUMS\", \"CONSUMER_APPS_TYPE\", \"consumerAppointmentService\", \"resolvedDealerBranding\", \"resolvedKey\", \"resolvedAppointment\", \"resolvedDealerOpCodes\", \"resolvedLocationTransportationTypes\", \"resolvedAuthorizations\"];\n angular\n .module('redcap.consumer.appointments')\n .controller('ConsumerAppointmentHomeworkLandingController', ConsumerAppointmentHomeworkLandingController);\n\n\n function ConsumerAppointmentHomeworkLandingController($state, $transition$, appointmentUtilService, SYSTEM_ENUMS, CONSUMER_APPS_TYPE, consumerAppointmentService,\n resolvedDealerBranding, resolvedKey, resolvedAppointment, resolvedDealerOpCodes, resolvedLocationTransportationTypes, resolvedAuthorizations) {\n var vm = this;\n vm.dealer = resolvedDealerBranding;\n vm.configValues = vm.dealer.configValues;\n vm.resolvedKey = resolvedKey;\n vm.sysEnums = SYSTEM_ENUMS;\n vm.appTypes = CONSUMER_APPS_TYPE;\n vm.headerImageUrl = vm.configValues.headerImageUrl;\n vm.dealerOpCodes = resolvedDealerOpCodes;\n vm.transportationTypes = resolvedLocationTransportationTypes;\n vm.loading = true;\n\n vm.previousAuthorizations = [];\n _.forEach(resolvedAuthorizations, function (auth) {\n if (auth.signoffRequested && auth.services && auth.services.length > 0) {\n if (!auth.services[0].signatureData) {\n vm.previousAuthorizations.push(auth);\n }\n }\n });\n \n vm.pendingAuthorizations = consumerAppointmentService.getServicesFromAuthorizaztions(vm.previousAuthorizations, true);\n\n if (this.pendingAuthorizations.length === 0) {\n // they've completed everything .. just go to the completed page\n $state.go('consumer-appointment-homeworkconfirminfo', $transition$.params()).finally(function () {\n \n });\n } else {\n vm.loading = false;\n }\n \n function loadAppointment() {\n vm.appointment = resolvedAppointment;\n vm.originalAppointmentLineItems = _.cloneDeep(vm.appointment.lineItems);\n }\n \n \n function initializeTasks() {\n var rawTasks = vm.configValues.homeworkLandingPageTasks ? vm.configValues.homeworkLandingPageTasks.split('*') : null;\n vm.tasks = [];\n\n _.each(rawTasks, function (task) {\n vm.tasks.push({\n text: task\n });\n });\n }\n\n function updateYMM(origValue) {\n return appointmentUtilService.updateYMM(origValue, vm.appointment);\n }\n\n loadAppointment();\n initializeTasks();\n\n vm.configValues.homeworkLandingPageTitle2 = updateYMM(vm.configValues.homeworkLandingPageTitle2);\n \n vm.nextPage = function () {\n vm.loading = true;\n $state.go('consumer-appointment-homeworkservices', $transition$.params()).finally(function () {\n vm.loading = false;\n });\n };\n }\n})();\n\n(function () {\n 'use strict';\n\n ConsumerAppointmentHomeworkConfirmInfoController.$inject = [\"$state\", \"$transition$\", \"SYSTEM_ENUMS\", \"CONSUMER_APPS_TYPE\", \"consumerAppointmentService\", \"appointmentUtilService\", \"resolvedDealerBranding\", \"resolvedKey\", \"resolvedRecalls\", \"resolvedAppointment\", \"resolvedDealerOpCodes\", \"resolvedLocationTransportationTypes\", \"resolvedVehicleConditions\", \"resolvedDealerIntegrations\", \"resolvedAuthorizations\"];\n angular\n .module('redcap.consumer.appointments')\n .controller('ConsumerAppointmentHomeworkConfirmInfoController', ConsumerAppointmentHomeworkConfirmInfoController);\n\n\n function ConsumerAppointmentHomeworkConfirmInfoController($state, $transition$, SYSTEM_ENUMS, CONSUMER_APPS_TYPE, consumerAppointmentService, appointmentUtilService,\n resolvedDealerBranding, resolvedKey, resolvedRecalls, resolvedAppointment, resolvedDealerOpCodes, resolvedLocationTransportationTypes, resolvedVehicleConditions,\n resolvedDealerIntegrations, resolvedAuthorizations) {\n var vm = this;\n\n vm.dealer = resolvedDealerBranding;\n vm.dealerIntegrations = resolvedDealerIntegrations;\n vm.recallData = resolvedRecalls;\n vm.configValues = vm.dealer.configValues;\n vm.resolvedKey = resolvedKey;\n vm.sysEnums = SYSTEM_ENUMS;\n vm.appTypes = CONSUMER_APPS_TYPE;\n vm.headerImageUrl = vm.configValues.headerImageUrl;\n vm.dealerOpCodes = resolvedDealerOpCodes;\n vm.transportationTypes = resolvedLocationTransportationTypes;\n vm.vehicleConditions = resolvedVehicleConditions;\n vm.previousAuthorizations = resolvedAuthorizations;\n appointmentUtilService.addRecallDataToAuthorizations(vm.previousAuthorizations, vm.recallData);\n vm.key = resolvedKey;\n \n function updateYMM(origValue) {\n return appointmentUtilService.updateYMM(origValue, vm.appointment);\n }\n\n function init() {\n vm.appointment = resolvedAppointment;\n vm.originalAppointmentLineItems = _.cloneDeep(vm.appointment.lineItems);\n vm.configValues.homeworkConfirmInfoTitle2 = updateYMM(vm.configValues.homeworkConfirmInfoTitle2);\n\n vm.pendingAuthorizations = consumerAppointmentService.getServicesFromAuthorizaztions(vm.previousAuthorizations, true);\n consumerAppointmentService.postProcessAPIAuthorizationServices(vm.pendingAuthorizations, resolvedDealerOpCodes, vm.appointment);\n\n var authorizedServiceList = [],\n authorized = _.filter(vm.previousAuthorizations, function (o) { \n return o.signoffRequested; \n });\n \n _.forEach(authorized, function (group) {\n _.forEach(group.services, function (service) {\n if (service.approved) {\n service.approvedDate = _.cloneDeep(service.approved); \n // in case we need the approve date later.. but the component is expecting\n // true/false in approved because that is what was in the dashboard.\n service.approved = true;\n authorizedServiceList.push(service);\n }\n });\n });\n\n vm.authorizedServices = authorizedServiceList;\n\n }\n \n init();\n \n vm.prevPage = function () {\n vm.loading = true;\n $state.go('consumer-appointment-homeworklanding', $transition$.params()).finally(function () {\n vm.loading = false;\n });\n };\n\n vm.nextPage = function () {\n vm.loading = true;\n $state.go('consumer-appointment-homeworkconfirminfo', $transition$.params()).finally(function () {\n vm.loading = false;\n });\n };\n }\n})();\n\n(function () {\n 'use strict';\n\n ConsumerAppointmentHomeworkAuthorizationHistoryController.$inject = [\"$state\", \"$transition$\", \"CONSUMER_APPS_TYPE\", \"consumerAppointmentService\", \"resolvedDealerBranding\", \"resolvedKey\", \"resolvedAppointment\", \"resolvedDealerOpCodes\", \"resolvedLocationTransportationTypes\", \"resolvedVehicleConditions\", \"resolvedAuthorizations\"];\n angular\n .module('redcap.consumer.appointments')\n .controller('ConsumerAppointmentHomeworkAuthorizationHistoryController', ConsumerAppointmentHomeworkAuthorizationHistoryController);\n\n\n function ConsumerAppointmentHomeworkAuthorizationHistoryController($state, $transition$, CONSUMER_APPS_TYPE, consumerAppointmentService,\n resolvedDealerBranding, resolvedKey, resolvedAppointment, resolvedDealerOpCodes, resolvedLocationTransportationTypes, resolvedVehicleConditions,\n resolvedAuthorizations) {\n var vm = this;\n vm.dealer = resolvedDealerBranding;\n\n vm.configValues = vm.dealer.configValues;\n vm.resolvedKey = resolvedKey;\n vm.appTypes = CONSUMER_APPS_TYPE;\n vm.headerImageUrl = vm.configValues.headerImageUrl;\n vm.dealerOpCodes = resolvedDealerOpCodes;\n vm.transportationTypes = resolvedLocationTransportationTypes;\n vm.vehicleConditions = resolvedVehicleConditions;\n vm.previousAuthorizations = resolvedAuthorizations;\n vm.authorizationToView = parseInt($transition$.params().indexToView);\n \n function init() {\n vm.appointment = resolvedAppointment;\n vm.originalAppointmentLineItems = _.cloneDeep(vm.appointment.lineItems);\n }\n\n vm.back = function () {\n vm.loading = true;\n $state.go('consumer-appointment-homeworkconfirminfo', $transition$.params()).finally(function () {\n vm.loading = false;\n });\n };\n \n init();\n \n \n }\n})();\n\n(function () {\n 'use strict';\n\n consumerAppointmentGhostGarageBookingController.$inject = [\"$rootScope\", \"$scope\", \"$transition$\", \"$state\", \"$window\", \"$filter\", \"$q\", \"rcUtilService\", \"appointmentLineItemClass\", \"ValidationService\", \"SYSTEM_ENUMS\", \"CONSUMER_APPS_TYPE\", \"APPOINTMENTSTATUS_LABELS\", \"APPOINTMENT_CUSTOMERTYPE\", \"APPOINTMENT_TRANSPORTATION_TYPE\", \"resolvedDealerBranding\", \"resolvedAppointmentStatuses\", \"consumerAppointmentService\", \"modalService\", \"resolvedConsumerTripTypes\", \"resolvedRequiredDMSFields\", \"locationTransportationTypes\", \"appointmentClass\", \"dealerOpCodes\", \"appointmentUtilService\", \"resolvedKey\", \"resolvedDealerIntegrations\", \"consumerModalService\", \"resolvedDealerDepartments\"];\n angular\n .module('redcap.consumer.appointments')\n .controller('ConsumerAppointmentGhostGarageBookingController', consumerAppointmentGhostGarageBookingController);\n\n function consumerAppointmentGhostGarageBookingController($rootScope, $scope, $transition$, $state, $window, $filter, $q, rcUtilService, appointmentLineItemClass, \n ValidationService, SYSTEM_ENUMS, CONSUMER_APPS_TYPE, APPOINTMENTSTATUS_LABELS, APPOINTMENT_CUSTOMERTYPE, APPOINTMENT_TRANSPORTATION_TYPE, \n resolvedDealerBranding, resolvedAppointmentStatuses, consumerAppointmentService, modalService, resolvedConsumerTripTypes, resolvedRequiredDMSFields,\n locationTransportationTypes, appointmentClass, dealerOpCodes, appointmentUtilService, resolvedKey, resolvedDealerIntegrations,\n consumerModalService, resolvedDealerDepartments) {\n \n let vm = this;\n let transitionParams = $transition$.params();\n\n vm.loading = true;\n // Dealer settings\n vm.dealerDepartments = resolvedDealerDepartments;\n vm.dealer = resolvedDealerBranding;\n vm.displayCapacityErrorMessaging = false;\n vm.departmentHours = null;\n vm.departmentConstraints = null;\n vm.requiredDMSFields = resolvedRequiredDMSFields;\n vm.displayedTripLocations = null;\n vm.hideButtons = false;\n vm.tripLocationError = null;\n vm.calendarTitle = 'WE PICK IT UP';\n vm.configValues = resolvedDealerBranding.configValues;\n vm.apptConsumerOtherServicesTitle = vm.configValues.apptConsumerOtherServicesTitle;\n vm.apptConsumerAlternateServicesTitle = vm.configValues.apptConsumerAlternateServicesTitle;\n vm.apptPreviouslyDeclinedtitle = vm.configValues.consumerMobileDeclinedServicesParagraph;\n vm.termsAndConditionsText = resolvedDealerBranding.termsPageText;\n vm.textOptInText = resolvedDealerBranding.configValues.desktopMarketingOptInCopyText;\n vm.headerImageUrl = vm.configValues.headerImageUrl;\n vm.apptConsumerDepartmentId = vm.configValues.apptConsumerDepartmentId;\n vm.defaultToPreviousAdvisor = vm.configValues.defaultToPreviousAdvisor;\n vm.apptTransporationTypes = APPOINTMENT_TRANSPORTATION_TYPE;\n vm.appStatuses = APPOINTMENTSTATUS_LABELS;\n vm.apptStatuses = resolvedAppointmentStatuses;\n vm.sysEnums = SYSTEM_ENUMS;\n vm.appTypes = CONSUMER_APPS_TYPE;\n vm.phoneTypes = SYSTEM_ENUMS.phoneTypes; \n vm.odometerTypes = SYSTEM_ENUMS.odometerTypes; \n vm.transmissions = SYSTEM_ENUMS.transmissions; \n vm.dealerOpCodes = dealerOpCodes;\n vm.tripTypes = resolvedConsumerTripTypes;\n // this is needed for dignified .. remove if not needed\n vm.dealerIntegrations = resolvedDealerIntegrations;\n \n vm.myValidation = new ValidationService();\n vm.transportationTypes = locationTransportationTypes;\n vm.genericConsumerServiceEnabled = false;\n\n vm.showMapInMobile = consumerAppointmentService.getDisplayMapInMobile(resolvedDealerBranding.configValues);\n vm.showMapFramedIn = consumerAppointmentService.getDisplayMapFramedIn(resolvedDealerBranding.configValues);\n \n \n vm.showTheMap = function () {\n return consumerAppointmentService.showTheMap(vm.isInFrame, vm.showMapFramedIn);\n };\n\n vm.startOver = function () {\n $window.location.reload();\n };\n \n vm.newStatus = _.find(vm.apptStatuses, {description: vm.appStatuses.new}).code;\n \n vm.isInFrame = consumerAppointmentService.isInFrame();\n vm.confirmationFormSubmitted = false;\n vm.confirmation = false;\n\n // Appointment\n vm.appointmentId = transitionParams.appointmentId;\n vm.appointment = null;\n vm.originalAppointmentLineItems = [];\n vm.tripType = null;\n vm.defaultPickupTripType = null;\n\n if (!vm.appointmentId) {\n if (vm.tripTypes.pickUpTransportationTypes.length > 0 && vm.configValues.defaultPickupTripTypeId) {\n vm.tripType = consumerAppointmentService.getDefaultPickUp(vm.tripTypes, vm.configValues);\n } \n }\n\n \n vm.dealerConfigured = function () {\n if (!vm.configValues.defaultPickupTripTypeId) return false;\n\n return consumerAppointmentService.isDealerConfigured(vm.dealerOpCodes, vm.apptConsumerDepartmentId);\n };\n \n vm.stateId = {\n booked: 0,\n services: 1,\n appointment: 2,\n vehicle: 3,\n confirmation: 4\n };\n\n vm.customerType = APPOINTMENT_CUSTOMERTYPE;\n\n // Page states\n vm.states = [\n {\n id: vm.stateId.services,\n previousState: vm.appointmentId || vm.appointment && vm.appointment.id ? vm.stateId.booked : null,\n nextState: vm.stateId.appointment,\n isValid: function () {\n $rootScope.$broadcast('validateServices', null);\n let validServices = vm.myValidation.checkFormValidity(vm.vehicleServicesForm);\n\n return validServices && rcUtilService.isFormValid(vm.vehicleServicesForm);\n \n }\n },\n {\n id: vm.stateId.appointment,\n previousState: vm.stateId.services,\n nextState: vm.stateId.vehicle,\n isValid: function () {\n vm.detailsFormSubmitted = true;\n let lineItemCount = vm.appointment && vm.appointment.lineItems ? vm.appointment.lineItems.length : 0;\n\n if (lineItemCount === 0) return false;\n\n let validDetails = vm.myValidation.checkFormValidity(vm.appointmentForm);\n let isManualValid = !(vm.tripType.isPickup && vm.appointment.isManual === null);\n let isTripTypeValid = !!vm.tripType;\n \n\n return validDetails && rcUtilService.isFormValid(vm.appointmentForm) && isManualValid && isTripTypeValid;\n }\n },\n {\n id: vm.stateId.vehicle,\n previousState: vm.stateId.appointment,\n nextState: vm.stateId.confirmation, //'Services',\n isValid: function () {\n vm.vehicleFormSubmitted = true;\n let validOwner = vm.myValidation.checkFormValidity(vm.vehicleOwnerForm);\n let validVehicleForm = vm.myValidation.checkFormValidity(vm.vehicleInformationForm);\n let validVehicle = false;\n let validMileage;\n\n if (!vm.appointment.year || !vm.appointment.make || !vm.appointment.model) {\n validVehicle = false;\n } else if (vm.appointment.vehicleId) {\n validVehicle = true;\n } else {\n validVehicle = vm.myValidation.checkFormValidity(vm.vehicleInformationForm);\n }\n\n validMileage = vm.appointment.mileage !== null && vm.appointment.mileage !== \"\";\n\n return validOwner && validVehicleForm && validVehicle && validMileage;\n }\n }, \n {\n id: vm.stateId.confirmation,\n previousState: vm.stateId.vehicle,\n nextState: null,\n isValid: function () {\n // Valid\n if (vm.confirmation) return true;\n\n // Invalid\n return false;\n }\n }\n ];\n\n \n consumerAppointmentService.setCurrentState(vm, vm.stateId.services);\n\n // Public functions\n vm.previousStep = previousStep;\n vm.nextStep = nextStep;\n vm.createAppointment = createAppointment;\n vm.showDealerDetails = showDealerDetails;\n vm.originalAppointmentHasLoaner = false;\n\n function isOriginalAppointmentPickupLoaner () {\n vm.originalAppointmentHasLoaner = consumerAppointmentService.isOriginalAppointmentPickupLoaner(vm.appointment, vm.transportationTypes, vm.apptTransporationTypes.pickupLoaner);\n }\n\n function postLoadAppointment () {\n consumerAppointmentService.postLoadAppointment(vm);\n }\n\n function loadAppointment(result) {\n vm.appointment = appointmentClass.new(result);\n vm.appointment.mileageType = appointmentUtilService.convertMileageType(vm.appointment, vm.odometerTypes);\n vm.appointment = consumerAppointmentService.postProcessAPIAppointment(vm.appointment, vm.dealerOpCodes, vm.dealerDepartments, vm.previouslyDeclinedServices);\n vm.appointment.yearMakeModelMismatch = false;\n vm.originalAppointmentLineItems = _.cloneDeep(vm.appointment.lineItems);\n\n // we will need to check if these have chagned later\n vm.originalAppointmentDateTime = _.cloneDeep(vm.appointment.apptDateTime);\n vm.originalDealerEmployeeId = vm.appointment.dealerEmployeeId;\n vm.originalDepartmentId = vm.appointment.departmentId;\n \n vm.originalTransportationType = vm.appointment.dealerTransportationTypeId;\n vm.originalIsManual = vm.appointment.isManual;\n vm.originalPickupLocation = vm.appointment.tripPickupLocation;\n\n isOriginalAppointmentPickupLoaner();\n }\n \n function displayCapacityErrorMessaging () {\n vm.displayCapacityErrorMessaging = true;\n }\n\n function validateCapacity () {\n vm.validatingCapacity = true;\n consumerAppointmentService.validateCapacity(vm.dealer.dealerId, vm.appointment, vm.previouslyDeclinedServices).then(\n (result) => {\n if (result.errors) {\n displayCapacityErrorMessaging();\n vm.validatingCapacity = false;\n\n return;\n }\n \n vm.validatingCapacity = false;\n },\n (error) => {\n displayCapacityErrorMessaging();\n vm.validatingCapacity = false;\n\n return;\n }).finally(() => { \n vm.validatingCapacity = false;\n });\n }\n\n function loadRecallsAndRecMaintAndPrevDeclined () {\n consumerAppointmentService.loadRecallsRecMaintPrevDeclined(vm);\n }\n\n function filterDepartmentData() {\n consumerAppointmentService.filterDepartmentData(vm, resolvedConsumerTripTypes, dealerOpCodes, vm.appointment.departmentId);\n }\n\n function init() {\n // Default appointment object\n let setStatus = function () {\n if (!vm.appointment.appointmentStatus) {\n vm.appointment.appointmentStatus = vm.newStatus;\n }\n };\n\n let setTripType = function () {\n if (vm.appointment.dealerTransportationTypeId) {\n vm.tripType = $filter('filter')(vm.transportationTypes, {id: vm.appointment.dealerTransportationTypeId}, true)[0];\n }\n };\n\n if (vm.appointment === null && transitionParams.appointment) {\n vm.appointment = appointmentClass.new(transitionParams.appointment);\n vm.appointment.yearMakeModelMismatch = false;\n\n if (transitionParams.appointment && transitionParams.appointment.customerType === vm.customerType.business) {\n vm.appointment.customerIsBusiness = true;\n } else if (!vm.appointment.customerType) {\n vm.appointment.customerType = vm.customerType.individual;\n }\n\n vm.appointment = consumerAppointmentService.postProcessAPIAppointment(vm.appointment, vm.dealerOpCodes, vm.dealerDepartments, vm.previouslyDeclinedServices);\n vm.originalAppointmentLineItems = _.cloneDeep(vm.appointment.lineItems);\n \n isOriginalAppointmentPickupLoaner();\n vm.appointment.originalApptHasRecallsOrRecMaint = false;\n postLoadAppointment();\n setTripType();\n setStatus();\n consumerAppointmentService.loadTripRoute(false, vm.appointment);\n loadRecallsAndRecMaintAndPrevDeclined();\n vm.loading = false;\n } else if (vm.appointment === null && vm.appointmentId) {\n consumerAppointmentService.getAppointment(vm.dealer.dealerId, vm.appointmentId, resolvedKey).then(\n (result) => {\n // Success\n loadAppointment(result);\n\n if (!vm.appointment.departmentId) {\n vm.appointment.departmentId = parseInt(vm.apptConsumerDepartmentId);\n filterDepartmentData();\n $rootScope.$broadcast('departmentUpdated', vm.appointment.departmentId);\n }\n\n postLoadAppointment();\n setTripType();\n setStatus();\n consumerAppointmentService.loadTripRoute(true, vm.appointment);\n loadRecallsAndRecMaintAndPrevDeclined();\n vm.loading = false;\n },\n (error) => {\n $state.go('404NotFound');\n }).finally(() => {\n vm.loading = false;\n });\n } else if (vm.appointment === null) {\n vm.appointment = appointmentClass.new();\n\n if (!vm.appointment.customerType) {\n vm.appointment.customerType = vm.customerType.individual;\n }\n \n vm.appointment.yearMakeModelMismatch = false;\n vm.appointment.originalApptHasRecallsOrRecMaint = false;\n setStatus();\n vm.loading = false;\n } else {\n vm.appointment.originalApptHasRecallsOrRecMaint = false;\n\n if (!vm.appointment.status) {\n setStatus();\n }\n\n vm.loading = false;\n }\n\n if (vm.appointment && !vm.appointment.departmentId) {\n vm.appointment.departmentId = parseInt(vm.apptConsumerDepartmentId);\n filterDepartmentData();\n $rootScope.$broadcast('departmentUpdated', vm.appointment.departmentId);\n }\n\n if (vm.appointment && !vm.appointment.department) {\n vm.appointment.department = $filter('filter')(vm.dealerDepartments, {id: vm.appointment.departmentId}, true)[0];\n }\n }\n\n function previousStep() {\n let prevState = vm.currentState.previousState;\n\n if (prevState !== null) {\n if (prevState === vm.stateId.booked) {\n $state.go('consumer-appointment-confirmation', angular.extend({appointmentId: vm.appointment.id}, transitionParams));\n } else {\n consumerAppointmentService.setCurrentState(vm, prevState);\n vm.currentState.submitted = false;\n }\n }\n }\n\n function nextStep() {\n let currentState = vm.currentState;\n\n if (!currentState.isValid()) {\n vm.currentState.submitted = true;\n\n return;\n }\n\n let checkPhoneAndFinish = function () {\n if (phoneType.type === vm.phoneTypes.landline) {\n phoneWarning = modalService.showLandlineWarning;\n } else if (phoneType.type === vm.phoneTypes.voip) {\n phoneWarning = modalService.showVoIPWarning;\n }\n\n phoneWarning().then(() => {\n if (!vm.appointment.customerType) {\n vm.appointment.customerType = vm.customerType.individual;\n }\n });\n };\n\n if (currentState.id === vm.stateId.vehicle) {\n var phoneWarning = $q.when; // Do not show any warning\n var phoneType = vm.customerPhoneType;\n\n if (!phoneType) {\n return;\n } \n \n if (!vm.appointment.id && !vm.appointment.customerId) {\n consumerAppointmentService.getCustomer(vm.dealer.dealerId, vm.appointment.customerEmail, vm.appointment.customerPhone)\n .then((customer) => {\n if (customer) {\n // exact match found in dms, use the customer number.\n vm.appointment.customerId = customer.custNo;\n }\n\n checkPhoneAndFinish();\n });\n } else {\n checkPhoneAndFinish();\n }\n \n } else if (currentState.id === vm.stateId.services) {\n consumerAppointmentService.getDefaultDepartment(vm.dealer.dealerId, vm.appointment)\n .then((response) => {\n vm.appointment.canUseDefaultDepartment = response.canUseDefaultDepartment;\n vm.appointment.defaultDealerDepartmentId = response.defaultDealerDepartmentId;\n\n if (vm.appointment.canUseDefaultDepartment && vm.appointment.departmentId !== vm.appointment.defaultDealerDepartmentId) {\n // We need to repopulate the time slots\n $rootScope.$broadcast('updateAvailability', null);\n }\n\n if (consumerAppointmentService.requiresCapacityValidation(vm, true) === false) {\n vm.appointment.bypassValidation = true;\n } else {\n // we need to fire off a capacity check before going to the next page\n // and display error messaging if they've lost their slot\n validateCapacity();\n }\n });\n\n }\n\n if (currentState.nextState) {\n $window.scrollTo(0, 0); // ensure that customer is on top of page\n consumerAppointmentService.setCurrentState(vm, vm.currentState.nextState);\n vm.currentState.submitted = false;\n }\n }\n\n function createAppointment() {\n vm.confirmationFormSubmitted = true;\n\n if (!vm.currentState.isValid()) {\n return;\n }\n\n vm.loading = true;\n \n // Convert to AP appointment type\n vm.appointment.dealerTransportationTypeId = vm.tripType.id;\n vm.appointment.departmentId = parseInt(vm.apptConsumerDepartmentId);\n filterDepartmentData();\n $rootScope.$broadcast('departmentUpdated', vm.appointment.departmentId);\n \n if (vm.pickupLocation) {\n vm.appointment.tripPickupLocation = vm.pickupLocation.location;\n appointmentUtilService.createTripCustomer(vm.appointment);\n }\n\n if (!vm.appointment.id) {\n vm.appointment.addingNew = true;\n } else {\n vm.appointment.addingNew = false;\n }\n\n consumerAppointmentService.createAppointment(vm.dealer.dealerId, vm.appointment, vm.previouslyDeclinedServices).then(\n (result) => {\n if (result && !result.errors) {\n gotoConfirm(result);\n } else if (result && result.errors && result.errors.length > 0) {\n vm.loading = false;\n modalService.showError('Sorry, there was a problem booking your appointment:', result.errors);\n } else {\n consumerAppointmentService.genericCreateApptError(vm);\n }\n },\n (error) => {\n // Error\n consumerAppointmentService.genericCreateApptError(vm);\n }).finally(() => { });\n }\n\n function gotoConfirm(result) {\n loadAppointment(result);\n $state.go('consumer-appointment-confirmation', {appointment: vm.appointment, appointmentId: vm.appointment.id, displayedTripLocations: vm.displayedTripLocations, dealerId: transitionParams.dealerId, tripType: vm.tripType, key: vm.appointment.urlKey});\n }\n\n function showDealerDetails() {\n consumerModalService.showDealerDetails(vm.dealer);\n }\n\n vm.updateYMM = function (origValue) {\n return appointmentUtilService.updateYMM(origValue, vm.appointment);\n };\n\n vm.isYMMSameAsOriginalApptYMM = function (year, make, model) {\n return appointmentUtilService.isYMMSameAsOriginalApptYMM(year, make, model, vm.originalApptYear, vm.originalApptMake, vm.originalApptModel);\n };\n\n vm.gettingServices = function () {\n return vm.retrievingRecalls || vm.gettingPreviouslyDeclinedServices;\n };\n\n vm.showTermsWarning = function () {\n // ghis validation is not working correctly w/ the checkbox\n // if you check it and then uncheck it.. it's passing as if checked\n if (!vm.confirmation && vm.confirmationFormSubmitted) {\n return true;\n }\n\n return false;\n };\n\n vm.showTextOptInWarning = function () {\n // ghis validation is not working correctly w/ the checkbox\n // if you check it and then uncheck it.. it's passing as if checked\n if (!vm.appointment.mobileSmsOptedIn && vm.confirmationFormSubmitted) {\n return true;\n }\n\n return false;\n };\n\n vm.pickUpChanged = function () {\n consumerAppointmentService.pickupChanged(vm.tripType, vm.pickupLocation, vm.dealer, vm.checkingIsInServiceArea);\n };\n\n $scope.$on('updateTripLocations', (e, newValue) => {\n vm.displayedTripLocations = newValue;\n vm.tripLocationError = null;\n });\n\n $scope.$on('updateTripLocationError', (e, newValue) => {\n vm.tripLocationError = newValue;\n });\n\n $scope.$on('transportationTypeChanged', (e, newValue) => {\n vm.tripType = newValue;\n });\n\n $scope.$on('pickUpChanged', (e, newValue) => {\n if (newValue) {\n vm.pickupLocation = newValue.pickUp;\n } else {\n vm.pickupLocation = null;\n }\n\n vm.pickUpChanged();\n });\n\n $scope.$on('customerPhoneTypeChanged', (e, newValue) => {\n vm.customerPhoneType = newValue;\n vm.appointment.invalidPhone = !vm.customerPhoneType;\n });\n\n $scope.$on('pickUpDateTimeChanged', (e, newValue) => {\n consumerAppointmentService.pickupDateTimeChanged(vm.appointment, vm.tripType, vm.pickupLocation, vm.dealer, newValue);\n });\n\n $scope.$on('timeChanged', (e, newValue) => {\n vm.displayCapacityErrorMessaging = false;\n });\n\n $scope.$on('vehicleUpdated', (e, newValue) => {\n let appt = vm.appointment;\n\n vm.appointment.yearMakeModelMismatch = !vm.isYMMSameAsOriginalApptYMM(appt.year, appt.make, appt.model);\n });\n\n $scope.$on('hideButtons', (e, newValue) => {\n if (newValue === true && vm.currentState === vm.states.appointment) {\n vm.hideButtons = newValue;\n }\n });\n\n vm.getRecMainTooltip = function (apps) {\n return appointmentUtilService.getRecMainTooltip(apps);\n };\n\n $scope.$on('servicesUpdated', (e, newValue) => {\n vm.servicesModified = true;\n appointmentUtilService.processServicesUpdated(newValue, vm.appointment, vm.originalAppointmentLineItems, vm.dealer, vm.dealerOpCodes, vm.recallData, vm.recMaintData);\n });\n\n $scope.$on('departmentUpdated', (e, newValue) => {\n if (vm.lastDepartmentId !== newValue) {\n vm.lastDepartmentId = newValue;\n filterDepartmentData();\n consumerAppointmentService.updateDepartmentHours(vm.dealer.dealerId, newValue);\n }\n });\n\n $scope.$on('departmentHoursUpdated', (e, newValue) => {\n vm.departmentHours = newValue;\n });\n\n $scope.$on('departmentConstraintsUpdated', (e, newValue) => {\n vm.departmentConstraints = newValue;\n vm.processedClosedConstraints = consumerAppointmentService.processClosedConstraints(vm.departmentConstraints);\n \n });\n\n init();\n\n }\n})();\n\n(function () {\n 'use strict';\n\n consumerAppointmentConfirmationController.$inject = [\"$state\", \"$transition$\", \"$timeout\", \"$rootScope\", \"$filter\", \"resolvedRideShareCredit\", \"SYSTEM_ENUMS\", \"CONSUMER_APPS_TYPE\", \"APPOINTMENTSTATUS_LABELS\", \"resolvedConsumerTripTypes\", \"resolvedDealerBranding\", \"resolvedAppointmentStatuses\", \"consumerAppointmentService\", \"appointmentUtilService\", \"dealerOpCodes\", \"appointmentClass\", \"resolvedKey\", \"locationTransportationTypes\", \"consumerModalService\", \"resolvedDealerIntegrations\", \"CONSUMER_APPOINTMENT_BOOKING_EXPERIENCE\"];\n angular\n .module('redcap.consumer.appointments')\n .controller('ConsumerAppointmentConfirmationController', consumerAppointmentConfirmationController);\n\n function consumerAppointmentConfirmationController($state, $transition$, $timeout, $rootScope, $filter, resolvedRideShareCredit,\n SYSTEM_ENUMS, CONSUMER_APPS_TYPE, APPOINTMENTSTATUS_LABELS, resolvedConsumerTripTypes, resolvedDealerBranding, \n resolvedAppointmentStatuses, consumerAppointmentService, appointmentUtilService, dealerOpCodes, appointmentClass, resolvedKey, \n locationTransportationTypes, consumerModalService, resolvedDealerIntegrations, CONSUMER_APPOINTMENT_BOOKING_EXPERIENCE) {\n let vm = this;\n\n vm.credit = resolvedRideShareCredit;\n vm.dealerIntegrations = resolvedDealerIntegrations;\n vm.sysEnums = SYSTEM_ENUMS;\n vm.appTypes = CONSUMER_APPS_TYPE;\n vm.appStatuses = APPOINTMENTSTATUS_LABELS;\n vm.loading = true;\n vm.transportationTypes = locationTransportationTypes;\n vm.dealerOpCodes = null;\n vm.dealerGenericOpCodes = null;\n vm.dealerOpCodes = dealerOpCodes;\n\n vm.odometerTypes = SYSTEM_ENUMS.odometerTypes;\n\n vm.apptStatuses = resolvedAppointmentStatuses;\n vm.canceledStatus = _.find(vm.apptStatuses, {description: vm.appStatuses.canceled}).code;\n vm.tripTypes = resolvedConsumerTripTypes;\n vm.isInFrame = consumerAppointmentService.isInFrame();\n vm.dealer = resolvedDealerBranding;\n vm.headerImageUrl = resolvedDealerBranding.configValues.headerImageUrl;\n\n vm.configValues = resolvedDealerBranding.configValues;\n vm.apptConsumerDepartmentId = vm.configValues.apptConsumerDepartmentId;\n vm.appointment = $transition$.params().appointment;\n vm.confirmationCode = $transition$.params().appointmentId;\n vm.tripType = $transition$.params().tripType || null;\n\n // Public functions\n vm.editAppointment = editAppointment;\n vm.cancelAppointment = cancelAppointment;\n vm.showDealerDetails = showDealerDetails;\n\n vm.showMapInMobile = consumerAppointmentService.getDisplayMapInMobile(resolvedDealerBranding.configValues);\n vm.showMapFramedIn = consumerAppointmentService.getDisplayMapFramedIn(resolvedDealerBranding.configValues);\n \n let bookingMethod = consumerAppointmentService.getBookingMethod(resolvedDealerBranding.configValues);\n\n vm.maxHeight = 300;\n init();\n\n vm.showTheMap = function () {\n return consumerAppointmentService.showTheMap(vm.isInFrame, vm.showMapFramedIn);\n };\n \n function setTripType() {\n if (vm.appointment.dealerTransportationTypeId) {\n vm.tripType = $filter('filter')(vm.transportationTypes, {id: vm.appointment.dealerTransportationTypeId}, true)[0];\n } else {\n vm.tripType = vm.transportationTypes[0];\n }\n }\n\n function init() {\n // Load appointment here\n vm.errorLoadingAppointment = false;\n consumerAppointmentService.getAppointment(vm.dealer.dealerId, vm.confirmationCode, resolvedKey).then(\n (result) => {\n\n // Success\n let appointment = appointmentClass.new(result);\n\n vm.appointment = consumerAppointmentService.postProcessAPIAppointment(appointment, vm.dealerOpCodes);\n vm.appointment.mileageType = appointmentUtilService.convertMileageType(vm.appointment, vm.odometerTypes);\n setTripType();\n\n if (vm.appointment.tripStops && vm.appointment.tripStops.length > 1) {\n $rootScope.$broadcast('drawTripRoute', vm.appointment.tripStops);\n \n }\n\n let recallLineItem = vm.dealerOpCodes.recallOpCodes[0];\n\n vm.recallData = null;\n\n if (recallLineItem && recallLineItem.recallOpCodeType) {\n vm.retrievingRecalls = true;\n consumerAppointmentService.getRecalls(vm.dealer.dealerId, vm.appointment).then((response) => {\n vm.recallData = response ? response.applications : null;\n _.each(vm.appointment.lineItems, (item) => {\n if (item.isRecall && !item.recallData && vm.recallData && vm.recallData.length > 0) {\n item.recallData = _.find(vm.recallData, (r) => { return r.item.manufacturerNumber === item.manufacturerNumber; });\n }\n });\n vm.retrievingRecalls = false;\n }, (errorResponse) => {\n vm.recallData = null;\n vm.retrievingRecalls = false;\n });\n }\n\n if (vm.appointment.year && vm.appointment.make) {\n consumerAppointmentService.getModelsForMakeInYear(vm.dealer.dealerId, vm.appointment.year, vm.appointment.make).then((models) => {\n if (models) {\n let dmsModel = $filter('filter')(models, {modelCode: vm.appointment.model}, true);\n\n if (dmsModel && dmsModel.length > 0) {\n vm.appointment.selectedDMSModel = dmsModel[0];\n }\n\n } \n });\n }\n\n // w/out this, we sometimes are getting the chrome leave site message for no reason\n $timeout(() => {\n window.onbeforeunload = null;\n }, 1);\n },\n (error) => {\n // Error\n if (error.status === 401)\n $state.go('404NotFound');\n \n vm.errorLoadingAppointment = true;\n }).finally(() => {\n \n if (bookingMethod === CONSUMER_APPOINTMENT_BOOKING_EXPERIENCE.ghostGarage) {\n let formEl = angular.element('.form-horizontal');\n\n formEl.addClass('ghost-garage-booking');\n vm.maxHeight = 195;\n } else {\n \n $timeout(() => {\n $rootScope.$broadcast('minimizeHeaderMap');\n }, 1);\n }\n \n vm.loading = false;\n });\n\n \n }\n\n function editAppointment() {\n vm.loadingEdit = true;\n\n consumerAppointmentService.getAppointment(vm.dealer.dealerId, vm.appointment.id, resolvedKey)\n .then((result) => {\n vm.appointment.canEdit = result.canEdit;\n\n if (result.canEdit) {\n let appt = vm.appointment;\n\n $state.go('consumer-appointment-booking', angular.extend({appointment: appt, appointmentId: appt.id, tripType: appt.tripType, key: resolvedKey}));\n } else {\n consumerModalService.showMessage('Error', 'This appointment cannot be edited at this time. Please contact the dealership if you have any questions.', true);\n vm.loadingEdit = false;\n }\n });\n }\n\n function cancelAppointment() {\n // Show cancel aside\n consumerAppointmentService.getAppointment(vm.dealer.dealerId, vm.appointment.id, resolvedKey)\n .then((result) => {\n vm.appointment.canCancel = result.canCancel;\n\n if (result.canCancel) {\n consumerModalService.showCancelReason(true, \"Cancel Appointment\").then(\n (reason) => {\n // Cancel\n vm.loading = true;\n \n consumerAppointmentService.cancelAppointment(vm.dealer.dealerId, vm.appointment, reason, resolvedKey).then(\n (result) => {\n if (result && !result.errors) {\n vm.appointment.appointmentStatus = vm.canceledStatus; // Set status to cancelled\n } else if (result && result.errors && result.errors.length > 0) {\n // Translate the list of errors to html\n let errorMsg = '';\n\n for (let i = 0; i < result.errors.length; i++) {\n errorMsg += result.errors[i] + ',';\n }\n\n errorMsg = errorMsg.substr(0, errorMsg.length - 1);\n consumerModalService.showMessage('Error', 'Sorry, there was a problem canceling your appointment: ' + errorMsg, true);\n } else {\n consumerModalService.showMessage('Error', 'Sorry, there was a problem canceling your appointment.', true);\n }\n }).finally(() => {\n vm.loading = false;\n });\n },\n (result) => {\n // Cancel - Do nothing\n }\n );\n } else {\n consumerModalService.showMessage('Error', 'This appointment cannot be canceled at this time. Please contact the dealership if you have any questions.', true);\n }\n });\n }\n\n function showDealerDetails() {\n consumerModalService.showDealerDetails(vm.dealer);\n }\n }\n})();\n\n(function () {\n 'use strict';\n\n consumerAppointmentBookingController.$inject = [\"$rootScope\", \"$scope\", \"$transition$\", \"$state\", \"$window\", \"$filter\", \"$q\", \"$timeout\", \"rcUtilService\", \"appointmentLineItemClass\", \"ValidationService\", \"CONSUMER_APPOINTMENT_BOOKING_EXPERIENCE\", \"SYSTEM_ENUMS\", \"CONSUMER_APPS_TYPE\", \"APPOINTMENTSTATUS_LABELS\", \"APPOINTMENT_CUSTOMERTYPE\", \"APPOINTMENT_TRANSPORTATION_TYPE\", \"resolvedDealerBranding\", \"resolvedAppointmentStatuses\", \"consumerAppointmentService\", \"modalService\", \"resolvedConsumerTripTypes\", \"resolvedRequiredDMSFields\", \"locationTransportationTypes\", \"appointmentClass\", \"dealerOpCodes\", \"appointmentUtilService\", \"resolvedKey\", \"resolvedDealerIntegrations\", \"consumerModalService\", \"resolvedDealerDepartments\"];\n angular\n .module('redcap.consumer.appointments')\n .controller('ConsumerAppointmentBookingController', consumerAppointmentBookingController);\n\n function consumerAppointmentBookingController($rootScope, $scope, $transition$, $state, $window, $filter, $q, $timeout, rcUtilService, appointmentLineItemClass, \n ValidationService, CONSUMER_APPOINTMENT_BOOKING_EXPERIENCE, SYSTEM_ENUMS, CONSUMER_APPS_TYPE, APPOINTMENTSTATUS_LABELS, APPOINTMENT_CUSTOMERTYPE, APPOINTMENT_TRANSPORTATION_TYPE, \n resolvedDealerBranding, resolvedAppointmentStatuses, consumerAppointmentService, modalService, resolvedConsumerTripTypes, resolvedRequiredDMSFields,\n locationTransportationTypes, appointmentClass, dealerOpCodes, appointmentUtilService, resolvedKey, resolvedDealerIntegrations,\n consumerModalService, resolvedDealerDepartments) {\n\n let vm = this;\n let configValues = resolvedDealerBranding.configValues;\n let bookingMethod = consumerAppointmentService.getBookingMethod(configValues);\n let transitionParams = $transition$.params();\n \n vm.dealerDepartments = resolvedDealerDepartments;\n vm.chooseDeptButtonText = 'NEXT';\n vm.branding = configValues;\n vm.displayCapacityErrorMessaging = false;\n vm.showMapInMobile = consumerAppointmentService.getDisplayMapInMobile(configValues);\n vm.showMapFramedIn = consumerAppointmentService.getDisplayMapFramedIn(configValues);\n vm.resolvedConsumerTripTypes = resolvedConsumerTripTypes;\n vm.needsScheduleTransportationUpdate = false;\n \n if (bookingMethod === CONSUMER_APPOINTMENT_BOOKING_EXPERIENCE.ghostGarage) {\n $state.go('consumer-appointment-ghostgarage-booking', transitionParams);\n\n return;\n }\n\n vm.loading = true;\n\n if (consumerAppointmentService.isDepartmentRankingCompleted(resolvedDealerDepartments)) {\n vm.rankedDepartments = $filter('filter')(resolvedDealerDepartments, {rank: ''});\n } else {\n vm.rankedDepartments = null;\n }\n\n vm.appointmentId = transitionParams.appointmentId;\n \n vm.department = transitionParams.department;\n\n vm.vehicleSelected = null;\n vm.departmentConstraints = null;\n vm.departmentHours = null;\n vm.tripLocationError = null;\n \n vm.dealerIntegrations = resolvedDealerIntegrations;\n \n vm.displayedTripLocations = null;\n vm.myValidation = new ValidationService();\n vm.configValues = resolvedDealerBranding.configValues;\n vm.apptTransporationTypes = APPOINTMENT_TRANSPORTATION_TYPE;\n vm.transportationTypes = locationTransportationTypes;\n vm.odometerTypes = SYSTEM_ENUMS.odometerTypes;\n vm.apptConsumerDepartmentId = vm.configValues.apptConsumerDepartmentId;\n vm.defaultToPreviousAdvisor = vm.configValues.defaultToPreviousAdvisor;\n vm.apptConsumerOtherServicesTitle = vm.configValues.apptConsumerOtherServicesTitle;\n vm.apptConsumerAlternateServicesTitle = vm.configValues.apptConsumerAlternateServicesTitle;\n vm.apptPreviouslyDeclinedtitle = vm.configValues.consumerMobileDeclinedServicesParagraph;\n vm.isInFrame = consumerAppointmentService.isInFrame();\n vm.sysEnums = SYSTEM_ENUMS;\n vm.appTypes = CONSUMER_APPS_TYPE;\n vm.phoneTypes = SYSTEM_ENUMS.phoneTypes; \n // Dealer settings\n vm.dealer = resolvedDealerBranding;\n vm.requiredDMSFields = resolvedRequiredDMSFields;\n\n vm.appStatuses = APPOINTMENTSTATUS_LABELS;\n vm.apptStatuses = resolvedAppointmentStatuses;\n vm.newStatus = _.find(vm.apptStatuses, {description: vm.appStatuses.new}).code;\n vm.disableServiceSelection = false;\n \n\n function filterDepartmentData() {\n consumerAppointmentService.filterDepartmentData(vm, resolvedConsumerTripTypes, dealerOpCodes, vm.appointment.departmentId);\n }\n\n vm.termsAndConditionsText = resolvedDealerBranding.termsPageText;\n vm.textOptInText = resolvedDealerBranding.configValues.desktopMarketingOptInCopyText;\n\n vm.headerImageUrl = vm.configValues.headerImageUrl;\n vm.confirmationFormSubmitted = false;\n vm.confirmation = false;\n vm.transmissions = SYSTEM_ENUMS.transmissions;\n\n // Appointment\n vm.appointment = null;\n vm.originalAppointmentLineItems = [];\n vm.tripType = transitionParams.tripType;\n vm.pickupLocation = transitionParams.pickupLocation;\n vm.loginEvent = transitionParams.eventData;\n vm.customerVehicles = null;\n vm.lastServiceAdvisor = null;\n\n if (transitionParams.appointment && transitionParams.appointment.vehicles) {\n vm.customerVehicles = transitionParams.appointment.vehicles;\n }\n\n if (transitionParams.appointment && transitionParams.appointment.lastServiceAdvisor && !vm.appointmentId) {\n vm.lastServiceAdvisor = transitionParams.appointment.lastServiceAdvisor;\n }\n\n vm.dealerConfigured = function () {\n return consumerAppointmentService.isDealerConfigured(vm.dealerOpCodes, vm.apptConsumerDepartmentId);\n };\n\n vm.startOver = function () {\n $window.location.reload();\n };\n \n vm.stateId = {\n landing: 0,\n booked: 1,\n vehicle: 2,\n services: 3,\n appointment: 4,\n confirmation: 5,\n changeDepartment: 6\n };\n\n vm.customerType = APPOINTMENT_CUSTOMERTYPE;\n\n // Page states\n vm.states = [\n {\n id: vm.stateId.vehicle,\n previousState: vm.appointmentId || (vm.appointment && vm.appointment.id) ? vm.stateId.booked : vm.stateId.landing,\n nextState: vm.stateId.services, //'Services',\n isValid: function () {\n vm.vehicleFormSubmitted = true;\n let validOwner = vm.myValidation.checkFormValidity(vm.vehicleOwnerForm);\n let appt = vm.appointment;\n let validVehicle = false;\n let validMileage;\n let validState = true;\n\n if (vm.requiredDMSFields.customerState && !appt.customerState) {\n validState = false;\n }\n\n if (!appt.year || !appt.make || !appt.model) {\n validVehicle = false;\n } else if (appt.vehicleId) {\n validVehicle = true;\n } else {\n validVehicle = vm.myValidation.checkFormValidity(vm.vehicleInformationForm);\n }\n\n validMileage = appt.mileage !== null && appt.mileage !== \"\";\n\n return validOwner && validVehicle && validMileage && validState;\n }\n },\n {\n id: vm.stateId.services,\n previousState: vm.stateId.vehicle,\n nextState: vm.stateId.appointment,\n isValid: function () {\n $rootScope.$broadcast('validateServices', null);\n let validServices = vm.myValidation.checkFormValidity(vm.vehicleServicesForm);\n\n return validServices && rcUtilService.isFormValid(vm.vehicleServicesForm);\n }\n },\n {\n id: vm.stateId.appointment,\n previousState: vm.stateId.services,\n nextState: vm.stateId.confirmation,\n isValid: function () {\n vm.detailsFormSubmitted = true;\n let lineItemCount = vm.appointment && vm.appointment.lineItems ? vm.appointment.lineItems.length : 0;\n\n if (lineItemCount === 0) return false;\n \n let validDetails = vm.myValidation.checkFormValidity(vm.appointmentForm);\n let hasServices = vm.appointment && vm.appointment.lineItems.length > 0;\n let isManualValid = !(vm.tripType.isPickup && vm.appointment.isManual === null);\n let isTripTypeValid = !!vm.tripType;\n\n return validDetails && rcUtilService.isFormValid(vm.appointmentForm) && isManualValid && isTripTypeValid && hasServices;\n }\n },\n {\n id: vm.stateId.confirmation,\n previousState: vm.stateId.appointment,\n nextState: null,\n isValid: function () {\n // Valid\n if (vm.showTextOptInWarning() && !vm.appointment.mobileSmsOptedIn) return false;\n \n if (vm.confirmation) return true;\n\n // Invalid\n return false;\n }\n },\n {\n id: vm.stateId.changeDepartment,\n previousState: vm.stateId.services,\n nextState: vm.stateId.services,\n isValid: function () {\n // Valid\n if (vm.confirmation) return true;\n\n // Invalid\n return false;\n }\n }\n ];\n\n consumerAppointmentService.setCurrentState(vm, vm.stateId.vehicle);\n\n vm.showTheMap = function () {\n return consumerAppointmentService.showTheMap(vm.isInFrame, vm.showMapFramedIn);\n };\n \n vm.getCustomerVehicles = function () {\n let appt = vm.appointment;\n\n consumerAppointmentService.getCustomerVehicles(vm.dealer.dealerId, appt.customerId, resolvedKey).then((result) => {\n vm.customerVehicles = result;\n let vehicle = null;\n\n if (appt.vehicleId) {\n vehicle = $filter('filter')(vm.customerVehicles, {vehicleId: appt.vehicleId}, true);\n\n if (vehicle && vehicle.length > 0) {\n vm.vehicleSelected = vehicle[0];\n }\n } else if (appt.vin) {\n vehicle = $filter('filter')(vm.customerVehicles, {vin: appt.vin}, true);\n\n if (vehicle && vehicle.length > 0) {\n vm.vehicleSelected = vehicle[0];\n }\n } else {\n let year = appt.year;\n let make = appt.make ? appt.make.toUpperCase() : null;\n let model = appt.model ? appt.model.toUpperCase() : null;\n \n vehicle = $filter('filter')(vm.customerVehicles, {year: year, make: make, model}, true);\n\n if (vehicle && vehicle.length > 0) {\n vm.vehicleSelected = vehicle[0];\n } else {\n vm.vehicleSelected = {\n make: appt.make,\n model: appt.model,\n year: appt.year,\n vin: appt.vin\n };\n }\n }\n });\n };\n \n // Public functions\n vm.previousStep = previousStep;\n vm.nextStep = nextStep;\n vm.createAppointment = createAppointment;\n vm.showDealerDetails = showDealerDetails;\n vm.originalAppointmentHasLoaner = false;\n\n \n function isOriginalAppointmentPickupLoaner () {\n vm.originalAppointmentHasLoaner = consumerAppointmentService.isOriginalAppointmentPickupLoaner(vm.appointment, vm.transportationTypes, vm.apptTransporationTypes.pickupLoaner);\n }\n\n function postLoadAppointment () {\n if (vm.appointment.customerId) {\n vm.getCustomerVehicles();\n }\n\n consumerAppointmentService.postLoadAppointment(vm);\n }\n\n function loadAppointment(result) {\n vm.appointment = appointmentClass.new(result);\n vm.appointment.mileageType = appointmentUtilService.convertMileageType(vm.appointment, vm.odometerTypes);\n\n if (vm.dealerOpCodes) {\n vm.appointment = consumerAppointmentService.postProcessAPIAppointment(vm.appointment, vm.dealerOpCodes, vm.dealerDepartments, vm.previouslyDeclinedServices);\n vm.originalAppointmentLineItems = _.cloneDeep(vm.appointment.lineItems);\n }\n\n vm.appointment.yearMakeModelMismatch = false;\n isOriginalAppointmentPickupLoaner();\n }\n \n\n function init() {\n // Default appointment object\n let setStatus = function () {\n if (!vm.appointment.appointmentStatus) {\n vm.appointment.appointmentStatus = vm.newStatus;\n }\n };\n\n let setTripType = function () {\n if (vm.appointment.dealerTransportationTypeId) {\n vm.tripType = $filter('filter')(vm.transportationTypes, {id: vm.appointment.dealerTransportationTypeId}, true)[0];\n }\n };\n\n vm.displayedTripLocations = {\n locationList: transitionParams.displayedTripLocations\n };\n\n if (vm.appointment === null && transitionParams.appointment) {\n vm.appointment = appointmentClass.new(transitionParams.appointment);\n \n if (transitionParams.appointment && transitionParams.appointment.customerType === vm.customerType.business) {\n vm.appointment.customerIsBusiness = true;\n vm.appointment.customerType = vm.customerType.business;\n } else if (!vm.appointment.customerType) {\n vm.appointment.customerType = vm.customerType.individual;\n }\n\n if (vm.appointment.departmentId) {\n vm.department = $filter('filter')(resolvedDealerDepartments, {id: vm.appointment.departmentId}, true)[0];\n filterDepartmentData();\n $rootScope.$broadcast('departmentUpdated', vm.appointment.departmentId);\n } else if (vm.department) {\n vm.appointment.departmentId = vm.department.id;\n filterDepartmentData();\n $rootScope.$broadcast('departmentUpdated', vm.appointment.departmentId);\n }\n\n vm.appointment.yearMakeModelMismatch = false;\n vm.appointment = consumerAppointmentService.postProcessAPIAppointment(vm.appointment, vm.dealerOpCodes, vm.dealerDepartments, vm.previouslyDeclinedServices);\n vm.originalAppointmentLineItems = _.cloneDeep(vm.appointment.lineItems);\n \n isOriginalAppointmentPickupLoaner();\n vm.appointment.originalApptHasRecallsOrRecMaint = false;\n postLoadAppointment();\n setTripType();\n setStatus();\n consumerAppointmentService.minimizeHeaderMap();\n\n if (vm.displayedTripLocations && vm.displayedTripLocations.locationList && vm.displayedTripLocations.locationList.length > 0) {\n $timeout(() => {\n consumerAppointmentService.displayTripLocations(vm.displayedTripLocations);\n }, 1000);\n }\n\n vm.loading = false;\n } else if (vm.appointment === null && vm.appointmentId) {\n consumerAppointmentService.getAppointment(vm.dealer.dealerId, vm.appointmentId, resolvedKey).then(\n (result) => {\n // Success\n loadAppointment(result);\n\n if (!vm.appointment.departmentId) {\n if (vm.department) {\n vm.appointment.departmentId = vm.department.id;\n } else {\n vm.appointment.departmentId = parseInt(vm.apptConsumerDepartmentId);\n vm.department = $filter('filter')(resolvedDealerDepartments, {id: vm.appointment.departmentId}, true)[0];\n }\n\n $rootScope.$broadcast('departmentUpdated', vm.appointment.departmentId);\n } else {\n vm.department = $filter('filter')(resolvedDealerDepartments, {id: vm.appointment.departmentId}, true)[0];\n }\n \n filterDepartmentData();\n vm.appointment = consumerAppointmentService.postProcessAPIAppointment(vm.appointment, vm.dealerOpCodes, vm.dealerDepartments, vm.previouslyDeclinedServices);\n vm.originalAppointmentLineItems = _.cloneDeep(vm.appointment.lineItems);\n \n postLoadAppointment();\n setTripType();\n setStatus();\n consumerAppointmentService.loadTripRoute(true, vm.appointment);\n consumerAppointmentService.minimizeHeaderMap();\n\n if (vm.displayedTripLocations && vm.displayedTripLocations.locationList && vm.displayedTripLocations.locationList.length > 0) {\n $timeout(() => {\n consumerAppointmentService.displayTripLocations(vm.displayedTripLocations);\n }, 1000);\n }\n\n vm.loading = false;\n },\n (error) => {\n $state.go('404NotFound');\n }).finally(() => {\n vm.loading = false;\n });\n } else if (vm.appointment === null) {\n vm.appointment = appointmentClass.new();\n\n if (!vm.appointment.customerType) {\n vm.appointment.customerType = vm.customerType.individual;\n }\n\n if (vm.department) {\n vm.appointment.departmentId = vm.department.id;\n filterDepartmentData();\n }\n\n vm.appointment.yearMakeModelMismatch = false;\n vm.appointment.originalApptHasRecallsOrRecMaint = false;\n setStatus();\n consumerAppointmentService.minimizeHeaderMap();\n vm.loading = false;\n } else {\n vm.appointment.originalApptHasRecallsOrRecMaint = false;\n\n if (!vm.appointment.status) {\n setStatus();\n }\n\n consumerAppointmentService.minimizeHeaderMap();\n vm.loading = false;\n }\n\n if (vm.appointment && !vm.appointment.departmentId) {\n if (vm.department) {\n vm.appointment.departmentId = vm.department.id;\n } else {\n vm.appointment.departmentId = parseInt(vm.apptConsumerDepartmentId);\n }\n\n filterDepartmentData();\n $rootScope.$broadcast('departmentUpdated', vm.appointment.departmentId);\n }\n\n \n }\n\n function getPreviouslyDeclinedServices () {\n consumerAppointmentService.getAndProcessPreviouslyDeclinedServices(vm);\n }\n\n function previousStep() {\n let prevState = vm.currentState.previousState;\n\n if (prevState !== null) {\n if (prevState === vm.stateId.landing) {\n let confirm = modalService.showYesNo('Please Confirm', 'Are you sure you want to log out and start over?', 'No', 'Yes');\n\n confirm.then((confirmed) => {\n if (confirmed) {\n $state.go('consumer-appointment-landing', angular.extend({}, $transition$));\n } \n });\n } else if (prevState === vm.stateId.booked) {\n $state.go('consumer-appointment-confirmation', angular.extend({appointmentId: vm.appointment.id, displayedTripLocations: vm.displayedTripLocations}, $transition$.params()));\n } else {\n consumerAppointmentService.setCurrentState(vm, prevState);\n vm.currentState.submitted = false;\n\n if (prevState === vm.stateId.appointment) {\n $rootScope.$broadcast('updateAvailability', true);\n } else if (prevState === vm.stateId.services) {\n vm.disableServiceSelection = false;\n }\n }\n }\n }\n\n function displayCapacityErrorMessaging () {\n vm.displayCapacityErrorMessaging = true;\n }\n\n function validateCapacity () {\n vm.validatingCapacity = true;\n consumerAppointmentService.validateCapacity(vm.dealer.dealerId, vm.appointment, vm.previouslyDeclinedServices).then(\n (result) => {\n if (result.errors) {\n displayCapacityErrorMessaging();\n vm.validatingCapacity = false;\n\n return;\n }\n \n vm.validatingCapacity = false;\n },\n (error) => {\n displayCapacityErrorMessaging();\n vm.validatingCapacity = false;\n\n return;\n }).finally(() => { \n vm.validatingCapacity = false;\n });\n }\n\n function loadRecallsAndRecMaintAndPrevDeclined () {\n consumerAppointmentService.loadRecallsRecMaintPrevDeclined(vm);\n }\n\n // if new department was selected, attemp to match up the transportation selection \n // from the old department to the new department\n function swapTransportationSelection (oldDeptId, newDeptId) {\n let currentTransportationType = null;\n let currentSystemTransportationTypeId = null;\n \n if (vm.appointment.dealerTransportationTypeId) {\n currentTransportationType = $filter('filter')(vm.transportationTypes, {id: vm.appointment.dealerTransportationTypeId}, true);\n\n if (currentTransportationType && currentTransportationType.length > 0) {\n currentSystemTransportationTypeId = currentTransportationType[0].dealerSystemTransportationTypeId;\n }\n }\n\t\t\t\n\t\t\t// have to do this in case we're switching departments\n if (currentSystemTransportationTypeId) {\n let tripType = $filter('filter')(vm.transportationTypes, {dealerSystemTransportationTypeId: currentSystemTransportationTypeId, dealerDepartmentId: newDeptId, showInConsumer: true}, true);\n\n if (tripType && tripType.length > 0) {\n vm.tripType = tripType[0];\n vm.appointment.dealerTransportationTypeId = vm.tripType.id;\n } else {\n vm.tripType = null;\n vm.appointment.dealerTransportationTypeId = null;\n }\n }\n\n }\n\n function nextStep() {\n vm.busy = true;\n\n let currentState = vm.currentState;\n\n let goToNextPage = function () {\n if (currentState.nextState) {\n $window.scrollTo(0, 0); // ensure that customer is on top of page\n consumerAppointmentService.setCurrentState(vm, vm.currentState.nextState);\n vm.busy = false;\n vm.currentState.submitted = false;\n }\n };\n\n if (!currentState.isValid()) {\n vm.currentState.submitted = true;\n vm.busy = false;\n\n return;\n }\n\n let checkPhoneAndFinish = function () {\n if (phoneType.type === vm.phoneTypes.landline) {\n phoneWarning = modalService.showLandlineWarning;\n } else if (phoneType.type === vm.phoneTypes.voip) {\n phoneWarning = modalService.showVoIPWarning;\n }\n\n phoneWarning().then(() => {\n if (!vm.appointment.customerType) {\n vm.appointment.customerType = vm.customerType.individual;\n }\n\n if (vm.appointment.selectedDMSMake && vm.appointment.selectedDMSModel) {\n loadRecallsAndRecMaintAndPrevDeclined();\n } else {\n getPreviouslyDeclinedServices();\n }\n\n goToNextPage();\n });\n };\n\n if (currentState.id === vm.stateId.vehicle) {\n var phoneWarning = $q.when; // Do not show any warning\n var phoneType = vm.customerPhoneType;\n\n if (!phoneType) {\n vm.busy = false;\n\n return;\n } \n \n if (!vm.tripType.isDropOff && vm.pickupLocation) {\n vm.appointment.tripPickupLocation = vm.pickupLocation.location;\n } else if (vm.tripType.isDropOff) {\n vm.appointment.tripPickupLocation = null;\n }\n\n if (!vm.appointment.id && !vm.appointment.customerId) {\n consumerAppointmentService.getCustomer(vm.dealer.dealerId, vm.appointment.customerEmail, vm.appointment.customerPhone)\n .then((customer) => {\n if (customer) {\n // exact match found in dms, use the customer number.\n vm.appointment.customerId = customer.custNo;\n }\n\n checkPhoneAndFinish();\n });\n } else {\n checkPhoneAndFinish();\n }\n \n } else if (currentState.id === vm.stateId.services) {\n vm.disableServiceSelection = true;\n consumerAppointmentService.getDefaultDepartment(vm.dealer.dealerId, vm.appointment)\n .then((response) => {\n vm.appointment.canUseDefaultDepartment = response.canUseDefaultDepartment;\n vm.appointment.defaultDealerDepartmentId = response.defaultDealerDepartmentId;\n let defaultDepartment = $filter('filter')(resolvedDealerDepartments, {id: response.defaultDealerDepartmentId}, true)[0];\n\n if (vm.appointment.canUseDefaultDepartment && vm.appointment.departmentId !== vm.appointment.defaultDealerDepartmentId) {\n // We need to repopulate the time slots\n let confirm = modalService.showYesNo('Warning', \"We're sorry, based on your service selections, this appointment can only be booked in our \" + defaultDepartment.name + \" Department. Note some transportation options might not be available.
Click OK to continue or CANCEL to add or change your services.\", 'Cancel', 'OK');\n\n confirm.then((confirmed) => {\n if (confirmed) {\n swapTransportationSelection(vm.appointment.departmentId, response.defaultDealerDepartmentId);\n goToNextPage();\n vm.appointment.departmentId = response.defaultDealerDepartmentId;\n $rootScope.$broadcast('departmentUpdated', vm.appointment.departmentId);\n\n if (consumerAppointmentService.requiresCapacityValidation(vm, true) === false) {\n vm.appointment.bypassValidation = true;\n } else {\n // we need to fire off a capacity check before going to the next page\n // and display error messaging if they've lost their slot\n validateCapacity();\n }\n } else {\n vm.busy = false;\n }\n });\n } else {\n\n if (consumerAppointmentService.requiresCapacityValidation(vm, true) === false) {\n vm.appointment.bypassValidation = true;\n } else {\n // we need to fire off a capacity check before going to the next page\n // and display error messaging if they've lost their slot\n validateCapacity();\n }\n\n goToNextPage();\n }\n });\n } else {\n goToNextPage();\n }\n \n }\n\n function createAppointment() {\n vm.confirmationFormSubmitted = true;\n\n if (!vm.currentState.isValid()) {\n return;\n }\n\n vm.loading = true;\n\n // Convert to AP appointment type\n vm.appointment.dealerTransportationTypeId = vm.tripType.id;\n $rootScope.$broadcast('departmentUpdated', vm.appointment.departmentId);\n\n if (!vm.appointment.departmentId && vm.department) {\n vm.appointment.departmentId = vm.department.id;\n $rootScope.$broadcast('departmentUpdated', vm.appointment.departmentId);\n }\n \n if (vm.pickupLocation) {\n vm.appointment.tripPickupLocation = vm.pickupLocation.location;\n appointmentUtilService.createTripCustomer(vm.appointment);\n } else if (vm.tripType.isDropOff) {\n vm.appointment.tripPickupLocation = null;\n }\n\n if (!vm.appointment.id) {\n vm.appointment.addingNew = true;\n } else {\n vm.appointment.addingNew = false;\n }\n\n consumerAppointmentService.createAppointment(vm.dealer.dealerId, vm.appointment, vm.previouslyDeclinedServices).then(\n (result) => {\n if (result && !result.errors) {\n gotoConfirm(result);\n } else if (result && result.errors && result.errors.length > 0) {\n vm.loading = false;\n modalService.showError('Sorry, there was a problem booking your appointment:', result.errors);\n } else {\n consumerAppointmentService.genericCreateApptError(vm);\n }\n },\n (error) => {\n // Error\n consumerAppointmentService.genericCreateApptError(vm);\n }).finally(() => { });\n }\n\n vm.cancelChangeDepartment = function () {\n consumerAppointmentService.setCurrentState(vm, vm.stateId.services);\n };\n\n vm.gotoChangeDepartment = function () {\n consumerAppointmentService.setCurrentState(vm, vm.stateId.changeDepartment);\n };\n\n function gotoConfirm(result) {\n loadAppointment(result);\n $state.go('consumer-appointment-confirmation', {appointment: vm.appointment, appointmentId: vm.appointment.id, dealerId: transitionParams.dealerId, tripType: vm.tripType, key: vm.appointment.urlKey});\n }\n\n function showDealerDetails() {\n consumerModalService.showDealerDetails(vm.dealer);\n }\n\n vm.updateYMM = function (origValue) {\n return appointmentUtilService.updateYMM(origValue, vm.appointment);\n };\n\n vm.isYMMSameAsOriginalApptYMM = function (year, make, model) {\n return appointmentUtilService.isYMMSameAsOriginalApptYMM(year, make, model, vm.originalApptYear, vm.originalApptMake, vm.originalApptModel);\n };\n\n vm.gettingServices = function () {\n return vm.retrievingRecalls || vm.gettingPreviouslyDeclinedServices;\n };\n\n vm.showTermsWarning = function () {\n // ghis validation is not working correctly w/ the checkbox\n // if you check it and then uncheck it.. it's passing as if checked\n if (!vm.confirmation && vm.confirmationFormSubmitted) {\n return true;\n }\n\n return false;\n };\n\n vm.showTextOptInWarning = function () {\n // ghis validation is not working correctly w/ the checkbox\n // if you check it and then uncheck it.. it's passing as if checked\n if (!vm.appointment.mobileSmsOptedIn && vm.confirmationFormSubmitted) {\n return true;\n }\n\n return false;\n };\n\n vm.pickUpChanged = function () {\n vm.showUpdateWarning();\n consumerAppointmentService.pickupChanged(vm.tripType, vm.pickupLocation, vm.dealer, vm.checkingIsInServiceArea);\n };\n\n vm.showUpdateWarning = function (ignoreUpdateWarning = false) {\n if (ignoreUpdateWarning) return;\n\n if (!vm.needsScheduleTransportationUpdate) {\n modalService.showYesNo('Warning', 'Changing certain appointment details may result in your date or time no longer being available. If you have questions, please contact us.
Are you sure you want to continue with these changes?', 'YES', 'NO');\n vm.needsScheduleTransportationUpdate = true;\n }\n\n $rootScope.$broadcast('updateApptSchedule');\n };\n\n $scope.$on('showUpdateWarning', (e, newValue) => {\n let isApptEdit = vm.appointmentId || (vm.appointment && vm.appointment.id);\n\n vm.showUpdateWarning(!isApptEdit);\n });\n\n $scope.$on('updateTripLocations', (e, newValue) => {\n vm.displayedTripLocations = newValue;\n vm.tripLocationError = null;\n });\n\n $scope.$on('updateTripLocationError', (e, newValue) => {\n vm.tripLocationError = newValue;\n });\n \n $scope.$on('transportationTypeChanged', (e, newValue) => {\n vm.tripType = newValue;\n });\n\n $scope.$on('pickUpChanged', (e, newValue) => {\n if (newValue) {\n vm.pickupLocation = newValue.pickUp;\n } else {\n vm.pickupLocation = null;\n }\n\n vm.pickUpChanged();\n });\n\n $scope.$on('customerPhoneTypeChanged', (e, newValue) => {\n vm.customerPhoneType = newValue;\n vm.appointment.invalidPhone = !vm.customerPhoneType;\n });\n\n $scope.$on('pickUpDateTimeChanged', (e, newValue) => {\n consumerAppointmentService.pickupDateTimeChanged(vm.appointment, vm.tripType, vm.pickupLocation, vm.dealer, newValue);\n });\n\n $scope.$on('timeChanged', (e, newValue) => {\n vm.displayCapacityErrorMessaging = false;\n });\n\n $scope.$on('vehicleUpdated', (e, newValue) => {\n let appt = vm.appointment;\n\n vm.appointment.yearMakeModelMismatch = !vm.isYMMSameAsOriginalApptYMM(appt.year, appt.make, appt.model);\n });\n\n $scope.$on('gotoChangeDepartment', (e, newValue) => {\n vm.gotoChangeDepartment();\n });\n\n vm.getRecMainTooltip = function (apps) {\n return appointmentUtilService.getRecMainTooltip(apps);\n };\n\n $scope.$on('departmentUpdated', (e, newValue) => {\n if (vm.lastDepartmentId !== newValue) {\n vm.lastDepartmentId = newValue;\n consumerAppointmentService.updateDepartmentHours(vm.dealer.dealerId, newValue, vm.departmentHours, vm.loadingDepartmentHours);\n filterDepartmentData();\n }\n });\n\n $scope.$on('departmentHoursUpdated', (e, newValue) => {\n vm.departmentHours = newValue;\n });\n\n $scope.$on('departmentConstraintsUpdated', (e, newValue) => {\n vm.departmentConstraints = newValue;\n vm.processedClosedConstraints = consumerAppointmentService.processClosedConstraints(vm.departmentConstraints);\n });\n\n $scope.$on('servicesUpdated', (e, newValue) => {\n vm.servicesModified = true;\n appointmentUtilService.processServicesUpdated(newValue, vm.appointment, vm.originalAppointmentLineItems, vm.dealer, vm.dealerOpCodes, vm.recallData, vm.recMaintData);\n });\n\n $scope.$on('departmentGetStartedClicked', (e, newValue) => {\n if (newValue) {\n let refilterDepartmentData = false;\n\n if (newValue.department.id !== vm.appointment.departmentId) {\n refilterDepartmentData = true;\n vm.appointment.advisor = null;\n vm.appointment.dealerEmployeeFirstName = null;\n vm.appointment.dealerEmployeeLastName = null;\n vm.appointment.dealerEmployeeId = null;\n vm.appointment.dealerEmployeeOfficePhone = null;\n vm.appointment.serviceAdvisorNumber = null;\n }\n\n vm.tripType = newValue.tripType;\n vm.appointment.dealerTransportationTypeId = newValue.tripType.id;\n vm.appointment.departmentId = newValue.department.id;\n \n // need to call this to set or clear department mismatch flags\n vm.appointment = consumerAppointmentService.postProcessAPIAppointment(vm.appointment, vm.dealerOpCodes, vm.dealerDepartments, vm.previouslyDeclinedServices);\n \n\n vm.pickupLocation = newValue.pickupLocation;\n consumerAppointmentService.setCurrentState(vm, vm.stateId.services);\n\n if (refilterDepartmentData === true) {\n $rootScope.$broadcast('departmentUpdated', vm.appointment.departmentId);\n consumerAppointmentService.loadRecallsRecMaintPrevDeclined(vm);\n }\n }\n });\n\n\n init();\n\n }\n})();\n\n(function () {\n 'use strict';\n\n angular.module('redcap.appointment', []);\n})();\n\n(function () {\n 'use strict';\n\n AppointmentScriptTabController.$inject = [\"appointmentService\", \"$scope\"];\n angular\n .module('redcap.appointment')\n .controller('AppointmentScriptTabController', AppointmentScriptTabController);\n\n\n function AppointmentScriptTabController(appointmentService, $scope) {\n var vm = this,\n parent_vm = $scope.$parent.vm;\n\n vm.content = null;\n \n function updateContent() {\n var step = parent_vm.accordion.selectedStep;\n if (!step) return;\n appointmentService.getScriptContent(step).then(function (response) {\n vm.content = response;\n parent_vm.gotoTab(1);\n });\n }\n\n $scope.$on('stepChanged', function (event, data) {\n updateContent();\n });\n\n updateContent();\n \n }\n\n\n})();\n\n(function () {\n 'use strict';\n\n AppointmentMessagesTabController.$inject = [\"$scope\", \"SYSTEM_ENUMS\"];\n angular\n .module('redcap.appointment')\n .controller('AppointmentMessagesTabController', AppointmentMessagesTabController);\n\n\n function AppointmentMessagesTabController($scope, SYSTEM_ENUMS) {\n var vm = this;\n vm.messagingPanelModes = SYSTEM_ENUMS.messagingPanelModes;\n vm.parent_vm = $scope.$parent.vm;\n vm.contactError = vm.parent_vm.contactError;\n \n }\n\n\n})();\n\n(function () {\n 'use strict';\n\n AppointmentFAQTabController.$inject = [\"appointmentService\", \"$scope\"];\n angular\n .module('redcap.appointment')\n .controller('AppointmentFAQTabController', AppointmentFAQTabController);\n\n\n function AppointmentFAQTabController(appointmentService, $scope) {\n var vm = this,\n parent_vm = $scope.$parent.vm;\n\n vm.content = null;\n \n function updateContent() {\n var step = parent_vm.accordion.selectedStep;\n if (!step) return;\n appointmentService.getFAQContent(step).then(function (response) {\n vm.content = response;\n });\n }\n\n $scope.$on('stepChanged', function (event, data) {\n updateContent();\n });\n\n\n updateContent();\n }\n\n\n})();\n\n(function () {\n 'use strict';\n\n AppointmentScheduleTransportationController.$inject = [\"$scope\", \"$timeout\", \"$rootScope\", \"$filter\", \"$interval\", \"$q\", \"APPOINTMENTSTATUS_LABELS\", \"APPOINTMENT_TRANSPORTATION_TYPE_GROUP\", \"APPOINTMENT_TRANSPORTATION_TYPE\", \"CONSTRAINT_REASON_CODES\", \"HERE_MAPS_CONFIG\", \"rcUtilService\", \"modalService\", \"ValidationService\", \"appointmentUtilService\", \"appointmentService\", \"SYSTEM_ENUMS\", \"promiseTimeService\", \"permissions\"];\n angular\n .module('redcap.appointment')\n .controller('AppointmentScheduleTransportationController', AppointmentScheduleTransportationController)\n .filter('distinct', () => {\n return function (arr, distinctProperty) {\n if (distinctProperty === false || arr === undefined || arr === null || !Array.isArray(arr)) {\n // Shortcut to allow optional distinct filters\n return arr;\n }\n\n let distinct = []; let index = -1;\n\n for (var i = 0; i < arr.length; i++) {\n index = _.findIndex(distinct, (o) => { return o[distinctProperty] == arr[i][distinctProperty]; });\n\n if (index === -1) {\n distinct.push(arr[i]);\n }\n }\n\n return distinct;\n };\n });\n\n function AppointmentScheduleTransportationController($scope, $timeout, $rootScope, $filter, $interval, $q,\n APPOINTMENTSTATUS_LABELS, APPOINTMENT_TRANSPORTATION_TYPE_GROUP, APPOINTMENT_TRANSPORTATION_TYPE, CONSTRAINT_REASON_CODES, HERE_MAPS_CONFIG, rcUtilService,\n modalService, ValidationService, appointmentUtilService, appointmentService, SYSTEM_ENUMS, promiseTimeService, permissions) {\n\n let vmSchedulePnl = this;\n let parent_vm = $scope.$parent.vm;\n let steps = parent_vm.accordion.steps;\n let slotsTimer;\n let AVAILSLOTS_DURATION = 600000;\n let NUMBER_OF_DAYS = 7;\n let MAP_MIN_HEIGHT = 150;\n let MAP_MAX_HEIGHT = 500;\n\n vmSchedulePnl.isAdminLevelUser = permissions.isAdminLevelUser();\n vmSchedulePnl.fakeInput = \"\";\n vmSchedulePnl.transTypeGroups = APPOINTMENT_TRANSPORTATION_TYPE_GROUP;\n vmSchedulePnl.dmsProviderTypes = SYSTEM_ENUMS.dmsSystemEnum;\n vmSchedulePnl.apptTransportationTypes = APPOINTMENT_TRANSPORTATION_TYPE;\n vmSchedulePnl.servicesVisible = true;\n vmSchedulePnl.mobileMapVisible = true;\n vmSchedulePnl.transmissions = SYSTEM_ENUMS.transmissions;\n vmSchedulePnl.constraintReasonCodes = CONSTRAINT_REASON_CODES;\n vmSchedulePnl.displayCalendar = false;\n vmSchedulePnl.today = moment(new Date()).format('YYYY-MM-DD');\n vmSchedulePnl.isPastAppt = false;\n vmSchedulePnl.displayAdvisor = false;\n vmSchedulePnl.userHasOverrideApptRuleRole = permissions.isOverrideApptCapacity() || vmSchedulePnl.isAdminLevelUser;\n vmSchedulePnl.initialLoad = true;\n vmSchedulePnl.nonOveridableReasonCodes = [CONSTRAINT_REASON_CODES.UnderCapacityDueToAdvisorOff, CONSTRAINT_REASON_CODES.UnderCapacityDueToAllAdvisorsOff];\n\n if (parent_vm.appointment.departmentId) {\n \n promiseTimeService.getDepartmentHours(parent_vm.appointment.dealerId, parent_vm.appointment.departmentId, parent_vm.selectedDepartment).then((hours) => {\n vmSchedulePnl.deptHours = hours;\n\n if (parent_vm.appointment.promiseDateTime) {\n let promiseDateTime = moment(parent_vm.appointment.promiseDateTime);\n\n parent_vm.appointment.promiseDate = promiseDateTime;\n let promiseTimeHours = promiseTimeService.generateHoursFromDate(promiseDateTime, parent_vm.appointment.apptDateTime, hours, parent_vm.selectedDepartment);\n let time = promiseDateTime.format('hh:mm A');\n\n promiseTimeService.setHours(promiseTimeHours, time);\n \n vmSchedulePnl.promiseTimeHours = promiseTimeHours;\n parent_vm.appointment.promiseTime = time;\n }\n });\n \n }\n \n\n if (!parent_vm.resolvedAppointmentId) {\n vmSchedulePnl.displayAdvisor = true;\n }\n\n vmSchedulePnl.options = {\n watchEnter: true,\n country: 'us,can'\n };\n\n parent_vm.appointment.pickupDropoff = \"\";\n\n vmSchedulePnl.pickupLocation = {\n formattedLocation: null,\n streetAddress: null,\n city: null,\n state: null,\n zip: null,\n county: null,\n countryShortCode: null,\n lat: null,\n lng: null\n };\n\n function adjustClosedColumn () {\n $timeout(() => {\n let tableEl = angular.element(\"#time-slots-table\");\n\n if (tableEl && tableEl.length) {\n let tableHeight = tableEl[0].offsetHeight - 10;\n\n angular.element(document.getElementsByClassName(\"list-unstyled closed\")).css('height', tableHeight + 'px');\n }\n }, 1);\n }\n\n vmSchedulePnl.apptIdIsValid = function (apptId) {\n return rcUtilService.isValidID(apptId);\n };\n\n vmSchedulePnl.removePipedData = function (apptId) {\n return appointmentUtilService.removePipedData(apptId);\n };\n\n vmSchedulePnl.calendarOptions = {\n calendarId: 'calendar1',\n date: parent_vm.appointment.apptDateTime ? moment(parent_vm.appointment.apptDateTime).format('YYYY-MM-DD') : moment().format('YYYY-MM-DD'),\n calendar: null,\n numberOfDays: NUMBER_OF_DAYS\n };\n\n vmSchedulePnl.getTransportationTypeLabel = function (data) {\n if (!data) return '';\n let types = parent_vm.dealerTransportationTypes;\n let transportationType = $filter('filter')(types, {id: data}, true);\n let strLabel = '';\n\n if (transportationType && transportationType.length > 0) {\n strLabel = transportationType[0].dashboardDescription;\n }\n\n return strLabel;\n };\n\n vmSchedulePnl.pickupLocationUpdated = function (formattedAddress) {\n if (formattedAddress && formattedAddress.location && formattedAddress.location.lat) {\n let loc = formattedAddress.location;\n\n vmSchedulePnl.pickupLocation.name = loc.name !== loc.streetAddress ? loc.name : \"Customer location\";\n vmSchedulePnl.pickupLocation.city = loc.city;\n vmSchedulePnl.pickupLocation.state = loc.state;\n vmSchedulePnl.pickupLocation.zip = loc.zip;\n vmSchedulePnl.pickupLocation.countryShortCode = loc.countryShortCode,\n vmSchedulePnl.pickupLocation.streetAddress = loc.streetAddress;\n vmSchedulePnl.pickupLocation.lat = loc.lat;\n vmSchedulePnl.pickupLocation.lng = loc.lng;\n vmSchedulePnl.availTimeSlots = null;\n vmSchedulePnl.calendarOptionsChanged();\n }\n\n vmSchedulePnl.isInServiceArea(formattedAddress.location);\n };\n\n vmSchedulePnl.dateChanged = function (newValue, oldValue) {\n if (!vmSchedulePnl.calendarOptions.date._i || vmSchedulePnl.calendarOptions.date._i !== newValue._i) {\n vmSchedulePnl.calendarOptions.date = newValue._i;\n vmSchedulePnl.calendarOptionsChanged(true);\n } else {\n vmSchedulePnl.displayCalendar = false;\n }\n };\n\n vmSchedulePnl.displayTripLocations = function (data) {\n _.forEach(data.locationList, (location) => {\n location.latLng = {lat: location.lat, lng: location.lng};\n });\n\n let stops = _.cloneDeep(data.locationList);\n\n _map.updateMap({stops: stops});\n };\n\n vmSchedulePnl.updateErrorCheckbox = function (error) {\n // Ensure that we actually have a list defined\n if (!vmSchedulePnl.confirmedErrors) {\n vmSchedulePnl.confirmedErrors = [];\n }\n\n if (error.isChecked) {\n vmSchedulePnl.confirmedErrors.push(error.code);\n } else {\n vmSchedulePnl.confirmedErrors.splice(vmSchedulePnl.confirmedErrors.indexOf(error.code));\n }\n\n parent_vm.disableNext = vmSchedulePnl.confirmedErrors.length < vmSchedulePnl.tripErrors.length;\n \n parent_vm.appointment.bypassValidation = !parent_vm.disableNext;\n\n \n };\n\n vmSchedulePnl.hasUnresolvedErrors = function () {\n if (!vmSchedulePnl.tripErrors) {\n return false;\n }\n\n let tripErrors = vmSchedulePnl.tripErrors;\n let confirmedErrors = vmSchedulePnl.confirmedErrors;\n\n return !(tripErrors.length === (confirmedErrors === undefined ? 0 : confirmedErrors.length));\n };\n\n // get the pickup or mobile trip type instance\n vmSchedulePnl.getTripType = function (tripType) {\n let allTripTypes = parent_vm.tripTypeInstances;\n let dealerTripType = _.find(allTripTypes, {systemTripTypeId: tripType, status: 1, isDefault: false});\n\n if (!dealerTripType) {\n dealerTripType = _.find(allTripTypes, {systemTripTypeId: tripType, status: 1});\n }\n\n return dealerTripType;\n };\n\n vmSchedulePnl.validateTrip = function () {\n \n vmSchedulePnl.userHasOverrideRuleRole = vmSchedulePnl.isAdminLevelUser === true || permissions.isOverrideTripRule() === true;\n let tripType = parent_vm.appointment.pickupDropoff.toLowerCase() === vmSchedulePnl.transTypeGroups.pickup ? SYSTEM_ENUMS.systemTripType.pickup : SYSTEM_ENUMS.systemTripType.mobileGarage;\n let dealerTripType = vmSchedulePnl.getTripType(tripType);\n let appt = parent_vm.appointment;\n let locId = appt.location.id;\n\n appointmentService.validateTrip(locId, appt, dealerTripType)\n .then((result) => {\n if (result.errorMessages && result.errorMessages.length > 0) {\n vmSchedulePnl.tripErrors = result.errorMessages;\n parent_vm.disableNext = true;\n appointmentService.getRules(locId, \n dealerTripType.systemTripTypeId,\n dealerTripType.id)\n .then((rules) => {\n vmSchedulePnl.bookingRules = rules;\n parent_vm.nextBusy = false;\n });\n } else {\n parent_vm.nextBusy = false;\n }\n\n vmSchedulePnl.displayedTripLocations = {locationList: appointmentUtilService.getTripLocations(result)};\n vmSchedulePnl.displayTripLocations(vmSchedulePnl.displayedTripLocations);\n\n if (result.errors) {\n console.log(result.errors);\n }\n });\n };\n\n vmSchedulePnl.timeSlotFilter = function (value) {\n if (!parent_vm.appointment.transportationType) return !!value.pickupTime;\n\n return !appointmentUtilService.isTripTypePickupOrMobile(parent_vm.appointment.transportationType) || !!value.pickupTime;\n };\n\n vmSchedulePnl.distinctBy = function () {\n return parent_vm.appointment.transportationType && appointmentUtilService.isTripTypePickupOrMobile(parent_vm.appointment.transportationType) ? 'pickupTime' : false;\n };\n\n vmSchedulePnl.isLoanerSelected = function () {\n if (parent_vm.appointment && parent_vm.appointment.transportationType) {\n switch (parent_vm.appointment.transportationType.dealerSystemTransportationTypeId) {\n case APPOINTMENT_TRANSPORTATION_TYPE.dropOffLoaner:\n case APPOINTMENT_TRANSPORTATION_TYPE.pickupLoaner:\n return true;\n default:\n return false;\n }\n }\n\n return false;\n };\n\n vmSchedulePnl.allSlotsNonOverridable = function (block) {\n return block.slots.every(slot => \n slot.constraintReasonCodes.some(constraint => _.includes(vmSchedulePnl.nonOveridableReasonCodes, constraint))\n );\n };\n\n vmSchedulePnl.getMobileApptDuration = function () {\n let duration = 0;\n\n _.forEach(parent_vm.appointment.lineItems, (item) => { \n duration += item.laborHours;\n });\n \n return duration;\n };\n\n vmSchedulePnl.getUniqueReasonCodes = function (slot, isOverridable) {\n let reasonCodesText = [];\n let constraintsArray = slot.constraintReasonCodes.map((code, index) => ({\n code: code,\n text: slot.constraintReasonCodesText[index]\n }));\n\n _.forEach(constraintsArray, (constraint) => { \n if (!_.includes(reasonCodesText, constraint.text) && \n (isOverridable ? !_.includes(vmSchedulePnl.nonOveridableReasonCodes, constraint.code) \n : _.includes(vmSchedulePnl.nonOveridableReasonCodes, constraint.code))) { \n reasonCodesText.push(constraint.text);\n }\n });\n\n return reasonCodesText;\n };\n\n vmSchedulePnl.getFirstOverridableSlot = function (block) {\n return block.slots.find(slot => \n slot.constraintReasonCodes.every(constraint => \n !vmSchedulePnl.nonOveridableReasonCodes.includes(constraint)\n )\n );\n };\n\n vmSchedulePnl.selectTimeSlot = function (block) {\n vmSchedulePnl.confirmedErrors = [];\n vmSchedulePnl.tripErrors = null;\n vmSchedulePnl.bookingRules = null;\n parent_vm.nextBusy = true;\n vmSchedulePnl.displayedTripLocations = null;\n let selectedTimeSlotPromise = $q.when(true); let firstAvailableTimeSlot = null;\n\n if (block.unavailable) {\n firstAvailableTimeSlot = vmSchedulePnl.allSlotsNonOverridable(block) ? block.slots[0] : vmSchedulePnl.getFirstOverridableSlot(block);\n let uniqueOverridableReasonCodes = vmSchedulePnl.getUniqueReasonCodes(firstAvailableTimeSlot, true);\n let uniqueNonOverridableReasonCodes = vmSchedulePnl.getUniqueReasonCodes(firstAvailableTimeSlot, false);\n\n if (vmSchedulePnl.userHasOverrideApptRuleRole && !vmSchedulePnl.allSlotsNonOverridable(block)) {\n selectedTimeSlotPromise = modalService.showYesNo('Override Appointment Time?', 'This time slot is unavailable for the following reasons:
' + uniqueOverridableReasonCodes.join(' '), 'Choose Another Time', 'Override', true);\n } else {\n parent_vm.nextBusy = false;\n if (!vmSchedulePnl.userHasOverrideApptRuleRole) uniqueNonOverridableReasonCodes = uniqueNonOverridableReasonCodes.concat(uniqueOverridableReasonCodes);\n modalService.showYesNo('Override Appointment Time?', 'This time slot is unavailable for the reason(s) below and cannot be overridden:
' + uniqueNonOverridableReasonCodes.join(' '), null, 'OK');\n\n return;\n } \n } else {\n vmSchedulePnl.overriddenTimeSlot = null;\n vmSchedulePnl.overrideTimeSlot = false;\n }\n\n selectedTimeSlotPromise.then((confirmed) => {\n if (confirmed) { \n vmSchedulePnl.selectedTimeSlot = block;\n parent_vm.appointment.selectedTimeSlot = block;\n vmSchedulePnl.overrideTimeSlot = true;\n \n let isMobile = parent_vm.appointment.pickupDropoff.toLowerCase() === vmSchedulePnl.transTypeGroups.mobile;\n let promiseTimeMeasurement = isMobile ? 'hours' : 'days';\n let tmpDuration = vmSchedulePnl.isLoanerSelected() ? parent_vm.appointment.lengthOfLoan : isMobile ? vmSchedulePnl.getMobileApptDuration() : parent_vm.bookingRules.promiseTimeDuration;\n \n let promiseTime = promiseTimeService.getPromiseTime(block.blockTime, tmpDuration, promiseTimeMeasurement, vmSchedulePnl.deptHours, parent_vm.selectedDepartment);\n \n \n if (promiseTime) {\n vmSchedulePnl.promiseDateChangedFromUi = false;\n vmSchedulePnl.promiseTimeHours = promiseTime.hours;\n parent_vm.appointment.promiseTime = promiseTime.promiseTime;\n parent_vm.appointment.promiseDate = promiseTime.promiseDate;\n }\n \n if (!firstAvailableTimeSlot) {\n firstAvailableTimeSlot = appointmentUtilService.getFirstAvailableTimeSlot(block.slots);\n } else {\n vmSchedulePnl.overriddenTimeSlot = firstAvailableTimeSlot;\n }\n\n if (appointmentUtilService.isTripTypePickupOrMobile(parent_vm.appointment.transportationType)) {\n // Apply our trip properties if a pickup and validate the booking now that we have a pickup time\n if (firstAvailableTimeSlot.driverCustomerExpectedTimeUtc) {\n parent_vm.appointment.tripPickupTime = moment.utc(firstAvailableTimeSlot.driverCustomerExpectedTimeUtc);\n parent_vm.appointment.tripPickupTimeDisplay = moment.tz(firstAvailableTimeSlot.driverCustomerExpectedTimeUtc, vmSchedulePnl.availTimeSlots.timeZoneId).format('h:mm a');\n }\n\n parent_vm.appointment.tripPickupLocation = vmSchedulePnl.pickupLocation;\n vmSchedulePnl.validateTrip();\n } else {\n parent_vm.nextBusy = false;\n }\n } else {\n vmSchedulePnl.overrideTimeSlot = false;\n parent_vm.nextBusy = false;\n }\n });\n };\n\n vmSchedulePnl.clearSlotsTimer = function () {\n if (angular.isDefined(slotsTimer)) {\n $interval.cancel(slotsTimer);\n slotsTimer = undefined;\n }\n };\n\n vmSchedulePnl.timeExpiredSlots = function () {\n modalService.showYesNo(\"Oops!\", \"Date and time availability must be refreshed. Please click OK to refresh avail times and continue booking this appointment.\", null, \"OK\")\n .then((result) => {\n vmSchedulePnl.calendarOptionsChanged(true);\n });\n };\n\n vmSchedulePnl.departmentChanged = function () {\n parent_vm.showUpdateWarning(vmSchedulePnl);\n vmSchedulePnl.selectedAdvisor = null;\n parent_vm.departmentChanged(true);\n vmSchedulePnl.updateDepartmentTransportationTypes();\n vmSchedulePnl.calendarOptionsChanged();\n parent_vm.setLastBookedDepartment();\n\n if (parent_vm.appointment.departmentId) {\n promiseTimeService.getDepartmentHours(parent_vm.appointment.location.id, parent_vm.appointment.departmentId, parent_vm.selectedDepartment).then((hours) => {\n vmSchedulePnl.deptHours = hours;\n });\n } else {\n vmSchedulePnl.deptHours = [];\n }\n };\n\n $scope.$on('defaultDepartmentLoaded', () => {\n if (parent_vm.appointment.departmentId) {\n promiseTimeService.getDepartmentHours(parent_vm.appointment.location.id, parent_vm.appointment.departmentId, parent_vm.selectedDepartment).then((hours) => {\n vmSchedulePnl.deptHours = hours;\n });\n }\n });\n\n vmSchedulePnl.getColClass = function (idx) {\n return 'calendar-col-' + idx;\n };\n\n vmSchedulePnl.calendarOptionsChanged = function (ignoreUpdateWarning = false) {\n parent_vm.showUpdateWarning(vmSchedulePnl, ignoreUpdateWarning);\n \n vmSchedulePnl.clearSlotsTimer();\n vmSchedulePnl.displayedTripLocations = null;\n vmSchedulePnl.tripErrors = null;\n vmSchedulePnl.confirmedErrors = [];\n vmSchedulePnl.availTimeSlots = null;\n parent_vm.appointment.bypassValidation = false;\n parent_vm.disableNext = true;\n vmSchedulePnl.errorRetrievingSlots = false;\n vmSchedulePnl.selectedTimeSlot = null;\n parent_vm.appointment.selectedTimeSlot = null;\n vmSchedulePnl.overrideTimeSlot = false;\n \n vmSchedulePnl.setMapLocation(_map, parent_vm.appointment.location);\n \n let loc = parent_vm.appointment.location;\n let pickup = vmSchedulePnl.pickupLocation.formattedLocation ? vmSchedulePnl.pickupLocation : null;\n\n if (!parent_vm.appointment.transportationType || \n !parent_vm.appointment.departmentId ||\n parent_vm.appointment.pickupDropoff.toLowerCase() === vmSchedulePnl.transTypeGroups.pickup && (!pickup || vmSchedulePnl.selectedTransmission === null) ||\n parent_vm.appointment.pickupDropoff.toLowerCase() === vmSchedulePnl.transTypeGroups.mobile && (!pickup || vmSchedulePnl.selectedTransmission === null)) {\n return;\n }\n\n if (vmSchedulePnl.isLoanerSelected() && !parent_vm.appointment.lengthOfLoan) {\n parent_vm.appointment.lengthOfLoan = parent_vm.bookingRules.promiseTimeDuration;\n }\n\n parent_vm.nextBusy = true;\n vmSchedulePnl.gettingSlots = true;\n appointmentService.getAvailability(loc.id,\n parent_vm.appointment.id,\n moment.utc(vmSchedulePnl.calendarOptions.date),\n null,\n parent_vm.appointment.departmentId,\n vmSchedulePnl.selectedAdvisor || null,\n parent_vm.appointment.transportationType || null,\n pickup,\n _.map(parent_vm.appointment.lineItems, (item) => { return item.opCode; }),\n parent_vm.appointment.lengthOfLoan)\n .then((result) => {\n if (!result) {\n vmSchedulePnl.errorRetrievingSlots = true;\n parent_vm.disableNext = true;\n vmSchedulePnl.availTimeSlots = null;\n vmSchedulePnl.availabilityErrors = ['An error occurred retrieving availability'];\n } else {\n parent_vm.disableNext = false;\n vmSchedulePnl.availabilityErrors = null;\n vmSchedulePnl.availTimeSlots = result;\n vmSchedulePnl.selectExistingAppointmentTime();\n }\n\n parent_vm.nextBusy = false;\n vmSchedulePnl.gettingSlots = false;\n adjustClosedColumn();\n\n if (!slotsTimer) {\n slotsTimer = $interval(() => {\n vmSchedulePnl.clearSlotsTimer();\n vmSchedulePnl.timeExpiredSlots();\n }, AVAILSLOTS_DURATION);\n }\n });\n };\n\n vmSchedulePnl.lengthOfLoanChanged = function (oldVal, newVal) {\n if (!isNaN(newVal) && newVal < 1) {\n parent_vm.appointment.lengthOfLoan = oldVal && parseInt(oldVal) || null;\n\n return;\n }\n\n\n if (parent_vm.appointment.selectedTimeSlot) {\n modalService\n .showYesNo('Refresh Loaner Availability?', 'Changing Estimated Return will recalculate availability, and the selected time may no longer be available. Are you sure you want to do this?', 'No', 'Yes', true, false)\n .then(result => {\n if (!result) {\n parent_vm.appointment.lengthOfLoan = oldVal && parseInt(oldVal) || null;\n\n return;\n }\n \n parent_vm.appointment.selectedTimeSlot = null;\n vmSchedulePnl.calendarOptionsChanged();\n\n\n });\n } else {\n vmSchedulePnl.calendarOptionsChanged();\n }\n };\n\n vmSchedulePnl.pickupDropoffSelected = function () {\n if (parent_vm.appointment.pickupDropoff === vmSchedulePnl.transTypeGroups.mobile) {\n parent_vm.appointment.transportationType = vmSchedulePnl.mobileTransportationTypes[0];\n } else {\n parent_vm.appointment.transportationType = null;\n }\n\n vmSchedulePnl.calendarOptionsChanged();\n };\n\n vmSchedulePnl.transportationName = function () {\n return parent_vm.appointment.pickupDropoff == vmSchedulePnl.transTypeGroups.mobile ? 'SERVICE LOCATION' : 'PICK UP LOCATION';\n };\n\n vmSchedulePnl.transportationTypeSelected = function () {\n vmSchedulePnl.calendarOptionsChanged();\n };\n\n vmSchedulePnl.transmissionTypeSelected = function () {\n parent_vm.appointment.isManual = vmSchedulePnl.selectedTransmission.value;\n vmSchedulePnl.calendarOptionsChanged();\n };\n\n vmSchedulePnl.validateCustomerTrip = function () {\n if (!vmSchedulePnl.selectedTripTypeInstance || \n !vmSchedulePnl.selectedTimeSlot || \n !vmSchedulePnl.pickupLocation.formattedLocation)\n return;\n };\n\n vmSchedulePnl.disableDriversField = function () {\n if (!vmSchedulePnl.selectedTimeSlot || \n !vmSchedulePnl.pickupLocation.formattedLocation) {\n return true;\n }\n\n return false;\n };\n\n vmSchedulePnl.validation = {\n isValidDepartment: function () {\n return appointmentUtilService.validateDepartment(parent_vm.dealerDepartments, parent_vm.appointment.departmentId);\n }\n };\n\n vmSchedulePnl.getDepartmentName = function () {\n let dept = parent_vm.getAppointmentDepartment(parent_vm.appointment.departmentId);\n\n if (dept) {\n return dept.name;\n } else {\n return \"\";\n }\n };\n\n vmSchedulePnl.disableNextBtn = function () {\n if (!parent_vm.appointment.transportationType || \n !vmSchedulePnl.calendarOptions.calendarId) {\n return true;\n }\n\n if (parent_vm.appointment.transportationType && \n parent_vm.appointment.pickupDropoff.toLowerCase() === vmSchedulePnl.transTypeGroups.pickup) {\n if (!vmSchedulePnl.selectedTimeSlot || \n !vmSchedulePnl.pickupLocation.formattedLocation) {\n return true;\n }\n } else {\n if (!vmSchedulePnl.selectedTimeSlot) {\n return true;\n }\n }\n\n return vmSchedulePnl.hasUnresolvedErrors();\n };\n\n vmSchedulePnl.nextClicked = function () {\n let myValidation = new ValidationService();\n\n if (!myValidation.checkFormValidity($scope.bookApptForm) || !vmSchedulePnl.selectedTimeSlot) {\n vmSchedulePnl.submitted = true;\n\n return false;\n }\n\n parent_vm.appointment.advisor = vmSchedulePnl.selectedAdvisor;\n let timeSlotAdvisor;\n\n if (!vmSchedulePnl.selectedAdvisor) {\n parent_vm.appointment.advisor = null;\n parent_vm.appointment.dealerEmployeeId = null;\n parent_vm.appointment.serviceAdvisorNumber = null;\n \n } else {\n timeSlotAdvisor = _.find(vmSchedulePnl.selectedTimeSlot.slots, {advisorId: vmSchedulePnl.selectedAdvisor.id});\n\n if (!timeSlotAdvisor && vmSchedulePnl.overriddenTimeSlot) {\n timeSlotAdvisor = vmSchedulePnl.overriddenTimeSlot;\n parent_vm.appointment.dealerEmployeeId = timeSlotAdvisor.advisorId;\n parent_vm.appointment.serviceAdvisorNumber = timeSlotAdvisor.advisorNumber;\n }\n }\n\n let promiseDate = parent_vm.appointment.promiseDate.format('MM/DD/YYYY');\n\n parent_vm.appointment.promiseDateTime = moment(`${promiseDate} ${parent_vm.appointment.promiseTime}`).format('MM/DD/YYYY HH:mm');\n\n parent_vm.appointment.apptDateTime = vmSchedulePnl.selectedTimeSlot.blockTime;\n\n if (appointmentUtilService.isTripTypePickupOrMobile(parent_vm.appointment.transportationType)) {\n if (!timeSlotAdvisor) {\n timeSlotAdvisor = vmSchedulePnl.selectedTimeSlot.slots[0];\n }\n\n parent_vm.appointment.tripPickupTime = moment.utc(timeSlotAdvisor.driverCustomerExpectedTimeUtc);\n parent_vm.appointment.tripPickupTimeDisplay = moment.tz(timeSlotAdvisor.driverCustomerExpectedTimeUtc, vmSchedulePnl.availTimeSlots.timeZoneId).format('h:mm a');\n parent_vm.appointment.tripPickupLocation = vmSchedulePnl.pickupLocation;\n parent_vm.appointment.tripCustomer = {\n firstName: parent_vm.appointment.customerFirstName,\n lastName: parent_vm.appointment.customerLastName,\n companyName: parent_vm.appointment.customerCompany,\n phoneNumber: parent_vm.appointment.customerPhone,\n email: parent_vm.appointment.customerEmail\n };\n } else {\n parent_vm.appointment.tripPickupTime = null;\n parent_vm.appointment.tripPickupLocation = null;\n parent_vm.appointment.tripCustomer = null;\n parent_vm.appointment.tripStops = null;\n }\n \n parent_vm.appointment.notes = vmSchedulePnl.tripNote;\n parent_vm.appointment.dealerTransportationTypeId = parent_vm.appointment.transportationType.id;\n let bypassValidation = parent_vm.appointment.bypassValidation;\n\n if (parent_vm.appointment.appointmentStatus === parent_vm.getStatus(APPOINTMENTSTATUS_LABELS.draft)) {\n parent_vm.nextBusy = true;\n appointmentService.createOrUpdateAppointment(parent_vm.appointment.location.id, parent_vm.appointment)\n .then((result) => {\n parent_vm.nextBusy = false;\n\n if (result && !result.errors && !result.dmsSyncError) {\n // We need to merge the resulting object back to our UI\n parent_vm.loadAppointment(result);\n parent_vm.appointment.overrideTimeSlot = vmSchedulePnl.overrideTimeSlot;\n parent_vm.appointment.bypassValidation = bypassValidation;\n vmSchedulePnl.loadSummaryPanel();\n } else if (result && result.dmsSyncError) {\n let alert = $q.when();\n\n alert = modalService.showDetailedErrorDlg(result.dmsSyncError, true);\n alert.then(() => {\n parent_vm.loadAppointment(result);\n parent_vm.appointment.overrideTimeSlot = vmSchedulePnl.overrideTimeSlot;\n parent_vm.appointment.bypassValidation = bypassValidation;\n vmSchedulePnl.loadSummaryPanel();\n });\n } else {\n if (result.errors && result.errors.length > 0) {\n modalService.showDetailedErrorDlg(result.errors.join(\". \"));\n } else {\n modalService.showGenericApptError();\n }\n }\n });\n } else {\n // we need to see if they didn't select a new time.. and if not validate the trip first\n // PROD-9581\n if (parent_vm.requiresCapacityValidation(true) && vmSchedulePnl.overrideTimeSlot !== true) {\n appointmentService.validateCapacity(parent_vm.appointment.location.id, parent_vm.appointment)\n .then((result) => {\n parent_vm.nextBusy = false;\n\n if (result.errors) {\n modalService.showYesNo('Override Appointment Time?', \n 'This time slot is unavailable for the following reasons:
' + result.errors.join(' '),\n 'Choose Another Time', 'Override', true).then((userChoice) => {\n if (userChoice) {\n vmSchedulePnl.overrideTimeSlot = true;\n parent_vm.appointment.overrideTimeSlot = vmSchedulePnl.overrideTimeSlot;\n vmSchedulePnl.loadSummaryPanel();\n }\n });\n } else {\n vmSchedulePnl.loadSummaryPanel();\n }\n });\n } else {\n\t\t\t\t\tparent_vm.appointment.overrideTimeSlot = vmSchedulePnl.overrideTimeSlot;\n parent_vm.appointment.bypassValidation = bypassValidation;\n vmSchedulePnl.loadSummaryPanel();\n }\n }\n };\n\n vmSchedulePnl.getApptStatusLabel = function () {\n return appointmentService.getAppointmentStatusLabel(parent_vm.appointment, parent_vm.appointmentStatuses);\n };\n\n\n vmSchedulePnl.loadSummaryPanel = function () {\n $timeout(() => {\n // need timeout so the step getting changed doesn't cause\n // next to get fired in the following step as well.\n parent_vm.accordion.selectedStep = steps.summary;\n $rootScope.$broadcast('loadApptSummary');\n $rootScope.$broadcast('stepChanged');\n }, 1);\n };\n\n vmSchedulePnl.clearTransportation = function () {\n vmSchedulePnl.pickupLocation = {\n formattedLocation: null,\n address1: null,\n city: null,\n state: null,\n zipCode: null,\n county: null,\n lat: null,\n lng: null\n };\n\n vmSchedulePnl.calendarOptions = {\n calendarId: 'calendar1',\n date: parent_vm.appointment.apptDateTime ? moment(parent_vm.appointment.apptDateTime).format('YYYY-MM-DD') : moment().format('YYYY-MM-DD'),\n calendar: null,\n numberOfDays: NUMBER_OF_DAYS\n };\n\n parent_vm.accordion.selectedStep = steps.scheduleTransportation;\n $rootScope.$broadcast('stepChanged');\n };\n\n vmSchedulePnl.selectExistingAppointmentTime = function () {\n let apptDate = parent_vm.appointment.apptDateTime;\n let startDate = moment(apptDate).format('YYYY-MM-DD');\n let date = _.find(vmSchedulePnl.availTimeSlots.days, (x) => { return x.day.startsWith(startDate); });\n\n if (date && date.timeSlotBlocks.length > 0) {\n let block = _.find(date.timeSlotBlocks, (x) => { \n return x.blockTime === apptDate; \n });\n \n if ((block && block.unavailable === false) || \n (parent_vm.editingExistingAppointment && vmSchedulePnl.initialLoad) ||\n (parent_vm.editingExistingAppointment && !parent_vm.needsScheduleTransportationUpdate)) {\n vmSchedulePnl.selectedTimeSlot = block;\n parent_vm.appointment.selectedTimeSlot = block;\n } else {\n vmSchedulePnl.selectedTimeSlot = null;\n parent_vm.appointment.selectedTimeSlot = null;\n }\n }\n\n // is the appointment one from the past?\n if (moment.tz(apptDate, vmSchedulePnl.availTimeSlots.timeZoneId).isBefore(moment.tz(vmSchedulePnl.availTimeSlots.timeZoneId))) {\n vmSchedulePnl.isPastAppt = true;\n }\n\n vmSchedulePnl.initialLoad = false;\n };\n\n vmSchedulePnl.showAppointmentStatus = function () {\n return appointmentService.showAppointmentStatus(parent_vm.appointment.pickupDropoff, vmSchedulePnl.getApptStatusLabel().toUpperCase());\n };\n\n vmSchedulePnl.resizeMap = function (maximize) {\n let mapHeight = maximize === true ? MAP_MAX_HEIGHT : MAP_MIN_HEIGHT;\n let resizerTop = mapHeight + 15;\n let mapHeightProp = mapHeight + 'px';\n \n $timeout(() => {\n angular.element('#appt-map-addedit').css('height', mapHeightProp);\n angular.element('#appt-map-addedit-map').css('height', mapHeightProp);\n angular.element('#resizer').css('top', resizerTop + 'px');\n\n if (_map) {\n _map.setMapSizes(mapHeightProp, null);\n }\n }, 250);\n \n };\n\n vmSchedulePnl.selectInitialServiceAdvisor = function () {\n let appt = parent_vm.appointment;\n let advisors = parent_vm.serviceAdvisors;\n let advisor = null;\n\n if (appt && advisors && appt.dealerEmployeeId) {\n advisor = $filter('filter')(advisors, {id: appt.dealerEmployeeId}, true);\n }\n\n if (!appt.dealerEmployeeId && parent_vm.lastServiceAdvisor && parent_vm.defaultToPreviousAdvisor === true) {\n advisor = $filter('filter')(advisors, {id: parent_vm.lastServiceAdvisor.id}, true);\n }\n\n if (advisor && advisor.length) {\n vmSchedulePnl.selectedAdvisor = advisor[0];\n } else {\n vmSchedulePnl.selectedAdvisor = null;\n }\n\n vmSchedulePnl.displayAdvisor = true;\n\n };\n\n vmSchedulePnl.updateDepartmentTransportationTypes = function () {\n if (parent_vm.appointment.departmentId) {\n let allTransportationTypes = parent_vm.dealerTransportationTypes;\n let currPickupDropoff = parent_vm.appointment.pickupDropoff;\n let currTransportationType = parent_vm.appointment.transportationType;\n let currSystemTransportationTypeId = currTransportationType ? currTransportationType.dealerSystemTransportationTypeId : null;\n\n parent_vm.dealerDepartmentTransportationTypes = $filter('filter')(allTransportationTypes, {dealerDepartmentId: parent_vm.appointment.departmentId}, true);\n\n // check to see if the main pick up has 'showInConsumer' turned off, if this is the case, all pick ups\n // should be turned off for department we're looking at\n let pickupWithLoaner = $filter('filter')(parent_vm.dealerDepartmentTransportationTypes, {dealerSystemTransportationTypeId: APPOINTMENT_TRANSPORTATION_TYPE.pickupNoLoaner}, true);\n\n if (pickupWithLoaner && pickupWithLoaner.length > 0) {\n if (pickupWithLoaner[0].showInDashboard === false) {\n vmSchedulePnl.pickUpTransportationTypes = [];\n } else {\n vmSchedulePnl.pickUpTransportationTypes = $filter('filter')(parent_vm.dealerDepartmentTransportationTypes, {isPickup: true, showInDashboard: true}, true); \n }\n }\n \n // check to see if the main drop off has 'showInConsumer' turned off, if this is the case, all drop offs\n // should be turned off for department we're looking at\n let dropOffOwnTransportation = $filter('filter')(parent_vm.dealerDepartmentTransportationTypes, {dealerSystemTransportationTypeId: APPOINTMENT_TRANSPORTATION_TYPE.dropOff}, true);\n\n if (dropOffOwnTransportation && dropOffOwnTransportation.length > 0) {\n if (dropOffOwnTransportation[0].showInDashboard === false) {\n vmSchedulePnl.dropOffTransportationTypes = [];\n } else {\n vmSchedulePnl.dropOffTransportationTypes = $filter('filter')(parent_vm.dealerDepartmentTransportationTypes, {isDropOff: true, showInDashboard: true}, true);\n }\n }\n\n if (parent_vm.dealerHasMobileGarage) {\n let mobileGarage = $filter('filter')(parent_vm.dealerDepartmentTransportationTypes, {dealerSystemTransportationTypeId: APPOINTMENT_TRANSPORTATION_TYPE.mobileGarage}, true);\n\n if (mobileGarage && mobileGarage.length > 0 && mobileGarage[0].showInDashboard === true) {\n vmSchedulePnl.mobileTransportationTypes = mobileGarage;\n } else {\n vmSchedulePnl.mobileTransportationTypes = [];\n }\n }\n \n \n // find the loaner pick up an see if show in dashboard is turned off.. because JS did this a bit weird in the admin screen, and \n // we need to force drop offs to be hidden as well\n let pickupLoanerOption = $filter('filter')(parent_vm.dealerDepartmentTransportationTypes, {isPickup: true, hasLoaner: true}, true);\n\n if (pickupLoanerOption && pickupLoanerOption.length > 0 && pickupLoanerOption[0].showInDashboard === false) {\n let dropOffLoanerOption = $filter('filter')(parent_vm.dealerDepartmentTransportationTypes, {isDropOff: true, hasLoaner: true}, true);\n\n if (dropOffLoanerOption && dropOffLoanerOption.length > 0) {\n if (dropOffLoanerOption[0].id !== parent_vm.appointment.dealerTransportationTypeId) {\n dropOffLoanerOption[0].showInDashboard = false;\n }\n }\n }\n\n let bFound = false;\n\n // can we set the transportation type back to what it was for the last selected department?\n if (currPickupDropoff) {\n if (currPickupDropoff === vmSchedulePnl.transTypeGroups.dropoff) {\n if (vmSchedulePnl.dropOffTransportationTypes && vmSchedulePnl.dropOffTransportationTypes.length > 0) {\n bFound = true;\n }\n } else if (currPickupDropoff === vmSchedulePnl.transTypeGroups.pickup) {\n if (vmSchedulePnl.pickUpTransportationTypes && vmSchedulePnl.dropOffTransportationTypes.length > 0) {\n bFound = true;\n }\n } else if (currPickupDropoff === vmSchedulePnl.transTypeGroups.mobile) {\n if (vmSchedulePnl.mobileTransportationTypes && vmSchedulePnl.mobileTransportationTypes.length > 0) {\n bFound = true;\n }\n }\n } \n \n if (bFound === true) {\n parent_vm.appointment.pickupDropoff = currPickupDropoff;\n\n if (currSystemTransportationTypeId) {\n // the transporation type they previously had selected exists in this dept\n // select it again \n let deptTransportationType = $filter('filter')(parent_vm.dealerDepartmentTransportationTypes, {dealerSystemTransportationTypeId: currSystemTransportationTypeId}, true);\n\n if (deptTransportationType && deptTransportationType.length > 0) {\n parent_vm.appointment.transportationType = deptTransportationType[0];\n }\n }\n } else if (vmSchedulePnl.dropOffTransportationTypes.length !== 0) {\n parent_vm.appointment.pickupDropoff = vmSchedulePnl.transTypeGroups.dropoff;\n } else if (vmSchedulePnl.pickUpTransportationTypes.length !== 0) {\n parent_vm.appointment.pickupDropoff = vmSchedulePnl.transTypeGroups.pickup;\n } else if (vmSchedulePnl.mobileTransportationTypes.length !== 0) {\n parent_vm.appointment.pickupDropoff = vmSchedulePnl.transTypeGroups.mobile;\n parent_vm.appointment.transportationType = vmSchedulePnl.mobileTransportationTypes[0];\n }\n \n } else {\n parent_vm.dealerDepartmentTransportationTypes = null;\n }\n\n vmSchedulePnl.calendarOptionsChanged();\n };\n\n vmSchedulePnl.initPanel = function () {\n \n let allTransportationTypes = parent_vm.dealerTransportationTypes;\n let deptId = parent_vm.appointment.departmentId;\n let rideShareCreditTripTypeInstance = _.find(parent_vm.tripTypeInstances, {systemTripTypeId: SYSTEM_ENUMS.systemTripType.lyftCredit, status: 1});\n let hasRideshareCredits = false;\n\n if (rideShareCreditTripTypeInstance) {\n hasRideshareCredits = true;\n }\n\n if (!hasRideshareCredits) {\n let rideShareCreditTransType = $filter('filter')(allTransportationTypes, {dealerSystemTransportationTypeId: vmSchedulePnl.apptTransportationTypes.rideshareCredits, dealerDepartmentId: deptId}, true);\n\n if (rideShareCreditTransType && rideShareCreditTransType.length > 0) {\n rideShareCreditTransType[0].showInDashboard = false;\n }\n }\n\n if (parent_vm.editingExistingAppointment) {\n let transporationId = parent_vm.appointment.dealerTransportationTypeId;\n\n if (transporationId) {\n let tempTransportationType = $filter('filter')(allTransportationTypes, {id: transporationId}, true)[0];\n\n tempTransportationType.showInDashboard = true;\n }\n }\n \n vmSchedulePnl.updateDepartmentTransportationTypes();\n \n // find the loaner pick up an see if show in dashboard is turned off.. because JS did this a bit weird in the admin screen, and \n // we need to force drop offs to be hidden as well\n let pickupLoanerOption = $filter('filter')(vmSchedulePnl.pickUpTransportationTypes, {isPickup: true, hasLoaner: true}, true);\n\n if (pickupLoanerOption && pickupLoanerOption.length > 0 && pickupLoanerOption[0].showInDashboard === false) {\n let dropOffLoanerOption = $filter('filter')(vmSchedulePnl.dropOffTransportationTypes, {isDropOff: true, hasLoaner: true}, true);\n\n if (dropOffLoanerOption && dropOffLoanerOption.length > 0) {\n if (dropOffLoanerOption[0].id !== parent_vm.appointment.dealerTransportationTypeId) {\n dropOffLoanerOption[0].showInDashboard = false;\n }\n }\n }\n\n if (vmSchedulePnl.dropOffTransportationTypes.length !== 0) {\n parent_vm.appointment.pickupDropoff = vmSchedulePnl.transTypeGroups.dropoff;\n } else if (vmSchedulePnl.pickUpTransportationTypes.length !== 0) {\n parent_vm.appointment.pickupDropoff = vmSchedulePnl.transTypeGroups.pickup;\n }\n\n if (parent_vm.editingExistingAppointment) {\n let transId = parent_vm.appointment.dealerTransportationTypeId;\n let pickupLoc = parent_vm.appointment.tripPickupLocation;\n\n if (transId) {\n parent_vm.appointment.transportationType = $filter('filter')(allTransportationTypes, {id: transId}, true)[0];\n parent_vm.appointment.pickupDropoff = parent_vm.appointment.transportationType.isPickup ? vmSchedulePnl.transTypeGroups.pickup : parent_vm.appointment.transportationType.dealerSystemTransportationTypeId === APPOINTMENT_TRANSPORTATION_TYPE.mobileGarage ? vmSchedulePnl.transTypeGroups.mobile : vmSchedulePnl.transTypeGroups.dropoff;\n }\n\n if (parent_vm.appointment.transportationType && appointmentUtilService.isTripTypePickupOrMobile(parent_vm.appointment.transportationType)) {\n\n vmSchedulePnl.selectedTransmission = parent_vm.appointment.isManual ? SYSTEM_ENUMS.transmissions[1] : SYSTEM_ENUMS.transmissions[0];\n\n if (pickupLoc) {\n vmSchedulePnl.pickupLocation = {\n formattedLocation: pickupLoc.streetAddress + ' ' + pickupLoc.city + ' ' + pickupLoc.state + ' ' + pickupLoc.zip,\n name: pickupLoc.name,\n streetAddress: pickupLoc.streetAddress,\n city: pickupLoc.city,\n state: pickupLoc.state,\n zip: pickupLoc.zip,\n countryShortCode: pickupLoc.countryShortCode,\n county: null,\n lat: pickupLoc.lat,\n lng: pickupLoc.lng\n };\n }\n }\n\n } else {\n // default is a drop off\n let defaultDropOff = $filter('filter')(vmSchedulePnl.dropOffTransportationTypes, {isDefault: true}, true);\n\n if (defaultDropOff.length > 0) {\n defaultDropOff = defaultDropOff[0];\n } else {\n defaultDropOff = vmSchedulePnl.dropOffTransportationTypes[0];\n }\n\n if (defaultDropOff) {\n parent_vm.appointment.transportationType = defaultDropOff;\n } else if (vmSchedulePnl.mobileTransportationTypes.length !== 0) {\n parent_vm.appointment.pickupDropoff = vmSchedulePnl.transTypeGroups.mobile;\n parent_vm.appointment.transportationType = vmSchedulePnl.mobileTransportationTypes[0];\n } else if (vmSchedulePnl.pickUpTransportationTypes.length !== 0) {\n parent_vm.appointment.pickupDropoff = vmSchedulePnl.transTypeGroups.pickup;\n parent_vm.appointment.transportationType = vmSchedulePnl.pickUpTransportationTypes[0];\n }\n }\n\n vmSchedulePnl.selectInitialServiceAdvisor();\n \n vmSchedulePnl.calendarOptionsChanged();\n };\n\n $scope.$on('apptBackClicked', (event, data) => {\n parent_vm.disableNext = false;\n vmSchedulePnl.initialLoad = true;\n\n if (parent_vm.accordion.selectedStep === parent_vm.accordion.steps.scheduleTransportation) {\n vmSchedulePnl.clearSlotsTimer();\n vmSchedulePnl.submitted = false;\n vmSchedulePnl.calendarOptions = {\n calendarId: 'calendar1',\n date: parent_vm.appointment.apptDateTime ? moment(parent_vm.appointment.apptDateTime).format('YYYY-MM-DD') : moment().format('YYYY-MM-DD'),\n calendar: null,\n numberOfDays: NUMBER_OF_DAYS\n };\n parent_vm.accordion.selectedStep = parent_vm.accordion.steps.customerVehicle;\n $rootScope.$broadcast('stepChanged');\n } else if (parent_vm.accordion.selectedStep === parent_vm.accordion.steps.summary) {\n $timeout(() => {\n vmSchedulePnl.overrideTimeSlot = parent_vm.appointment.overrideTimeSlot;\n }, 1);\n }\n });\n\n $scope.$on('apptNextClicked', (event, data) => {\n if (parent_vm.accordion.selectedStep === parent_vm.accordion.steps.scheduleTransportation) {\n vmSchedulePnl.clearSlotsTimer();\n vmSchedulePnl.nextClicked();\n }\n });\n\n\n $scope.$on('serviceAdvisorsLoaded', (event, data) => {\n vmSchedulePnl.selectInitialServiceAdvisor(); \n });\n\n /**\n * fires when this step is loaded, a vin will be selected from previous step\n */\n $scope.$on('loadScheduleTransportation', (event, data) => {\n let dealerLoc = parent_vm.appointment.location;\n\n vmSchedulePnl.options.startLat = parseFloat(dealerLoc.lat);\n vmSchedulePnl.options.startLng = parseFloat(dealerLoc.lng);\n\n $timeout(() => {\n vmSchedulePnl.initPanel();\n }, 50);\n });\n\n // detach when controller removed.\n $scope.$on('$destroy', (event, next, current) => {\n vmSchedulePnl.clearSlotsTimer();\n });\n\n // here maps stuff\n vmSchedulePnl.mapOptions = {\n showSegmentOverlay: false,\n fillHeight: false,\n defaultMapMode: HERE_MAPS_CONFIG.mapModes.overview,\n useImagesInPin: true,\n showActualRoute: false,\n showControls: false,\n disableLiveTracking: true,\n height: '150px'\n };\n\n vmSchedulePnl.summaryMapOptions = {\n showSegmentOverlay: false,\n fillHeight: false,\n defaultMapMode: HERE_MAPS_CONFIG.mapModes.overview,\n useImagesInPin: true,\n showActualRoute: false,\n showControls: false,\n disableLiveTracking: true,\n height: '200px'\n };\n\n vmSchedulePnl.setMapLocation = function (map, location, stopType) {\n // this prevents the map from showing the dealer location over the resolved routes\n if (!map /*|| (resolvedTrip && resolvedTrip.id)*/) return;\n\n location.stopType = stopType || SYSTEM_ENUMS.destinationType.dealer;\n location.latLng = {lat: location.lat, lng: location.lng};\n\n map.updateMap({stops: [location]});\n map.setZoom(16);\n };\n\n var _map = null;\n\n vmSchedulePnl.onMapLoaded = function(map) {\n _map = map;\n\n let appt = parent_vm.appointment;\n\n if (appt.tripStops && appt.tripStops.length > 1) {\n let stops = _.cloneDeep(appt.tripStops);\n\n _map.updateMap({stops: stops});\n } else if (appt.location) {\n vmSchedulePnl.setMapLocation(_map, appt.location);\n }\n };\n\n let _summaryMap = null;\n\n vmSchedulePnl.displayTripLocationsOnSummary = function (data) {\n _.forEach(data.locationList, (location) => {\n location.latLng = {lat: location.lat, lng: location.lng};\n });\n\n let stops = _.cloneDeep(data.locationList);\n\n _summaryMap.updateMap({stops: stops});\n };\n\n vmSchedulePnl.onSummaryMapLoaded = function(summaryMap) {\n _summaryMap = summaryMap;\n\n let appt = parent_vm.appointment;\n\n if (vmSchedulePnl.displayedTripLocations && vmSchedulePnl.displayedTripLocations.locationList.length > 1) {\n vmSchedulePnl.displayTripLocationsOnSummary(vmSchedulePnl.displayedTripLocations);\n } else if (appt.tripStops && appt.tripStops.length > 1) {\n let stops = _.cloneDeep(appt.tripStops);\n\n _summaryMap.updateMap({stops: stops});\n } else if (appt.location) {\n vmSchedulePnl.setMapLocation(_summaryMap, appt.location);\n }\n };\n\n vmSchedulePnl.promiseDateChangedFromUi = true;\n\n vmSchedulePnl.promiseDateChanged = function (newValue, oldValue) {\n if (!vmSchedulePnl.promiseDateChangedFromUi) {\n vmSchedulePnl.promiseDateChangedFromUi = true;\n\n return;\n }\n\n if (!vmSchedulePnl.selectedTimeSlot) {\n return;\n }\n\n let selectedBlockTime = vmSchedulePnl.selectedTimeSlot.blockTime;\n\n vmSchedulePnl.promiseTimeHours = promiseTimeService.generateHoursFromDate(newValue, selectedBlockTime, vmSchedulePnl.deptHours, parent_vm.selectedDepartment);\n\n if (vmSchedulePnl.isLoanerSelected() && oldValue && parent_vm.appointment.selectedTimeSlot && moment(newValue) > moment(oldValue)) {\n modalService\n .showYesNo('Refresh Loaner Availability?', 'Changing Estimated Return will recalculate availability, and the selected time may no longer be available. Are you sure you want to do this?', 'No', 'Yes', true, false)\n .then(result => {\n if (!result) {\n parent_vm.appointment.promiseDate = oldValue;\n vmSchedulePnl.promiseDateChangedFromUi = false;\n\n return;\n }\n\n let days = moment(newValue).diff(moment(selectedBlockTime).startOf('day'), 'days');\n\n parent_vm.appointment.lengthOfLoan = days || null;\n parent_vm.selectedTimeSlot = null;\n parent_vm.appointment.promiseDate = null;\n parent_vm.appointment.promiseTime = null;\n vmSchedulePnl.calendarOptionsChanged();\n });\n }\n\n angular.element('#promise-date').change();\n };\n\n vmSchedulePnl.isDateSelectable = function (date, type) {\n return promiseTimeService.isPromiseDateSelectable(vmSchedulePnl.selectedTimeSlot.blockTime, date, vmSchedulePnl.deptHours);\n };\n\n vmSchedulePnl.isInServiceArea = function (location) { \n appointmentService.isInServiceArea(parent_vm.appointment.dealerId, location).then(\n (result) => {\n vmSchedulePnl.pickupLocation.isInServiceArea = result;\n },\n (error) => {\n }).finally(() => { });\n };\n\n }\n})();\n\n(function () {\n 'use strict';\n\n AppointmentCustomerVehicleController.$inject = [\"$q\", \"$rootScope\", \"$scope\", \"$filter\", \"$timeout\", \"$window\", \"$state\", \"rcUtilService\", \"azureBlob\", \"SYSTEM_ENUMS\", \"APPOINTMENTSTATUS_LABELS\", \"APPOINTMENT_APPOINTMENTSTATUS\", \"OLDER_VEHICLES\", \"ValidationService\", \"locationService\", \"appointmentService\", \"appointmentUtilService\", \"customerService\", \"vehicleService\", \"modalService\", \"messagesService\", \"appointmentLineItemClass\"];\n angular\n .module('redcap.appointment')\n .controller('AppointmentCustomerVehicleController', AppointmentCustomerVehicleController);\n\n function AppointmentCustomerVehicleController($q, $rootScope, $scope, $filter, $timeout, $window, $state, rcUtilService, azureBlob, SYSTEM_ENUMS, APPOINTMENTSTATUS_LABELS,\n APPOINTMENT_APPOINTMENTSTATUS, OLDER_VEHICLES, ValidationService, locationService, appointmentService, appointmentUtilService, customerService, vehicleService,\n modalService, messagesService, appointmentLineItemClass) {\n \n let vmCustomerPnl = this;\n let myValidation = new ValidationService({\n validateOnEmpty: true\n });\n let revalidate = 'angularValidation.revalidate';\n let parent_vm = $scope.$parent.vm;\n let steps = parent_vm.accordion.steps;\n let currentYear = new Date().getFullYear();\n let pageSize = 25;\n \n let dmsRequiredFields = parent_vm.dmsRequiredFields;\n let appointment = parent_vm.appointment;\n \n function isRequiredAdditionalFieldInvalid (required, value) {\n return required && (!value || value === \"\");\n }\n\n vmCustomerPnl.ymmOlderVehicles = false;\n parent_vm.ymmForceInsertedYear = false;\n parent_vm.ymmForceInsertedMake = false;\n parent_vm.ymmForceInsertedModel = false;\n vmCustomerPnl.activeProduct = appointmentUtilService.getActiveApptProduct($state.name);\n vmCustomerPnl.suffix = appointmentUtilService.getProductSuffix(vmCustomerPnl.activeProduct);\n vmCustomerPnl.yearMakeModelMismatch = false;\n vmCustomerPnl.displayAdditionalFields = !!(dmsRequiredFields && (isRequiredAdditionalFieldInvalid (dmsRequiredFields.customerAddress, appointment.customerAddress1) ||\n isRequiredAdditionalFieldInvalid (dmsRequiredFields.customerCity, appointment.customerCity) ||\n isRequiredAdditionalFieldInvalid (dmsRequiredFields.customerState, appointment.customerState) ||\n isRequiredAdditionalFieldInvalid (dmsRequiredFields.customerZip, appointment.customerZip) ||\n isRequiredAdditionalFieldInvalid (dmsRequiredFields.customerCountry, appointment.customerCountryShortCode) ||\n isRequiredAdditionalFieldInvalid (dmsRequiredFields.customerCounty, appointment.customerCounty) ||\n isRequiredAdditionalFieldInvalid (dmsRequiredFields.language, appointment.language)));\n vmCustomerPnl.parent_vm = parent_vm;\n vmCustomerPnl.supportedCountries = SYSTEM_ENUMS.supportedCountries;\n vmCustomerPnl.appointmentLanguages = SYSTEM_ENUMS.appointmentLanguages;\n vmCustomerPnl.searchingCustomers = false;\n vmCustomerPnl.dmsEnum = SYSTEM_ENUMS.dmsSystemEnum;\n vmCustomerPnl.searchingCustomers = false;\n vmCustomerPnl.initialLoad = true;\n vmCustomerPnl.initialYMMLoad = true;\n\n function revalidateForm () {\n \n if (parent_vm.recMaintData) {\n let idx = 0;\n\n _.forEach(parent_vm.recMaintData, (recmaint) => {\n appointmentUtilService.revalidateLineItem($scope, parent_vm.dmsSystem, recmaint);\n idx++;\n });\n }\n\n _.forEach(parent_vm.appointment.lineItems, (lineItem) => {\n appointmentUtilService.revalidateLineItem($scope, parent_vm.dmsSystem, lineItem);\n });\n \n\n $timeout(() => {\n myValidation.checkFormValidity($scope.bookApptForm);\n }, 250);\n }\n \n vmCustomerPnl.formatForSelection = function (item) {\n return appointmentUtilService.formatOpCodeSearchForSelection(item);\n };\n\n vmCustomerPnl.isOpCodeSelected = function (item) {\n return appointmentUtilService.opCodeSelected(item);\n };\n\n vmCustomerPnl.lastDuplicateCustomerChecked = {\n email: null,\n phone: null\n };\n\n vmCustomerPnl.confirmedCreateDuplicate = false;\n\n vmCustomerPnl.imageType = appointmentUtilService.getImageTypes();\n\n vmCustomerPnl.openVinScan = function () {\n modalService.showVinScanModal()\n .then((scannedVin) => {\n parent_vm.appointment.vin = scannedVin;\n });\n };\n\n vmCustomerPnl.openDlScan = function () {\n modalService.showLicenseScanModal()\n .then((scannedVin) => {\n parent_vm.appointment.customerFirstName = scannedVin.firstName;\n parent_vm.appointment.customerLastName = scannedVin.lastName;\n parent_vm.appointment.customerAddress1 = scannedVin.address1;\n parent_vm.appointment.customerCity = scannedVin.city;\n parent_vm.appointment.customerState = scannedVin.state && scannedVin.state.toUpperCase() || null;\n parent_vm.appointment.customerZip = scannedVin.zip && scannedVin.zip.substring(0, 5) || null;\n parent_vm.appointment.customerCountryShortCode = scannedVin.country && scannedVin.country.substring(0, 2) || null;\n\n //County not provided by DL scan\n //vm.appointment.customerCounty = \"\";\n \n });\n };\n\n vmCustomerPnl.upload = function ($model, file, $files, $event, $id, reference, container) {\n let deferred = $q.defer();\n let imageType = vmCustomerPnl.imageType[$id];\n\n if ($model.imageId && $model.url) {\n let config = {\n baseUrl: $model.url,\n file: file,\n complete: function () {\n $model.fileExtension = file.type;\n $model.durationSeconds = rcUtilService.getMediaDuration(file.$ngfDuration); \n let existingIndex = _.findIndex(parent_vm.appointment.lineItems, (l) => { return l.dealerAppointmentServiceOpCodeId === reference.id; });\n\n if (existingIndex > -1) {\n parent_vm.appointment.lineItems[existingIndex].images = container;\n }\n\n deferred.resolve('Upload successful');\n },\n error: function(err) {\n deferred.reject(err);\n },\n blockSize: 4000000000\n };\n\n azureBlob.upload(config);\n } else {\n appointmentService.getImageToken(parent_vm.appointment.location.id, imageType)\n .then((result) => {\n let config = {\n baseUrl: result.url,\n file: file,\n complete: function () {\n $model.imageId = result.imageId;\n $model.url = result.url;\n $model.fileExtension = file.type;\n $model.durationSeconds = rcUtilService.getMediaDuration(file.$ngfDuration); \n\n let existingIndex = _.findIndex(parent_vm.appointment.lineItems, (l) => { return l.dealerAppointmentServiceOpCodeId === reference.id; });\n\n if (existingIndex > -1) {\n parent_vm.appointment.lineItems[existingIndex].images = container;\n }\n\n deferred.resolve('Upload successful');\n },\n error: function(err) {\n deferred.reject(err);\n },\n blockSize: 4000000000\n };\n\n azureBlob.upload(config);\n });\n }\n\n return deferred.promise;\n };\n\n vmCustomerPnl.formatForDropdown = function (item) {\n return appointmentUtilService.formatOpCodeForDropDown(item);\n };\n\n vmCustomerPnl.opCodeSearchQuery = {\n type: 'GET',\n dataType: 'json',\n data: function (parameters) {\n let query = {\n search: parameters.term,\n dealerId: parent_vm.appointment.location.id,\n page: parameters.page,\n pageSize: pageSize\n };\n\n return query;\n },\n transport: function (params, success, failure) {\n let data = params.data;\n\n return locationService.searchLocationOpCodes(parent_vm.appointment.location.id, parent_vm.selectedDepartment.id, data.search, data.page, data.pageSize, true).then(success, failure);\n },\n delay: 250,\n processResults: function (data) {\n return {\n results: data,\n pagination: {\n more: data.length === pageSize\n }\n };\n }\n };\n\n vmCustomerPnl.opCodeSearchSelected = function (lineItem, selectedItem) {\n let defaultDispatchCode = parent_vm.selectedDepartment && parent_vm.selectedDepartment.defaultDispatchCode;\n\n appointmentUtilService.processDashboardOpCodeSearchSelected(lineItem, selectedItem, parent_vm.dmsSystem, defaultDispatchCode, false);\n\n if (selectedItem && selectedItem.length === 1) {\n if (vmCustomerPnl.allOtherLineItemsValid() && !vmCustomerPnl.hasNewOtherLine()) {\n parent_vm.addOtherLineItem();\n }\n }\n\n let filterOther = $filter('filter')(parent_vm.appointment.lineItems, {isOther: true}, true);\n\n for (let i = 0; i < filterOther.length; i++) {\n $scope.$broadcast(revalidate, 'opcode-' + filterOther[i].uniqueDOMId);\n }\n };\n\n vmCustomerPnl.maxVehicleYear = currentYear + 1;\n vmCustomerPnl.dmsProviderTypes = SYSTEM_ENUMS.dmsSystemEnum;\n vmCustomerPnl.availableCustomers = [];\n vmCustomerPnl.vehicleSubModels = [];\n vmCustomerPnl.loading = false;\n vmCustomerPnl.usStates = SYSTEM_ENUMS.usStates;\n vmCustomerPnl.lastContactPhoneNumber = null;\n vmCustomerPnl.lastGetMakesYear = null;\n vmCustomerPnl.lastGetModelMake = {\n make: null,\n makeCode: null\n };\n parent_vm.appointment.noLineItemsSelected = false;\n vmCustomerPnl.deferred = null;\n vmCustomerPnl.options = {\n watchEnter: true,\n country: 'us,can'\n };\n\n function setPlacesBounds () {\n if (!parent_vm.appointment || !parent_vm.appointment.location) return;\n let dealerLoc = parent_vm.appointment.location;\n\n vmCustomerPnl.options.startLat = parseFloat(dealerLoc.lat);\n vmCustomerPnl.options.startLng = parseFloat(dealerLoc.lng);\n }\n \n vmCustomerPnl.isCustomerRequest = function (lineItem) {\n return appointmentUtilService.isLineItemCustomerRequest(lineItem);\n };\n\n vmCustomerPnl.isUserRequest = function (lineItem) {\n return appointmentUtilService.isLineItemUserRequest(lineItem);\n };\n\n vmCustomerPnl.getServiceTypes = function() {\n let locId = parent_vm.appointment.location.id;\n\n locationService.getLocationDMS(locId)\n .then((result) => {\n if (result) {\n locationService.lookupServiceTypes(locId, result).then((response) => {\n parent_vm.serviceTypes = response;\n });\n }\n });\n };\n\n vmCustomerPnl.removeOtherLineItem = function (uniqueDomId) {\n _.remove(parent_vm.appointment.lineItems, {isOther: true, uniqueDOMId: uniqueDomId});\n };\n\n vmCustomerPnl.lineItemToggle = function(lineItem) {\n parent_vm.showUpdateWarning(vmCustomerPnl);\n\n if (lineItem.images === 'undefined' || !lineItem.images) lineItem.images = new Array(1).fill({});\n\n let toggleNewItem = false;\n\n $timeout(() => {\n let existingIndex = -1;\n\n lineItem.checked = !lineItem.checked;\n\n if (lineItem.checked) {\n parent_vm.servicesModified = true;\n\n if (lineItem.id === 0) {\n toggleNewItem = true;\n }\n\n // Check the parent original line items, unless a generic item was checked since they are only toggle-able\n if (!lineItem.isGeneric && !lineItem.isOther) {\n existingIndex = _.findIndex(parent_vm.originalAppointmentLineItems, (l) => { return l.dealerAppointmentServiceOpCodeId === lineItem.id; });\n\n if (existingIndex > -1) {\n // Shallow copy the line, in the case we've toggled the line on and off, there is no reason to not send the original already saved line\n let existingLineItem = appointmentLineItemClass.new(parent_vm.originalAppointmentLineItems[existingIndex]);\n\n existingLineItem.checked = lineItem.checked;\n parent_vm.appointment.lineItems.push(existingLineItem);\n } else {\n // Reset the note on the view\n lineItem.note = lineItem.defaultDashboardNote;\n // Create a new line\n let newLineItem = appointmentLineItemClass.new(lineItem);\n\n // The id of the mapped op code does not need to be copied over\n newLineItem.dealerAppointmentServiceOpCodeId = newLineItem.id;\n newLineItem.id = null;\n newLineItem.opCodeDescription = lineItem.dashboardDescription.substr(0, appointmentUtilService.getOpCodeDescriptionMaxLength(vmCustomerPnl.dmsSystem));\n newLineItem.checked = lineItem.checked;\n newLineItem.dateCreated = moment.utc();\n newLineItem.isUpsell = false;\n parent_vm.appointment.lineItems.push(newLineItem);\n }\n }\n\n parent_vm.appointment.noLineItemsSelected = false;\n // We need to re-validate every op code line when checking this line because none of the custom conditional validators\n // fire when running checkFormValidity()\n let filterOther = $filter('filter')(parent_vm.appointment.lineItems, {isOther: true}, true);\n\n for (let i = 0; i < filterOther.length; i++) {\n $scope.$broadcast(revalidate, 'opcode-' + filterOther[i].uniqueDOMId);\n }\n\n parent_vm.getSelectedServicesCounts();\n } else {\n // Remove the existing line from the set, unless it is a generic line item, those are toggle-able and will be filtered off before the save\n if (!lineItem.isGeneric && !lineItem.isOther) {\n existingIndex = _.findIndex(parent_vm.appointment.lineItems, (l) => { return l.dealerAppointmentServiceOpCodeId === lineItem.id; });\n parent_vm.appointment.lineItems.splice(existingIndex, 1);\n }\n\n // We need to re-validate any op codes that were declared invalid because of potential duplicates\n // This validation library does not actaully revalidate the form for any conditionals\n for (let j = 0; j < $scope.bookApptForm.$validationSummary.length; j++) {\n if ($scope.bookApptForm.$validationSummary[j].field.search('opcode-') > -1) {\n $scope.$broadcast(revalidate, $scope.bookApptForm.$validationSummary[j].field);\n }\n }\n\n parent_vm.getSelectedServicesCounts();\n }\n\n if (!toggleNewItem) {\n $timeout(() => {\n revalidateForm();\n }, 25);\n }\n }, 1);\n };\n\n vmCustomerPnl.commonServicesToggle = function () {\n parent_vm.commonServicesChecked = !parent_vm.commonServicesChecked;\n $timeout(() => {\n revalidateForm();\n }, 1); \n };\n\n vmCustomerPnl.prevDeclinedServicesToggle = function () {\n parent_vm.prevDeclinedServicesChecked = !parent_vm.prevDeclinedServicesChecked;\n };\n\n vmCustomerPnl.recallsToggle = function () {\n parent_vm.recallsChecked = !parent_vm.recallsChecked;\n };\n\n vmCustomerPnl.recMaintToggle = function () {\n parent_vm.recMaintChecked = !parent_vm.recMaintChecked;\n };\n\n vmCustomerPnl.recMaintItemChanged = function (recMaint) {\n parent_vm.showUpdateWarning(vmCustomerPnl);\n\n appointmentUtilService.processDashboardRecMaintItemUpdated(parent_vm.appointment.lineItems, recMaint);\n revalidateForm();\n };\n\n vmCustomerPnl.appendOlderVehicles = function (years) {\n if (vmCustomerPnl.dmsSystem !== vmCustomerPnl.dmsEnum.CDK) {\n if (!years) {\n years = [];\n }\n\n years.push(OLDER_VEHICLES);\n }\n };\n\n vmCustomerPnl.loadVehicleYears = function () {\n if (parent_vm.appointment.location) {\n vehicleService.setLocation(parent_vm.appointment.location.id);\n } else {\n vehicleService.setLocation(null);\n vmCustomerPnl.vehicleYears = null;\n\n return;\n }\n\n vmCustomerPnl.updatingYears = true;\n vehicleService.getYears()\n .then((years) => {\n vmCustomerPnl.appendOlderVehicles(years);\n vmCustomerPnl.vehicleYears = years;\n\n if (parent_vm.appointment.year) {\n vmCustomerPnl.ensureVehicleYearInDropDown();\n }\n\n let make = appointmentUtilService.getDisplayMake(parent_vm.appointment);\n let model = appointmentUtilService.getDisplayModel(parent_vm.appointment);\n\n if (parent_vm.appointment.make) {\n vmCustomerPnl.yearUpdated(make, model, parent_vm.appointment.subModel);\n }\n\n vmCustomerPnl.updatingYears = false;\n });\n };\n\n vmCustomerPnl.ensureVehicleYearInDropDown = function (yearToSelect) {\n let year = yearToSelect || parent_vm.appointment.year;\n let exists = _.includes(vmCustomerPnl.vehicleYears, parseInt(year));\n\n if (!exists && vmCustomerPnl.vehicleYears) {\n vmCustomerPnl.vehicleYears.push(year);\n parent_vm.ymmForceInsertedYear = true;\n }\n\n };\n\n vmCustomerPnl.ensureVehicleMakeInDropDown = function (makeToSelect) {\n let make = makeToSelect || parent_vm.appointment.make;\n let exists = _.findIndex(vmCustomerPnl.vehicleMakes, (o) => { return o.make === make; }) > -1;\n\n if (!exists) {\n if (!vmCustomerPnl.vehicleMakes) {\n vmCustomerPnl.vehicleMakes = [];\n }\n\n vmCustomerPnl.vehicleMakes.push({make: make, makeCode: make});\n parent_vm.ymmForceInsertedMake = true;\n }\n\n };\n\n vmCustomerPnl.ensureVehicleModelInDropDown = function (modelToSelect) {\n let model = modelToSelect || parent_vm.appointment.model;\n let exists = _.findIndex(vmCustomerPnl.vehicleModels, (o) => { return o.model === model; }) > -1;\n\n if (!exists) {\n if (!vmCustomerPnl.vehicleModels) {\n vmCustomerPnl.vehicleModels = [];\n }\n\n vmCustomerPnl.vehicleModels.push({model: model, modelCode: model});\n parent_vm.ymmForceInsertedModel = true;\n }\n\n };\n\n vmCustomerPnl.getOpCodeMaxLength = function () {\n return appointmentUtilService.getOpCodeMaxLength(vmCustomerPnl.dmsSystem);\n };\n\n vmCustomerPnl.getNoteMaxLength = function () {\n return appointmentUtilService.getNoteMaxLength(vmCustomerPnl.dmsSystem);\n };\n\n vmCustomerPnl.getCustomerFirstNameMaxLength = function () {\n return appointmentUtilService.getCustomerFirstNameMaxLength(vmCustomerPnl.dmsSystem);\n };\n\n vmCustomerPnl.getCustomerLastNameMaxLength = function () {\n return appointmentUtilService.getCustomerLastNameMaxLength(vmCustomerPnl.dmsSystem);\n };\n\n vmCustomerPnl.validation = {\n valYear: function () {\n return rcUtilService.isValidYear(parent_vm.appointment.year, 1900, vmCustomerPnl.maxVehicleYear);\n },\n licensePlate: function (plate) {\n let regexp = /^[a-zA-Z0-9 \\-]*$/;\n\n return {isValid: regexp.test(plate), message: 'No special characters.'};\n },\n tagNumber: function (tag) {\n let regexp = /^[a-zA-Z0-9.]*$/;\n\n return {isValid: regexp.test(tag), message: 'Invalid char'};\n },\n phoneNumberRequired: function (number) {\n return appointmentUtilService.validatePhoneNumber(number);\n },\n valOpCode: function (opCode, lineItem) {\n return appointmentUtilService.validateDashboardOpCode(parent_vm.appointment.lineItems, parent_vm.dealerOpCodes, opCode, lineItem, vmCustomerPnl.dmsSystem);\n },\n valDecimal: function (value, lineItem, exactDecimalPlaces) {\n return appointmentUtilService.validateDecimal(value, null, exactDecimalPlaces);\n },\n valRecalls: function () {\n return appointmentUtilService.validateRecalls(parent_vm.dealerRecallOpCodes, parent_vm.appointment.departmentId, parent_vm.appointment.lineItems, vmCustomerPnl.getNoteMaxLength(), vmCustomerPnl.validatingRecalls);\n },\n combinedCustomerNameLength: function () {\n return appointmentUtilService.validateCombinedCustomerNameLength(vmCustomerPnl.dmsSystem, parent_vm.appointment.customerFirstName, parent_vm.appointment.customerLastName, parent_vm.appointment.customerIsBusiness);\n },\n\t\t\tisValidDepartment: function () {\n return appointmentUtilService.validateDepartment(parent_vm.dealerDepartments, parent_vm.appointment.departmentId);\n },\n uniqueNote: function (lineItem) {\n return appointmentUtilService.validateUniqueNoteForDuplicateOpCodes(parent_vm.appointment.lineItems, lineItem);\n },\n validVin: function (vin) {\n return rcUtilService.isValidVin(vin);\n }\n };\n\n function isValidOpCode (opCode) {\n if (!opCode || opCode.trim().length === 0) {\n return false;\n }\n\n return true;\n }\n\n vmCustomerPnl.blurLineItem = function (lineItem) {\n lineItem.hasFocus = false;\n $timeout(() => {\n if (lineItem.hasFocus === false) {\n revalidateForm();\n }\n }, 750);\n };\n \n vmCustomerPnl.allOtherLineItemsValid = function () {\n let lineItems = $filter('filter')(parent_vm.appointment.lineItems, {checked: true, isOther: true}, true);\n let valid = true;\n\n _.forEach(lineItems, (lineItem) => {\n if (!isValidOpCode(lineItem.opCode)) {\n valid = false;\n\n return false;\n }\n\n });\n\n return valid;\n };\n\n vmCustomerPnl.hasNewOtherLine = function () {\n let newOtherLine = $filter('filter')(parent_vm.appointment.lineItems, {checked: false, isOther: true}, true);\n\n if (newOtherLine && newOtherLine.length > 0) {\n return true;\n }\n\n return false;\n };\n\n vmCustomerPnl.createNewCustomer = function (customer) {\n let phoneNumber = null;\n if (customer && /^\\d{10}$/.test(customer)) {\n phoneNumber = customer;\n }\n\n vmCustomerPnl.availableCustomers.push({\n displayMessage: \"Create a New Record.\",\n customerLastName: \"\",\n customerFirstName: \"\",\n customerPhone: phoneNumber,\n customerId: -998\n });\n };\n\n vmCustomerPnl.customerNotFound = function (customer) {\n vmCustomerPnl.availableCustomers = [{\n displayMessage: \"No results match \" + customer,\n customerLastName: \"\",\n customerFirstName: \"\",\n customerId: -999\n }];\n };\n\n vmCustomerPnl.mobilePhoneUpdated = function (phoneNumber, loadingFromRecord) {\n // Only continue checking if we have a valid phone number\n if (phoneNumber && phoneNumber.length === 10) {\n vmCustomerPnl.checkPhoneType(phoneNumber);\n vmCustomerPnl.checkForDuplicateCustomer().then(() => {\n // Only load the messages if we have a customer (not a new customer)\n if (parent_vm.selectedCustomer && parent_vm.selectedCustomer.customerId > 0) {\n if (vmCustomerPnl.lastContactPhoneNumber !== phoneNumber) {\n vmCustomerPnl.lastContactPhoneNumber = phoneNumber;\n\n if (phoneNumber) {\n parent_vm.loadContactForMessagingPanel();\n }\n }\n }\n });\n }\n };\n\n vmCustomerPnl.emailUpdated = function () {\n vmCustomerPnl.checkForDuplicateCustomer();\n };\n\n vmCustomerPnl.lineItemUpdated = function (lineItem) {\n parent_vm.showUpdateWarning(vmCustomerPnl);\n\n appointmentUtilService.processDashboardLineItemUpdated(parent_vm.appointment, lineItem);\n appointmentUtilService.revalidateLineItem($scope, parent_vm.dmsSystem, lineItem);\n $timeout(() => {\n myValidation.checkFormValidity($scope.bookApptForm);\n }, 250);\n };\n\n vmCustomerPnl.typeAheadFormat = function (customer) {\n let out = '';\n\n if (customer) {\n if (customer.customerId === -999) {\n // Customer was not found, return the message that was placed in the lastName\n return customer.displayMessage;\n } else if (customer.customerId === -998) {\n return \"Can't find it? Create a New Record.\";\n }\n\n let name = customer.customerLastName;\n let custId = customer.customerId;\n let phoneNumber = '';\n\n if (customer.customerType === parent_vm.customerType.business) {\n name = customer.customerLastName;\n } else if (customer.customerFirstName) {\n name = customer.customerFirstName + ' ' + customer.customerLastName;\n }\n\n if (customer.customerPhone && customer.customerPhone !== '0') {\n phoneNumber = $filter('tel')(customer.customerPhone);\n }\n\n out = '' + name + '' + (custId ? ' #' + custId + ' ' : ' ') + '' + phoneNumber + '';\n\n if (customer.vehicle) {\n let vin = !customer.vehicle.vin || customer.vehicle.vin === '' ? 'NO VIN' : customer.vehicle.vin;\n\n out += ' ' + customer.vehicle.year + ' ' + customer.vehicle.make + ' ' + customer.vehicle.model + ' (' + vin + ')';\n }\n }\n\n return out;\n };\n\n vmCustomerPnl.typeAheadVehicleFormat = function (vehicle) {\n let out = '';\n\n if (vehicle) {\n if (vehicle.vehicleId === -998) {\n return \"ENTER A NEW VEHICLE\";\n }\n\n let year = vehicle.year;\n let make = vehicle.makeName || vehicle.make;\n let model = vehicle.model;\n let vin = vehicle.vin;\n\n out = year + ' ' + make + ' ' + model;\n\n if (vin && vin.trim().length > 0) {\n out += ' (' + vin + ')';\n }\n }\n\n return out;\n };\n\n vmCustomerPnl.refreshCustomers = function(customer) {\n\n if (!parent_vm.appointment.location || !customer || customer.length < 3) {\n return [];\n }\n\n vmCustomerPnl.searchingCustomers = true;\n \n return customerService.searchCustomersFromDms(parent_vm.appointment.location.id, customer).then((customerResults) => {\n if (customerResults && customerResults.length > 0) {\n let customers = [];\n\n _.forEach(customerResults, (customer) => {\n // If we have customer vehicles to add\n if (customer.customerVehicles && customer.customerVehicles.length > 0) {\n _.forEach(customer.customerVehicles, (vehicle) => {\n let tempCustomer = Object.assign({}, customer);\n\n tempCustomer.vehicle = vehicle;\n customers.push(tempCustomer);\n });\n } else {\n // No vehicles to add, just the customer\n customers.push(customer);\n }\n });\n vmCustomerPnl.availableCustomers = customers;\n vmCustomerPnl.createNewCustomer(customer);\n } else {\n vmCustomerPnl.customerNotFound(customer);\n vmCustomerPnl.createNewCustomer(customer);\n }\n\n vmCustomerPnl.searchingCustomers = false;\n }, (errorResponse) => {\n vmCustomerPnl.customerNotFound(customer);\n vmCustomerPnl.createNewCustomer();\n vmCustomerPnl.searchingCustomers = false;\n });\n };\n\n function hasValidVehicleData () {\n let appt = parent_vm.appointment;\n let hasYMM = appt.year && appt.make && appt.model && vmCustomerPnl.selectedMake && vmCustomerPnl.selectedModel;\n\n if (appt.vin || hasYMM) {\n return true;\n }\n\n return false;\n }\n\n vmCustomerPnl.getRecommendedMaint = function () {\n parent_vm.showUpdateWarning(vmCustomerPnl);\n\n if (vmCustomerPnl.activeProduct === 'checkin-list') {\n return;\n }\n\n let appt = parent_vm.appointment;\n let preExistingRecMaint = false;\n let recMaintEnabled = parent_vm.recMaintEnabled();\n\n parent_vm.recMaintData = null;\n parent_vm.noRecMaintFound = false;\n\n if (!appt.mileage) {\n vmCustomerPnl.getPreviouslyDeclinedServices();\n\n return;\n }\n\n if (recMaintEnabled && hasValidVehicleData()) {\n parent_vm.retrievingMaint = true;\n let make = vmCustomerPnl.selectedMake ? vmCustomerPnl.selectedMake.make : null;\n let model = vmCustomerPnl.selectedModel ? vmCustomerPnl.selectedModel.model : null;\n let defaultDipatchCode = parent_vm.selectedDepartment && parent_vm.selectedDepartment.defaultDispatchCode;\n\n vehicleService.getRecommendedMaintenance(appt.vin, appt.year, make, model, appt.mileage, appt.mileageType.type === SYSTEM_ENUMS.measurementTypes.imperical, defaultDipatchCode).then((response) => {\n parent_vm.recMaintData = response;\n\n let currLineItem = null;\n\n for (let i = parent_vm.appointment.lineItems.length - 1; i >= 0; i--) {\n currLineItem = parent_vm.appointment.lineItems[i];\n\n if (!currLineItem.isRecommendedMaintenance) {\n continue;\n }\n\n let recMaintToCheck = $filter('filter')(parent_vm.recMaintData, (item) => {\n return appointmentUtilService.getRecommendedMaintenanceName(item, appt.mileageType) === currLineItem.overrideName;\n }, true);\n\n if (!vmCustomerPnl.yearMakeModelMismatch && recMaintToCheck && recMaintToCheck.length > 0) {\n recMaintToCheck[0].checked = true;\n recMaintToCheck[0].retailPrice = currLineItem.retailPrice;\n recMaintToCheck[0].laborHours = currLineItem.laborHours;\n recMaintToCheck[0].payType = currLineItem.payType;\n parent_vm.selectedRecMaint = recMaintToCheck[0].interval;\n preExistingRecMaint = true;\n } else {\n // The rec maint data has changed, this previous recMaint is no longer relevant\n parent_vm.appointment.lineItems.splice(i, 1);\n }\n }\n\n if (!parent_vm.previouslyDeclinedServices) {\n vmCustomerPnl.getPreviouslyDeclinedServices();\n } else {\n appointmentUtilService.removePreviouslyDeclinedRecMaint(appt, parent_vm.recMaintData, parent_vm.previouslyDeclinedServices);\n }\n\n if (preExistingRecMaint) {\n vmCustomerPnl.recMaintToggle();\n }\n\n parent_vm.getSelectedServicesCounts();\n parent_vm.retrievingMaint = false;\n vmCustomerPnl.initialLoad = false;\n }, (errorResponse) => {\n parent_vm.noRecMaintFound = true;\n\n for (let i = parent_vm.appointment.lineItems.length - 1; i >= 0; i--) {\n if (parent_vm.appointment.lineItems[i].isRecommendedMaintenance) {\n parent_vm.appointment.lineItems.splice(i, 1);\n }\n }\n\n parent_vm.recMaintData = null;\n parent_vm.retrievingMaint = false;\n parent_vm.getSelectedServicesCounts();\n vmCustomerPnl.initialLoad = false;\n });\n } else {\n vmCustomerPnl.initialLoad = false;\n vmCustomerPnl.getPreviouslyDeclinedServices();\n }\n };\n\n vmCustomerPnl.getRecalls = function () {\n if (vmCustomerPnl.activeProduct === 'checkin-list') {\n return;\n }\n\n let appt = parent_vm.appointment;\n let preExistingRecalls = false;\n // get the recall op code for the current department\n let recallOpCodes = appointmentUtilService.getDeptOpCodes(parent_vm.dealerRecallOpCodes, appt.departmentId);\n let recallsEnabled = parent_vm.recallsEnabled();\n let recallsConfigured = !!(recallsEnabled && recallOpCodes[0].recallOpCodeType);\n\n parent_vm.noRecallsFound = false;\n parent_vm.recallData = null;\n\n if (recallsEnabled && recallsConfigured && hasValidVehicleData()) {\n parent_vm.retrievingRecalls = true;\n let make = vmCustomerPnl.selectedMake ? vmCustomerPnl.selectedMake.make : null;\n let model = vmCustomerPnl.selectedModel ? vmCustomerPnl.selectedModel.model : null;\n\n vehicleService.getRecalls(appt.vin, appt.year, make, model).then((response) => {\n parent_vm.recallData = response ? response.applications : null;\n let recall = null;\n\n for (let i = parent_vm.appointment.lineItems.length - 1; i >= 0; i--) {\n recall = parent_vm.appointment.lineItems[i];\n\n if (!recall.isRecall) {\n continue;\n }\n\n let recallToCheck = $filter('filter')(parent_vm.recallData, (item) => {\n return item.item.manufacturerNumber === recall.manufacturerNumber;\n }, true);\n\n if (!vmCustomerPnl.yearMakeModelMismatch && recallToCheck && recallToCheck.length > 0) {\n recallToCheck[0].checked = true;\n preExistingRecalls = true;\n } else {\n // The recall data has changed, this previous recall is no longer relevant\n parent_vm.appointment.lineItems.splice(i, 1);\n }\n }\n\n $rootScope.$broadcast('recallDataLoaded');\n\n if (preExistingRecalls) {\n vmCustomerPnl.recallsToggle();\n }\n\n parent_vm.getSelectedServicesCounts();\n parent_vm.retrievingRecalls = false;\n }, (errorResponse) => {\n parent_vm.noRecallsFound = true;\n\n for (let i = parent_vm.appointment.lineItems.length - 1; i >= 0; i--) {\n if (parent_vm.appointment.lineItems[i].isRecall) {\n parent_vm.appointment.lineItems.splice(i, 1);\n }\n }\n\n parent_vm.recallData = null;\n parent_vm.retrievingRecalls = false;\n $rootScope.$broadcast('recallDataLoaded');\n parent_vm.getSelectedServicesCounts();\n });\n }\n };\n\n vmCustomerPnl.getPreviouslyDeclinedServices = function () {\n if (vmCustomerPnl.activeProduct === 'checkin-list') {\n return;\n }\n \n let appt = parent_vm.appointment;\n\n if (!parent_vm.addingCustomer && appt.vin && appt.customerId && !parent_vm.retrievingDeclinedServices && \n parent_vm.selectedDepartment && parent_vm.selectedDepartment.showPreviouslyDeclinedServicesDashboard) {\n parent_vm.previouslyDeclinedServices = null;\n parent_vm.retrievingDeclinedServices = true;\n appointmentService.getPreviouslyDeclinedServices(appt.location.id, appt.customerId, appt.vin).then((response) => {\n if (response) {\n var nonRecalls = $filter('filter')(response, {isRecall: false}, true);\n\n appointmentUtilService.processPreviouslyDeclinedLineItems(nonRecalls, parent_vm.dealerOpCodesAll, parent_vm.dealerOpCodes, true);\n }\n \n parent_vm.previouslyDeclinedServices = nonRecalls;\n\n if (parent_vm.recMaintData) {\n appointmentUtilService.removePreviouslyDeclinedRecMaint(appt, parent_vm.recMaintData, parent_vm.previouslyDeclinedServices);\n }\n\n }, (errorResponse) => {\n parent_vm.retrievingDeclinedServices = false;\n });\n }\n\n };\n\n vmCustomerPnl.selectMakeInDropDown = function(makeToSelect) {\n let compareTo = makeToSelect.toLowerCase();\n let findMake = $filter('filter')(vmCustomerPnl.vehicleMakes, (item) => {\n return item.makeCode.toLowerCase() === compareTo || item.make.toLowerCase() === compareTo;\n }, true);\n\n if (findMake && findMake.length > 0) {\n vmCustomerPnl.selectedMake = findMake[0];\n parent_vm.appointment.make = vmCustomerPnl.selectedMake ? vmCustomerPnl.selectedMake.makeCode : null;\n } \n \n };\n\n vmCustomerPnl.cdkMissingVehicle = function () {\n let vehicleWasInserted = parent_vm.ymmForceInsertedYear ||\n parent_vm.ymmForceInsertedMake ||\n parent_vm.ymmForceInsertedModel;\n \n if (vmCustomerPnl.dmsSystem === vmCustomerPnl.dmsEnum.CDK && vehicleWasInserted) {\n if (parent_vm.editingExistingAppointment && parent_vm.appointment.dmsSyncError) {\n return true;\n } else if (!parent_vm.editingExistingAppointment) {\n return true;\n } else {\n return false;\n }\n }\n \n return false;\n };\n\n vmCustomerPnl.selectModelInDropDown = function(modelToSelect, subModelToSelect, initiatedFromVinDecode) {\n let compareTo = modelToSelect.toLowerCase();\n let findModel = $filter('filter')(vmCustomerPnl.vehicleModels, (item) => {\n if (item.modelCode) {\n return item.modelCode.toLowerCase() === compareTo || item.model.toLowerCase() === compareTo;\n } else {\n return false;\n }\n }, true);\n\n if (findModel && findModel.length > 0) {\n vmCustomerPnl.selectedModel = findModel[0];\n parent_vm.appointment.model = vmCustomerPnl.selectedModel ? vmCustomerPnl.selectedModel.modelCode : null;\n\n if (subModelToSelect) {\n vehicleService.getSubModels(parent_vm.appointment.year, parent_vm.appointment.make, parent_vm.appointment.model)\n .then((submodels) => {\n vmCustomerPnl.vehicleSubModels = submodels;\n let compareTo = subModelToSelect.toLowerCase();\n let findSubModel = $filter('filter')(submodels, (item) => {\n return item.toLowerCase() === compareTo;\n }, true);\n\n vmCustomerPnl.selectedSubModel = findSubModel[0];\n });\n }\n\n vmCustomerPnl.resetRecallMaintData();\n }\n\n if (initiatedFromVinDecode && vmCustomerPnl.cdkMissingVehicle()) {\n let confirm = modalService.showYesNo('Warning', 'This VIN decoded to a Year/Make/Model that is not supported by your DMS. We recommend clicking CANCEL below and manually selecting the Year/Make/Model from the dropdown lists.