\n
\n
Your Retirement Date
\n
\n {{introduction}}\n
\n
\n
\n {{retDtHeading}} {{ stopWorkDate | date: 'MMMM, yyyy' }}\n
\n
\n
\n
\n
\n
\n Early Service Retirement Date:\n {{ earlyRetirementDate | date: 'MM/dd/yyyy' }}\n
\n
\n
\n
\n
\n Normal Service Retirement Date:\n {{ normalRetirementDate | date: 'MM/dd/yyyy' }}\n
\n
\n
\n
\n
\n \n
\n
\n \n \n | \n Retirement Date\n | \n \n Retirement Type\n | \n \n Monthly Basic Allowance\n | \n
\n \n \n \n | \n \n \n \n {{title}}\n \n \n \n {{context.formattedValue}}\n \n \n \n {{title}}\n \n \n \n \n Retirement date must be between {{min | date: 'MMMM yyyy'}} and {{max | date: 'MMMM yyyy'}}\n \n | \n \n {{retirementType}}\n | \n \n \n \n {{basicAllowance | currency:'USD'}}\n \n | \n
\n \n
\n
\n
\n \n
\n","import { Component, OnInit, Output, EventEmitter, ViewChild, ElementRef, AfterViewInit } from '@angular/core';\nimport { BenefitEstimateService } from '../../../../shared/services/benefit-estimate.service';\nimport { BenefitWizardService } from '../../../../shared/services/benefit-wizard.service';\nimport { SalaryProjection, Navigation, Common, RetirementDate } from '../../../../models/benefitEstimateWizard.model';\nimport { HttpErrorResponse } from '@angular/common/http';\nimport { ToastMessageService } from '../../../../shared/services/toast-message.service';\nimport { Router } from '@angular/router';\nimport { ReadConfigService } from '../../../../shared/services/read-config.service';\nimport { UserService } from '../../../../shared/services/user.service';\n@Component({\n selector: 'app-salary-projection',\n templateUrl: './salary-projection.component.html',\n styleUrls: ['./salary-projection.component.css']\n})\nexport class SalaryProjectionComponent implements OnInit, AfterViewInit {\n introduction: any;\n salaryProjectionConfig: any;\n previousTitle: any;\n nextTitle: any;\n wizardData: SalaryProjection;\n navigationData: Navigation;\n commonData: Common;\n retirementData: RetirementDate;\n prepData: any;\n monthItems: any;\n disableSalaryMonth = true;\n disableSalIncrease = true;\n disableInputAFC = true;\n formData: any;\n dataReset = true;\n linkTexts: any;\n previousScreenCode: any;\n nextScreenCode: any;\n showGrowth = false;\n continueDisabled = false;\n warningMessage: any;\n showWarning = false;\n increaseMonthName: any;\n maxAFCInput: any;\n tickWidth: any;\n showLastReported: any;\n serviceProjData: any;\n minMonth: any;\n monthNames = ['Initial', 'January', 'February', 'March', 'April', 'May', 'June',\n 'July', 'August', 'September', 'October', 'November', 'December'];\n reducedInfo: any;\n @Output() progressModel = new EventEmitter