Sineedge/sparqsineedge
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of https://bitbucket.org/sriramv18/sparqsineedge

Browse Source
This commit is contained in:
venbatechnologies@gmail.com 2018-10-16 20:21:44 +05:30
commit 70cf864f72
16 changed files with 374 additions and 671 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

232
ng6-seed/src/app/dashboard/charts.data.ts
View File

@ -1,232 +0,0 @@
export const single = [
{
name: 'Germany',
value: 40632
},
{
name: 'USA',
value: 49737
},
{
name: 'France',
value: 36745
},
{
name: 'UK',
value: 36240
},
{
name: 'Spain',
value: 33000
},
{
name: 'Italy',
value: 35800
}
];
export const multi = [
{
name: 'Germany',
series: [
{
name: '2017',
value: 71632
},
{
name: '2010',
value: 40632
},
{
name: '2000',
value: 76953
},
{
name: '1990',
value: 31476
}
]
},
{
name: 'USA',
series: [
{
name: '2017',
value: 82632
},
{
name: '2010',
value: 49737
},
{
name: '2000',
value: 55986
},
{
name: '1990',
value: 37060
}
]
},
{
name: 'France',
series: [
{
name: '2017',
value: 51732
},
{
name: '2010',
value: 36745
},
{
name: '2000',
value: 34774
},
{
name: '1990',
value: 29476
}
]
},
{
name: 'UK',
series: [
{
name: '2017',
value: 95652
},
{
name: '2010',
value: 36240
},
{
name: '2000',
value: 32543
},
{
name: '1990',
value: 26424
}
]
}
];
export const bubble = [
{
name: 'Germany',
series: [
{
name: '2009',
x: new Date(2009, 0, 1),
y: 80.3,
r: 80.4
},
{
name: '2006',
x: new Date(2006, 0, 1),
y: 80.3,
r: 78
},
{
name: '1995',
x: new Date(1995, 0, 1),
y: 77.7,
r: 58.1
},
{
name: '1990',
x: new Date(1990, 0, 1),
y: 75.4,
r: 79
}
]
},
{
name: 'USA',
series: [
{
name: '2010',
x: new Date(2010, 0, 1),
y: 78.8,
r: 310
},
{
name: '2005',
x: new Date(2005, 0, 1),
y: 76.9,
r: 283
},
{
name: '1996',
x: new Date(1996, 0, 1),
y: 78.7,
r: 59.1
},
{
name: '1990',
x: new Date(1990, 0, 1),
y: 75.4,
r: 253
}
]
},
{
name: 'France',
series: [
{
name: '2008',
x: new Date(2008, 0, 1),
y: 81.4,
r: 63
},
{
name: '2000',
x: new Date(2000, 0, 1),
y: 79.1,
r: 59.4
},
{
name: '1994',
x: new Date(1994, 0, 1),
y: 76.7,
r: 58.1
},
{
name: '1990',
x: new Date(1990, 0, 1),
y: 77.2,
r: 56.9
}
]
},
{
name: 'UK',
series: [
{
name: '2007',
x: new Date(2007, 0, 1),
y: 80.2,
r: 62.7
},
{
name: '2003',
x: new Date(2003, 0, 1),
y: 77.8,
r: 58.9
},
{
name: '1995',
x: new Date(1995, 0, 1),
y: 78.7,
r: 59.1
},
{
name: '1990',
x: new Date(1990, 0, 1),
y: 75.7,
r: 57.1
}
]
}
];

129
ng6-seed/src/app/dashboard/dashboard.component.html
View File

@ -1,125 +1,4 @@
<!-- <div class="pad-wrap">
<div fxLayout="row wrap">
<div class="column" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33" fxFlex="100">
<mat-card>
<div class="wheather-widget text-center grad-blue">
<div class="wheather-today">
<h3>PD Triggered</h3>
</div>
<div fxLayout="row wrap">
<div fxFlex.gt-sm="50%" fxFlex="100" class="p-gap wheather-child">
<p>Full PD</p>
<h3>13</h3>
</div>
<div fxFlex.gt-sm="50%" fxFlex="100" class="p-gap wheather-child">
<p>Smart PD</p>
<h3>13</h3>
</div>
</div>
</div>
</mat-card>
</div>
<div class="column" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33" fxFlex="100">
<mat-card>
<div class="wheather-widget text-center grad-blue">
<div class="wheather-today">
<h3>PD Allocated</h3>
</div>
<div fxLayout="row wrap">
<div fxFlex.gt-sm="50%" fxFlex="100" class="p-gap wheather-child">
<p>Full PD</p>
<h3>33</h3>
</div>
<div fxFlex.gt-sm="50%" fxFlex="100" class="p-gap wheather-child">
<p>Smart PD</p>
<h3>5</h3>
</div>
</div>
</div>
</mat-card>
</div>
<div class="column" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33" fxFlex="100">
<mat-card>
<div class="wheather-widget text-center grad-blue">
<div class="wheather-today">
<h3>PD Scheduled</h3>
</div>
<div fxLayout="row wrap">
<div fxFlex.gt-sm="50%" fxFlex="100" class="p-gap wheather-child">
<p>Full PD</p>
<h3>20</h3>
</div>
<div fxFlex.gt-sm="50%" fxFlex="100" class="p-gap wheather-child">
<p>Smart PD</p>
<h3>6</h3>
</div>
</div>
</div>
</mat-card>
</div>
</div>
<div fxLayout="row wrap">
<div class="column" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33" fxFlex="100">
<mat-card>
<div class="wheather-widget text-center grad-blue">
<div class="wheather-today">
<h3>PD Progress</h3>
</div>
<div fxLayout="row wrap">
<div fxFlex.gt-sm="50%" fxFlex="100" class="p-gap wheather-child">
<p>Full PD</p>
<h3>34</h3>
</div>
<div fxFlex.gt-sm="50%" fxFlex="100" class="p-gap wheather-child">
<p>Smart PD</p>
<h3>9</h3>
</div>
</div>
</div>
</mat-card>
</div>
<div class="column" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33" fxFlex="100">
<mat-card>
<div class="wheather-widget text-center grad-blue">
<div class="wheather-today">
<h3>PD Completed</h3>
</div>
<div fxLayout="row wrap">
<div fxFlex.gt-sm="50%" fxFlex="100" class="p-gap wheather-child">
<p>Full PD</p>
<h3>65</h3>
</div>
<div fxFlex.gt-sm="50%" fxFlex="100" class="p-gap wheather-child">
<p>Smart PD</p>
<h3>24</h3>
</div>
</div>
</div>
</mat-card>
</div>
<div class="column" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33" fxFlex="100">
<mat-card>
<div class="wheather-widget text-center grad-blue">
<div class="wheather-today">
<h3>QC Completed</h3>
</div>
<div fxLayout="row wrap">
<div fxFlex.gt-sm="50%" fxFlex="100" class="p-gap wheather-child">
<p>Full PD</p>
<h3>47</h3>
</div>
<div fxFlex.gt-sm="50%" fxFlex="100" class="p-gap wheather-child">
<p>Smart PD</p>
<h3>29</h3>
</div>
</div>
</div>
</mat-card>
</div>
</div>
=======
<div class="pad-wrap"> <div class="pad-wrap">
<div fxLayout="row wrap"> <div fxLayout="row wrap">
@ -130,7 +9,7 @@
<hr> <hr>
<mat-card-content> <mat-card-content>
<div class="w-100 h-300px"> <div class="w-100 h-300px">
<ngx-charts-bar-horizontal-stacked [scheme]="colorScheme" [results]="multi" [gradient]="gradient" [xAxis]="showXAxis" [yAxis]="showYAxis" [legend]="showLegend" [showXAxisLabel]="showXAxisLabel" [showYAxisLabel]="showYAxisLabel" [xAxisLabel]="yAxisLabel" [yAxisLabel]="xAxisLabel" (select)="onSelect($event)"> <ngx-charts-bar-horizontal-stacked [scheme]="colorScheme" [results]="multi" [gradient]="gradient" [xAxis]="showXAxis" [yAxis]="showYAxis" [legend]="showLegend" [showXAxisLabel]="showXAxisLabel" [showYAxisLabel]="showYAxisLabel" [xAxisLabel]="yAxisLabel" [yAxisLabel]="xAxisLabel" >
</ngx-charts-bar-horizontal-stacked> </ngx-charts-bar-horizontal-stacked>
</div> </div>
</mat-card-content> </mat-card-content>
@ -139,7 +18,7 @@
</div> </div>
<!--Lender,Citywise, Same Status--> <!--Lender,Citywise, Same Status-->
<!--
<div fxLayout="row wrap"> <div fxLayout="row wrap">
<div fxFlex.gt-sm="33.33%" fxFlex="100" class="m-gap"> <div fxFlex.gt-sm="33.33%" fxFlex="100" class="m-gap">
<mat-card> <mat-card>
@ -179,7 +58,7 @@
<mat-list> <mat-list>
<ng-template let-item let-last="last" ngFor [ngForOf]="message"> <ng-template let-item let-last="last" ngFor [ngForOf]="message">
<mat-list-item> <mat-list-item>
<!--<img mat-list-avatar src="{{item.photo}}" alt="">-> <!--<img mat-list-avatar src="{{item.photo}}" alt="">-->
<h3 mat-line> {{item.applicantname}} </h3> <h3 mat-line> {{item.applicantname}} </h3>
<p mat-line> {{item.applicantid}}</p> <p mat-line> {{item.applicantid}}</p>
<p mat-line> {{item.lendername}} - {{item.status}} </p> <p mat-line> {{item.lendername}} - {{item.status}} </p>
@ -189,4 +68,4 @@
</mat-card> </mat-card>
</div> </div>
</div> </div>
</div> --> </div>

231
ng6-seed/src/app/dashboard/dashboard.component.ts
View File

@ -6,6 +6,8 @@ import { Component } from '@angular/core';
templateUrl: './dashboard.component.html', templateUrl: './dashboard.component.html',
styleUrls: ['./dashboard.component.scss'] styleUrls: ['./dashboard.component.scss']
}) })
export class DashboardComponent { export class DashboardComponent {
//public single: any[]; //public single: any[];
//public multi: any[]; //public multi: any[];
@ -26,132 +28,115 @@ export class DashboardComponent {
} }
// //Lender wise PD Triggered // //Lender wise PD Triggered
// lenderpd: Object[] = [{ lenderpd: Object[] = [{
// lendername:'ICICI', lendername:'ICICI',
// billingaddr:'Bangalore', billingaddr:'Bangalore',
// fullpd:'9', fullpd:'9',
// smartpd:'6', smartpd:'6',
// }, { }, {
// lendername:'IOB', lendername:'IOB',
// billingaddr:'Chennai', billingaddr:'Chennai',
// fullpd:'10', fullpd:'10',
// smartpd:'5', smartpd:'5',
// }, { }, {
// lendername:'SBI', lendername:'SBI',
// billingaddr:'Pune', billingaddr:'Pune',
// fullpd:'16', fullpd:'16',
// smartpd:'3', smartpd:'3',
// }, ]; }, ];
// multi: Object[] = [ multi: Object[] = [
// { {
// name: 'Full', name: 'Full',
// series: [ series: [
// { {
// name: 'Triggered', name: 'Triggered',
// value: 50 value: 50
// }, },
// { {
// name: 'Allocated', name: 'Allocated',
// value: 29 value: 29
// }, },
// { {
// name: 'Schudled', name: 'Schudled',
// value: 45 value: 45
// }, },
// { {
// name: 'InProgress', name: 'InProgress',
// value: 67 value: 67
// }, },
// { {
// name: 'Completed', name: 'Completed',
// value: 34 value: 34
// },{ },{
// name: 'QC Completed', name: 'QC Completed',
// value: 22 value: 22
// } }
// ] ]
// }, },
// { {
// name: 'Smart', name: 'Smart',
// series: [ series: [
// { {
// name: 'Triggred', name: 'Triggred',
// value: 60 value: 60
// }, },
// { {
// name: 'Allocated', name: 'Allocated',
// value: 33 value: 33
// }, },
// { {
// name: 'Schudled', name: 'Schudled',
// value: 76 value: 76
// }, },
// { {
// name: 'InProgress', name: 'InProgress',
// value: 34 value: 34
// },{ },{
// name: 'Completed', name: 'Completed',
// value: 56 value: 56
// },{ },{
// name: 'QC Completed', name: 'QC Completed',
// value: 45 value: 45
// } }
// ] ]
// }, },
// ]; ];
// //Lender wise PD Triggered
// lenderpd: Object[] = [{
// lendername:'ICICI',
// billingaddr:'Bangalore',
// fullpd:'9',
// smartpd:'6',
// }, {
// lendername:'IOB',
// billingaddr:'Chennai',
// fullpd:'10',
// smartpd:'5',
// }, {
// lendername:'SBI',
// billingaddr:'Pune',
// fullpd:'16',
// smartpd:'3',
// }, ];
// //City Wise PD Triggered //City Wise PD Triggered
// citywisepd: Object[] = [{ citywisepd: Object[] = [{
// cityname: 'Bangalore', cityname: 'Bangalore',
// fullpd:'45', fullpd:'45',
// smartpd:'17', smartpd:'17',
// }, { }, {
// cityname: 'Chennai', cityname: 'Chennai',
// fullpd:'33', fullpd:'33',
// smartpd:'16', smartpd:'16',
// }, { }, {
// cityname: 'Salem', cityname: 'Salem',
// fullpd:'22', fullpd:'22',
// smartpd:'12', smartpd:'12',
// } ]; } ];
// //Same status // //Same status
// message: Object[] = [{ message: Object[] = [{
// applicantname: 'Saravana', applicantname: 'Saravana',
// applicantid:'ICICITN0118000354', applicantid:'ICICITN0118000354',
// lendername:'ICICI', lendername:'ICICI',
// status:'Allocated', status:'Allocated',
// photo: 'assets/images/face3.jpg', photo: 'assets/images/face3.jpg',
// }, { }, {
// applicantname: 'Kumaran', applicantname: 'Kumaran',
// applicantid:'IOBKA0418000578', applicantid:'IOBKA0418000578',
// lendername:'IOB', lendername:'IOB',
// status:'Allocated', status:'Allocated',
// photo: 'assets/images/face6.jpg', photo: 'assets/images/face6.jpg',
// }, { }, {
// applicantname: 'Priya', applicantname: 'Priya',
// applicantid:'SBIGA0118000241', applicantid:'SBIGA0118000241',
// lendername:'SBI', lendername:'SBI',
// status:'Triggered', status:'Triggered',
// photo: 'assets/images/face4.jpg', photo: 'assets/images/face4.jpg',
// } ]; } ];
} }

15
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/list-pd.component.html
View File

@ -1,3 +1,6 @@
<mat-card>
<mat-card-content>
<div fxLayout="row" *ngIf="viewPdList" fxLayoutAlign="start center" class="filter-header"> <div fxLayout="row" *ngIf="viewPdList" fxLayoutAlign="start center" class="filter-header">
<div *ngIf="!noRecordFound" class="ml-xs mr-xs" style="width: 80%;"> <div *ngIf="!noRecordFound" class="ml-xs mr-xs" style="width: 80%;">
<mat-form-field dividerColor="primary" class="ml-xs mr-xs" style="width: 30%;"> <mat-form-field dividerColor="primary" class="ml-xs mr-xs" style="width: 30%;">
@ -6,7 +9,7 @@
</div> </div>
<div *ngIf="noRecordFound" class="nocontent ml-xs mr-xs" style="width: 80%;">No records found</div> <div *ngIf="noRecordFound" class="nocontent ml-xs mr-xs" style="width: 80%;">No records found</div>
<div class="ml-xs mr-xs" style="width: 20%;text-align:right" *ngIf="viewPdList"> <div class="ml-xs mr-xs" style="width: 20%;text-align:right" *ngIf="viewPdList">
<button mat-fab color="primary" (click)="viewMapPdDetails()" class="mr-1 mb-1" matTooltip="Map List" matTooltipPosition="above"><mat-icon>map</mat-icon></button> <button mat-fab color="primary" (click)="viewMapPdDetails()" class="mr-1 mb-1" matTooltip="Map view" matTooltipPosition="above"><mat-icon>map</mat-icon></button>
<button mat-fab color="primary" (click)="addPdDetails()" class="mr-1 mb-1" matTooltip="Add PD" matTooltipPosition="above"><mat-icon>add</mat-icon></button> <button mat-fab color="primary" (click)="addPdDetails()" class="mr-1 mb-1" matTooltip="Add PD" matTooltipPosition="above"><mat-icon>add</mat-icon></button>
</div> </div>
</div> </div>
@ -17,7 +20,7 @@
<mat-card-content> <mat-card-content>
<div class="card-comment-widget"> <div class="card-comment-widget">
<mat-list *ngIf="pdList.length > 0"> <mat-list *ngIf="pdList.length > 0">
<mat-list-item *ngFor="let details of dataSource.connect() | async"> <mat-list-item *ngFor="let details of dataSource.connect() | async" style="border-bottom:1px solid black">
<img mat-list-avatar src="assets/images/lime.jpg" alt=""> <img mat-list-avatar src="assets/images/lime.jpg" alt="">
<!-- {{details.applicat_details[0].applicant_name}} --> <!-- {{details.applicat_details[0].applicant_name}} -->
<p *ngIf="details.applicat_details" mat-line>{{details.applicat_details[0].applicant_name}} </p> <p *ngIf="details.applicat_details" mat-line>{{details.applicat_details[0].applicant_name}} </p>
@ -35,12 +38,10 @@
<!-- <button mat-raised-button mat-icon-button mat-button-sm class="mr-1 mb-1" color="accent" type="button" (click)="viewPdDetails(details.pd_id)"><mat-icon>visibility</mat-icon></button> --> <!-- <button mat-raised-button mat-icon-button mat-button-sm class="mr-1 mb-1" color="accent" type="button" (click)="viewPdDetails(details.pd_id)"><mat-icon>visibility</mat-icon></button> -->
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPDDetails(details.pd_id)"><mat-icon>visibility</mat-icon></button> <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPDDetails(details.pd_id)"><mat-icon>visibility</mat-icon></button>
</div> </div>
</mat-list-item> </mat-list-item>
<hr>
</mat-list> </mat-list>
<mat-list *ngIf="recordStatus"> <mat-list *ngIf="recordStatus">
<mat-list-item> <mat-list-item>
@ -132,7 +133,9 @@
</mat-tab-group> </mat-tab-group>
</mat-card> </mat-card>
<notifier-container></notifier-container> <notifier-container></notifier-container>
<router-outlet></router-outlet> <router-outlet></router-outlet>
</mat-card-content>
</mat-card>

32
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/map-pd-view/map-pd-view.component.html
View File

@ -1,15 +1,21 @@
<div fxLayout="row"> <div fxLayout="row">
<div class="column" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100"> <div class="column" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100">
<div align="right"> <div *ngIf="!noRecordFound" class="ml-xs mr-xs" style="width: 95%;">
<button mat-stroked-button color="primary" (click)="goList()" class="mr-1 mb-1"><mat-icon>arrow_back</mat-icon>List</button> <mat-form-field dividerColor="primary" class="ml-xs mr-xs" style="width: 30%;">
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
</mat-form-field>
<div style="text-align:right;margin-top: -10%;">
<button mat-fab color="primary" (click)="goList()" class="mr-1 mb-1"><mat-icon>close</mat-icon></button>
</div> </div>
</div>
<mat-card class="mb-2" > <mat-card class="mb-2" >
<mat-card-header> <mat-card-header>
<mat-card-title>Search Options</mat-card-title> <!-- <mat-card-title>Search Options</mat-card-title>-->
<mat-card-subtitle>Header subtitle</mat-card-subtitle>
</mat-card-header> </mat-card-header>
<mat-card-content> <div class="column" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="33" fxFlex.lg="33" fxFlex.xl="33">
<div class="column" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33">
<!-- <mat-expansion-panel *ngFor="let details of dataSource.connect() | async"> <!-- <mat-expansion-panel *ngFor="let details of dataSource.connect() | async">
<mat-expansion-panel-header> <mat-expansion-panel-header>
<mat-panel-title> <mat-panel-title>
@ -33,19 +39,16 @@
</mat-expansion-panel> --> </mat-expansion-panel> -->
<mat-card [style.overflow]="'auto'" [style.height.px]="'500'" *ngIf="pdList.length > 0"> <mat-card [style.overflow]="'auto'" [style.height.px]="'500'" *ngIf="pdList.length > 0">
<mat-card class="mb-2" *ngFor="let details of dataSource.connect() | async"> <mat-card class="mb-2" *ngFor="let details of dataSource.connect() | async">
<mat-card-actions style="text-align:right;">
<button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="pdAllocationTo(details)"><mat-icon>directions_run</mat-icon></button>
<button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="scheduleDetails(details)"><mat-icon>schedule</mat-icon></button>
</mat-card-actions>
<mat-card-title *ngIf="details.applicat_details">{{details.applicat_details[0].applicant_name}}</mat-card-title> <mat-card-title *ngIf="details.applicat_details">{{details.applicat_details[0].applicant_name}}</mat-card-title>
<mat-card-subtitle ><p class="hover-icon"><i *ngIf="details.city_name" class="fa-1x fa fa-map-marker">&nbsp;</i>{{details.city_name}}/{{details.state_name}}-{{details.pincode}}</p> <mat-card-subtitle ><p class="hover-icon"><i *ngIf="details.city_name" class="fa-1x fa fa-map-marker">&nbsp;</i>{{details.city_name}}/{{details.state_name}}-{{details.pincode}}</p>
<p>{{details.lender_full_name}}({{details.lender_applicant_id}})</p> <p>{{details.lender_full_name}}({{details.lender_applicant_id}})</p>
<p *ngIf="details.product_abbr">{{details.product_abbr}}/{{details.subproduct_abbr}}/{{details.customer_segment_abbr}}</p> <p *ngIf="details.product_abbr">{{details.product_abbr}}/{{details.subproduct_abbr}}/{{details.customer_segment_abbr}}</p>
<p>{{details.pd_date_of_initiation}} <span *ngIf="details.loan_amount" style="padding-left: 4%;" class="hover-icon"><i class="fa-1x fa fa-rupee">&nbsp;</i>{{details.loan_amount}}</span></p> <p>{{details.pd_date_of_initiation}} <span *ngIf="details.loan_amount" style="padding-left: 4%;" class="hover-icon"><i class="fa-1x fa fa-rupee">&nbsp;</i>{{details.loan_amount}}</span></p>
</mat-card-subtitle> </mat-card-subtitle>
<mat-card-actions>
<button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="pdAllocationTo(details)"><mat-icon>directions_run</mat-icon></button>
<button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="scheduleDetails(details)"><mat-icon>schedule</mat-icon></button>
<!-- <button mat-button>Cancel</button> -->
</mat-card-actions>
</mat-card> </mat-card>
</mat-card> </mat-card>
<mat-list *ngIf="recordStatus"> <mat-list *ngIf="recordStatus">
@ -62,14 +65,13 @@
<!-- </mat-card-actions> <!-- </mat-card-actions>
</mat-card> --> </mat-card> -->
</div> </div>
<div class="column" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="66.66" fxFlex.lg="66.66" fxFlex.xl="66.66"> <div class="column" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="66" fxFlex.lg="66" fxFlex.xl="66">
<mat-card class="mb-2" *ngIf="pdList.length > 0"> <mat-card class="mb-2" *ngIf="pdList.length > 0">
<agm-map [latitude]="lat" [longitude]="lng"> <agm-map [latitude]="lat" [longitude]="lng">
<agm-marker *ngFor="let getMap of mapDetails" [latitude]="getMap.lat" [longitude]="getMap.lng"></agm-marker> <agm-marker *ngFor="let getMap of mapDetails" [latitude]="getMap.lat" [longitude]="getMap.lng"></agm-marker>
</agm-map> </agm-map>
</mat-card> </mat-card>
</div> </div>
</mat-card-content>
</mat-card> </mat-card>
</div> </div>
</div> </div>

6
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/map-pd-view/map-pd-view.component.ts
View File

@ -143,5 +143,11 @@ pdList:any[] = [];
this.ListPdComponent.showListView(true); this.ListPdComponent.showListView(true);
} }
//Global filter
applyFilter(filterValue: string) {
filterValue = filterValue.trim(); // Remove whitespace
filterValue = filterValue.toLowerCase(); // Datasource defaults to lowercase matches
this.dataSource.filter = filterValue;
}
} }

24
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html
View File

@ -1,9 +1,13 @@
<mat-card class="mb-2" > <mat-card class="mb-2" >
<mat-card-header> <div fxLayout="row" fxLayoutAlign="start center" class="filter-header">
<div style="width:100%;text-align: right;padding-top: 1%;"> <div class="ml-xs mr-xs" fxFlex="70">
<h4>PD Details</h4>
</div>
<div class="ml-xs mr-xs pt-1" fxFlex="25" style="text-align:right;" >
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="loadPdListCompoent()"><mat-icon>close</mat-icon></button> <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="loadPdListCompoent()"><mat-icon>close</mat-icon></button>
</div> </div>
</mat-card-header>
</div>
<mat-card-content> <mat-card-content>
<div fxLayout="row"> <div fxLayout="row">
@ -14,6 +18,7 @@
<button *ngIf="master.pd_type_name" mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="pdAllocationTo(master)"><mat-icon>directions_run</mat-icon></button> <button *ngIf="master.pd_type_name" mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="pdAllocationTo(master)"><mat-icon>directions_run</mat-icon></button>
<button *ngIf="master.pd_type_name" mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="scheduleDetails(master)"><mat-icon>schedule</mat-icon></button> <button *ngIf="master.pd_type_name" mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="scheduleDetails(master)"><mat-icon>schedule</mat-icon></button>
<button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="editPdMaster(master)"><mat-icon>edit</mat-icon></button> <button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="editPdMaster(master)"><mat-icon>edit</mat-icon></button>
<br><span style="color:red;">{{master.pd_status_name}}</span>
</div> </div>
<mat-card-header> <mat-card-header>
<img mat-card-avatar src="assets/images/avatar.jpg"> <img mat-card-avatar src="assets/images/avatar.jpg">
@ -29,7 +34,7 @@
<p><span>{{master.addressline2}}</span></p> <p><span>{{master.addressline2}}</span></p>
<p><span>{{master.addressline3}}</span></p> <p><span>{{master.addressline3}}</span></p>
<p><span *ngIf="master.loan_amount" class="hover-icon"><i class="fa-1x fa fa-rupee">&nbsp;</i>{{master.loan_amount}}</span> &nbsp;&nbsp;&nbsp;<span>{{master.pd_status_name}}</span>&nbsp;&nbsp;&nbsp;<span>{{master.pd_date_of_initiation}}</span></p> <p><span *ngIf="master.loan_amount" class="hover-icon"><i class="fa-1x fa fa-rupee">&nbsp;</i>{{master.loan_amount}}</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>{{master.pd_date_of_initiation}}</span></p>
</mat-card-content> </mat-card-content>
</mat-card> </mat-card>
@ -53,7 +58,7 @@
<i class="fa-1x fa fa-user-o"></i> <i class="fa-1x fa fa-user-o"></i>
&nbsp;{{applicant.applicant_name}} </span> &nbsp;&nbsp;&nbsp;<span *ngIf="applicant.mobile_no!=null" class="mb-2 text-center hover-icon"> &nbsp;{{applicant.applicant_name}} </span> &nbsp;&nbsp;&nbsp;<span *ngIf="applicant.mobile_no!=null" class="mb-2 text-center hover-icon">
<i class="fa-1x fa fa-phone"></i> <i class="fa-1x fa fa-phone"></i>
&nbsp;{{applicant.mobile_no}} </span> &nbsp;&nbsp;&nbsp;<span *ngIf="applicant.applicant_type=='1';else codetails"> Main Applicant</span> &nbsp;{{applicant.mobile_no}} </span> <br><span style="font-size:12px;">Main Applicant</span><span *ngIf="applicant.applicant_type=='1';else codetails"> </span>
<ng-template #codetails>&nbsp;&nbsp;&nbsp;<span>{{applicant.relation_name}}</span></ng-template> <ng-template #codetails>&nbsp;&nbsp;&nbsp;<span>{{applicant.relation_name}}</span></ng-template>
</p> </p>
@ -64,7 +69,7 @@
</mat-card-content> </mat-card-content>
<ng-template #noApplicant><mat-card-content><p>No Applicants</p></mat-card-content></ng-template> <ng-template #noApplicant><mat-card-content><p>No Applicant</p></mat-card-content></ng-template>
</mat-card> </mat-card>
@ -83,6 +88,7 @@
<mat-card-title>Documents</mat-card-title> <mat-card-title>Documents</mat-card-title>
<!-- <mat-card-subtitle><i class="fa-1x fa fa-map-marker"> </i> &nbsp;{{master.city_name}} / {{master.state_name}}-{{master.pincode}}</mat-card-subtitle> --> <!-- <mat-card-subtitle><i class="fa-1x fa fa-map-marker"> </i> &nbsp;{{master.city_name}} / {{master.state_name}}-{{master.pincode}}</mat-card-subtitle> -->
</mat-card-header> </mat-card-header>
<mat-card-content *ngIf="pdDocumentsData.length>0; else nodocument">
<mat-list *ngFor="let documents of pdDocumentsData"> <mat-list *ngFor="let documents of pdDocumentsData">
<mat-list-item> <mat-list-item>
<p><span> <p><span>
@ -93,6 +99,8 @@
</mat-list-item> </mat-list-item>
</mat-list> </mat-list>
</mat-card-content>
<ng-template #nodocument><mat-card-content><p>No Document</p></mat-card-content></ng-template>
</mat-card> </mat-card>
@ -105,8 +113,10 @@
<mat-card-title>PD History</mat-card-title> <mat-card-title>PD History</mat-card-title>
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
<p>No History</p>
</mat-card-content> </mat-card-content>
<!-- <ng-template #nohistory><mat-card-content><p>No History</p></mat-card-content></ng-template>-->
</mat-card> </mat-card>

2
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.ts
View File

@ -104,7 +104,7 @@ export class ViewPdComponent implements OnInit, OnDestroy {
}); });
} }
else if(pdData.fk_pd_type == 2){ else if(pdData.fk_pd_type == 2){
const dialogRef = this.dialog.open(PdAllocationComponent, { const dialogRef = this.dialog.open(SmartPdAllocationComponent, {
data: pdData, data: pdData,
disableClose: true disableClose: true
}); });

8
ng6-seed/src/app/settings/pd-team/pd-team-add/pd-team-add.component.ts
View File

@ -13,6 +13,8 @@ import { FormBuilder,
import { Router } from '@angular/router'; import { Router } from '@angular/router';
import { empty } from 'rxjs'; import { empty } from 'rxjs';
/**sweet alert */
import Swal from 'sweetalert2';
@Component({ @Component({
selector: 'app-pd-team-add', selector: 'app-pd-team-add',
@ -149,13 +151,13 @@ onSubmit() {
if (dataresult.status == 200) { if (dataresult.status == 200) {
this.notifier.notify('success', 'Record Edited Successfully.!'); this.notifier.notify('success', 'Record Edited Successfully.!');
alert('Success.!'); Swal('Success.!');
this._router.navigate(['/setting/pdteam/pdteamlist']); this._router.navigate(['/setting/pdteam/pdteamlist']);
this._pdTeamForm.reset(); this._pdTeamForm.reset();
} }
else { else {
this.notifier.notify('warning', 'Something Wents Wrong Try Again.!'); this.notifier.notify('warning', 'Something Wents Wrong Try Again.!');
alert('Wrong.!'); Swal('Wrong.!');
//alert('Some Thing Wents Wrong Try Again !'); //alert('Some Thing Wents Wrong Try Again !');
//this.errorMessage = "Some Thing Wents Wrong Try Again !"; //this.errorMessage = "Some Thing Wents Wrong Try Again !";
} }
@ -195,7 +197,7 @@ onChangeCityDatas($event){
for(let data of dup_cityname){ for(let data of dup_cityname){
if(data.name == cityName.name){ if(data.name == cityName.name){
alert('"'+data.name+'" Already Existing with "'+ teamname +'"'); Swal('<h5>"'+data.name+'" already existing with "'+ teamname +'"</h5>');
$event.source._selected = false; $event.source._selected = false;
mycheck++; mycheck++;
} }

9
ng6-seed/src/app/settings/pd-team/pd-team-edit/pd-team-edit.component.ts
View File

@ -13,7 +13,8 @@ import { NotifierService } from 'angular-notifier';
/** Here this component is like as a partent component */ /** Here this component is like as a partent component */
import { PdTeamListComponent } from './../pd-team-list/pd-team-list.component'; import { PdTeamListComponent } from './../pd-team-list/pd-team-list.component';
/**sweet alert */
import Swal from 'sweetalert2';
@Component({ @Component({
selector: 'app-pd-team-edit', selector: 'app-pd-team-edit',
templateUrl: './pd-team-edit.component.html', templateUrl: './pd-team-edit.component.html',
@ -198,7 +199,7 @@ export class PdTeamEditComponent implements OnInit {
for(let data of dup_cityname){ for(let data of dup_cityname){
if(data.name == cityName.name){ if(data.name == cityName.name){
alert('"'+data.name+'" Already Existing with "'+ teamname +'"'); Swal('<h5>"'+data.name+'" already existing with "'+ teamname +'"</h5>');
$event.source._selected = false; $event.source._selected = false;
mycheck=1; mycheck=1;
} }
@ -245,11 +246,11 @@ export class PdTeamEditComponent implements OnInit {
dataresult=>{ dataresult=>{
if (dataresult.dataStatus == true){ if (dataresult.dataStatus == true){
alert("Data Edited Successfully"); Swal("Data Edited Successfully");
this.notifier.notify('success', 'Record Edited Successfully.!'); this.notifier.notify('success', 'Record Edited Successfully.!');
} }
else{ else{
alert("SomeThing Wents Wrong Try Again !"); Swal("SomeThing Wents Wrong Try Again !");
this.notifier.notify('warning', 'SomeThing Wents Wrong Try Again !'); this.notifier.notify('warning', 'SomeThing Wents Wrong Try Again !');
} }
}); });

14
ng6-seed/src/app/settings/pd-team/pd-team-list/pd-team-list.component.html
View File

@ -2,7 +2,7 @@
<mat-card> <mat-card>
<div fxLayout="row" fxLayoutAlign="start center" class="mb-1"> <div fxLayout="row" fxLayoutAlign="start center" class="mb-1">
<div class="ml-xs mr-xs" style="width: 30%;"> <div class="ml-xs mr-xs" style="width: 30%;">
<mat-card-title><span> PD Team Masters</span></mat-card-title> <mat-card-title><span> PD Team Master</span></mat-card-title>
</div> </div>
</div> </div>
<mat-card-content> <mat-card-content>
@ -39,24 +39,24 @@
</ng-container> </ng-container>
<ng-container matColumnDef="team_name"> <ng-container matColumnDef="team_name">
<mat-header-cell *matHeaderCellDef mat-sort-header> PD Team Name </mat-header-cell> <mat-header-cell *matHeaderCellDef mat-sort-header> Team </mat-header-cell>
<mat-cell *matCellDef="let row"> {{row.team_name}} </mat-cell> <mat-cell *matCellDef="let row"> {{row.team_name}} </mat-cell>
</ng-container> </ng-container>
<ng-container matColumnDef="lender_name"> <ng-container matColumnDef="lender_name">
<mat-header-cell *matHeaderCellDef mat-sort-header> Lender Name </mat-header-cell> <mat-header-cell *matHeaderCellDef mat-sort-header> Lender </mat-header-cell>
<mat-cell *matCellDef="let row"> {{row.lender_name}} </mat-cell> <mat-cell *matCellDef="let row"> {{row.lender_name}} </mat-cell>
</ng-container> </ng-container>
<ng-container matColumnDef="isactive"> <ng-container matColumnDef="isactive">
<mat-header-cell *matHeaderCellDef mat-sort-header> Is Active </mat-header-cell> <mat-header-cell *matHeaderCellDef mat-sort-header> Active </mat-header-cell>
<mat-cell *matCellDef="let row"><!--{{row.isactive}}--> <mat-cell *matCellDef="let row"><!--{{row.isactive}}-->
<mat-slide-toggle *ngIf="row.isactive == 1;else notactive;" <mat-slide-toggle *ngIf="row.isactive == 1;else notactive;"
class="example-margin" class="example-margin"
matTooltip="Active" matTooltipPosition="above" matTooltip="Active" matTooltipPosition="above"
checked="true" [color]="color" checked="true" [color]="color"
(change)="isactivePdTeam(row.pdteam_id,row.isactive)" (change)="isactivePdTeam(row.pdteam_id,row.isactive)"
onclick="return confirm('Are you sure?')"> (click)="deactive()">
</mat-slide-toggle> </mat-slide-toggle>
<ng-template #notactive > <ng-template #notactive >
<mat-slide-toggle <mat-slide-toggle
@ -64,14 +64,14 @@
matTooltip="Inactive" matTooltipPosition="above" matTooltip="Inactive" matTooltipPosition="above"
checked="false" [color]="color" checked="false" [color]="color"
(change)="isactivePdTeam(row.pdteam_id,row.isactive)" (change)="isactivePdTeam(row.pdteam_id,row.isactive)"
onclick="return confirm('Are you sure?')"> (click)="active()">
</mat-slide-toggle></ng-template> </mat-slide-toggle></ng-template>
</mat-cell> </mat-cell>
</ng-container> </ng-container>
<ng-container matColumnDef="actions"> <ng-container matColumnDef="actions">
<mat-header-cell *matHeaderCellDef> Actions </mat-header-cell> <mat-header-cell *matHeaderCellDef> Action </mat-header-cell>
<mat-cell *matCellDef="let row"> <mat-cell *matCellDef="let row">
<button mat-icon-button [color]="color" class="hover-icon" matTooltip="Edit" matTooltipPosition="above" (click)="editPdTeam(row.pdteam_id)"><mat-icon>edit</mat-icon></button> <button mat-icon-button [color]="color" class="hover-icon" matTooltip="Edit" matTooltipPosition="above" (click)="editPdTeam(row.pdteam_id)"><mat-icon>edit</mat-icon></button>

39
ng6-seed/src/app/settings/pd-team/pd-team-list/pd-team-list.component.ts
View File

@ -11,6 +11,8 @@ import { PdTeamService } from '../../service/masters/pd-team.service';
import { NotifierService } from 'angular-notifier'; import { NotifierService } from 'angular-notifier';
import { Router } from '@angular/router'; import { Router } from '@angular/router';
/**sweet alert */
import Swal from 'sweetalert2';
/** Add Component */ /** Add Component */
//import { } from '../pd-team-add/pd-team-add.component; //import { } from '../pd-team-add/pd-team-add.component;
@ -119,7 +121,42 @@ managepdteam(){
} }
}); });
} }
//Sweetalert2 for active and deactive
active(){
Swal({
title: 'Are you sure?',
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, activate it!'
}).then((result) => {
if (result.value) {
Swal(
'Activated!',
'success'
)
}
})
}
deactive()
{
Swal({
title: 'Are you sure?',
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, deactivate it!'
}).then((result) => {
if (result.value) {
Swal(
'Deactivated!',
'success'
)
}
})
}
/** For Display Tables Pagination And Sorting */ /** For Display Tables Pagination And Sorting */
ngAfterViewInit() { ngAfterViewInit() {
this.dataSource.paginator = this.paginator; this.dataSource.paginator = this.paginator;

12
ng6-seed/src/app/settings/pd-team/pd-team-manage/pd-team-manage.component.html
View File

@ -1,9 +1,11 @@
<mat-card> <mat-card>
<div style="margin: 6px; padding: 4px;"> <div class="ml-xs mr-xs pt-1" style="width: 100%;" fxLayout="row" fxLayoutAlign="center">
<div class="p_title" style="font-size: 26px; font-style: bold;">Manage PD Team</div> <h2 mat-dialog-title style="width: 50%;font-size: 26px; font-style: bold;">Manage PD Team</h2>
<!--<div class="sub_title" style="font-size: 11px;">List of Entity Master Details</div>--> <div style="width: 20%;"></div>
<div style="width: 25%;text-align:right;">
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Close" matTooltipPosition="above" (click)="onNoClick()"><mat-icon>close</mat-icon></button>
</div>
</div> </div>
<mat-card> <mat-card>
<mat-card-content> <mat-card-content>
@ -43,7 +45,7 @@
</div> </div>
<div style="width: 100%; text-align: right;"> <div style="width: 100%; text-align: right;">
<button mat-fab class="mr-1 mb-1" style="margin-top: 7px;" color="primary" matTooltip="Submit" [disabled]="btnsave" (click)="getnewTeamDetails()" matTooltipPosition="above"><mat-icon>save</mat-icon></button> <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" style="margin-top: 7px;" color="primary" matTooltip="Submit" [disabled]="btnsave" (click)="getnewTeamDetails()" matTooltipPosition="above"><mat-icon>save</mat-icon></button>
</div> </div>
</div> </div>
</div> </div>

9
ng6-seed/src/app/settings/pd-team/pd-team-manage/pd-team-manage.component.ts
View File

@ -1,7 +1,7 @@
import { Output, EventEmitter,Component, OnInit,ViewEncapsulation, Directive, ViewChild } from '@angular/core'; import { Output, EventEmitter,Component, OnInit,ViewEncapsulation, Directive, ViewChild } from '@angular/core';
import { PdTeamService } from '../../service/masters/pd-team.service'; import { PdTeamService } from '../../service/masters/pd-team.service';
import { DragulaService } from 'ng2-dragula'; import { DragulaService } from 'ng2-dragula';
import { Router } from '@angular/router';
/**sweet alert */ /**sweet alert */
import Swal from 'sweetalert2' import Swal from 'sweetalert2'
@Component({ @Component({
@ -22,7 +22,7 @@ export class PdTeamManageComponent implements OnInit {
loader:boolean = false; loader:boolean = false;
mapDetails:any =[]; mapDetails:any =[];
@ViewChild('bag1') bag1: any; @ViewChild('bag1') bag1: any;
constructor( public pdteammanage:PdTeamService,private dragulaService:DragulaService) { constructor( public pdteammanage:PdTeamService,private dragulaService:DragulaService,private _router: Router,) {
this.getPDTeamManageDetails(); this.getPDTeamManageDetails();
this.getpdteamchange(); this.getpdteamchange();
@ -31,7 +31,10 @@ export class PdTeamManageComponent implements OnInit {
ngOnInit() { ngOnInit() {
} }
/** For Popup Close Button */
onNoClick(): void {
this._router.navigate(['/setting/pdteam/pdteamlist']);
}
getPDTeamManageDetails() getPDTeamManageDetails()
{ {
this.loader = true; this.loader = true;

3
ng6-seed/src/app/settings/users/register/register.component.html
View File

@ -1,5 +1,6 @@
<mat-card> <mat-card>
<!-- <div class="profile-avatar"> <!-- <div class="profile-avatar">
@ -8,7 +9,7 @@
<form [formGroup]="regForm" (ngSubmit)="register(regForm.value)"> <form [formGroup]="regForm" (ngSubmit)="register(regForm.value)">
<mat-card-content> <mat-card-content>
<div fxFlex="100" fxLayout="row" fxLayoutAlign="start center"> <div fxflex="100" fxLayout="row" fxLayoutAlign="start center">
<div dividerColor="primary" class="ml-xs mr-xs"> <div dividerColor="primary" class="ml-xs mr-xs">
<div style="font-size:24px;"> User Registration</div> <div style="font-size:24px;"> User Registration</div>
</div> </div>

4
ng6-seed/src/app/settings/users/register/register.component.ts
View File

@ -9,8 +9,11 @@ import { FileUploader } from 'ng2-file-upload/ng2-file-upload';
import { MatOption } from '@angular/material'; import { MatOption } from '@angular/material';
import { UserService } from '../../service/user.service'; import { UserService } from '../../service/user.service';
import { ifStmt } from '@angular/compiler/src/output/output_ast'; import { ifStmt } from '@angular/compiler/src/output/output_ast';
const pdoff = "PD Officer"; const pdoff = "PD Officer";
const pdexu = "PD Executive"; const pdexu = "PD Executive";
@Component({ @Component({
selector: 'app-register', selector: 'app-register',
templateUrl: './register.component.html', templateUrl: './register.component.html',
@ -427,3 +430,4 @@ this.loader = true;
this.router.navigate(['setting/users/userlist']); this.router.navigate(['setting/users/userlist']);
} }
} }