From 4c11d94c1a5c56feda828b9a887f57152d248e15 Mon Sep 17 00:00:00 2001 From: sriram-at-840620226347 Date: Thu, 5 Nov 2020 18:22:39 +0530 Subject: [PATCH] list and view page mobile responsive --- ng6-seed/angular.json | 3 + ng6-seed/package-lock.json | 18 +- .../pd-list/pd-list.component.html | 2 +- .../pd-list/pd-list.component.scss | 31 ++- .../list-pd/add-pd/add-pd.component.html | 2 +- .../list-pd/all-pd/all-pd.component.html | 202 +++++++++++++----- .../list-pd/all-pd/all-pd.component.scss | 77 ++++++- .../list-pd/all-pd/all-pd.component.ts | 50 ++++- .../completed-pd/completed-pd.component.html | 88 +++++++- .../completed-pd/completed-pd.component.scss | 112 +++++++--- .../completed-pd/completed-pd.component.ts | 48 +++-- .../inprogress-pd.component.html | 99 ++++++++- .../inprogress-pd.component.scss | 97 +++++++-- .../inprogress-pd/inprogress-pd.component.ts | 42 +++- .../qc-completed-pd.component.html | 88 +++++++- .../qc-completed-pd.component.scss | 97 +++++++-- .../qc-completed-pd.component.ts | 46 +++- .../scheduled-pd/scheduled-pd.component.html | 193 ++++++++++++----- .../scheduled-pd/scheduled-pd.component.scss | 97 +++++++-- .../scheduled-pd/scheduled-pd.component.ts | 45 +++- .../list-pd/view-pd/view-pd.component.html | 123 ++++++----- .../manage-pd/manage-pd.module.ts | 3 +- 22 files changed, 1231 insertions(+), 332 deletions(-) diff --git a/ng6-seed/angular.json b/ng6-seed/angular.json index ad7ca03..4b9753c 100755 --- a/ng6-seed/angular.json +++ b/ng6-seed/angular.json @@ -197,5 +197,8 @@ "@schematics/angular:directive": { "prefix": "app" } + }, + "cli": { + "analytics": "509641b9-0932-4a65-bc55-144b73b41471" } } \ No newline at end of file diff --git a/ng6-seed/package-lock.json b/ng6-seed/package-lock.json index bd809a9..9f2e80a 100755 --- a/ng6-seed/package-lock.json +++ b/ng6-seed/package-lock.json @@ -2626,9 +2626,9 @@ } }, "caniuse-lite": { - "version": "1.0.30001150", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001150.tgz", - "integrity": "sha512-kiNKvihW0m36UhAFnl7bOAv0i1K1f6wpfVtTF5O5O82XzgtBnb05V0XeV3oZ968vfg2sRNChsHw8ASH2hDfoYQ==", + "version": "1.0.30001151", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001151.tgz", + "integrity": "sha512-Zh3sHqskX6mHNrqUerh+fkf0N72cMxrmflzje/JyVImfpknscMnkeJrlFGJcqTmaa0iszdYptGpWMJCRQDkBVw==", "dev": true }, "caseless": { @@ -4054,9 +4054,9 @@ "dev": true }, "electron-to-chromium": { - "version": "1.3.582", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.582.tgz", - "integrity": "sha512-0nCJ7cSqnkMC+kUuPs0YgklFHraWGl/xHqtZWWtOeVtyi+YqkoAOMGuZQad43DscXCQI/yizcTa3u6B5r+BLww==", + "version": "1.3.584", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.584.tgz", + "integrity": "sha512-NB3DzrTzJFhWkUp+nl2KtUtoFzrfGXTir2S+BU4tXGyXH9vlluPuFpE3pTKeH7+PY460tHLjKzh6K2+TWwW+Ww==", "dev": true }, "elliptic": { @@ -11871,9 +11871,9 @@ "integrity": "sha1-t8+nHnaPHJAAxJe5FRswlHxQ5G0=" }, "timers-browserify": { - "version": "2.0.11", - "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.11.tgz", - "integrity": "sha512-60aV6sgJ5YEbzUdn9c8kYGIqOubPoUdqQCul3SBAsRCZ40s6Y5cMcrW4dt3/k/EsbLVJNl9n6Vz3fTc+k2GeKQ==", + "version": "2.0.12", + "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.12.tgz", + "integrity": "sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==", "dev": true, "requires": { "setimmediate": "^1.0.4" diff --git a/ng6-seed/src/app/lender-credit-pd/pd-list/pd-list.component.html b/ng6-seed/src/app/lender-credit-pd/pd-list/pd-list.component.html index 24b86b4..387d77b 100644 --- a/ng6-seed/src/app/lender-credit-pd/pd-list/pd-list.component.html +++ b/ng6-seed/src/app/lender-credit-pd/pd-list/pd-list.component.html @@ -14,7 +14,7 @@ (resetFilter)= "loadSalesPDDetails()"> -->

Showing data for last {{common}}. To see older records, please use advanced filter


- + diff --git a/ng6-seed/src/app/lender-credit-pd/pd-list/pd-list.component.scss b/ng6-seed/src/app/lender-credit-pd/pd-list/pd-list.component.scss index 743bbfe..0ee26ba 100644 --- a/ng6-seed/src/app/lender-credit-pd/pd-list/pd-list.component.scss +++ b/ng6-seed/src/app/lender-credit-pd/pd-list/pd-list.component.scss @@ -2,13 +2,7 @@ transform: scale(1.1); color: green; } -.cell{ - display:inline !important; - // text-align: center !important; -} -.cellhide{ - display: none !important; -} + .center{ text-align:center; } @@ -26,3 +20,26 @@ p.note { font-weight: bold; } + ::ng-deep .mat-cell{ + display: inline !important; + } + @media(max-width: 600px) { + .cell{ + display: none !important; + } + .mobile-label { + width: 80px; + display: inline-block; + font-weight: bold; + } + + .mat-header-row { + display: none; + } + + .mat-row { + flex-direction: column; + align-items: start; + padding: 8px 24px; + } + } \ No newline at end of file diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/add-pd/add-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/add-pd/add-pd.component.html index 0772f3e..d64b013 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/add-pd/add-pd.component.html +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/add-pd/add-pd.component.html @@ -1,5 +1,5 @@ - +
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.html index dd5177c..41c40b0 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.html +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.html @@ -12,32 +12,32 @@
- + {{type.type_name}}     - + {{status.pd_status_name}}     - +     - + - + {{pro.name}}     - + {{city.name}} @@ -47,10 +47,10 @@ {{ent.full_name}} --> - +     - +
@@ -73,17 +73,60 @@

Showing data for last {{common}}. To see older records, please use advanced filter


- - - - - -
{{details.pd_sno}}
- {{details.pd_type_name}} - - - - +
+
+ + +
+

{{details.pd_sno_split.lender_name}}
+ {{details.pd_sno_split.serial_no}}

+ {{details.pd_type_name}} +
+
+
+
+ + {{details.is_child == 0 ? details.applicant_name : 'Add On PD' }} + +
+
+
+
+ Not Provided + {{details.lender_applicant_id}} +
+
+ {{details.product_abbr}}/{{details.subproduct_abbr}} +
+
+
+
+ {{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }} + + {{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }} + + {{details.scheduled_on}} + +
+
+ {{details.pd_status}} + QC COMPLETED +
+
+
+ +
+ + + + +
+
+
{{details.pd_sno}}
+ {{details.pd_type_name}} +
+
{{details.is_child == 0 ? details.applicant_name : 'Add On PD' }} @@ -91,60 +134,121 @@ Not Provided {{details.lender_applicant_id}} -({{details.customer_segment_abbr}} ) - - - - +
+
{{details.lender_short_name}}
{{details.product_abbr}}/{{details.subproduct_abbr}}
{{details.loan_amount}} - - - - +
+
{{details.pd_date_of_initiation}}
{{details.city_name}}-{{details.pincode_id == 1 ? details.other_pincode : details.pincode }} - - - - +
+
{{details.pd_status}} QC COMPLETED
- {{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }} {{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }} {{details.scheduled_on}} - - - - - - - +
+
+ + + +
+ + +
+
- - - - - - + @@ -152,7 +256,7 @@
+ [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25,50, 100]" (page)="pageEvent=OnPageChange($event)" showFirstLastButtons>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.scss index 712e0c5..5a63468 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.scss +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.scss @@ -2,12 +2,8 @@ transform: scale(1.1); color: green; } -.cell{ - display:inline !important; -} -.cellhide{ - display: none !important; -} + + .center{ text-align:center; } @@ -26,4 +22,71 @@ p.note { font-weight: bold; } - \ No newline at end of file +// .example-container { +// display: flex; +// flex-direction: column; +// max-height: 500px; +// min-width: 300px; +// } + +// .mat-table { +// overflow: auto; +// max-height: 500px; +// } + + .mobile-label { + display: none; + } + @media(min-width: 600px) { + .webhide{ + display: none !important; + } +} + @media(max-width: 600px) { + .body-container { + padding: 0px !important; + } + .mat-expansion-panel-body { + padding: 0 10px 16px !important; + } + .cell{ + display: none !important; + } + .mat-form-field{ + display: inline !important; + } + // .no-pad{ + // text-align: left !important; + // padding-left: 0px !important; + // } + .mobile-label { + width: 80px; + display: inline-block; + font-weight: bold; + } + + .mat-header-row { + display: none; + } + + .mat-row { + flex-direction: column; + align-items: start; + padding: 8px 24px; + } + .lettericon{ + // background-color: cadetblue; + // padding: 6px 7px 6px 7px; + border-radius: 10px; + color: #e2412f; + font-size: 75%; + font-weight: bold; + min-width: 4.4em; + text-align: center; + margin: 10px 0px 0px 0px !important; + } + .lettertext{ + font-size: 80%; + } + } + \ No newline at end of file diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.ts index 3f70d0d..6567393 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.ts +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.ts @@ -51,6 +51,7 @@ export class AllPdComponent implements OnInit, OnChanges { user_role_name: string; limitMsg: boolean = false; common: any; + pagedList: any=[]; constructor(private _pd: PdTrigerService,private _fb:FormBuilder,notifier: NotifierService,private userService:UserService) { this.notifier = notifier; @@ -111,14 +112,25 @@ console.log(this.displayedColumns) data => { if (data.status == 200) { this.PdListData = data.records; - this.dataLengthTab1 = data.records.length; - this.dataSourceTab1.data = this.PdListData; + // this.PdListData = ; + this.pagedList = this.PdListData.slice(0, 10); + this.length = this.PdListData.length; + this.PdListData.forEach(value=>{ + let original=value.pd_sno + value.pd_sno_split={lender_name:original.replace(/[^a-z]/gi, ''),serial_no:original.match(/(\d+)/)[0]} + }) + // this.dataLengthTab1 = data.records.length; + // this.dataSourceTab1.data = this.PdListData; this.recordStatus=false; this.limitMsg = true } else{ this.PdListData=[]; - this.dataSourceTab1.data = []; + // this.pagedList.forEach(value=>{ + // let original=value.pd_sno + // value.pd_sno_split={lender_name:original.replace(/[^a-z]/gi, ''),serial_no:original.match(/(\d+)/)[0]} + // }) + // this.dataSourceTab1.data = []; this.recordStatus=true; this.limitMsg = false } @@ -130,6 +142,16 @@ console.log(this.displayedColumns) alert(error.html_format); }); } + + OnPageChange(event: PageEvent){ + let startIndex = event.pageIndex * event.pageSize; + let endIndex = startIndex + event.pageSize; + if(endIndex > this.length){ + endIndex = this.length; + } + this.pagedList = this.PdListData.slice(startIndex, endIndex); + } + pageChange(e) { console.log(e); } @@ -226,17 +248,25 @@ console.log(this.displayedColumns) if(res['dataStatus']) { this.PdListData = res['records']; - this.dataSourceTab1.data = res['records']; - // console.log('records',res['records']); - this.dataSourceTab1.paginator = this.paginator; + this.pagedList = this.PdListData.slice(0, 10); + this.length = this.PdListData.length; + this.PdListData.forEach(value=>{ + let original=value.pd_sno + value.pd_sno_split={lender_name:original.replace(/[^a-z]/gi, ''),serial_no:original.match(/(\d+)/)[0]} + }) + // this.dataSourceTab1.data = res['records']; + // // console.log('records',res['records']); + // this.dataSourceTab1.paginator = this.paginator; this.recordStatus=false this.limitMsg = false }else{ this.notifier.notify('warning', 'No Records Found !'); - this.dataSourceTab1.paginator['length'] = 0; - this.dataSourceTab1.paginator['pageIndex'] = 0; - this.dataSourceTab1.data = []; - this.PdListData = []; + // this.dataSourceTab1.paginator['length'] = 0; + // this.dataSourceTab1.paginator['pageIndex'] = 0; + // this.dataSourceTab1.data = []; + this.PdListData = []; + this.pagedList = []; + // this.length = this.PdListData.length; this.recordStatus = true; this.limitMsg = false // console.log('records-records',res['records']); diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.html index b72ca52..8230e44 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.html +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.html @@ -72,7 +72,88 @@

Showing data for last {{common}}. To see older records, please use advanced filter


- +
+ +
+
+

{{details.pd_sno_split.lender_name}}
+ {{details.pd_sno_split.serial_no}}

+ {{details.pd_type_name}} +
+
+
+
+ + {{details.is_child == 0 ? details.applicant_name : 'Add On PD'}} + +
+
+
+
+ Not Provided + {{details.lender_applicant_id}} +
+
+ {{details.product_abbr}}/{{details.subproduct_abbr}} +
+
+
+
+ {{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }} +
+
+ {{details.pd_status}} + +
+
+
+ +
+ + + +
+
+
{{details.pd_sno}}
+ {{details.pd_type_name}} +
+
+ + {{details.is_child == 0 ? details.applicant_name : 'Add On PD' }} + +
+ Not Provided + {{details.lender_applicant_id}} + -({{details.customer_segment_abbr}} ) +
+
+ {{details.lender_short_name}} +
+ {{details.product_abbr}}/{{details.subproduct_abbr}} +
+ + {{details.loan_amount}} +
+
+ {{details.pd_date_of_initiation}} +
+ + {{details.city_name}}-{{details.pincode_id == 1 ? details.other_pincode : details.pincode }} +
+
+ {{details.pd_status}}
+ {{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }} + +
+
+ +
+ +
+ +
+ {{details.is_child == 0 ? details.applicant_name : 'Add On PD' }}
@@ -119,12 +199,12 @@ - + -->
+ [pageSizeOptions]="[5, 10, 25,50, 100]" (page)="pageEvent=OnPageChange($event)" showFirstLastButtons>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.scss index 085a716..61785ab 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.scss +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.scss @@ -1,27 +1,91 @@ .ic-change:hover { - transform: scale(1.1); - color: green; -} -.cell{ - display:inline !important; -} -.cellhide{ - display: none !important; -} -.center{ - text-align:center; -} -.fontsize{ - font-size:14px; -} -.toolbar-space { - flex: 0.01 0 auto; -} -p.note { - // float: right; - text-align: right; - font-size: 12px; - color: grey; - font-weight: bold; + transform: scale(1.1); + color: green; } + +.center{ + text-align:center; +} +.fontsize{ + font-size:14px; +} + +.toolbar-space { + flex: 0.01 0 auto; +} +p.note { + // float: right; + text-align: right; + font-size: 12px; + color: grey; + font-weight: bold; +} + +// .example-container { +// display: flex; +// flex-direction: column; +// max-height: 500px; +// min-width: 300px; +// } + +// .mat-table { +// overflow: auto; +// max-height: 500px; +// } + +.mobile-label { + display: none; +} +@media(min-width: 600px) { +.webhide{ + display: none !important; +} +} +@media(max-width: 600px) { + .body-container { + padding: 0px !important; + } + .mat-expansion-panel-body { + padding: 0 10px 16px !important; + } + .cell{ + display: none !important; + } + .mat-form-field{ + display: inline !important; + } + // .no-pad{ + // text-align: left !important; + // padding-left: 0px !important; + // } + .mobile-label { + width: 80px; + display: inline-block; + font-weight: bold; + } + + .mat-header-row { + display: none; + } + + .mat-row { + flex-direction: column; + align-items: start; + padding: 8px 24px; + } + .lettericon{ + // background-color: cadetblue; + // padding: 6px 7px 6px 7px; + border-radius: 10px; + color: #e2412f; + font-size: 75%; + font-weight: bold; + min-width: 4.4em; + text-align: center; + margin: 10px 0px 0px 0px !important; + } + .lettertext{ + font-size: 80%; + } +} diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.ts index 5c5e16f..a3ee25a 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.ts +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.ts @@ -50,7 +50,7 @@ export class CompletedPdComponent implements OnInit, OnChanges { user_role_name: string; limitMsg: boolean = false; common: any; - + pagedList: any=[]; constructor(private _pd: PdTrigerService,public _fb:FormBuilder,notifier: NotifierService,private userService:UserService) { this.notifier = notifier; @@ -107,15 +107,21 @@ public LenderRoleID : any = localStorage.getItem('LenderRoleID'); data => { if (data.status == 200) { this.completedPdListData = data.records; - this.dataLengthTab4 = data.records.length; - this.dataSourceTab4.data = this.completedPdListData; + // this.dataLengthTab4 = data.records.length; + // this.dataSourceTab4.data = this.completedPdListData; + this.pagedList = this.completedPdListData.slice(0, 10); + this.length = this.completedPdListData.length; + this.completedPdListData.forEach(value=>{ + let original=value.pd_sno + value.pd_sno_split={lender_name:original.replace(/[^a-z]/gi, ''),serial_no:original.match(/(\d+)/)[0]} + }) this.recordStatus = false this.limitMsg = true } else{ - this.dataSourceTab4.data =[] this.completedPdListData=[]; - this.dataLengthTab4= null; + // this.dataSourceTab4.data =[] + // this.dataLengthTab4= null; this.recordStatus=true; this.limitMsg = false } @@ -127,6 +133,16 @@ public LenderRoleID : any = localStorage.getItem('LenderRoleID'); alert(error.html_format); }); } + + OnPageChange(event: PageEvent){ + let startIndex = event.pageIndex * event.pageSize; + let endIndex = startIndex + event.pageSize; + if(endIndex > this.length){ + endIndex = this.length; + } + this.pagedList = this.completedPdListData.slice(startIndex, endIndex); + } + pageChange(e) { console.log(e); } @@ -231,17 +247,25 @@ public LenderRoleID : any = localStorage.getItem('LenderRoleID'); if(res['dataStatus']==true) { this.completedPdListData=res['records']; - this.dataSourceTab4.data = res['records']; - this.dataSourceTab4.paginator = this.paginator; + // this.dataSourceTab4.data = res['records']; + // this.dataSourceTab4.paginator = this.paginator; + this.pagedList = this.completedPdListData.slice(0, 10); + this.length = this.completedPdListData.length; + this.completedPdListData.forEach(value=>{ + let original=value.pd_sno + value.pd_sno_split={lender_name:original.replace(/[^a-z]/gi, ''),serial_no:original.match(/(\d+)/)[0]} + }) this.recordStatus=false; this.limitMsg = false }else{ this.notifier.notify('warning', 'No Records Found !'); - this.recordStatus=true; - this.dataSourceTab4.paginator['length'] = 0; - this.dataSourceTab4.paginator['pageIndex'] = 0; - this.dataSourceTab4.data = []; - this.limitMsg = false + // this.dataSourceTab4.paginator['length'] = 0; + // this.dataSourceTab4.paginator['pageIndex'] = 0; + // this.dataSourceTab4.data = []; + // this.completedPdListData = []; + this.pagedList = []; + this.recordStatus=true + this.limitMsg = false } },error => { this.errorMessage.push(error); diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.html index ea3eaee..51553e8 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.html +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.html @@ -13,7 +13,7 @@
- + {{type.type_name}} @@ -23,12 +23,12 @@ {{status.pd_status_name}} --> - +     - + @@ -38,7 +38,7 @@ {{pro.name}}     - + {{city.name}} @@ -48,10 +48,10 @@ {{ent.full_name}} --> - +     - +
@@ -71,7 +71,87 @@

Showing data for last {{common}}. To see older records, please use advanced filter


- +
+ +
+
+

{{details.pd_sno_split.lender_name}}
+ {{details.pd_sno_split.serial_no}}

+ {{details.pd_type_name}} +
+
+
+
+ + {{details.is_child == 0 ? details.applicant_name : 'Add On PD'}} + +
+
+
+
+ Not Provided + {{details.lender_applicant_id}} +
+
+ {{details.product_abbr}}/{{details.subproduct_abbr}} +
+
+
+
+ {{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }} +
+
+ {{details.pd_status}} + +
+
+
+ +
+ + + +
+
+
{{details.pd_sno}}
+ {{details.pd_type_name}} +
+
+ + {{details.is_child == 0 ? details.applicant_name : 'Add On PD' }} + +
+ Not Provided + {{details.lender_applicant_id}} + -({{details.customer_segment_abbr}} ) +
+
+ {{details.lender_short_name}} +
+ {{details.product_abbr}}/{{details.subproduct_abbr}} +
+ + {{details.loan_amount}} +
+
+ {{details.pd_date_of_initiation}} +
+ + {{details.city_name}}-{{details.pincode_id == 1 ? details.other_pincode : details.pincode }} +
+
+ {{details.pd_status}}
+ {{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }} + +
+
+ +
+ +
+ +
+ {{details.is_child == 0 ? details.applicant_name : 'Add On PD' }}
@@ -116,12 +195,12 @@ - + -->
+ [pageSizeOptions]="[5, 10, 25,50, 100]" (page)="pageEvent=OnPageChange($event)" showFirstLastButtons>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.scss index b4d53fb..61785ab 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.scss +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.scss @@ -1,26 +1,91 @@ .ic-change:hover { - transform: scale(1.1); - color: green; -} -.cell{ - display:inline !important; -} -.cellhide{ - display: none !important; + transform: scale(1.1); + color: green; } + + .center{ - text-align:center; + text-align:center; } .fontsize{ - font-size:14px; + font-size:14px; } + .toolbar-space { - flex: 0.01 0 auto; + flex: 0.01 0 auto; } p.note { - // float: right; - text-align: right; - font-size: 12px; - color: grey; - font-weight: bold; + // float: right; + text-align: right; + font-size: 12px; + color: grey; + font-weight: bold; +} + +// .example-container { +// display: flex; +// flex-direction: column; +// max-height: 500px; +// min-width: 300px; +// } + +// .mat-table { +// overflow: auto; +// max-height: 500px; +// } + +.mobile-label { + display: none; +} +@media(min-width: 600px) { +.webhide{ + display: none !important; +} +} +@media(max-width: 600px) { + .body-container { + padding: 0px !important; + } + .mat-expansion-panel-body { + padding: 0 10px 16px !important; + } + .cell{ + display: none !important; + } + .mat-form-field{ + display: inline !important; + } + // .no-pad{ + // text-align: left !important; + // padding-left: 0px !important; + // } + .mobile-label { + width: 80px; + display: inline-block; + font-weight: bold; + } + + .mat-header-row { + display: none; + } + + .mat-row { + flex-direction: column; + align-items: start; + padding: 8px 24px; + } + .lettericon{ + // background-color: cadetblue; + // padding: 6px 7px 6px 7px; + border-radius: 10px; + color: #e2412f; + font-size: 75%; + font-weight: bold; + min-width: 4.4em; + text-align: center; + margin: 10px 0px 0px 0px !important; + } + .lettertext{ + font-size: 80%; + } } diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.ts index 39e2529..487bd0f 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.ts +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.ts @@ -48,6 +48,7 @@ export class InprogressPdComponent implements OnInit, OnChanges { user_role_name: string; limitMsg: boolean = false; common: any; + pagedList: any=[]; constructor(private _pd: PdTrigerService,public _fb:FormBuilder,notifier: NotifierService,private userService:UserService) { this.notifier = notifier; @@ -102,14 +103,20 @@ public LenderRoleID : string = localStorage.getItem('LenderRoleID'); data => { if (data.status == 200) { this.progressPdListData = data.records; - this.dataLengthTab2 = data.records.length; - this.dataSourceTab2.data = this.progressPdListData; + // this.dataLengthTab2 = data.records.length; + // this.dataSourceTab2.data = this.progressPdListData; + this.pagedList = this.progressPdListData.slice(0, 10); + this.length = this.progressPdListData.length; + this.progressPdListData.forEach(value=>{ + let original=value.pd_sno + value.pd_sno_split={lender_name:original.replace(/[^a-z]/gi, ''),serial_no:original.match(/(\d+)/)[0]} + }) this.recordStatus=false this.limitMsg = true }else{ this.progressPdListData =[]; - this.progressPdListData = []; - this.dataSourceTab2.data = []; + // this.progressPdListData = []; + // this.dataSourceTab2.data = []; this.recordStatus=true; this.limitMsg = false } @@ -119,6 +126,16 @@ public LenderRoleID : string = localStorage.getItem('LenderRoleID'); alert(error.html_format); }); } + + OnPageChange(event: PageEvent){ + let startIndex = event.pageIndex * event.pageSize; + let endIndex = startIndex + event.pageSize; + if(endIndex > this.length){ + endIndex = this.length; + } + this.pagedList = this.progressPdListData.slice(startIndex, endIndex); + } + pageChange(e) { console.log(e); } @@ -220,16 +237,23 @@ public LenderRoleID : string = localStorage.getItem('LenderRoleID'); if(res['dataStatus']==true) { this.progressPdListData = res['records']; - this.dataSourceTab2.data = res['records']; - this.dataSourceTab2.paginator = this.paginator; + // this.dataSourceTab2.data = res['records']; + // this.dataSourceTab2.paginator = this.paginator; + this.pagedList = this.progressPdListData.slice(0, 10); + this.length = this.progressPdListData.length; + this.progressPdListData.forEach(value=>{ + let original=value.pd_sno + value.pd_sno_split={lender_name:original.replace(/[^a-z]/gi, ''),serial_no:original.match(/(\d+)/)[0]} + }) this.recordStatus=false this.limitMsg = false }else{ this.notifier.notify('warning', 'No Records Found !'); - this.dataSourceTab2.paginator['length'] = 0; - this.dataSourceTab2.paginator['pageIndex'] = 0; - this.dataSourceTab2.data = []; + // this.dataSourceTab2.paginator['length'] = 0; + // this.dataSourceTab2.paginator['pageIndex'] = 0; + // this.dataSourceTab2.data = []; this.progressPdListData = []; + this.pagedList = []; this.recordStatus=true this.limitMsg = false } diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.html index 9d65a88..fe69d6d 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.html +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.html @@ -73,7 +73,88 @@

Showing data for last {{common}}. To see older records, please use advanced filter


- +
+ +
+
+

{{details.pd_sno_split.lender_name}}
+ {{details.pd_sno_split.serial_no}}

+ {{details.pd_type_name}} +
+
+
+
+ + {{details.is_child == 0 ? details.applicant_name : 'Add On PD'}} + +
+
+
+
+ Not Provided + {{details.lender_applicant_id}} +
+
+ {{details.product_abbr}}/{{details.subproduct_abbr}} +
+
+
+
+ {{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }} +
+
+ QC COMPLETED + +
+
+
+ +
+ + + +
+
+
{{details.pd_sno}}
+ {{details.pd_type_name}} +
+
+ + {{details.is_child == 0 ? details.applicant_name : 'Add On PD' }} + +
+ Not Provided + {{details.lender_applicant_id}} + -({{details.customer_segment_abbr}} ) +
+
+ {{details.lender_short_name}} +
+ {{details.product_abbr}}/{{details.subproduct_abbr}} +
+ + {{details.loan_amount}} +
+
+ {{details.pd_date_of_initiation}} +
+ + {{details.city_name}}-{{details.pincode_id == 1 ? details.other_pincode : details.pincode }} +
+
+ QC COMPLETED
+ {{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }} + +
+
+ +
+ +
+ +
+ + {{details.is_child == 0 ? details.applicant_name : 'Add On PD' }}
@@ -118,12 +198,12 @@ - + -->
+[pageSizeOptions]="[5, 10, 25,50, 100]" (page)="pageEvent=OnPageChange($event)" showFirstLastButtons>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.scss index b4d53fb..61785ab 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.scss +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.scss @@ -1,26 +1,91 @@ .ic-change:hover { - transform: scale(1.1); - color: green; -} -.cell{ - display:inline !important; -} -.cellhide{ - display: none !important; + transform: scale(1.1); + color: green; } + + .center{ - text-align:center; + text-align:center; } .fontsize{ - font-size:14px; + font-size:14px; } + .toolbar-space { - flex: 0.01 0 auto; + flex: 0.01 0 auto; } p.note { - // float: right; - text-align: right; - font-size: 12px; - color: grey; - font-weight: bold; + // float: right; + text-align: right; + font-size: 12px; + color: grey; + font-weight: bold; +} + +// .example-container { +// display: flex; +// flex-direction: column; +// max-height: 500px; +// min-width: 300px; +// } + +// .mat-table { +// overflow: auto; +// max-height: 500px; +// } + +.mobile-label { + display: none; +} +@media(min-width: 600px) { +.webhide{ + display: none !important; +} +} +@media(max-width: 600px) { + .body-container { + padding: 0px !important; + } + .mat-expansion-panel-body { + padding: 0 10px 16px !important; + } + .cell{ + display: none !important; + } + .mat-form-field{ + display: inline !important; + } + // .no-pad{ + // text-align: left !important; + // padding-left: 0px !important; + // } + .mobile-label { + width: 80px; + display: inline-block; + font-weight: bold; + } + + .mat-header-row { + display: none; + } + + .mat-row { + flex-direction: column; + align-items: start; + padding: 8px 24px; + } + .lettericon{ + // background-color: cadetblue; + // padding: 6px 7px 6px 7px; + border-radius: 10px; + color: #e2412f; + font-size: 75%; + font-weight: bold; + min-width: 4.4em; + text-align: center; + margin: 10px 0px 0px 0px !important; + } + .lettertext{ + font-size: 80%; + } } diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.ts index 59c04ae..dbb771f 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.ts +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.ts @@ -49,7 +49,7 @@ export class QcCompletedPdComponent implements OnInit, OnChanges { user_role_name: string; limitMsg: boolean = false; common: any; - + pagedList: any=[]; constructor(private _pd: PdTrigerService, public _fb: FormBuilder,notifier: NotifierService,private userService:UserService) { this.notifier = notifier; @@ -109,15 +109,21 @@ export class QcCompletedPdComponent implements OnInit, OnChanges { data => { if (data.status == 200) { this.qcCompletedPdListData = data.records; - this.dataLengthTab5 = data.records.length; - this.dataSourceTab5.data = this.qcCompletedPdListData; + // this.dataLengthTab5 = data.records.length; + // this.dataSourceTab5.data = this.qcCompletedPdListData; + this.pagedList = this.qcCompletedPdListData.slice(0, 10); + this.length = this.qcCompletedPdListData.length; + this.qcCompletedPdListData.forEach(value=>{ + let original=value.pd_sno + value.pd_sno_split={lender_name:original.replace(/[^a-z]/gi, ''),serial_no:original.match(/(\d+)/)[0]} + }) this.recordStatus = false this.limitMsg = true } else { this.qcCompletedPdListData = []; - this.dataSourceTab5.data = [] - this.dataLengthTab5 = null; + // this.dataSourceTab5.data = [] + // this.dataLengthTab5 = null; this.recordStatus = true; this.limitMsg = false } @@ -129,6 +135,16 @@ export class QcCompletedPdComponent implements OnInit, OnChanges { alert(error.html_format); }); } + + OnPageChange(event: PageEvent){ + let startIndex = event.pageIndex * event.pageSize; + let endIndex = startIndex + event.pageSize; + if(endIndex > this.length){ + endIndex = this.length; + } + this.pagedList = this.qcCompletedPdListData.slice(startIndex, endIndex); + } + pageChange(e) { console.log(e); } @@ -209,16 +225,24 @@ export class QcCompletedPdComponent implements OnInit, OnChanges { this.xpandStatus = false; if (res['dataStatus'] == true) { this.qcCompletedPdListData = res['records']; - this.dataSourceTab5.data = res['records']; - this.dataSourceTab5.paginator = this.paginator; + // this.dataSourceTab5.data = res['records']; + // this.dataSourceTab5.paginator = this.paginator; + this.pagedList = this.qcCompletedPdListData.slice(0, 10); + this.length = this.qcCompletedPdListData.length; + this.qcCompletedPdListData.forEach(value=>{ + let original=value.pd_sno + value.pd_sno_split={lender_name:original.replace(/[^a-z]/gi, ''),serial_no:original.match(/(\d+)/)[0]} + }) this.recordStatus = false; this.limitMsg = false }else{ - this.qcCompletedPdListData = [] + this.qcCompletedPdListData = [] this.notifier.notify('warning', 'No Records Found !'); - this.dataSourceTab5.paginator['length'] = 0; - this.dataSourceTab5.paginator['pageIndex'] = 0; - this.dataSourceTab5.data = []; + // this.dataSourceTab5.paginator['length'] = 0; + // this.dataSourceTab5.paginator['pageIndex'] = 0; + // this.dataSourceTab5.data = []; + this.qcCompletedPdListData = [] + this.pagedList = []; this.recordStatus = true; this.limitMsg = false } diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.html index 37b9348..3cd7a18 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.html +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.html @@ -13,45 +13,45 @@
- + {{type.type_name}}     - - +     - + - + {{pro.name}}     - + {{city.name}}     - - +     - +
@@ -71,60 +71,137 @@

Showing data for last {{common}}. To see older records, please use advanced filter


- - - +
+ +
+
+

{{details.pd_sno_split.lender_name}}
+ {{details.pd_sno_split.serial_no}}

+ {{details.pd_type_name}} +
+
+
+
+ + {{details.is_child == 0 ? details.applicant_name : 'Add On PD'}} + +
+
+
+
+ Not Provided + {{details.lender_applicant_id}} +
+
+ {{details.product_abbr}}/{{details.subproduct_abbr}} +
+
+
+
+ {{details.scheduled_on}} +
+
+ {{details.pd_status}} + +
+
+
+ +
+ + + +
+
{{details.pd_sno}}
- {{details.pd_type_name}} - - - - - - - {{details.is_child == 0 ? details.applicant_name : 'Add On PD'}} -
- Not Provided - {{details.lender_applicant_id}} - -({{details.customer_segment_abbr}} ) - - - - - {{details.lender_short_name}}
- {{details.product_abbr}}/{{details.subproduct_abbr}}
- {{details.loan_amount}} - - - - - {{details.pd_date_of_initiation}}
- {{details.city_name}}-{{details.pincode_id == 1 ? details.other_pincode : details.pincode }} - - - - - {{details.pd_status}}
- - {{details.scheduled_on}} - + {{details.pd_type_name}} +
+
+ + {{details.is_child == 0 ? details.applicant_name : 'Add On PD'}} + +
+ Not Provided + {{details.lender_applicant_id}} + -({{details.customer_segment_abbr}} ) +
+
+ {{details.lender_short_name}} +
+ {{details.product_abbr}}/{{details.subproduct_abbr}} +
+ + {{details.loan_amount}} +
+
+ {{details.pd_date_of_initiation}} +
+ + {{details.city_name}}-{{details.pincode_id == 1 ? details.other_pincode : details.pincode }} +
+
+ {{details.pd_status}}
+ {{details.scheduled_on}} - - - - - - - - - - - +
+
+ +
+ +
+ +
+ +
+ [pageSizeOptions]="[5, 10, 25,50, 100]" (page)="pageEvent=OnPageChange($event)" showFirstLastButtons>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.scss index b4d53fb..61785ab 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.scss +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.scss @@ -1,26 +1,91 @@ .ic-change:hover { - transform: scale(1.1); - color: green; -} -.cell{ - display:inline !important; -} -.cellhide{ - display: none !important; + transform: scale(1.1); + color: green; } + + .center{ - text-align:center; + text-align:center; } .fontsize{ - font-size:14px; + font-size:14px; } + .toolbar-space { - flex: 0.01 0 auto; + flex: 0.01 0 auto; } p.note { - // float: right; - text-align: right; - font-size: 12px; - color: grey; - font-weight: bold; + // float: right; + text-align: right; + font-size: 12px; + color: grey; + font-weight: bold; +} + +// .example-container { +// display: flex; +// flex-direction: column; +// max-height: 500px; +// min-width: 300px; +// } + +// .mat-table { +// overflow: auto; +// max-height: 500px; +// } + +.mobile-label { + display: none; +} +@media(min-width: 600px) { +.webhide{ + display: none !important; +} +} +@media(max-width: 600px) { + .body-container { + padding: 0px !important; + } + .mat-expansion-panel-body { + padding: 0 10px 16px !important; + } + .cell{ + display: none !important; + } + .mat-form-field{ + display: inline !important; + } + // .no-pad{ + // text-align: left !important; + // padding-left: 0px !important; + // } + .mobile-label { + width: 80px; + display: inline-block; + font-weight: bold; + } + + .mat-header-row { + display: none; + } + + .mat-row { + flex-direction: column; + align-items: start; + padding: 8px 24px; + } + .lettericon{ + // background-color: cadetblue; + // padding: 6px 7px 6px 7px; + border-radius: 10px; + color: #e2412f; + font-size: 75%; + font-weight: bold; + min-width: 4.4em; + text-align: center; + margin: 10px 0px 0px 0px !important; + } + .lettertext{ + font-size: 80%; + } } diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.ts index c5d8475..1f6532d 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.ts +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.ts @@ -48,7 +48,7 @@ export class ScheduledPdComponent implements OnInit, OnChanges { user_role_name: string; limitMsg: boolean = false; common: any; - + pagedList: any=[]; constructor(private _pd: PdTrigerService,public _fb:FormBuilder,notifier: NotifierService,private userService:UserService) { this.notifier = notifier; @@ -107,15 +107,21 @@ public LenderRoleID : any = localStorage.getItem('LenderRoleID'); data => { if (data.status == 200) { this.scheduledPdListData = data.records; - this.dataLengthTab3 = data.records.length; - this.dataSourceTab3.data = this.scheduledPdListData; + // this.dataLengthTab3 = data.records.length; + // this.dataSourceTab3.data = this.scheduledPdListData; + this.pagedList = this.scheduledPdListData.slice(0, 10); + this.length = this.scheduledPdListData.length; + this.scheduledPdListData.forEach(value=>{ + let original=value.pd_sno + value.pd_sno_split={lender_name:original.replace(/[^a-z]/gi, ''),serial_no:original.match(/(\d+)/)[0]} + }) this.recordStatus =false this.limitMsg = true } else{ this.scheduledPdListData=[]; - this.dataLengthTab3 = null; - this.dataSourceTab3.data = [] + // this.dataLengthTab3 = null; + // this.dataSourceTab3.data = [] this.recordStatus=true; this.limitMsg = false } @@ -126,6 +132,16 @@ public LenderRoleID : any = localStorage.getItem('LenderRoleID'); alert(error.html_format); }); } + + OnPageChange(event: PageEvent){ + let startIndex = event.pageIndex * event.pageSize; + let endIndex = startIndex + event.pageSize; + if(endIndex > this.length){ + endIndex = this.length; + } + this.pagedList = this.scheduledPdListData.slice(startIndex, endIndex); + } + pageChange(e) { console.log(e); } @@ -224,18 +240,25 @@ public LenderRoleID : any = localStorage.getItem('LenderRoleID'); this.xpandStatus = false; if(res['dataStatus']==true) { - this.dataSourceTab3 = res['records']; - this.dataSourceTab3.paginator = this.paginator; + // this.dataSourceTab3 = res['records']; + // this.dataSourceTab3.paginator = this.paginator; this.scheduledPdListData = res['records']; + this.pagedList = this.scheduledPdListData.slice(0, 10); + this.length = this.scheduledPdListData.length; + this.scheduledPdListData.forEach(value=>{ + let original=value.pd_sno + value.pd_sno_split={lender_name:original.replace(/[^a-z]/gi, ''),serial_no:original.match(/(\d+)/)[0]} + }) this.recordStatus = false; this.limitMsg = false }else{ this.notifier.notify('warning', 'No Records Found !'); - this.dataSourceTab3.paginator['length'] = 0; - this.dataSourceTab3.paginator['pageIndex'] = 0; - this.dataSourceTab3.data = []; + // this.dataSourceTab3.paginator['length'] = 0; + // this.dataSourceTab3.paginator['pageIndex'] = 0; + // this.dataSourceTab3.data = []; this.recordStatus = true; - this.scheduledPdListData = [] + this.scheduledPdListData = [] + this.pagedList = []; this.limitMsg = false } },error => { diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html index 19ef20e..beebc3e 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html @@ -1,10 +1,20 @@ - +
+
+ + + + + +
+
- + @@ -16,7 +26,7 @@
- +
@@ -30,7 +40,7 @@ - +
@@ -69,7 +79,7 @@ -
+
{{master.loan_amount | numberToWords}} Only
@@ -77,7 +87,7 @@ -
+
Lender Contact Details
@@ -91,52 +101,48 @@
- Credit Person +

Credit Person

-
+
-
+
{{master.lender_credit_person_name}}
-
+
+
+
{{master.lender_credit_person_contact_mobileno}}
-

-
- Sales Person
-
-
-
- {{master.lender_sales_person_name}} -
-
- {{master.lender_sales_contact_mobileno}} -
-
+
+
+ +

Sales Person

+ +
+ +
+ {{master.lender_sales_person_name}}
-
+
+
+
+ {{master.lender_sales_contact_mobileno}} +
+ +
+
-
-
- - - - - -
-
+
-
+
@@ -247,7 +253,7 @@
-
+
Remarks @@ -283,26 +289,31 @@
- - - -

- -  {{applicant.applicant_name}} -     - - -  {{applicant.mobile_no}} -     - - -  {{applicant.landline}} - - ( Applicant ) - {{applicant.relation_name}} -

- - + + +
+
+ + +  {{applicant.applicant_name}} + +
+
+ + +  {{applicant.mobile_no}} + +
+
+ + +  {{applicant.landline}} + + ( Applicant ) + {{applicant.relation_name}} +
+
+ diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/manage-pd.module.ts b/ng6-seed/src/app/personal-discussion/manage-pd/manage-pd.module.ts index 19bee53..3fdec7c 100755 --- a/ng6-seed/src/app/personal-discussion/manage-pd/manage-pd.module.ts +++ b/ng6-seed/src/app/personal-discussion/manage-pd/manage-pd.module.ts @@ -15,7 +15,7 @@ import { MatTabsModule, MatCheckboxModule, MatBadgeModule, MatExpansionModule, MatStepperModule, MatSidenavModule, MatMenuModule, MatButtonToggleModule,MatChipsModule,MatProgressSpinnerModule, - MatAutocompleteModule, MatDatepickerModule } from '@angular/material'; + MatAutocompleteModule, MatDatepickerModule, MatDividerModule } from '@angular/material'; import {MatSlideToggleModule} from '@angular/material/slide-toggle'; import {FormsModule, ReactiveFormsModule} from '@angular/forms'; @@ -187,6 +187,7 @@ const pdCustomNotifierOptions: NotifierOptions = { MatTableModule, MatPaginatorModule, MatButtonModule, + MatDividerModule, MatProgressBarModule, MatToolbarModule, FlexLayoutModule,