\r\n Click here to qualify a Loan\r\n
","import { Component } from \"@angular/core\";\r\nimport { ComponentDefinition } from \"framework/components/component/component.models\";\r\nimport { FormComponentDefinition } from 'framework/components/form/form.component';\r\n\r\n@Component({\r\n selector: 'login-qualify',\r\n templateUrl: './login-qualify-link-component.html',\r\n})\r\nexport class LoginQualifyLinkComponent {\r\n constructor() { }\r\n}\r\n","\r\n
\r\n\r\n
\r\n\r\n
\r\n Loan Information
\r\n \r\n Select \"Qualify\" to see preliminary eligibility results.\r\n
\r\n\r\n
","import { ComponentDefinition } from 'framework/components/component/component.models';\r\nimport { FormComponent, FormMessage } from 'framework/components/form/form.component';\r\nimport { CardListModel } from 'framework/components/card-list/card-list.models';\r\n// import { Http, Response } from '@angular/common/http';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { NavigationService } from 'framework/services/NavigationService';\r\nimport { LinkService } from 'framework/services/LinkService';\r\nimport { ModalService } from 'framework/services/ModalService';\r\nimport { Page } from 'framework/components/page/page.models';\r\nimport { Component, ViewChild } from '@angular/core';\r\n\r\ndeclare var jsep: any;\r\n\r\n@Component({\r\n selector: 'quick-price-scenario-entry',\r\n templateUrl: 'component.html',\r\n styleUrls: ['component.less']\r\n})\r\nexport class QuickPriceScenarioEntryComponent {\r\n public compDef: any;\r\n public PricingComponent: any;\r\n public ShowPricing: boolean;\r\n public _postedData: any;\r\n public _submitting: boolean;\r\n\r\n @ViewChild(FormComponent, { static: false }) \r\n public set FormComponent(value: FormComponent) {\r\n if (this.PricingComponent && value) //This is an existing QuickPricing\r\n {\r\n setTimeout(() => this._postedData = value.GetFormData());\r\n }\r\n value.AllValueChanges.subscribe(() => {\r\n this.ShowPricing = false;\r\n })\r\n value.CustomSubmit = (resp: FormMessage) => {\r\n value.GetValidFormData((data) => {\r\n this._postedData = data;\r\n this._http.post(\"/QuickPriceScenario/RunPricing/\", data).subscribe((urlResp: CardListModel) => {\r\n let compDef = \r\n
\r\n\r\n
\r\n Eligibility & Pricing Results
\r\n \r\n \r\n Logging you in. One moment please.\r\n
","import { Component, ElementRef, AfterViewInit, ViewEncapsulation } from \"@angular/core\";\r\nimport { NavigationService, NavigationType } from \"../../services/NavigationService\";\r\nimport { ComponentDefinition } from \"../component/component.models\";\r\nimport * as $ from 'jquery';\r\nimport { CardListModel } from \"../card-list/card-list.models\";\r\nimport { LinkService } from \"../../services/LinkService\";\r\nimport { Link } from \"../actions/actions.models\";\r\n\r\n@Component({\r\n selector: 'saml-redirect',\r\n templateUrl: './saml-redirect.component.html',\r\n styleUrls: ['./saml-redirect.component.less'],\r\n})\r\nexport class SAMLRedirectComponent implements AfterViewInit {\r\n constructor(private _compDef: ComponentDefinition, \r\n private _elementRef: ElementRef,\r\n private _navigationService: NavigationService,\r\n private _linkService: LinkService) {\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n var link = new Link();\r\n link.Url = \"/User/SAMLLoginLandingFollowup\";\r\n link.Data = null;\r\n this._linkService.PerformAction(link);\r\n }\r\n}","\r\n \r\n \r\n\r\n\r\n\r\n more_vert\r\n \r\n
\r\n \r\n \r\n {{action.Text}}\r\n
\r\n \r\n
","import { Component, Input } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NavigationService } from '../../services/NavigationService'\r\nimport { ComponentDefinition } from \"./../component/component.models\";\r\nimport { ApplicationGuidanceModel } from \"./application-guidance.models\";\r\n\r\n@Component({\r\n selector: 'application-guidance',\r\n templateUrl: './application-guidance.component.html',\r\n styleUrls: ['./application-guidance.component.less']\r\n})\r\nexport class ApplicationGuidanceComponent {\r\n public data: ApplicationGuidanceModel;\r\n public SelectedIndex: number = null; \r\n\r\n constructor(compDef: ComponentDefinition) {\r\n this.data = \r\n
\r\n {{data.Title}}
\r\n{{data.Guidance}}
\r\n \r\n 0 || data.ShowPercent\" [Percent]=\"data.Percent\"> \r\n \r\n
\r\n\r\n
","import { Component, Input } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NavigationService, NavigationType } from '../../services/NavigationService'\r\nimport { ModalService } from \"../../services/ModalService\";\r\nimport { HttpClient } from \"@angular/common/http\";\r\nimport { Form, FormComponentDefinition, FormComponent, FormMessage, ValidationWrapper } from \"../../components/form/form.component\";\r\nimport { AssessmentService } from \"../../services/AssessmentService\";\r\nimport { AssessmentModel, AssessmentState } from \"./assessment.models\";\r\nimport { ComponentDefinition } from \"../../components/component/component.models\";\r\nimport { forkJoin } from \"rxjs\";\r\n\r\n@Component({\r\n selector: 'assessment',\r\n templateUrl: './assessment.component.html',\r\n styleUrls: ['./assessment.component.less'],\r\n providers: [AssessmentService]\r\n})\r\nexport class AssessmentComponent {\r\n public CompDef: AssessmentModel;\r\n public PageIndex: number;\r\n public State: string;\r\n public IsSinglePage: boolean;\r\n public IsSubmitting: boolean;\r\n public Summary: ComponentDefinition;\r\n private _forms: FormComponent[] = [];\r\n\r\n public readonly STATE_QUESTIONS : string = \"Questions\";\r\n public readonly STATE_LOADING: string = \"Loading\";\r\n public readonly STATE_SAVING: string = \"Saving\";\r\n public readonly STATE_SUMMARY: string = \"Summary\";\r\n\r\n constructor(private _http: HttpClient, \r\n private _navigationService: NavigationService, \r\n compDef: ComponentDefinition, \r\n private _assessmentService: AssessmentService) {\r\n this.CompDef = \r\n \r\n
\r\n Loading...
\r\n \r\n
\r\n Saving...
\r\n
\r\n {{CompDef.State.QuestionSetDescription}}
\r\n \r\n 300 && !CompDef.ShowInstructions\" (click)=\"CompDef.ShowInstructions= !CompDef.ShowInstructions\" class=\"ui-instructions-link\">Instructions\r\n
\r\n \r\n {{CompDef.State.QuestionSetInstructions}}
\r\n \r\n
\r\n \r\n
\r\n \r\n Submit\r\n
\r\n \r\n \r\n
\r\n\r\n Finish\r\n
\r\n \n
\n An error occurred building this component.
\n \n \n
\n ","import { Component, Input } from '@angular/core';\r\nimport { ComponentDefinition } from \"../../components/component/component.models\";\r\nimport { ConnectionMessagingService } from '../../services/ConnectionMessagingService';\r\n\r\n@Component({\r\n selector: 'async',\r\n template: '',\r\n})\r\nexport class AsyncComponent {\r\n\r\n constructor(compDef: ComponentDefinition, _connectionMessagingService: ConnectionMessagingService) {\r\n _connectionMessagingService.RequestUpdatedComponent(compDef.ComponentContext);\r\n }\r\n}\r\n\r\n@Component({\r\n selector: 'async-error',\r\n template: `\r\n {{compDef.Message}}
\n \r\n
\r\n An error occurred building this component.
\r\n \r\n \r\n
\r\n `,\r\n styleUrls: ['./async-error.component.less']\r\n})\r\nexport class AsyncErrorComponent {\r\n _loading: boolean;\r\n public compDef: AsyncErrorComponentDefinition;\r\n\r\n constructor(public data: ComponentDefinition, private _connectionMessagingService: ConnectionMessagingService) {\r\n this.compDef = {{compDef.Message}}
\r\n \r\n
\r\nDate: {{data.Data.TimestampFormatted}}
\r\n\r\n
","import { Component } from '@angular/core';\r\nimport { AuditTrailDefinition } from \"../../components/audit-trail/audit-trail.models\";\r\nimport { ComponentDefinition } from \"../../components/component/component.models\";\r\n\r\n@Component({\r\n selector: 'audit-trail',\r\n templateUrl: './audit-trail.component.html',\r\n styleUrls: ['./audit-trail.component.less']\r\n})\r\nexport class AuditTrailComponent {\r\n public data: AuditTrailDefinition;\r\n\r\n constructor(compDef: ComponentDefinition) {\r\n this.data = {{detail.Column}}:
\r\n \r\n
\r\n{{detail.OldValue}}
\r\n \r\n \r\n \r\n
\r\n {{detail.NewValue}}
\r\n \r\n \r\n
\r\n\r\n \r\n 0 && Groups.length > 0\" class=\"ui-grid-row ui-grid-header\">\r\n
\r\n \r\n
\r\n","import { Component, \r\n Input, \r\n OnInit,\r\n AfterViewChecked, \r\n ElementRef, \r\n ViewChild, \r\n ViewChildren, \r\n QueryList, \r\n ChangeDetectorRef, \r\n Optional,\r\n OnDestroy\r\n } from '@angular/core';\r\nimport { LinkService } from \"../../services/LinkService\";\r\nimport * as $ from 'jquery';\r\nimport { ActionsComponent } from \"../actions/actions.component\";\r\nimport { InfiniteScrollService } from \"../../services/InfiniteScrollService\";\r\nimport { HttpClient } from \"@angular/common/http\";\r\nimport { ComponentDefinition } from \"../component/component.models\";\r\nimport { Grid, InfiniteScrollResult, GridRow } from \"../grid/grid.models\";\r\nimport { ConnectionMessagingService } from '../../services/ConnectionMessagingService';\r\nimport { PaginationWrapperService } from '../../services/PaginationWrapperService';\r\n\r\n@Component({\r\n selector: 'autosize-grid',\r\n templateUrl: './autosize-grid.component.html',\r\n styleUrls: ['./autosize-grid.component.less'],\r\n})\r\nexport class AutosizeGridComponent implements OnInit, AfterViewChecked, OnDestroy {\r\n public _enableDebugger: boolean;\r\n public data: Grid;\r\n @Input()\r\n public Groups: { Key: string, Rows: any[] }[] = [];\r\n public IsQuerying: boolean;\r\n public SortIndex: number = -1;\r\n public SortReverse: boolean;\r\n private _infiniteID: number;\r\n\r\n @ViewChild('headerAction', { read: ElementRef, static: false }) headerAction : ElementRef;\r\n @ViewChildren(ActionsComponent) actions : QueryList\r\n
\r\n {{data.NoRowsMessage}}
\r\n | \r\n \r\n \r\n {{header}} \r\n {{GetSortIndicatorText(index)}} \r\n | \r\n \r\n | \r\n
| \r\n \r\n \r\n | \r\n \r\n | \r\n
| \r\n | \r\n \r\n | \r\n
\r\n
\r\n","import { Component, Input, ElementRef } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NavigationService } from '../../services/NavigationService'\r\nimport { ComponentDefinition } from \"../component/component.models\";\r\nimport { CardListModel, CardListRow, CardListCardWidth } from \"./card-list.models\";\r\nimport { LinkService } from \"../../services/LinkService\";\r\nimport * as $ from 'jquery';\r\n\r\n@Component({\r\n selector: 'card-list',\r\n templateUrl: './card-list.component.html',\r\n styleUrls: ['./card-list.component.less']\r\n})\r\nexport class CardListComponent {\r\n public CompDef: CardListModel;\r\n public SelectedIndex: number = null; \r\n public IsQuerying: boolean;\r\n\r\n constructor(compDef: ComponentDefinition, \r\n private _linkService: LinkService, \r\n private _elementRef: ElementRef,\r\n private _navigationService: NavigationService) {\r\n this.CompDef = \r\n
\r\n {{CompDef.NoRowsMessage}}
\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n","import { Component, Input, HostBinding, ElementRef, AfterViewInit, ChangeDetectorRef, ChangeDetectionStrategy, OnDestroy } from '@angular/core';\r\nimport { NavigationService } from '../../services/NavigationService'\r\nimport { CardModel } from \"./card.models\";\r\nimport { ComponentDefinition } from \"../component/component.models\";\r\nimport { LayoutService, LayoutInstance } from '../layout/layout.component';\r\nimport * as $ from 'jquery';\r\nimport { ComponentRegistration } from '../../services/ComponentRegistration';\r\nimport { ConnectionMessagingService } from '../../services/ConnectionMessagingService';\r\n\r\n@Component({\r\n selector: 'card',\r\n templateUrl: './card.component.html',\r\n styleUrls: ['./card.component.less'],\r\n providers: [LayoutService],\r\n changeDetection: ChangeDetectionStrategy.Default,\r\n})\r\nexport class CardComponent implements AfterViewInit, OnDestroy {\r\n ShowSubLayout: boolean = false;\r\n\r\n @Input()\r\n public CompDef: CardModel;\r\n _handler: ComponentRegistration;\r\n _isInited: boolean;\r\n\r\n InitializeCard(compDef: ComponentDefinition) {\r\n this.CompDef = {{CompDef.Card.SubTitle}}
\r\n \n
\n ","import { Component, ElementRef } from \"@angular/core\";\r\nimport { FieldDefinition } from \"../../form/form.component\";\r\nimport { FormGroup, AbstractControl } from \"@angular/forms\";\r\nimport { CardFieldDefinition } from \"../card.models\";\r\n// import \"./jquery-ui-timepicker-addon\"\r\n\r\n@Component({\r\n template: ` \r\n {{field.Label}}
\n \r\n
\r\n `,\r\n styleUrls: ['../card-field.component.less']\r\n\r\n})\r\nexport class CommentCardFieldComponent {\r\n constructor(public field: CardFieldDefinition) {\r\n }\r\n}"," \n {{field.Label}}
\r\n \n
\n ","import { Component, ElementRef } from \"@angular/core\";\r\nimport { FieldDefinition } from \"../../form/form.component\";\r\nimport { FormGroup, AbstractControl } from \"@angular/forms\";\r\nimport { CardFieldDefinition } from \"../card.models\";\r\n// import \"./jquery-ui-timepicker-addon\"\r\n\r\n@Component({\r\n template: ` \r\n {{field.Label}}
\n \r\n
\r\n `,\r\n styleUrls: ['../card-field.component.less']\r\n\r\n})\r\nexport class ComponentCardFieldComponent {\r\n constructor(public field: CardFieldDefinition) {\r\n }\r\n}"," \n {{field.Label}}
\r\n \n
\n ","import { Component, ElementRef } from \"@angular/core\";\r\nimport { FieldDefinition } from \"../../form/form.component\";\r\nimport { FormGroup, AbstractControl } from \"@angular/forms\";\r\nimport { CardFieldDefinition } from \"../card.models\";\r\n// import \"./jquery-ui-timepicker-addon\"\r\n\r\n@Component({\r\n template: ` \r\n {{field.Value}}
\n \r\n
\r\n `,\r\n styleUrls: ['../card-field.component.less']\r\n\r\n})\r\nexport class HighlightedMessageCardFieldComponent {\r\n constructor(public field: CardFieldDefinition) {\r\n }\r\n}"," \n {{field.Value}}
\r\n \n \n
\n ","import { Component, ElementRef } from \"@angular/core\";\r\nimport { FieldDefinition } from \"../../form/form.component\";\r\nimport { FormGroup, AbstractControl } from \"@angular/forms\";\r\nimport { LinkService } from \"../../../services/LinkService\";\r\nimport { CardFieldDefinition } from \"../card.models\";\r\n// import \"./jquery-ui-timepicker-addon\"\r\n\r\n@Component({\r\n template: ` \r\n \r\n \r\n
\r\n `,\r\n styleUrls: ['../card-field.component.less'],\r\n})\r\nexport class IconCardFieldComponent {\r\n constructor(public field: CardFieldDefinition, private _linkService: LinkService) {\r\n }\r\n}"," \n \n ![](\"{{field.Value}}\")
\n
\n ","import { Component, ElementRef } from \"@angular/core\";\r\nimport { FieldDefinition } from \"../../form/form.component\";\r\nimport { FormGroup, AbstractControl } from \"@angular/forms\";\r\nimport { LinkService } from \"../../../services/LinkService\";\r\nimport { CardFieldDefinition } from \"../card.models\";\r\n// import \"./jquery-ui-timepicker-addon\"\r\n\r\n@Component({\r\n template: ` \r\n {{field.Label}}
\n \r\n \r\n
\r\n `,\r\n styleUrls: ['../card-field.component.less'],\r\n})\r\nexport class ImageCardFieldComponent {\r\n constructor(public field: CardFieldDefinition, private _linkService: LinkService) {\r\n }\r\n}"," \n {{field.Label}}
\r\n \n
\n ","import { Component, ElementRef } from \"@angular/core\";\r\nimport { FieldDefinition } from \"../../form/form.component\";\r\nimport { FormGroup, AbstractControl } from \"@angular/forms\";\r\nimport { LinkService } from \"../../../services/LinkService\";\r\nimport { CardFieldDefinition } from \"../card.models\";\r\n// import \"./jquery-ui-timepicker-addon\"\r\n\r\n@Component({\r\n template: ` \r\n {{field.Label}}
\n {{field.Value.DisplayText}}
\n \r\n
\r\n `,\r\n styleUrls: ['../card-field.component.less']\r\n\r\n})\r\nexport class LinkCardFieldComponent {\r\n constructor(public field: CardFieldDefinition, private _linkService: LinkService) {\r\n }\r\n\r\n public LinkClicked() {\r\n this._linkService.Go(this.field.Value.Link);\r\n }\r\n}"," \n {{field.Label}}
\r\n {{field.Value.DisplayText}}
\r\n \n \n
\n ","import { Component, ElementRef } from \"@angular/core\";\r\nimport { FieldDefinition } from \"../../form/form.component\";\r\nimport { FormGroup, AbstractControl } from \"@angular/forms\";\r\nimport { CardFieldDefinition } from \"../card.models\";\r\n// import \"./jquery-ui-timepicker-addon\"\r\n\r\n@Component({\r\n template: ` \r\n \r\n \r\n
\r\n `,\r\n styleUrls: ['../card-field.component.less']\r\n\r\n})\r\nexport class MediaBoxCardFieldComponent {\r\n constructor(public field: CardFieldDefinition) {\r\n }\r\n}"," \n \n
\n ","import { Component } from \"@angular/core\";\r\nimport { CardFieldDefinition } from \"../card.models\";\r\n\r\n@Component({\r\n template: ` \r\n {{field.Label}}
\n {{field.Value}}
\n \r\n
\r\n `,\r\n styleUrls: ['../card-field.component.less']\r\n\r\n})\r\nexport class SimpleFieldComponent {\r\n constructor(public field: CardFieldDefinition) {\r\n }\r\n}","\r\n\r\n{{field.Label}}
\r\n {{field.Value}}
\r\n \r\n
","import { Component, Input, ElementRef, Pipe, PipeTransform, AfterViewInit } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NavigationService } from '../../services/NavigationService';\r\nimport * as $ from 'jquery';\r\ndeclare var d3: any;\r\ndeclare var nv: any;\r\nimport * as moment from 'moment';\r\nimport { ChartDefinition, Chart, ChartType, ChartXAxisOptions, AxisType } from \"./chart.models\";\r\nimport { ComponentDefinition } from \"../component/component.models\";\r\n\r\n@Component({\r\n selector: 'chart',\r\n templateUrl: './chart.component.html',\r\n styleUrls: ['./chart.component.less']\r\n})\r\nexport class ChartComponent implements AfterViewInit {\r\n @Input()\r\n private _selectedChart: Chart;\r\n private _id: any;\r\n public data: ChartDefinition;\r\n\r\n constructor(private _elementRef: ElementRef, data: ComponentDefinition) {\r\n this.data = \r\n \r\n {{entry.Name}}\r\n
\r\n\r\n \r\n
\r\n","import { Component, Input, ViewEncapsulation } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NavigationService } from '../../services/NavigationService'\r\nimport { ChipDefinition } from \"./chip.models\";\r\nimport { LinkService } from '../../services/LinkService';\r\n\r\n@Component({\r\n selector: 'chip',\r\n templateUrl: './chip.component.html',\r\n styleUrls: ['./chip.component.less'],\r\n})\r\nexport class ChipComponent {\r\n public Chip: ChipDefinition;\r\n @Input('data') \r\n public set chip(_chip: ChipDefinition) { \r\n this.Chip = _chip;\r\n this.Class[this.Chip.Color] = true;\r\n this.Class[\"pointer\"] = !!_chip.Link;\r\n };\r\n\r\n public Class = {};\r\n\r\n @Input() \r\n public click: any;\r\n\r\n HandleClick($event) {\r\n if (this.click) {\r\n this.click(this.Chip);\r\n }\r\n\r\n $event.preventDefault();\r\n $event.stopPropagation();\r\n }\r\n\r\n constructor(private _linkService: LinkService) {\r\n }\r\n\r\n Click() {\r\n if (this.Chip.Link)\r\n this._linkService.Go(this.Chip.Link);\r\n }\r\n}\r\n","import { Link } from \"../actions/actions.models\";\r\nimport { TooltipModel } from '../tooltip/tooltip.component';\r\n\r\nexport class ChipDefinition {\r\n public Title: string;\r\n public Text: string;\r\n public Color: string;\r\n public Icon: string;\r\n public Link: Link;\r\n public Tooltip: TooltipModel;\r\n}\r\n","{{Chip.Text}}
\r\n \r\n\r\nAdd\r\n
\r\n","import { Component, Input } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NavigationService } from '../../services/NavigationService'\r\nimport { ModalService } from \"../../services/ModalService\";\r\nimport { CommentListDefinition, CommentDefinition } from \"./comment.models\";\r\n\r\n@Component({\r\n selector: 'comment',\r\n templateUrl: './comment.component.html',\r\n styleUrls: ['./comment.component.less']\r\n})\r\nexport class CommentComponent {\r\n @Input() public commentList : CommentListDefinition;\r\n\r\n constructor(private _modalService: ModalService) {\r\n }\r\n\r\n NewComment() {\r\n this._modalService.Open(this.commentList.NewCommentUrlPrefix);\r\n }\r\n\r\n EditComment(comment: CommentDefinition) {\r\n this._modalService.Open(this.commentList.EditCommentUrlPrefix + \"&id=\" + comment.ID);\r\n }\r\n}","\r\n\r\n\r\n
\r\n\r\n {{comment.Author}} on {{comment.Timestamp}} - {{comment.Detail}} Edit\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n {{c.Header}}\r\n
\r\n \n
\n ","import { Directive, Component, Input, ComponentFactoryResolver, ViewContainerRef, Type, Injector, InjectionToken, ElementRef, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';\r\nimport { AttributeTranslator } from '../../services/AttributeTranslator';\r\nimport { CommonModule } from '@angular/common';\r\nimport { GridComponent } from '../grid/grid.component';\r\nimport { PlaceholderComponent } from '../placeholder/placeholder.component';\r\nimport { ConfirmComponent } from \"../confirm/confirm.component\";\r\nimport { KPIComponent } from \"../kpi/kpi.component\";\r\nimport { FormComponent } from \"../form/form.component\";\r\nimport { ChartComponent } from \"../chart/chart.component\";\r\nimport { SimpleComponent } from \"../simple/simple.component\";\r\nimport { OrganizeComponent } from \"../organize/organize.component\";\r\nimport { VerificationDirectionsComponent } from \"../verification-directions/verification-directions.component\";\r\nimport { RegistrationPollingComponent } from \"../registration-polling/registration-polling.component\";\r\nimport { CustomizationService } from \"../../services/CustomizationService\";\r\nimport { SearchComponent } from \"../search/search.component\";\r\nimport * as $ from 'jquery';\r\nimport { CardComponent } from \"../card/card.component\";\r\nimport { AssessmentComponent } from \"../assessment/assessment.component\";\r\nimport { AuditTrailComponent } from \"../audit-trail/audit-trail.component\";\r\nimport { ComponentDefinition, HeaderPosition } from \"./component.models\";\r\nimport { LoginWrapperComponent } from \"../login-wrapper/login-wrapper.component\";\r\nimport { TabSpinnerComponent } from \"../tab-spinner/tab-spinner.component\";\r\nimport { ApplicationGuidanceComponent } from \"../application-guidance/application-guidance.component\";\r\nimport { MapComponent } from \"../map/map.component\";\r\nimport { MapListComponent } from \"../map-list/map-list.component\";\r\nimport { ComponentListComponent } from \"../component-list/component-list.component\";\r\nimport { PieChartComponent } from \"../pie-chart/pie-chart.component\";\r\nimport { TooltipModel, TooltipComponent } from \"../tooltip/tooltip.component\";\r\nimport { TabComponent } from \"../tab/tab.component\";\r\nimport { SearchEditComponent } from '../search-edit/search-edit.component';\r\nimport { FileUploadPreviewComponent } from '../file-upload-preview/file-upload-preview.component';\r\nimport { PickerComponent } from \"../picker/picker.component\";\r\nimport { ModalHeaderWrapperComponent } from \"../modal-header-wrapper/modal-header-wrapper.component\";\r\nimport { CardListComponent } from \"../card-list/card-list.component\";\r\nimport { MediaBoxComponent } from \"../media-box/media-box.component\";\r\nimport { DocumentViewerComponent } from '../document-viewer/document-viewer.component';\r\nimport { DocumentOverlayComponent } from '../document-viewer/document-overlay.component';\r\nimport { ErrorComponent } from '../error/error.component';\r\nimport { PageBreakComponent } from '../page-break/page-break.component';\r\nimport { MatrixComponent } from '../matrix/matrix.component';\r\nimport { TestComponent } from '../test/test.component';\r\nimport { TwoPanelComponent } from '../two-panel/two-panel.component';\r\nimport { MatrixEditorWrapperComponent } from '../matrix-editor-wrapper/matrix-editor-wrapper.component';\r\nimport { EditorComponent } from '../editor/editor.component';\r\nimport { ExceptionDescriptionComponent } from '../exception-description/exception-description.component';\r\nimport { RearrangeAxesComponent } from '../matrix-editor-wrapper/rearrange-axes.component';\r\nimport { NavigationService } from '../../services/NavigationService';\r\nimport { TimelineComponent } from '../timeline/timeline.component';\r\nimport { AsyncComponent, AsyncErrorComponent } from '../async/async.component';\r\nimport { ComponentRegistration } from '../../services/ComponentRegistration';\r\nimport { ConnectionMessagingService } from '../../services/ConnectionMessagingService';\r\nimport { NewSearchComponent } from '../newsearch/newsearch.component';\r\nimport { ProgressComponent } from '../progress/progress.component';\r\nimport { LoanEntryLayoutComponent } from '../loan-entry-layout/loan-entry-layout.component';\r\nimport { RegistrationGuidanceComponent } from '../registration-guidance/registration-guidance.component';\r\nimport { ForgotPasswordGuidanceComponent } from '../forgot-password-guidance/forgot-password-guidance.component';\r\nimport { PasswordExpirationGuidanceComponent } from '../password-expiration-guidance/password-expiration-guidance.component';\r\nimport { TwoStepVerifyGuidanceComponent } from '../two-step-verify-guidance/two-step-verify-guidance.component';\r\nimport { FooterComponent } from '../footer/footer.component';\r\nimport { MultiFileUploadComponent } from '../multi-file-upload/multi-file-upload.component';\r\nimport { MultiSectionComponent } from '../multisection/multisection.component';\r\nimport { MultisectionAssessmentComponent as MultiSectionAssessmentComponent } from '../multisection/multisection-assessment/multisection-assessment.component';\r\nimport { SAMLRedirectComponent } from '../SAML-redirect/SAML-redirect.component';\r\nimport { PaginationWrapperComponent } from '../pagination-wrapper/pagination-wrapper.component';\r\nimport { AutosizeGridComponent } from '../autosize-grid/autosize-grid.component';\r\nimport { MultisectionQuestionEditorComponent } from '../multisection/multisection-question-editor copy/multisection-question-editor.component';\r\nimport { MultisectionEditorWrapperComponent } from '../multisection/multisection-editor-wrapper/multisection-editor-wrapper.component';\r\nimport { MultiDocumentListingComponent } from '../multi-document-listing/multi-document-listing.component'\r\n\r\nconst types = {\r\n \"GridComponent\": GridComponent,\r\n \"TooltipComponent\": TooltipComponent,\r\n \"CardComponent\": CardComponent,\r\n \"FormComponent\": FormComponent,\r\n \"SearchComponent\": SearchComponent,\r\n \"NewSearchComponent\": NewSearchComponent,\r\n \"ChartComponent\": ChartComponent,\r\n \"OrganizeComponent\": OrganizeComponent,\r\n \"ConfirmComponent\": ConfirmComponent,\r\n \"KPIComponent\": KPIComponent,\r\n \"AuditTrailComponent\": AuditTrailComponent,\r\n \"AssessmentComponent\": AssessmentComponent,\r\n \"VerificationDirectionsComponent\": VerificationDirectionsComponent,\r\n \"RegistrationPollingComponent\": RegistrationPollingComponent,\r\n \"LoginWrapperComponent\": LoginWrapperComponent,\r\n \"TabSpinnerComponent\": TabSpinnerComponent,\r\n \"TabComponent\": TabComponent,\r\n \"MapComponent\": MapComponent,\r\n \"MapListComponent\": MapListComponent,\r\n \"CardListComponent\": CardListComponent,\r\n \"ApplicationGuidanceComponent\": ApplicationGuidanceComponent,\r\n \"ComponentListComponent\": ComponentListComponent,\r\n \"PieChartComponent\": PieChartComponent,\r\n \"PickerComponent\": PickerComponent,\r\n \"ModalHeaderWrapperComponent\": ModalHeaderWrapperComponent,\r\n \"MediaBoxComponent\": MediaBoxComponent,\r\n \"SearchEditComponent\": SearchEditComponent,\r\n \"FileUploadWithPreviewComponent\": FileUploadPreviewComponent,\r\n \"DocumentViewerComponent\": DocumentViewerComponent,\r\n \"DocumentOverlayComponent\": DocumentOverlayComponent,\r\n \"ErrorComponent\": ErrorComponent,\r\n \"MatrixComponent\": MatrixComponent,\r\n \"TestComponent\": TestComponent,\r\n \"TwoPanelComponent\": TwoPanelComponent,\r\n \"MatrixEditorWrapperComponent\": MatrixEditorWrapperComponent,\r\n \"EditorComponent\": EditorComponent,\r\n \"ExceptionDescriptionComponent\": ExceptionDescriptionComponent,\r\n \"RearrangeAxesComponent\": RearrangeAxesComponent,\r\n \"TimelineCardListComponent\": TimelineComponent,\r\n \"AsyncComponent\": AsyncComponent,\r\n \"AsyncErrorComponent\": AsyncErrorComponent,\r\n \"PlaceholderComponent\": PlaceholderComponent,\r\n \"ProgressComponent\": ProgressComponent,\r\n \"LoanEntryLayoutComponent\": LoanEntryLayoutComponent,\r\n \"RegistrationGuidanceComponent\": RegistrationGuidanceComponent,\r\n \"ForgotPasswordGuidanceComponent\": ForgotPasswordGuidanceComponent,\r\n \"PasswordExpirationGuidanceComponent\": PasswordExpirationGuidanceComponent,\r\n \"TwoStepVerifyGuidanceComponent\": TwoStepVerifyGuidanceComponent,\r\n \"FooterComponent\": FooterComponent,\r\n \"MultiFileUploadComponent\": MultiFileUploadComponent,\r\n \"MultiSectionAssessmentComponent\": MultiSectionAssessmentComponent,\r\n \"MultiSectionComponent\": MultiSectionComponent,\r\n \"SAMLRedirectComponent\" : SAMLRedirectComponent,\r\n \"PaginationWrapperComponent\" : PaginationWrapperComponent,\r\n \"AutosizeGridComponent\" : AutosizeGridComponent,\r\n \"MultiSectionQuestionEditorComponent\": MultisectionQuestionEditorComponent,\r\n \"MultisectionEditorWrapperComponent\": MultisectionEditorWrapperComponent,\r\n \"MultiDocumentListingComponent\": MultiDocumentListingComponent,\r\n}\r\n\r\nexport class GetComponentType {\r\n static Get(data: ComponentDefinition, customizationService: CustomizationService) : any {\r\n let type = types[data.Type];\r\n\r\n if (data.Type == \"Component\" && data.Expression == \"AsyncComponent\" && !type) {\r\n type = types[\"AsyncComponent\"];\r\n }\r\n\r\n if (!type) {\r\n type = customizationService.Get(data.Type);\r\n }\r\n\r\n if (!type) {\r\n console.error(\"Cannot find custom component type: \" + data.Type + \"Component\");\r\n type = PlaceholderComponent;\r\n }\r\n\r\n return type;\r\n }\r\n}\r\n\r\n@Directive({\r\n selector: '[component]',\r\n})\r\nexport class ComponentDirective {\r\n _handler: ComponentRegistration;\r\n\r\n @Input()\r\n set definition(data: ComponentDefinition) {\r\n var type = GetComponentType.Get(data, this._customizationService);\r\n let componentFactory = this._componentFactoryResolver.resolveComponentFactory(type);\r\n this._viewContainerRef.clear();\r\n let componentRef = this._viewContainerRef.createComponent(componentFactory, null, new ComponentDataInjector(this._injector, data));\r\n if ((\n {{definition.Header}}\n {{definition.SubHeader}}\n
\n \n
\n \n
\n \n {{definition.Header}}\n {{definition.SubHeader}}\n
\n \n
\n \n {{definition.Header}}\n {{definition.SubHeader}}\n
\n \n
\n \n \n
\n \r\n
\r\n `,\r\n styleUrls: ['./component-wrapper.less']\r\n})\r\n//TODO: Refactor the above template to use ng-templates instead of ngifs\r\nexport class ComponentWrapperComponent implements OnDestroy {\r\n \r\n ngOnDestroy() {\r\n this._connectionMessagingService.RemoveComponentHandler(this._handler);\r\n }\r\n\r\n private _definition: ComponentDefinition;\r\n public ShowHeader: boolean;\r\n _handler: ComponentRegistration;\r\n\r\n public get ShowHeaderInside() : boolean {\r\n return this.ShowHeader && this.definition.HeaderPosition == HeaderPosition.Inside;\r\n }\r\n\r\n public get ShowHeaderOutside() : boolean {\r\n return this.ShowHeader && this.definition.HeaderPosition == HeaderPosition.Outside;\r\n }\r\n\r\n @Input()\r\n public set definition(compDef: ComponentDefinition) {\r\n this._definition = compDef;\r\n if (!compDef)\r\n return; \r\n \r\n if (this._handler)\r\n this._connectionMessagingService.RemoveComponentHandler(this._handler);\r\n this._handler = new ComponentRegistration(this._definition, this, null, null); \r\n this._connectionMessagingService.RegisterComponentHandler(this._handler);\r\n\r\n this.ShowHeader = (!!compDef.Actions && !!compDef.Actions.length) || (!!compDef.Header && !!compDef.Header.length);\r\n };\r\n public get definition() {\r\n return this._definition;\r\n };\r\n\r\n constructor(public Element: ElementRef, private _connectionMessagingService: ConnectionMessagingService) { \r\n }\r\n}\r\n\r\nexport class ComponentDataInjector extends Injector {\r\n constructor(private baseInjector: Injector, \r\n private _component: ComponentDefinition,\r\n private _tooltip: TooltipModel = null) {\r\n super();\r\n }\r\n\r\n reset() {\r\n this._component = null;\r\n this._tooltip = null;\r\n }\r\n\r\n get\r\n {{definition.Header}}\r\n {{definition.SubHeader}}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{definition.Header}}\r\n {{definition.SubHeader}}\r\n
\r\n \r\n
\r\n \r\n {{definition.Header}}\r\n {{definition.SubHeader}}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
","import { Component, Input } from '@angular/core';\r\nimport { CommonModule, Location } from '@angular/common';\r\nimport { NavigationService, NavigationType } from '../../services/NavigationService'\r\nimport { BrowserModule } from '@angular/platform-browser'; \r\nimport { HttpClient } from '@angular/common/http';\r\nimport { map } from 'rxjs/operators';\r\nimport { ModalService } from \"../../services/ModalService\";\r\nimport { ConfirmModel, ConfirmOption } from \"../../components/confirm/confirm.models\";\r\nimport { ComponentDefinition } from \"../../components/component/component.models\";\r\nimport { FormMessage, FormComponentDefinition, FormDefinition, ValidationWrapper } from '../form/form.component';\r\nimport { LinkService } from '../../services/LinkService';\r\nimport { FormConnectionService } from '../../services/LoadService';\r\n\r\nexport class ConfirmComponentDefinition extends ComponentDefinition \r\n{\r\n RequestModel: ConfirmModel;\r\n FormComponent: FormComponentDefinition;\r\n DetailComponent: ComponentDefinition;\r\n ShowFormBeforeDetailComponent: boolean;\r\n}\r\n\r\n@Component({\r\n selector: 'confirm',\r\n templateUrl: './confirm.component.html',\r\n styleUrls: ['./confirm.component.less'],\r\n providers: [FormConnectionService]\r\n})\r\nexport class ConfirmComponent {\r\n public compDef: ConfirmComponentDefinition;\r\n public YesClicked: boolean;\r\n public ErrorMessage: string;\r\n public IsSubmitting: boolean;\r\n\r\n constructor(private _http: HttpClient, \r\n private _modalService: ModalService, \r\n compDef: ComponentDefinition,\r\n private _linkService: LinkService, \r\n private _navigationService: NavigationService,\r\n private _formConnectionService: FormConnectionService) {\r\n this.compDef = {{compDef.RequestModel.Description}}
\r\n {{compDef.RequestModel.FormattedText}}
\r\n {{ErrorMessage}}
\r\n \r\n \r\n
\r\n\n
\n \r\n
\r\n \r\n
\r\n 1\" (click)=\"PreviousPage()\">
\r\n 1\">{{CurrentPageIndex}}/{{TotalPages}}
\r\n 1\" (click)=\"NextPage()\">
\r\n \r\n
\r\n
1\">\r\n {{SelectedFile ? SelectedFile.Name : \"Choose a File...\"}} \r\n
\r\n \r\n
\r\n \r\n ![]()
\r\n
\r\n","import { Component, ElementRef, ViewChild, AfterViewInit, TemplateRef, ViewEncapsulation, Input, OnDestroy } from \"@angular/core\";\r\nimport { ComponentDefinition } from \"../component/component.models\";\r\nimport { Form, FormComponent, FormComponentDefinition } from \"../form/form.component\";\r\nimport * as $ from 'jquery';\r\nimport { PDFComponent } from \"../pdf/pdf.component\";\r\n// import { PDFJS } from 'pdfjs-dist';\r\nimport { Grid } from \"../grid/grid.models\";\r\nimport { Link } from \"../actions/actions.models\";\r\nimport { HttpClient } from \"@angular/common/http\";\r\ndeclare function unescape(s:string): string;\r\ndeclare var PDFJS;\r\n\r\n@Component({\r\n selector: 'document-control',\r\n templateUrl: './document-control.component.html',\r\n styleUrls: ['./document-control.component.less'],\r\n})\r\nexport class DocumentControlComponent implements AfterViewInit, OnDestroy {\r\n public CurrentPageIndex: number = 0;\r\n public TotalPages: number = 0;\r\n public FileSelected: boolean = false;\r\n public UsePDFTemplate: boolean = false;\r\n public IsLoading: boolean;\r\n private isDestroyed: boolean;\r\n\r\n @ViewChild('pdfcomp', { static: false })\r\n PDFComponent: PDFComponent;\r\n\r\n @ViewChild('img', {static: false})\r\n img: ElementRef;\r\n\r\n @Input() \r\n public url: string;\r\n\r\n @Input() \r\n public data: Uint8Array;\r\n\r\n @Input() \r\n public grid: Grid;\r\n\r\n @Input()\r\n actions: Link[];\r\n\r\n @Input()\r\n public SelectedFile: DocumentControlGridRowModel;\r\n\r\n constructor(private _elementRef: ElementRef, private _http: HttpClient) { \r\n PDFJS.disableWorker = true;\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n\r\n $(this._elementRef.nativeElement).on('grid-row-click', (event, data) => {\r\n this.SelectGridOption(data);\r\n });\r\n if (this.grid && this.grid.Rows.length) {\r\n this.SelectGridOption(this.grid.Rows[0].Model);\r\n }\r\n else {\r\n window.setTimeout(() => {\r\n this.UpdateRendering();\r\n }, 1000);\r\n }\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.isDestroyed = true;\r\n if (this._timer) {\r\n window.clearTimeout(this._timer);\r\n }\r\n }\r\n\r\n //This code is copied from the ModalHeaderWrapper - it's our best option for sizing this correctly for now.\r\n private _timer: number;\r\n private Resize() {\r\n if (this.isDestroyed)\r\n return;\r\n let $element = $(this._elementRef.nativeElement);\r\n\r\n let $header = $element.children().eq(0);\r\n $header.css({ 'display': 'flex' });\r\n\r\n let $body = $element.children().eq(1);\r\n $body.css({ 'height': '2000px' });\r\n let originalDisplay = $body.css('display');\r\n $body.css({ 'display': 'block' });\r\n $body.css({ 'overflow-y': 'auto' });\r\n\r\n let scrollTop = $body.scrollTop();\r\n $body.css({ 'max-height': 'initial' });\r\n\r\n let total = $element.parent().parent().parent().outerHeight(true);\r\n let headerHeight = $header.outerHeight(true);\r\n let bodyHeight = total - headerHeight - 57; //This is 7 more than the modal header wrapper, don't really know why. \r\n $body.css({ 'max-height': bodyHeight + 'px' });\r\n $body.css({ 'height': 'auto' });\r\n $body.scrollTop(scrollTop);\r\n $body.css({ 'display': originalDisplay });\r\n this._timer = window.setTimeout(c => this.Resize(), 1000);\r\n };\r\n\r\n private SelectGridOption(data: DocumentControlGridRowModel) {\r\n this.SelectedFile = data; \r\n this.UpdateRendering();\r\n }\r\n\r\n OnViewPortScroll() {\r\n let aboveMid = $('canvas', this._elementRef.nativeElement).toArray()\r\n .map((i, m) => {\r\n return $(i).position().top;\r\n })\r\n .filter((i,m) => {\r\n return m < 200;\r\n }).length;\r\n\r\n this.CurrentPageIndex = aboveMid - 1;\r\n }\r\n\r\n ZoomIn() {\r\n this.PDFComponent.ZoomIn();\r\n\r\n }\r\n\r\n ZoomOut() {\r\n this.PDFComponent.ZoomOut();\r\n }\r\n\r\n PreviousPage() {\r\n if (this.CurrentPageIndex == 1)\r\n return;\r\n this.UpdatePage(this.CurrentPageIndex - 1);\r\n }\r\n\r\n NextPage() {\r\n if (this.CurrentPageIndex == this.TotalPages)\r\n return;\r\n this.UpdatePage(this.CurrentPageIndex + 1);\r\n }\r\n\r\n private UpdatePage(pageIndex: number) {\r\n this.CurrentPageIndex = pageIndex;\r\n this.PDFComponent.page = this.CurrentPageIndex;\r\n }\r\n\r\n private UpdateRendering() {\r\n let updatePDFComponent =(data: any) => {\r\n this.FileSelected = true;\r\n this.IsLoading = false;\r\n this.TotalPages = data.numPages;\r\n this.CurrentPageIndex = 1;\r\n this.PDFComponent.options = { pdfDocument: data };\r\n this.PDFComponent.page = this.CurrentPageIndex;\r\n window.setTimeout(() => {this.Resize()});\r\n };\r\n\r\n let urlPdfRender = (url: string) => {\r\n return this._http.get(url, { responseType: 'blob', reportProgress: true}).subscribe(d =>{\r\n var file = new Blob([d], {type: 'application/pdf'});\r\n var fileURL = URL.createObjectURL(file)\r\n PDFJS.getDocument(fileURL).then(updatePDFComponent);\r\n });\r\n }\r\n \r\n if (this.SelectedFile) {\r\n if (this.SelectedFile.Extension.indexOf(\"pdf\") !== -1) {\r\n this.IsLoading = true;\r\n urlPdfRender(this.SelectedFile.Url);\r\n this.UsePDFTemplate = true;\r\n }\r\n else {\r\n this.FileSelected = true;\r\n this.UsePDFTemplate = false; \r\n this.img.nativeElement.src = this.SelectedFile.Url;\r\n }\r\n }\r\n else if (this.data) {\r\n this.IsLoading = true;\r\n PDFJS.getDocument({ data: this.data }).then(updatePDFComponent); \r\n this.UsePDFTemplate = true;\r\n }\r\n else if (this.url) {\r\n this.IsLoading = true;\r\n urlPdfRender(this.url); \r\n this.UsePDFTemplate = true;\r\n }\r\n }\r\n \r\n private StringToUint(input) \r\n { \r\n var s = btoa(unescape(encodeURIComponent(input))), charList = input.split(''), uintArray = []; \r\n for (var i = 0; i < charList.length; i++) { \r\n uintArray.push(charList[i].charCodeAt(0)); \r\n } \r\n return new Uint8Array(uintArray);\r\n }\r\n}\r\n\r\nexport class FileInfo {\r\n public Data: any;\r\n public Name: string;\r\n public Extension: string;\r\n}\r\n\r\nexport class DocumentControlGridRowModel {\r\n public Url: string;\r\n public Name: string;\r\n public Extension: string;\r\n}","\r\n
\r\n\r\n
\r\n","import { Component, ElementRef, ViewChild, AfterViewInit, TemplateRef, ViewEncapsulation, HostBinding } from \"@angular/core\";\r\nimport { ComponentDefinition } from \"../component/component.models\";\r\nimport { Form, FormComponent, FormComponentDefinition } from \"../form/form.component\";\r\nimport * as $ from 'jquery';\r\n\r\n@Component({\r\n selector: 'document-overlay',\r\n templateUrl: './document-overlay.component.html',\r\n styleUrls: ['./document-overlay.component.less'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class DocumentOverlayComponent {\r\n public Model: DocumentOverlayComponentDefinition;\r\n\r\n constructor(compDef: ComponentDefinition, private _elementRef: ElementRef) {\r\n this.Model = \r\n
\r\n \r\n
\r\n Custom Section Name
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n","import { Component, Input, ElementRef, AfterViewChecked, AfterViewInit, ViewChild } from '@angular/core';\r\nimport { NavigationService, NavigationType } from '../../services/NavigationService'\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { ComponentDefinition } from \"../component/component.models\";\r\nimport * as $ from 'jquery';\r\nimport { FormStateUtility } from '../form/fieldcomponents/FormStateUtility';\r\nimport { NgModel } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'editor-comp',\r\n templateUrl: './editor.component.html',\r\n styleUrls: ['./editor.component.less'],\r\n})\r\nexport class EditorComponent implements AfterViewInit {\r\n IsSubmitting: boolean;\r\n Model: EditorComponentDefinition;\r\n get Page() \r\n {\r\n return this.Model.Editor.Pages[0];\r\n }\r\n @ViewChild('field', { static: false })\r\n field: NgModel;\r\n FieldClass: {};\r\n constructor(compDef: ComponentDefinition,\r\n private _elementRef: ElementRef,\r\n private _http: HttpClient,\r\n private _navigationService: NavigationService) {\r\n this.Model = \r\n Fields\r\n
\r\n \r\n
\r\n {{field.Name}}
\r\n \r\n Woops
\r\nAn unexpected error has occurred.
\r\n\r\n {{data.ExceptionInfo.Message}}\r\n
","import { Component } from \"@angular/core\";\r\nimport { ComponentDefinition } from \"../component/component.models\";\r\n\r\n@Component({\r\n selector: 'error',\r\n templateUrl: `error.component.html`,\r\n styleUrls: ['./error.component.less'],\r\n})\r\nexport class ErrorComponent {\r\n data: ErrorComponentDefinition;\r\n constructor(compDef: ComponentDefinition) {\r\n this.data = {{data.ExceptionInfo.StackTrace}}\r\n\r\n
","import { Component, Input } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ExceptionDescriptionDefinition } from './exception-description.models';\r\nimport { ComponentDefinition } from '../component/component.models';\r\n\r\n@Component({\r\n selector: 'exception-description',\r\n templateUrl: './exception-description.component.html',\r\n styleUrls: ['./exception-description.component.less']\r\n})\r\nexport class ExceptionDescriptionComponent {\r\n Definition: any;\r\n\r\n constructor(compDef: ComponentDefinition) {\r\n this.Definition = compDef;\r\n }\r\n}\r\n","{{exception.Text}}
\r\n {{exception.Subtext}}\r\n\r\n
","import { Component, Input, ElementRef, AfterViewInit } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { HttpClient } from \"@angular/common/http\";\r\nimport { ModalService } from \"../../services/ModalService\";\r\nimport { ComponentDefinition } from \"../../components/component/component.models\";\r\n\r\n@Component({\r\n selector: 'forgot-password-Guidance',\r\n templateUrl: './forgot-password-guidance.component.html',\r\n styleUrls: ['./forgot-password-guidance.component.less']\r\n})\r\nexport class ForgotPasswordGuidanceComponent {\r\n public Model: ForgotPasswordGuidanceDefinition;\r\n\r\n constructor(compDef: ComponentDefinition) {\r\n this.Model = \r\n
\r\n Your Email
\r\n Verify Your Identity
\r\n \r\n
\r\n\r\n
\r\n 1
\r\n Your Email
\r\n \r\n
\r\n 2
\r\n Verify Your Identity
\r\n \r\n
\r\n 3
\r\n Reset Password
\r\n \r\n
\r\n\r\n\r\n {{field.Label}}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n{{warning.Description}}
\r\n {{value.Description}}
\r\n{{value.Description}}
\r\n{{value.Description}}
\r\n\r\n
\r\n\r\n\r\n {{field.Label}}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n{{warning.Description}}
\r\n {{value.Description}}
\r\n{{value.Description}}
\r\n\r\n
\r\n\r\n\r\n
\r\n \r\n {{field.Label}}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n{{warning.Description}}
\r\n \r\n
\r\n{{match.label}}
\r\n {{match.details}}
\r\n \r\n
\r\n\r\n
\r\n","import { Component, AfterViewInit, ElementRef } from \"@angular/core\";\r\nimport { FieldDefinition, ValidationMessage, Severity } from \"../form.component\";\r\nimport { FormGroup, AbstractControl } from \"@angular/forms\";\r\nimport { FormStateUtility } from \"./FormStateUtility\";\r\nimport * as $ from 'jquery';\r\n\r\n@Component({\r\n templateUrl: 'combined-checkbox-field.component.html',\r\n styleUrls: ['combined-checkbox-field.component.less']\r\n})\r\nexport class CombinedCheckboxFieldComponent implements AfterViewInit {\r\n _stateUtil: FormStateUtility;\r\n public IsSelected: boolean;\r\n\r\n public SubFields: FieldDefinition[];\r\n\r\n constructor(public field: FieldDefinition, \r\n public group: FormGroup,\r\n public control: AbstractControl,\r\n private _elementRef: ElementRef) {\r\n this.SubFields = field.Attributes[\"Combined\"];\r\n\r\n this._stateUtil = new FormStateUtility(this.control, this.field);\r\n this._stateUtil.StateChangeDistinct.subscribe(c => \r\n {\r\n this.FieldClass = c\r\n });\r\n this._stateUtil.SendUpdate();\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n this.IsSelected = this.control.value === true;\r\n this._stateUtil.SetInput($('.m-checkbox', this._elementRef.nativeElement));\r\n }\r\n\r\n public FieldClass: {};\r\n\r\n public Toggle(field: FieldDefinition) {\r\n this.group.controls[field.Name].setValue(!(\r\n {{field.Label}}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{field.Label}}
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n{{warning.Description}}
\r\n \r\n
","import { Component, ElementRef } from \"@angular/core\";\r\nimport { FieldDefinition, ValidationMessage, Severity } from \"../form.component\";\r\nimport { FormGroup, AbstractControl } from \"@angular/forms\";\r\nimport { FormStateUtility } from \"./FormStateUtility\";\r\n// import * as $ from 'jquery';\r\n// import 'jquery-ui'\r\n\r\n@Component({\r\n templateUrl: './datepicker-field.component.html',\r\n styleUrls: ['./datepicker-field.component.less'] \r\n})\r\nexport class DatePickerFieldComponent {\r\n _stateUtil: FormStateUtility;\r\n _limitedDates: any;\r\n\r\n constructor(public field: FieldDefinition, \r\n public group: FormGroup, \r\n public control: AbstractControl,\r\n private _elementRef: ElementRef) {\r\n\r\n this._stateUtil = new FormStateUtility(this.control, this.field);\r\n this._stateUtil.StateChangeDistinct.subscribe(c => \r\n {\r\n this.FieldClass = c\r\n });\r\n \r\n if(this.field.Attributes[\"LimitedDates\"])\r\n this._limitedDates = this.field.Attributes[\"LimitedDates\"].map(r => new Date(r).toDateString());\r\n\r\n this._stateUtil.SendUpdate();\r\n\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n let input = $(this._elementRef.nativeElement).find('input');\r\n let options = \r\n
\r\n \r\n {{field.Label}}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n{{warning.Description}}
\r\n \r\n
\r\n\r\n\r\n {{field.Label}}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n{{warning.Description}}
\r\n {{value.Description}}
\r\n{{value.Description}}
\r\n{{value.Description}}
\r\n\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n {{field.Label}}\r\n
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n{{warning.Description}}
\r\n \r\n
\r\n{{value.Description}}
\r\n {{value.DetailLine}}
\r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {{field.Label}}\r\n
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n {{warning.Description}}
\r\n \r\n
\r\n\r\n\r\n\r\n
\r\n {{input.Name}}
\r\n \r\n
\r\n play_arrow
\r\n \r\n Result: {{GetOutputDisplayText(TesterResults.Output)}}
\r\n Click to test
\r\n \r\n
\r\n{{TesterResults.Error}}
\r\n \r\n
\r\n\r\n \r\n
\r\n {{result.Display}}
\r\n \r\n
","import { Component, ElementRef, AfterViewInit, ViewChild } from \"@angular/core\";\r\nimport { FieldDefinition, ValidationMessage, Severity } from \"../form.component\";\r\nimport { FormGroup, AbstractControl } from \"@angular/forms\";\r\nimport * as $ from 'jquery';\r\nimport { FormStateUtility } from \"./FormStateUtility\";\r\nimport { FieldService } from \"../../../services/FieldService\";\r\n\r\nexport interface IFileFieldComponent {\r\n FileChange(fileEvent: { target: { files: FileList; }; }) ;\r\n \r\n}\r\n\r\n@Component({\r\n templateUrl: `./file-upload-field.component.html`,\r\n styleUrls: [`./file-upload-field.component.less`]\r\n})\r\nexport class FileUploadFieldComponent implements AfterViewInit, IFileFieldComponent {\r\n private _stateUtil: FormStateUtility;\r\n public HintMessage: string;\r\n\r\n @ViewChild('input', { static: false })\r\n public fileInput: ElementRef;\r\n public ValueDescription: string;\r\n\r\n constructor(public field: FieldDefinition, \r\n public group: FormGroup,\r\n public control: AbstractControl,\r\n private _elementRef: ElementRef,\r\n private fieldService: FieldService) {\r\n \r\n if (!this.field.Attributes || !this.field.Attributes[\"HideGuidanceText\"]) {\r\n this.HintMessage = `Size < ${field.Attributes['MaxSize']} MB - Type: ${field.Attributes[\"Extensions\"]}`;\r\n }\r\n\r\n this._stateUtil = new FormStateUtility(this.control, this.field);\r\n this._stateUtil.StateChangeDistinct.subscribe(c => \r\n {\r\n this.FieldClass = c;\r\n });\r\n this._stateUtil.SendUpdate();\r\n this.fieldService.RegisterControl(this, field);\r\n }\r\n\r\n public FieldClass: {};\r\n\r\n ngAfterViewInit(): void {\r\n if (this.field.Attributes && this.field.Attributes[\"Extensions\"])\r\n this.input.attr('accept', this.field.Attributes.Extensions);\r\n\r\n this._stateUtil.SetInput(this.input);\r\n\r\n if (this.group.controls[this.field.Name + \"FileName\"]) {\r\n this.ValueDescription = this.group.controls[this.field.Name + \"FileName\"].value;\r\n }\r\n\r\n if (this.field.InitializeWithFile != null) {\r\n var files = new Array\r\n
\r\n \r\n \r\n {{field.Label}}\r\n
\r\n \r\n {{HintMessage}}\r\n
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n{{warning.Description}}
\r\n \r\n
","import { Component, ElementRef } from \"@angular/core\";\r\nimport { FieldDefinition, ValidationMessage, Severity } from \"../../form.component\";\r\nimport { FormGroup, AbstractControl } from \"@angular/forms\";\r\nimport { FieldService } from \"../../../../services/FieldService\";\r\nimport { SchemaSearchResult, AxisType } from \"../range-buckets-field.component\";\r\nimport { HttpClient } from \"@angular/common/http\";\r\nimport * as $ from 'jquery';\r\n\r\n@Component({\r\n templateUrl: './lookup-field.component.html',\r\n styleUrls: ['./lookup-field.component.less'] \r\n})\r\nexport class LookupFieldComponent {\r\n public FieldClass: {};\r\n public Lookups: Array<{Value: string, Selected: boolean}>;\r\n private _processedValue: any;\r\n\r\n constructor(public field: FieldDefinition, \r\n private group: FormGroup, \r\n public control: AbstractControl,\r\n private http: HttpClient,\r\n private _fieldService: FieldService,\r\n private _elementRef: ElementRef) {\r\n\r\n this.UpdateValues();\r\n group.valueChanges.subscribe(v => {\r\n setTimeout(() => this.UpdateValues(), 250);\r\n });\r\n var lookupValueFieldName = this.field.Attributes[\"LookupValues\"].Field;\r\n this.group.controls[lookupValueFieldName].valueChanges.subscribe(v => {\r\n setTimeout(() => this.UpdateValues(), 250);\r\n });\r\n\r\n }\r\n\r\n Toggle(lookup: {Value: string, Selected: boolean}) {\r\n lookup.Selected = !lookup.Selected;\r\n this.SetValue();\r\n }\r\n\r\n SetValue() {\r\n this.control.setValue(this.Lookups.filter(r => r.Selected).map(c => c.Value).join('\\n'));\r\n }\r\n\r\n get AllSelected() {\r\n if (!this.Lookups)\r\n return false;\r\n var selectedCnt = this.Lookups.filter(r => r.Selected).length;\r\n return selectedCnt == this.Lookups.length;\r\n }\r\n\r\n ToggleAll() {\r\n if (!this.Lookups)\r\n this.UpdateValues();\r\n if (!this.Lookups)\r\n return;\r\n var allSelected = this.AllSelected;\r\n for(let lookup of this.Lookups) {\r\n lookup.Selected = !allSelected;\r\n }\r\n this.SetValue();\r\n }\r\n\r\n private UpdateValues() {\r\n var lookupValueFieldName = this.field.Attributes[\"LookupValues\"].Field;\r\n var value = this.group.value[lookupValueFieldName];\r\n if (value && value != this._processedValue) {\r\n this._processedValue = value;\r\n let dataValues = this._processedValue.split('~');\r\n dataValues.push('Other');\r\n dataValues.push('Empty');\r\n this.Lookups = dataValues.map(value => { \r\n return { Value: value, Selected: this.control.value.split('\\n').indexOf(value) != -1 }; \r\n });\r\n }\r\n }\r\n}","\r\n \r\n Toggle All\r\n
\r\n \r\n \r\n {{lookup.Value}}\r\n
\r\n\r\n
\r\nLookups
\r\n \r\n\r\n
\r\n","import { Component, ViewChild } from \"@angular/core\";\r\nimport { FieldDefinition, DropdownValue } from \"../form.component\";\r\nimport { AbstractControl } from \"@angular/forms\";\r\nimport { MDialog, MDialogTrigger } from \"../../dialog/md-dialog.component\";\r\n\r\nexport class MapLookupControlData {\r\n public Values: Array\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
","import { Component, ElementRef, AfterViewInit } from \"@angular/core\";\r\nimport { FieldDefinition } from \"../form.component\";\r\nimport { AbstractControl, FormGroup, FormControl, FormGroupDirective, NgForm } from \"@angular/forms\";\r\nimport * as $ from 'jquery';\r\nimport * as jQuery from 'jquery';\r\nimport \"jquery-ui\";\r\nimport \"jquery-mask-plugin\";\r\nimport { FormControlUtility } from \"./FormControlUtility\";\r\nimport { FormStateUtility } from \"./FormStateUtility\";\r\n\r\n@Component({\r\n templateUrl: `./masked-input-field.component.html`,\r\n styleUrls: [`./masked-input-field.component.less`],\r\n})\r\nexport class MaskedInputFieldComponent implements AfterViewInit {\r\n _stateUtil: FormStateUtility;\r\n\r\n private _mask: string;\r\n private _useCleanVal: boolean = true;\r\n\r\n constructor(public field: FieldDefinition,\r\n private group: FormGroup, \r\n public control: AbstractControl, \r\n private _elementRef: ElementRef) {\r\n this._stateUtil = new FormStateUtility(this.control, this.field);\r\n this._stateUtil.StateChangeDistinct.subscribe(c => \r\n {\r\n this.FieldClass = c\r\n });\r\n this._stateUtil.SendUpdate();\r\n \r\n }\r\n\r\n ngAfterViewInit(): void {\r\n switch (this.field.Attributes[\"Mask\"]) {\r\n case \"Phone\":\r\n this._mask = '(000) 000-0000';\r\n (\r\n
\r\n \r\n {{field.Label}}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n{{warning.Description}}
\r\n \r\n
\r\n","import { Component, AfterViewInit, ElementRef } from \"@angular/core\";\r\nimport { FieldDefinition } from \"../form.component\";\r\nimport { FormGroup, AbstractControl } from \"@angular/forms\";\r\nimport { FormStateUtility } from \"./FormStateUtility\";\r\nimport * as $ from 'jquery';\r\n\r\n@Component({\r\n templateUrl: 'multi-checkbox-field.component.html',\r\n styleUrls: ['../../ssi-base-components/checkbox/checkbox.component.less']\r\n})\r\nexport class MultiCheckboxFieldComponent implements AfterViewInit {\r\n public SelectedValue: any;\r\n // TODO: Handle additional text:\r\n // \r\n constructor(public field: FieldDefinition, \r\n public group: FormGroup, \r\n public control: AbstractControl,\r\n private _elementRef: ElementRef) {\r\n \r\n }\r\n \r\n ngAfterViewInit(): void {\r\n let stateUtil = new FormStateUtility(this.control, this.field);\r\n stateUtil.StateChangeDistinct.subscribe(c => \r\n {\r\n this.FieldClass = c\r\n });\r\n\r\n stateUtil.SendUpdate();\r\n }\r\n\r\n public GetOptions(): any[] {\r\n return this.field.Values;\r\n }\r\n\r\n public Toggle() {\r\n let selectedElements = this.field.Values.filter((obj: any, i) => {\r\n return obj.IsSelected;\r\n });\r\n if (selectedElements.length)\r\n this.control.setValue(JSON.stringify(selectedElements));\r\n else\r\n this.control.setValue(null); \r\n }\r\n\r\n public FieldClass: {};\r\n \r\n // $scope.shouldShowTextbox = function (option) {\r\n // return option.IsSelected && (option.AdditionalTextOptionDescription == 'Optional' || option.AdditionalTextOptionDescription == 'Required');\r\n // };\r\n}","{{field.Label}}
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{option.Description}}
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n{{warning.Description}}
\r\n \r\n
\r\n","import { Component, ElementRef } from \"@angular/core\";\r\nimport { FieldDefinition } from \"framework/components/form/form.component\";\r\nimport { FormGroup, AbstractControl } from \"@angular/forms\";\r\nimport * as $ from 'jquery';\r\nimport { FormStateUtility } from \"./FormStateUtility\";\r\n\r\n@Component({\r\n templateUrl: './multi-line-field.component.html',\r\n styleUrls: [ './multi-line-field.component.less' ]\r\n})\r\nexport class MultiLineFieldComponent {\r\n _stateUtil: FormStateUtility;\r\n FieldClass: {};\r\n\r\n public Values: MultiLineValue[];\r\n public ShowOrganize: boolean = false;\r\n public SortableOptions: {};\r\n\r\n constructor(public field: FieldDefinition, public group: FormGroup, public control: AbstractControl, private _elementRef: ElementRef) {\r\n control.valueChanges.subscribe(value => {\r\n this.Values = \r\n {{field.Label}}\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n {{warning.Description}}
\r\n \n
\n \n
\n \n {{field.Label}}\n
\n \n
\n {{error.Description}}
\n \n
\n {{warning.Description}}
\n {{value.Description}}
\n \r\n
\r\n \r\n
\r\n \r\n {{field.Label}}\r\n
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n {{warning.Description}}
\r\n {{value.Description}}
\r\n \n
","import { Component, ElementRef } from \"@angular/core\";\r\nimport { FieldDefinition } from \"../form.component\";\r\nimport { FormGroup, AbstractControl, FormControl, FormGroupDirective, NgForm } from \"@angular/forms\";\r\nimport * as $ from 'jquery';\r\n\r\n@Component({\r\n template: `\r\n \n
\n {{index+1}}
\n \n \n
\n *
\n \n \r\n
`,\r\n styleUrls: [ 'observation-editor-field.component.less' ]\r\n})\r\nexport class ObservationEditorFieldComponent {\r\n public Values: any[];\r\n\r\n constructor(public field: FieldDefinition, public group: FormGroup, public control: AbstractControl, private _elementRef: ElementRef) {\r\n if (field.Value)\r\n this.Values = JSON.parse(field.Value);\r\n else\r\n this.Values = [];\r\n }\r\n\r\n public RemoveIfEmpty() {\r\n for (var i = 0; i < this.Values.length; i++) {\r\n if (!this.Values[i].Note || !this.Values[i].Note.length) {\r\n this.Values.splice(i, 1);\r\n return;\r\n }\r\n }\r\n }\r\n\r\n public AddRowAndFocus() {\r\n this.Values.push({});\r\n window.setTimeout(() => {\r\n $(this._elementRef.nativeElement).find('.ui-observation').last().prev().find('textarea').focus();\r\n });\r\n }\r\n\r\n public OnChange() {\r\n this.RemoveIfEmpty();\r\n this.control.setValue(JSON.stringify(this.Values));\r\n }\r\n}\r\n","\r\n
\r\n {{index+1}}
\r\n \r\n \r\n
\r\n *
\r\n \r\n \r\n
\r\n","import { Component, ElementRef, AfterViewInit } from \"@angular/core\";\r\nimport { FieldDefinition, ValidationMessage, Severity } from \"../form.component\";\r\nimport { AbstractControl, FormGroup, FormControl, FormGroupDirective, NgForm } from \"@angular/forms\";\r\nimport * as $ from 'jquery';\r\nimport { FormStateUtility } from \"./FormStateUtility\";\r\nimport { NavigationService, NavigationType } from \"../../../services/NavigationService\";\r\n\r\n@Component({\r\n templateUrl: `./password-field.component.html`,\r\n styleUrls: ['./textbox-field.component.less']\r\n})\r\nexport class PasswordFieldComponent implements AfterViewInit {\r\n _stateUtil: FormStateUtility;\r\n constructor(public field: FieldDefinition, \r\n private group: FormGroup, \r\n public control: AbstractControl, \r\n private _elementRef: ElementRef,\r\n private _navigationService: NavigationService) {\r\n this._stateUtil = new FormStateUtility(this.control, this.field);\r\n this._stateUtil.StateChangeDistinct.subscribe(c => \r\n {\r\n this.FieldClass = c\r\n });\r\n this._stateUtil.SendUpdate();\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n this._stateUtil.SetInput(this.input);\r\n }\r\n\r\n get input() {\r\n return $(this._elementRef.nativeElement).find('input');\r\n }\r\n\r\n public FieldClass: {};\r\n\r\n public FocusInput() {\r\n this.input.focus();\r\n }\r\n \r\n HelperClick() {\r\n this._navigationService.Go(this.field.Attributes.Helper.Url, NavigationType.Default);\r\n }\r\n}","\r\n
\r\n \r\n {{field.Label}}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n{{warning.Description}}
\r\n \r\n
","import { Component, AfterViewInit, ElementRef, ChangeDetectorRef, OnDestroy } from \"@angular/core\";\r\nimport { FieldDefinition } from \"../form.component\";\r\nimport { FormGroup, AbstractControl, FormControl, FormGroupDirective, NgForm } from \"@angular/forms\";\r\nimport * as $ from 'jquery';\r\nimport { FormStateUtility } from \"./FormStateUtility\";\r\ndeclare var google: any;\r\n\r\n@Component({\r\n templateUrl: `./places-autocomplete-field.component.html`,\r\n styleUrls: [`./places-autocomplete-field.component.less`]\r\n})\r\nexport class PlacesAutocompleteFieldComponent implements AfterViewInit, OnDestroy {\r\n ngOnDestroy(): void {\r\n this._isDestroyed = true;\r\n }\r\n private _stateUtil: FormStateUtility;\r\n private _isDestroyed: boolean;\r\n\r\n constructor(public field: FieldDefinition, \r\n public group: FormGroup, \r\n public control: AbstractControl, \r\n private _elementRef: ElementRef,\r\n private _changeDetectorRef: ChangeDetectorRef) {\r\n this._stateUtil = new FormStateUtility(this.control, this.field);\r\n this._stateUtil.StateChangeDistinct.subscribe(c => \r\n {\r\n if (this.input.length && (\r\n
\r\n \r\n {{field.Label}}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n{{warning.Description}}
\r\n \r\n
\r\n","\r\n {{field.Label}}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{value.Description}}
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n{{warning.Description}}
\r\n \r\n
\r\n","import { Component, TemplateRef, ViewChild, AfterViewInit, HostBinding, ElementRef } from \"@angular/core\";\r\nimport { FieldDefinition, ValidationMessage, Severity, DropdownValue } from \"../form.component\";\r\nimport { FormGroup, AbstractControl } from \"@angular/forms\";\r\nimport * as $ from 'jquery';\r\nimport { FormStateUtility } from \"./FormStateUtility\";\r\nimport { TableLayoutComponent } from \"../../layout/layout.component\";\r\ndeclare var jsep;\r\n\r\n@Component({\r\n templateUrl: './radio-field.component.html',\r\n styleUrls: ['./radio-field.component.less']\r\n})\r\nexport class RadioFieldComponent {\r\n constructor(public field: FieldDefinition, \r\n private group: FormGroup, \r\n public control: AbstractControl,\r\n private _elementRef: ElementRef) {\r\n\r\n let fsu = new FormStateUtility(control, null);\r\n fsu.StateChangeDistinct.subscribe(c => this.FieldClass = c);\r\n fsu.SendUpdate();\r\n\r\n let stateUtil = new FormStateUtility(this.control, this.field);\r\n stateUtil.StateChangeDistinct.subscribe(state => {\r\n this.FieldClass = state;\r\n });\r\n\r\n stateUtil.SendUpdate();\r\n }\r\n\r\n public Select(value: any) {\r\n if (!!this.field.Attributes[\"ReadOnly\"])\r\n return;\r\n\r\n if (!!this.field.Attributes[\"DynamicReadOnly\"]) {\r\n if (TableLayoutComponent.IsTrue(jsep(this.field.Attributes[\"DynamicReadOnly\"]), this.group.value))\r\n return;\r\n }\r\n\r\n\r\n this.control.setValue(value.Value);\r\n }\r\n\r\n public GetValueClass(radioValue: DropdownValue) {\r\n var controlValueString = this.control.value == null ? \"\" : this.control.value.toString();\r\n var radioValueString = !radioValue.Value ? \"\" : radioValue.Value.toString();\r\n\r\n return {\r\n \"ui-highlight\": controlValueString === radioValueString,\r\n \"disabled\": this.FieldClass[\"disabled\"]\r\n };\r\n }\r\n\r\n public FieldClass: {};\r\n}\r\n\r\n@Component({\r\n templateUrl: './radio-questionnaire-field.component.html',\r\n styleUrls: ['./radio-field.component.less']\r\n})\r\nexport class RadioQuestionnaireFieldComponent extends RadioFieldComponent {\r\n\r\n}","\r\n {{field.Label}}\r\n
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n {{warning.Description}}
\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n {{value.Description}}
\r\n \r\n
","","import { Component, ElementRef } from \"@angular/core\";\r\nimport { FormGroup, AbstractControl } from \"@angular/forms\";\r\nimport { FieldDefinition, FormComponent } from \"../form.component\";\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { FieldService } from \"../../../services/FieldService\";\r\nimport { map } from 'rxjs/operators';\r\nimport { FormStateUtility } from \"./FormStateUtility\";\r\n\r\n@Component({\r\n templateUrl: `./range-buckets-field.component.html`,\r\n styleUrls: [`./range-buckets-field.component.less`],\r\n})\r\nexport class RangeBucketsFieldComponent {\r\n public Buckets: Array\r\n {{field.Label}}\r\n
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n {{warning.Description}}
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {{bucket.FloorErrorMessage}}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{bucket.CeilingErrorMessage}}
\r\n \r\n
\r\n","import { Component, ElementRef } from \"@angular/core\";\r\nimport { FormGroup, AbstractControl } from \"@angular/forms\";\r\nimport { FieldDefinition, FormComponent } from \"../form.component\";\r\nimport { Bucket } from \"./range-buckets-field.component\";\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { FieldService } from \"../../../services/FieldService\";\r\nimport { map } from 'rxjs/operators';\r\nimport { FormStateUtility } from \"./FormStateUtility\";\r\n\r\n@Component({\r\n templateUrl: `./range-definition-field.component.html`,\r\n styleUrls: [`./range-definition-field.component.less`],\r\n})\r\nexport class RangeDefinitionFieldComponent {\r\n public Buckets: Array\r\n {{field.Label}}\r\n
\r\n \r\n
\r\n {{error.Description}}
\r\n \r\n
\r\n {{warning.Description}}
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{bucket.FloorErrorMessage}}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{bucket.CeilingErrorMessage}}
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{bucket.IntervalErrorMessage}}
\r\n