diff --git a/ng6-seed/src/app/pd-triger/list-pd/list-pd.component.html b/ng6-seed/src/app/pd-triger/list-pd/list-pd.component.html index 60888e66e..70baa691b 100644 --- a/ng6-seed/src/app/pd-triger/list-pd/list-pd.component.html +++ b/ng6-seed/src/app/pd-triger/list-pd/list-pd.component.html @@ -1,6 +1,6 @@
- - + +
@@ -128,4 +128,5 @@ + diff --git a/ng6-seed/src/app/pd-triger/list-pd/list-pd.component.ts b/ng6-seed/src/app/pd-triger/list-pd/list-pd.component.ts index f7d1c702e..7ecdb00de 100644 --- a/ng6-seed/src/app/pd-triger/list-pd/list-pd.component.ts +++ b/ng6-seed/src/app/pd-triger/list-pd/list-pd.component.ts @@ -1,7 +1,7 @@ import { Component, ViewChild, OnInit, ViewEncapsulation, EventEmitter, Output } from '@angular/core'; import { PdTrigerService } from '../pd-service/pd-triger.service'; import { MatPaginator, MatSort, MatTableDataSource, PageEvent } from '@angular/material'; - +//import { MapPdViewComponent } from '../map-pd-view/map-pd-view.component'; @Component({ selector: 'app-list-pd', templateUrl: './list-pd.component.html', @@ -16,6 +16,7 @@ export class ListPdComponent implements OnInit { showAddComponent:boolean; showEditComponent:boolean; showViewComponent:boolean; + showMapViewComponent:boolean; errorMessage: any; public paginationList: any[] = []; // pagination variable details @@ -92,6 +93,7 @@ export class ListPdComponent implements OnInit { this.showAddComponent=false this.showEditComponent=false this.showViewComponent=false + this.showMapViewComponent=false this._pd.getPdDetails() .subscribe( data => { @@ -130,6 +132,12 @@ export class ListPdComponent implements OnInit { this.showViewComponent=!this.showViewComponent this.parentViewData=editID } + viewMapPdDetails(){ + this.showParentComponent=false + this.showAddComponent=false + this.showEditComponent=false + this.showMapViewComponent=!this.showMapViewComponent; +} updateParentComponent(event:string) { this.showParentComponent=!this.showParentComponent if(event=='1'){ @@ -158,6 +166,8 @@ export class ListPdComponent implements OnInit { } }, error => this.errorMessage = error); } + + pageChange(e) { console.log(e); } diff --git a/ng6-seed/src/app/pd-triger/map-pd-view/map-pd-view.component.html b/ng6-seed/src/app/pd-triger/map-pd-view/map-pd-view.component.html new file mode 100644 index 000000000..f9af0c590 --- /dev/null +++ b/ng6-seed/src/app/pd-triger/map-pd-view/map-pd-view.component.html @@ -0,0 +1,213 @@ +
+
+ + + + Search Options + Header subtitle + + + +
+ + + + + + + + + + + {{details.applicat_details[0].applicant_name}} + + + {{details.product_abbr}}/{{details.subproduct_abbr}} + + +

Lendor ID:{{details.lender_applicant_id}}

+

Lendor Name:{{details.lender_full_name}}

+

Date Of Initiation:{{details.pd_date_of_initiation}}

+

 {{details.loan_amount}} +

+

+ + +

+ + + + + + + + +

No Record Found ...

+ + + + + + + + +
+
+ + + + + +
+ + +
+
+
+
+ +
+ + + + All + +
+ + + + +

{{details.applicat_details[0].applicant_name}}

+ +

{{details.lender_full_name}} {{details.lender_applicant_id}}{{details.pd_date_of_initiation}}

+

{{details.product_abbr}}/{{details.subproduct_abbr}}/{{details.customer_segment_abbr}} {{details.loan_amount}}  {{details.city_name}}/{{details.state_name}}-{{details.pincode}}

+ + + +
+ + + +
+ + +
+ + + +

No Record Found ...

+ + + +
+ + + + + + + + + + In Progress + + + + + + Scheduled + + + + + + Completed + + + + + + + +
diff --git a/ng6-seed/src/app/pd-triger/map-pd-view/map-pd-view.component.scss b/ng6-seed/src/app/pd-triger/map-pd-view/map-pd-view.component.scss new file mode 100644 index 000000000..3944ca03d --- /dev/null +++ b/ng6-seed/src/app/pd-triger/map-pd-view/map-pd-view.component.scss @@ -0,0 +1,34 @@ +@import "../../../assets/styles/scss/material.variables"; + +:host { + margin-left: -5px; + margin-right: -5px; + margin-top: -5px; + display: block; + height: 100%; +} +.sebm-google-map-container { + width: 100%; + height: 500px; + display: flex; +} + +$mat-toolbar-height-desktop: 64px !default; +$mat-toolbar-height-mobile-portrait: 56px !default; +$mat-toolbar-height-mobile-landscape: 48px !default; + +.mat-card-top { + margin-top: -($mat-toolbar-height-desktop); +} + +@media ($mat-xsmall) and (orientation: portrait) { + .mat-card-top { + margin-top: -($mat-toolbar-height-mobile-portrait); + } +} + +@media ($mat-small) and (orientation: landscape) { + .mat-card-top { + margin-top: -($mat-toolbar-height-mobile-landscape); + } +} \ No newline at end of file diff --git a/ng6-seed/src/app/pd-triger/map-pd-view/map-pd-view.component.spec.ts b/ng6-seed/src/app/pd-triger/map-pd-view/map-pd-view.component.spec.ts new file mode 100644 index 000000000..1d70a89d6 --- /dev/null +++ b/ng6-seed/src/app/pd-triger/map-pd-view/map-pd-view.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { MapPdViewComponent } from './map-pd-view.component'; + +describe('MapPdViewComponent', () => { + let component: MapPdViewComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ MapPdViewComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(MapPdViewComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/ng6-seed/src/app/pd-triger/map-pd-view/map-pd-view.component.ts b/ng6-seed/src/app/pd-triger/map-pd-view/map-pd-view.component.ts new file mode 100644 index 000000000..441823679 --- /dev/null +++ b/ng6-seed/src/app/pd-triger/map-pd-view/map-pd-view.component.ts @@ -0,0 +1,54 @@ +import { Component, ViewChild, OnInit } from '@angular/core'; +import { MatPaginator, MatSort, MatTableDataSource, PageEvent } from '@angular/material'; + +import { NotifierService } from 'angular-notifier'; +import { PdTrigerService } from '../pd-service/pd-triger.service'; + + +@Component({ + selector: 'app-map-pd-view', + templateUrl: './map-pd-view.component.html', + styleUrls: ['./map-pd-view.component.scss'] +}) +export class MapPdViewComponent implements OnInit { + lat = -34.397; + lng = 150.644; + recordStatus: boolean; + errorMessage: any; + // pagination variable details + length = 50; + pageIndex = 0; + pageSize = 10; + pageEvent: PageEvent; +// data source variable details +pdListData = null; +public dataLength: number; +public dataSource = new MatTableDataSource(); +@ViewChild(MatPaginator) paginator: MatPaginator; +@ViewChild(MatSort) sort: MatSort; +pdList:any[] = []; + constructor(private _pd: PdTrigerService) { + + } + + ngOnInit() { + this.recordStatus=false + this._pd.getPdDetails() + .subscribe( + data => { + if (data.status == 200) { + this.pdList = data.records; + this.pdListData = data.records; + this.dataLength = data.records.length; + this.dataSource.data = this.pdListData; + + } + else{ + this.pdList=[]; + this.dataLength = null; + this.recordStatus=true; + } + }, error => this.errorMessage = error); + } + +} diff --git a/ng6-seed/src/app/pd-triger/pd-triger.module.ts b/ng6-seed/src/app/pd-triger/pd-triger.module.ts index ce716f451..4ed7f07a8 100644 --- a/ng6-seed/src/app/pd-triger/pd-triger.module.ts +++ b/ng6-seed/src/app/pd-triger/pd-triger.module.ts @@ -8,7 +8,7 @@ import { MatRadioModule, MatButtonModule,MatTableModule,MatPaginatorModule, MatProgressBarModule,MatDialogModule, MatSortModule, - MatToolbarModule,MatSelectModule, MatListModule, MatGridListModule, MatTabsModule, MatCheckboxModule, MatBadgeModule } from '@angular/material'; + MatToolbarModule,MatSelectModule, MatListModule, MatGridListModule, MatTabsModule, MatCheckboxModule, MatBadgeModule, MatExpansionModule } from '@angular/material'; import {MatSlideToggleModule} from '@angular/material/slide-toggle'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { FileUploadModule } from 'ng2-file-upload/ng2-file-upload'; @@ -19,6 +19,7 @@ import { MatTooltipModule } from '@angular/material/tooltip'; import { NgxMatSelectSearchModule } from 'ngx-mat-select-search'; import { NotifierModule, NotifierOptions } from 'angular-notifier'; +import { AgmCoreModule } from '@agm/core'; import 'hammerjs'; import { PdTrigerRoutes } from './pd-triger-routing.module'; @@ -30,6 +31,7 @@ import { ViewPdComponent } from './view-pd/view-pd.component'; import { EditPdMasterComponent } from './edit-pd-master/edit-pd-master.component'; import { EditPdApplicantComponent } from './edit-pd-applicant/edit-pd-applicant.component'; import { PdAllocationComponent } from './pd-allocation/pd-allocation.component'; +import { MapPdViewComponent } from './map-pd-view/map-pd-view.component'; /** * Custom angular notifier options */ @@ -95,9 +97,10 @@ const pdCustomNotifierOptions: NotifierOptions = { FileUploadModule, TreeModule, MatDialogModule,MatSortModule, - NgxMatSelectSearchModule,MatTooltipModule, + NgxMatSelectSearchModule,MatTooltipModule, MatExpansionModule, + AgmCoreModule.forRoot({apiKey: 'AIzaSyBtdO5k6CRntAMJCF-H5uZjTCoSGX95cdk'}), ], - declarations: [AddPdComponent, ListPdComponent, EditPdComponent, ViewPdComponent, EditPdMasterComponent, EditPdApplicantComponent, PdAllocationComponent], + declarations: [AddPdComponent, ListPdComponent, EditPdComponent, ViewPdComponent, EditPdMasterComponent, EditPdApplicantComponent, PdAllocationComponent, MapPdViewComponent], entryComponents:[PdAllocationComponent], providers: [PdTrigerService] })