Merge branch 'master' of https://bitbucket.org/sriramv18/sparqsineedge
This commit is contained in:
venbatechnologies@gmail.com
commit
d01c979582
@ -102,24 +102,35 @@
|
||||
[formGroupName]="i">
|
||||
<mat-card-content>
|
||||
<mat-form-field style="width: 45%;">
|
||||
<input matInput placeholder="Name"
|
||||
formControlName="partner_name" required>
|
||||
<mat-select placeholder="Name" formControlName="partner_name" style="width: 90%;" (selectionChange)="changePartnerGroup(members.value.partner_name,i)" required>
|
||||
<mat-option *ngFor="let app_par of applicants" [value]="app_par.applicant_name">{{app_par.applicant_name | titlecase}}</mat-option>
|
||||
<mat-option value="Others">Others</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field style="width: 45%;">
|
||||
<mat-form-field style="width: 45%;" *ngIf="members.value.partner_name=='Others'">
|
||||
<input matInput placeholder="Specify Others"
|
||||
formControlName="partner_other_name" required>
|
||||
</mat-form-field>
|
||||
<mat-form-field style="width: 45%;" *ngIf="businessForm.controls.business_entity_type.value!='3' && businessForm.controls.business_entity_type.value!='8' && businessForm.controls.business_entity_type.value!=''">
|
||||
<input matInput placeholder="Share of Profit / Shareholding (%)" (keypress)="keyPress($event)"
|
||||
formControlName="shareholding" required>
|
||||
formControlName="shareholding">
|
||||
</mat-form-field>
|
||||
<p style="padding-left: 2% !important">No of Years in Current Business</p>
|
||||
<mat-form-field style="width: 20%;">
|
||||
<input matInput type="number" placeholder="Year" formControlName="current_business_experiance_year" required min='0'>
|
||||
<input matInput type="number" placeholder="Year" formControlName="current_business_experiance_year" (keyup)="getWorkExperience(members.value,i)" required min='0'>
|
||||
</mat-form-field>
|
||||
<mat-form-field style="width: 21%;">
|
||||
<input matInput type="number" placeholder="Month" formControlName="current_business_experiance_month" required min='0' max='12'>
|
||||
</mat-form-field>
|
||||
<mat-form-field style="width: 35%;">
|
||||
<input matInput placeholder="Total Business Experience"
|
||||
formControlName="total_business_experiance" required>
|
||||
<input matInput type="number" placeholder="Total Work Experience"
|
||||
formControlName="total_business_experiance" (keyup)="getWorkExperience(members.value,i)" required>
|
||||
</mat-form-field>
|
||||
<mat-form-field style="width: 82%;" *ngIf="members.value.total_business_previous_experience!=undefined">
|
||||
<input matInput placeholder="Previous Work Experience Details"
|
||||
formControlName="total_business_previous_experience" required>
|
||||
</mat-form-field>
|
||||
|
||||
<button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="addPartnerDetails()"
|
||||
matTooltip="Add More" matTooltipPosition="above" color="primary" *ngIf="i==0">
|
||||
<mat-icon>add</mat-icon>
|
||||
@ -280,8 +291,8 @@
|
||||
<div formArrayName="india_where_sale_done">
|
||||
<div fxLayout="row nowrap" *ngFor="let saleList of manufacturing.get('india_where_sale_done').controls; let s = index" [formGroupName]="s">
|
||||
<!-- this is for other than pan india -->
|
||||
<div fxFlex="100" *ngIf="manufacturing.value.pan_india_options=='No'">
|
||||
<mat-form-field style="width:35%;">
|
||||
<div class="state-margin" fxFlex="100" *ngIf="manufacturing.value.pan_india_options=='No'">
|
||||
<mat-form-field style="width:34%;">
|
||||
<mat-select placeholder="State" formControlName="state_name" required>
|
||||
<mat-option *ngFor="let SL of stateList" [value]="SL.state_id">
|
||||
{{SL.state_name}}
|
||||
@ -361,8 +372,8 @@
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div formArrayName="india_where_sale_done">
|
||||
<div fxLayout="row nowrap" *ngFor="let saleList of manufacturing.get('india_where_sale_done').controls; let s = index" [formGroupName]="s">
|
||||
<mat-form-field style="width:35%;">
|
||||
<div class="state-margin" fxLayout="row nowrap" *ngFor="let saleList of manufacturing.get('india_where_sale_done').controls; let s = index" [formGroupName]="s">
|
||||
<mat-form-field style="width:34%;">
|
||||
<mat-select placeholder="State" formControlName="state_name" required>
|
||||
<mat-option *ngFor="let SL of stateList" [value]="SL.state_id">
|
||||
{{SL.state_name}}
|
||||
@ -475,9 +486,8 @@
|
||||
</mat-form-field>
|
||||
<ng-container *ngIf="retail.value.india_where_sale_done !=undefined && retail.value.countries_where_export_done ==undefined">
|
||||
<div formArrayName="india_where_sale_done">
|
||||
<div fxLayout="row nowrap" *ngFor="let saleList of retail.get('india_where_sale_done').controls; let s = index" [formGroupName]="s">
|
||||
|
||||
<mat-form-field style="width:35%;">
|
||||
<div class="state-margin" fxLayout="row nowrap" *ngFor="let saleList of retail.get('india_where_sale_done').controls; let s = index" [formGroupName]="s">
|
||||
<mat-form-field style="width:34%;">
|
||||
<mat-select placeholder="State" formControlName="state_name" required>
|
||||
<mat-option *ngFor="let SL of stateList" [value]="SL.state_id">
|
||||
{{SL.state_name}}
|
||||
@ -558,8 +568,8 @@
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div formArrayName="india_where_sale_done">
|
||||
<div fxLayout="row nowrap" class="tab_class" *ngFor="let saleList of retail.get('india_where_sale_done').controls; let s = index" [formGroupName]="s">
|
||||
<mat-form-field style="width:35%;">
|
||||
<div fxLayout="row nowrap" class="state-margin" *ngFor="let saleList of retail.get('india_where_sale_done').controls; let s = index" [formGroupName]="s">
|
||||
<mat-form-field style="width:34%;">
|
||||
<mat-select placeholder="State" formControlName="state_name" required>
|
||||
<mat-option *ngFor="let SL of stateList" [value]="SL.state_id">
|
||||
{{SL.state_name}}
|
||||
@ -674,9 +684,9 @@
|
||||
</mat-form-field>
|
||||
<ng-container *ngIf="wholesale.value.india_where_sale_done !=undefined && wholesale.value.countries_where_export_done ==undefined">
|
||||
<div formArrayName="india_where_sale_done">
|
||||
<div fxLayout="row nowrap" *ngFor="let saleList of wholesale.get('india_where_sale_done').controls; let s = index" [formGroupName]="s">
|
||||
<div class="state-margin" fxLayout="row nowrap" *ngFor="let saleList of wholesale.get('india_where_sale_done').controls; let s = index" [formGroupName]="s">
|
||||
|
||||
<mat-form-field style="width:35%;">
|
||||
<mat-form-field style="width:34%;">
|
||||
<mat-select placeholder="State" formControlName="state_name" required>
|
||||
<mat-option *ngFor="let SL of stateList" [value]="SL.state_id">
|
||||
{{SL.state_name}}
|
||||
@ -756,8 +766,8 @@
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div formArrayName="india_where_sale_done">
|
||||
<div fxLayout="row nowrap" class="tab_class" *ngFor="let saleList of wholesale.get('india_where_sale_done').controls; let s = index" [formGroupName]="s">
|
||||
<mat-form-field style="width:35%;">
|
||||
<div fxLayout="row nowrap" class="state-margin" *ngFor="let saleList of wholesale.get('india_where_sale_done').controls; let s = index" [formGroupName]="s">
|
||||
<mat-form-field style="width:34%;">
|
||||
<mat-select placeholder="State" formControlName="state_name" required>
|
||||
<mat-option *ngFor="let SL of stateList" [value]="SL.state_id">
|
||||
{{SL.state_name}}
|
||||
@ -871,9 +881,9 @@
|
||||
</mat-form-field>
|
||||
<ng-container *ngIf="serviceprovider.value.india_where_sale_done !=undefined && serviceprovider.value.countries_where_export_done ==undefined">
|
||||
<div formArrayName="india_where_sale_done">
|
||||
<div fxLayout="row nowrap" *ngFor="let saleList of serviceprovider.get('india_where_sale_done').controls; let s = index" [formGroupName]="s">
|
||||
<div class="state-margin" fxLayout="row nowrap" *ngFor="let saleList of serviceprovider.get('india_where_sale_done').controls; let s = index" [formGroupName]="s">
|
||||
|
||||
<mat-form-field style="width:35%;">
|
||||
<mat-form-field style="width:34%;">
|
||||
<mat-select placeholder="Where, In India, Is The Service Provided" formControlName="state_name" required>
|
||||
<mat-option *ngFor="let SL of stateList" [value]="SL.state_id">
|
||||
{{SL.state_name}}
|
||||
@ -953,8 +963,8 @@
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div formArrayName="india_where_sale_done">
|
||||
<div fxLayout="row nowrap" class="tab_class" *ngFor="let saleList of serviceprovider.get('india_where_sale_done').controls; let s = index" [formGroupName]="s">
|
||||
<mat-form-field style="width:35%;">
|
||||
<div fxLayout="row nowrap" class="state-margin" *ngFor="let saleList of serviceprovider.get('india_where_sale_done').controls; let s = index" [formGroupName]="s">
|
||||
<mat-form-field style="width:34%;">
|
||||
<mat-select placeholder="Where, In India, Is The Service Provided" formControlName="state_name" required>
|
||||
<mat-option *ngFor="let SL of stateList" [value]="SL.state_id">
|
||||
{{SL.state_name}}
|
||||
@ -1067,39 +1077,8 @@
|
||||
</mat-card-actions>
|
||||
</mat-card>
|
||||
<mat-card>
|
||||
<mat-card-title>Seasonality</mat-card-title>
|
||||
<mat-card-content>
|
||||
<div fxLayout="row nowrap">
|
||||
<mat-form-field style="width: 60%">
|
||||
<mat-select placeholder="Either Currently Running The Business / Are Loan Applicants"
|
||||
formControlName="main_person" required>
|
||||
<!-- <mat-option value="applicants">One of the applicants</mat-option> -->
|
||||
<mat-option value="{{owner.pd_co_applicant_id}}" *ngFor="let owner of applicants">{{owner.applicant_name}}</mat-option>
|
||||
<mat-option value="Relative">Relative of An Applicant</mat-option>
|
||||
<mat-option value="Others">Others</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field style="width: 28%" *ngIf="businessForm.controls['main_person'].value == 'Others'">
|
||||
<input matInput placeholder="Specify other person"
|
||||
formControlName="other_main_person">
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div fxLayout="row nowrap">
|
||||
<mat-form-field style="width: 60%">
|
||||
<mat-select placeholder="Were They Involved In Any Other Business Before Starting This Business"
|
||||
formControlName="before_business" required>
|
||||
<mat-option value="yes">Yes</mat-option>
|
||||
<mat-option value="no">No</mat-option>
|
||||
</mat-select>
|
||||
|
||||
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div fxLayout="row nowrap">
|
||||
<mat-form-field style="width: 60%" *ngIf="businessForm.controls['before_business'].value == 'yes'">
|
||||
<textarea matInput placeholder="Description For Before Starting This Business"
|
||||
formControlName="before_business_description"></textarea>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div fxLayout="row wrap">
|
||||
<mat-form-field style="width: 28%">
|
||||
<!-- <input matInput placeholder="Seasonality" formControlName="seasonality" required> -->
|
||||
@ -1127,7 +1106,6 @@
|
||||
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
|
||||
</div>
|
||||
<div fxLayout="row nowrap" *ngIf="businessForm.controls['seasonality'].value == 'yes'">
|
||||
<mat-form-field style="width: 60%">
|
||||
@ -1165,7 +1143,7 @@
|
||||
</mat-card>
|
||||
<mat-card>
|
||||
<mat-card-header>
|
||||
<mat-card-title>No of Employees Sighted Ny PD Officer During His Visit </mat-card-title>
|
||||
<mat-card-title>No of Employees Sighted By PD Officer During His Visit </mat-card-title>
|
||||
</mat-card-header>
|
||||
<mat-card-content class="matcard">
|
||||
<mat-form-field>
|
||||
|
||||
@ -137,4 +137,7 @@ mat-header-cell mat-cell {
|
||||
.tab_class {
|
||||
margin-top: 3%;
|
||||
}
|
||||
.state-margin {
|
||||
margin-left: 2%;
|
||||
}
|
||||
|
||||
|
||||
@ -110,7 +110,7 @@ export class BusinessInfoComponent implements OnInit {
|
||||
let businessVal = data.records;
|
||||
let constVal: any;
|
||||
//const Desgn = <FormArray>this.businessForm.controls['designation'];
|
||||
const Partnr = <FormArray>this.businessForm.controls['partners'];
|
||||
const Partnr: any = <FormArray>this.businessForm.controls['partners'];
|
||||
const otherDoc = <FormArray>this.businessForm.controls['documents'];
|
||||
const personRel = <FormArray>this.businessForm.controls['persons_with_relationships'];
|
||||
const businessActivityControl = <FormArray>this.businessForm.controls['select_business_activity_type'];
|
||||
@ -119,9 +119,6 @@ export class BusinessInfoComponent implements OnInit {
|
||||
const wholesaleControl: any = <FormArray>this.businessForm.controls['wholesale_trading_activity_details'];
|
||||
const serviceProviderControl: any = <FormArray>this.businessForm.controls['service_provider_activity_details'];
|
||||
const othersControl: any = <FormArray>this.businessForm.controls['others_activity_details'];
|
||||
|
||||
|
||||
|
||||
if (data.status == 200) {
|
||||
let DocArray: any;
|
||||
// let DesgnArray = Object.keys(data.records.designation).map(function (key) {
|
||||
@ -142,8 +139,17 @@ export class BusinessInfoComponent implements OnInit {
|
||||
if (PartnrArray.length == 0) {
|
||||
Partnr.push(this.createPartners());
|
||||
} else {
|
||||
PartnrArray.forEach(datas => {
|
||||
PartnrArray.forEach((datas,key) => {
|
||||
Partnr.push(this.createPartners());
|
||||
if(datas.partner_name=='Others') {
|
||||
Partnr.controls[key].addControl('partner_other_name', new FormControl('', Validators.required))
|
||||
}
|
||||
if(parseInt(datas.total_business_experiance) > parseInt(datas.current_business_experiance_year)) {
|
||||
Partnr.controls[key].addControl('total_business_previous_experience', new FormControl('', Validators.required))
|
||||
}
|
||||
else {
|
||||
Partnr.controls[key].removeControl('total_business_previous_experience')
|
||||
}
|
||||
});
|
||||
}
|
||||
if (data.records.other_documents == 'yes') {
|
||||
@ -355,7 +361,6 @@ export class BusinessInfoComponent implements OnInit {
|
||||
}
|
||||
else {
|
||||
businessVal.retail_trading_activity_details=[];
|
||||
|
||||
}
|
||||
|
||||
// update whole sale details
|
||||
@ -603,10 +608,6 @@ export class BusinessInfoComponent implements OnInit {
|
||||
other_documents: ['', Validators.compose([Validators.required])],
|
||||
documents: this.fb.array([]),
|
||||
business_remarks: ['', Validators.compose([Validators.required])],
|
||||
main_person: ['', Validators.compose([Validators.required])],
|
||||
other_main_person: [''],
|
||||
before_business: ['', Validators.compose([Validators.required])],
|
||||
before_business_description: [''],
|
||||
//any_delays: ['', Validators.compose([Validators.required])],
|
||||
persons_with_relationships:this.fb.array([]),
|
||||
select_business_activity_type: this.fb.array([]),
|
||||
@ -870,7 +871,7 @@ export class BusinessInfoComponent implements OnInit {
|
||||
createPartners(): FormGroup {
|
||||
return this.fb.group({
|
||||
partner_name: ['', Validators.compose([Validators.required])],
|
||||
shareholding: ['', Validators.compose([Validators.required])],
|
||||
shareholding: [''],
|
||||
current_business_experiance_year: ['', Validators.compose([Validators.required])],
|
||||
current_business_experiance_month: ['', Validators.compose([Validators.required])],
|
||||
total_business_experiance: ['', Validators.compose([Validators.required])],
|
||||
@ -1174,6 +1175,29 @@ export class BusinessInfoComponent implements OnInit {
|
||||
let othersControl = <FormArray>this.businessForm.controls['others_activity_details'];
|
||||
othersControl.push(this.createOthersActivity());
|
||||
}
|
||||
|
||||
// update partner group other form control
|
||||
changePartnerGroup(value,key) {
|
||||
let control: any = this.businessForm.get('partners') as FormArray;
|
||||
value=='Others' ? control.controls[key].addControl('partner_other_name', new FormControl('', Validators.required)) : control.controls[key].removeControl('partner_other_name');
|
||||
}
|
||||
// get work experience based on create form control
|
||||
getWorkExperience(event, key) {
|
||||
let current_experience = event.current_business_experiance_year=='' ? 0 : parseInt(event.current_business_experiance_year);
|
||||
let total_experience = event.total_business_experiance=='' ? 0 : parseInt(event.total_business_experiance);
|
||||
let control: any = this.businessForm.get('partners') as FormArray;
|
||||
if(total_experience > current_experience) {
|
||||
control.controls[key].addControl('total_business_previous_experience', new FormControl('', Validators.required))
|
||||
}
|
||||
else if(total_experience < current_experience) {
|
||||
control.controls[key].controls['total_business_experiance'].setValue(current_experience);
|
||||
control.controls[key].removeControl('total_business_previous_experience')
|
||||
}
|
||||
else {
|
||||
control.controls[key].removeControl('total_business_previous_experience')
|
||||
}
|
||||
|
||||
}
|
||||
submitDetails() {
|
||||
// let family: any = [];
|
||||
if (!this.businessForm.valid) {
|
||||
|
||||
@ -1,84 +1,139 @@
|
||||
|
||||
<mat-card>
|
||||
<mat-card-content>
|
||||
<div class="mb-2">
|
||||
<mat-card>
|
||||
<mat-card-content style="background:#e00201;">
|
||||
<div fxLayout="row" fxLayoutAlign="start center" class="filter-header">
|
||||
<div *ngFor="let master of pdMasterData" class="ml-xs mr-xs" fxFlex="45" style="color:#fff;">
|
||||
<h4>{{master.lender_full_name}} - {{master.branch_name}}</h4>
|
||||
<span *ngIf="master.lender_applicant_id"> {{master.lender_applicant_id}} - </span> {{master.pd_date_of_initiation}}
|
||||
</div>
|
||||
<div *ngFor="let master of pdMasterData" class="ml-xs mr-xs pt-1" fxFlex="55" style="text-align:right;">
|
||||
<button *ngIf="master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.COMPLETED && currentPDStatus!=pdStatusCheck.QC_COMPLETED"
|
||||
mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Allocate" matTooltipPosition="above"
|
||||
(click)="pdAllocationTo(master)"><mat-icon>verified_user</mat-icon></button>
|
||||
<button *ngIf="master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.COMPLETED && currentPDStatus!=pdStatusCheck.QC_COMPLETED"
|
||||
mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Schedule" matTooltipPosition="above"
|
||||
(click)="scheduleDetails(master)"><mat-icon>schedule</mat-icon></button>
|
||||
<button *ngIf="master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.TRIGGERED && currentPDStatus!=pdStatusCheck.DRAFT && enableStartPD"
|
||||
mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Discussion" matTooltipPosition="above"
|
||||
(click)="getPDStart(viewID)"><mat-icon>question_answer</mat-icon></button>
|
||||
|
||||
<button *ngIf="master.pd_type_name && (currentPDStatus===pdStatusCheck.QC_COMPLETED || currentPDStatus===pdStatusCheck.COMPLETED)"
|
||||
mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PD Report" matTooltipPosition="above"
|
||||
(click)="getPDIDReport(viewID)"><mat-icon>ballot</mat-icon></button>
|
||||
|
||||
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close" matTooltipPosition="above"
|
||||
(click)="loadPdListCompoent()"><mat-icon>close</mat-icon></button>
|
||||
<br>
|
||||
<!-- <span *ngIf="master.pd_allocated_to" style="color:red;text-align:left" class="fa-1x fa fa-user-secret" matTooltip="PD Officer"
|
||||
matTooltipPosition="above"></span> -->
|
||||
|
||||
<span *ngIf="master.pd_allocated_to && master.fk_pd_type==1" style="color:#fff;text-align:left"><mat-icon class="hover-icon" matTooltip="PD Officer" matTooltipPosition="above">person</mat-icon>{{master.pd_allocated_to | titlecase}}</span>
|
||||
<span *ngIf="master.executive_name && master.centralofficer && master.fk_pd_type==2" style="color:#fff;text-align:left"><mat-icon class="hover-icon" matTooltip="PD Officer" matTooltipPosition="above">person</mat-icon>{{master.executive_name | titlecase}}/{{master.centralofficer | titlecase}}</span>
|
||||
<span *ngIf="master.centralofficer && master.fk_pd_type==3" style="color:#fff;text-align:left"><mat-icon class="hover-icon" matTooltip="PD Officer" matTooltipPosition="above">person</mat-icon>{{master.centralofficer | titlecase}}</span>
|
||||
<span *ngIf="master.pd_status==pdStatusCheck.SCHEDULED" style="color:#fff;text-align:left">{{master.pd_status | titlecase}} On {{master.scheduled_on}}</span>
|
||||
<span *ngIf="master.pd_status!=pdStatusCheck.SCHEDULED && master.pd_status!=pdStatusCheck.QC_COMPLETED " style="color:#fff;text-align:left">{{master.pd_status | titlecase}}</span>
|
||||
<span *ngIf="master.pd_status==pdStatusCheck.QC_COMPLETED " style="color:#fff;text-align:left">QC Completed</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
|
||||
<mat-card-content>
|
||||
<div fxLayout="row wrap">
|
||||
|
||||
<div class="m-gap p-gap" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50">
|
||||
<!--pd master -->
|
||||
<mat-card *ngFor="let master of pdMasterData" class="minheight">
|
||||
|
||||
<mat-card-header>
|
||||
<!-- <img mat-card-avatar src="assets/images/avatar.jpg">
|
||||
<mat-card-title>{{master.lender_full_name}} - {{master.lender_applicant_id}}
|
||||
</mat-card-title>-->
|
||||
<mat-card-title *ngIf="master.state_name" class="hover-icon"><i class="fa-1x fa fa-map-marker"> </i> <span>{{master.city_name}} / {{master.state_name}}-{{master.pincode}}</span></mat-card-title>
|
||||
|
||||
<div class="cardEdit" *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED">
|
||||
<!-- <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 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>
|
||||
<mat-card-content>
|
||||
<mat-card class="p-2 mb-2" style="height: 370px !important;">
|
||||
<div fxLayout="row" fxLayoutWrap="wrap" class="mb-3">
|
||||
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="25" fxFlex.xl="25" class="profile-center" style="text-align:center;">
|
||||
<!--<div class="mb-1">
|
||||
<img src="assets/images/userpic.jpg" width="100" height="100" alt="" class="radius-circle">
|
||||
</div>-->
|
||||
<mat-card style="padding: 15px;box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;">
|
||||
<div *ngFor="let master of pdMasterData" class="ml-xs mr-xs">
|
||||
<h4 class="ma-0">{{master.lender_short_name}}</h4>
|
||||
<small>{{master.branch_name}}</small>
|
||||
<div *ngIf="master.lender_applicant_id">
|
||||
<small> {{master.lender_applicant_id}}</small> <br>
|
||||
<small>{{master.pd_date_of_initiation}}</small><br>
|
||||
<br>
|
||||
<button mat-raised-button color="primary">
|
||||
<span *ngIf="master.pd_status==pdStatusCheck.SCHEDULED" style="text-align:left">{{master.pd_status | titlecase}}</span>
|
||||
<span *ngIf="master.pd_status!=pdStatusCheck.SCHEDULED && master.pd_status!=pdStatusCheck.QC_COMPLETED " style="text-align:left">{{master.pd_status | titlecase}}</span>
|
||||
<span *ngIf="master.pd_status==pdStatusCheck.QC_COMPLETED " style="text-align:left">QC Completed</span>
|
||||
</button><br>
|
||||
<small *ngIf="master.pd_status==pdStatusCheck.SCHEDULED">{{master.scheduled_on}}</small>
|
||||
<small *ngIf="master.pd_allocated_to && master.fk_pd_type==1" style="text-align:left" matTooltip="PD Officer" matTooltipPosition="above">{{master.pd_allocated_to | titlecase}}</small>
|
||||
<small *ngIf="master.executive_name && master.centralofficer && master.fk_pd_type==2" style="text-align:left" matTooltip="PD Officer" matTooltipPosition="above">{{master.executive_name | titlecase}}/{{master.centralofficer | titlecase}}</small>
|
||||
<small *ngIf="master.centralofficer && master.fk_pd_type==3" style="text-align:left" matTooltip="PD Officer" matTooltipPosition="above">{{master.centralofficer | titlecase}}</small>
|
||||
|
||||
</div>
|
||||
</mat-card-header>
|
||||
</div>
|
||||
</mat-card>
|
||||
<!--< <h4>John Doe</h4>
|
||||
<span>johndoe@johndoe.com</span>
|
||||
p class="mt-xs mb-xs">Sr. Manager</p>
|
||||
<a href="javascript:;" class="block mt-xs mb-xs">www.example.com</a>
|
||||
<button mat-raised-button color="primary">Edit Profile</button>-->
|
||||
</div>
|
||||
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="75" fxFlex.xl="75" class="content-data">
|
||||
<figure>
|
||||
<mat-card-content style="padding:0px !important;">
|
||||
<div *ngFor="let master of pdMasterData" class="ml-xs mr-xs">
|
||||
<div fxLayout="row">
|
||||
<div fxFlex="100" style="text-align: right;">
|
||||
<button *ngIf="master.pd_type_name && currentPDStatus==pdStatusCheck.DRAFT" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Trigger" matTooltipPosition="above" (click)="editPdMaster(master)"><mat-icon>save</mat-icon></button>
|
||||
|
||||
<mat-card-content>
|
||||
|
||||
<p *ngIf="master.pd_contact_person || master.pd_contact_mobileno "><span *ngIf="master.pd_contact_person"> <i class="fa-1x fa fa-user-o"></i> {{master.pd_contact_person}}</span>
|
||||
<span *ngIf="master.pd_contact_mobileno"> <i class="fa-1x fa fa-phone"></i> {{master.pd_contact_mobileno}}</span>
|
||||
<span style="font-size:13px;"> (Lender Contact Details) </span>
|
||||
</p>
|
||||
|
||||
<p *ngIf="master.product_name">{{master.product_name}}<span *ngIf="master.subproduct_name"> / {{master.subproduct_name}} </span></p>
|
||||
<p *ngIf="master.pd_type_name"><span>{{master.pd_type_name}}</span> <span *ngIf="master.loan_amount" class="hover-icon"> / <i class="fa-1x fa fa-rupee"> </i>{{master.loan_amount}}</span></p>
|
||||
<p><span>{{master.addressline1}}</span></p>
|
||||
<p *ngIf="master.remarks"><span style="font-size:13px;"> Remarks : </span> <span style="color:red">{{master.remarks}}</span></p>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
</div>
|
||||
<div fxFlex.xs="100" class="m-gap p-gap" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50">
|
||||
<!-- applicant card -->
|
||||
<mat-card class="minheight">
|
||||
<button *ngIf="master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.COMPLETED && currentPDStatus!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Allocate" matTooltipPosition="above" (click)="pdAllocationTo(master)"><mat-icon>verified_user</mat-icon></button>
|
||||
<button *ngIf="master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.COMPLETED && currentPDStatus!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Schedule" matTooltipPosition="above" (click)="scheduleDetails(master)"><mat-icon>schedule</mat-icon></button>
|
||||
<button *ngIf="master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.TRIGGERED && currentPDStatus!=pdStatusCheck.DRAFT && enableStartPD" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Discussion" matTooltipPosition="above" (click)="getPDStart(viewID)"><mat-icon>question_answer</mat-icon></button>
|
||||
<button *ngIf="master.pd_type_name && currentPDStatus===pdStatusCheck.QC_COMPLETED" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PD Report" matTooltipPosition="above" (click)="getPDIDReport(viewID)"><mat-icon>ballot</mat-icon></button>
|
||||
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close" matTooltipPosition="above" (click)="loadPdListCompoent()"><mat-icon>close</mat-icon></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</mat-card-content>
|
||||
<hr>
|
||||
<mat-card-content>
|
||||
<div *ngFor="let master of pdMasterData">
|
||||
<div fxLayout="row" fxLayoutWrap="wrap" class="mb-3">
|
||||
<div fxFlex="60">
|
||||
<div fxLayout="row">
|
||||
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" class="profile-center">
|
||||
<div fxFlex="10">
|
||||
<span><i class="fa-1x fa fa-suitcase" style="width: 37px;padding: 8px 9px 8px 9px;border-bottom: 2px solid red;"></i></span>
|
||||
</div>
|
||||
<div fxFlex="90">
|
||||
<span *ngIf="master.product_name"> {{master.product_name}}<span *ngIf="master.subproduct_name"> / {{master.subproduct_name}} </span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div fxLayout="row">
|
||||
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" class="profile-center">
|
||||
<span *ngIf="master.loan_amount"><i class="fa-1x fa fa-rupee" style="width: 37px;padding: 8px 9px 8px 9px;border-bottom: 2px solid red;"></i> {{master.loan_amount}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div fxLayout="row">
|
||||
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" class="profile-center">
|
||||
<span *ngIf="master.pd_type_name"><i class="fa-1x fa fa-check-circle" style="width: 37px;padding: 8px 9px 8px 9px;border-bottom: 2px solid red;"></i> {{master.pd_type_name}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div fxLayout="row">
|
||||
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" class="profile-center">
|
||||
<div fxFlex="10">
|
||||
<span><i class="fa-1x fa fa-map-marker" style="width: 37px;padding: 8px 9px 8px 9px;border-bottom: 2px solid red;"></i></span>
|
||||
</div>
|
||||
<div fxFlex="90">
|
||||
<span *ngIf="master.state_name" class="hover-icon"> {{master.addressline1}}, {{master.city_name}},<br>{{master.state_name}}-{{master.pincode}} </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--<div fxLayout="row">
|
||||
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" class="profile-center">
|
||||
<span><i class="fa-1x fa fa-suitcase" style="width: 37px;padding: 8px 9px 8px 9px;border-bottom: 2px solid red;"></i> {{master.addressline1}}</span>
|
||||
</div>
|
||||
</div>-->
|
||||
</div>
|
||||
<div fxFlex="40">
|
||||
<div *ngIf="master.pd_contact_person || master.pd_contact_mobileno" style="background-color:#e3dbdb;padding:9px;">
|
||||
<h4 class="ma-0" style="font-size:13px;padding-bottom:5px;color:red;"><span>Lender Contact Details</span></h4>
|
||||
|
||||
<div fxLayout="row">
|
||||
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" class="profile-center">
|
||||
<span *ngIf="master.pd_contact_person"> <i class="fa-1x fa fa-user" style="padding: 8px 13px 8px 13px;border-bottom: 2px solid red;"></i> {{master.pd_contact_person}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div fxLayout="row">
|
||||
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" class="profile-center">
|
||||
<span *ngIf="master.pd_contact_mobileno"> <i class="fa-1x fa fa-phone" style="padding: 8px 13px 8px 13px;border-bottom: 2px solid red;"></i> {{master.pd_contact_mobileno}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div fxLayout="row" *ngIf="master.remarks" style="background-color:#e3dbdb;padding:15px;">
|
||||
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" class="profile-center">
|
||||
<h4 class="ma-0" style="font-size:13px;padding-bottom:5px;color:red;"><span> Remarks </span></h4>
|
||||
|
||||
<span>{{master.remarks}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div fxLayout="row" class="cardEdit" *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED">
|
||||
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" class="profile-center">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</mat-card-content>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</mat-card>
|
||||
<mat-card class="p-2">
|
||||
<h4>PD Details</h4>
|
||||
<mat-tab-group class="mt-2">
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>Applicants</ng-template>
|
||||
<mat-card>
|
||||
<div class="cardEdit" *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED">
|
||||
<button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="editPdApplicant(pdApplicantData)"><mat-icon>edit</mat-icon></button>
|
||||
</div>
|
||||
@ -90,19 +145,19 @@
|
||||
<mat-list *ngFor="let applicant of pdApplicantData">
|
||||
<mat-list-item style="height:68px !important;">
|
||||
<p><span *ngIf="applicant.applicant_name!=null" class="mb-2 text-center hover-icon">
|
||||
<i class="fa-1x fa fa-user-o"></i>
|
||||
<i class="fa-1x fa fa-user-o" style="width: 37px;padding: 8px 9px 8px 9px;border-bottom: 2px solid red;"></i>
|
||||
{{applicant.applicant_name}}
|
||||
</span>
|
||||
<span *ngIf="applicant.mobile_no != '' && 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" style="width: 37px;padding: 8px 9px 8px 9px;border-bottom: 2px solid red;"></i>
|
||||
{{applicant.mobile_no}}
|
||||
</span>
|
||||
<span *ngIf="applicant.landline != '' && applicant.landline != 'null-null' && applicant.landline != null " class="mb-2 text-center hover-icon">
|
||||
<i class="fa-1x fa fa-phone"></i>
|
||||
<i class="fa-1x fa fa-phone" style="width: 37px;padding: 8px 9px 8px 9px;border-bottom: 2px solid red;"></i>
|
||||
<span matPrefix>+91</span>{{applicant.landline}}
|
||||
</span>
|
||||
<br><span *ngIf="applicant.applicant_type=='1';else codetails" style="font-size:12px;">Main Applicant </span>
|
||||
<ng-template #codetails><span>{{applicant.relation_name}}</span></ng-template>
|
||||
<span *ngIf="applicant.applicant_type=='1';else codetails" style="font-size:12px;">( Main Applicant ) </span>
|
||||
<ng-template #codetails><span>( {{applicant.relation_name}} )</span></ng-template>
|
||||
</p>
|
||||
</mat-list-item>
|
||||
</mat-list>
|
||||
@ -113,17 +168,16 @@
|
||||
</mat-card-content>
|
||||
</ng-template>
|
||||
</mat-card>
|
||||
</div>
|
||||
<div fxFlex.xs="100" class="m-gap p-gap" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="100" fxFlex.xl="100">
|
||||
<!-- applicant card -->
|
||||
<mat-card class="minheight">
|
||||
<div class="cardEdit" *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED">
|
||||
</mat-tab>
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>Additional Requirements</ng-template>
|
||||
<mat-card>
|
||||
<div class="cardEdit" *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED">
|
||||
<button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="editAdditionalRequirement(pdAdditionalReqData)"><mat-icon>edit</mat-icon></button>
|
||||
</div>
|
||||
<mat-card-header>
|
||||
</div>
|
||||
<mat-card-header>
|
||||
<mat-card-title style="color:red !important;">Additional Requirements</mat-card-title>
|
||||
</mat-card-header>
|
||||
|
||||
<mat-card-content *ngIf="pdAdditionalReqData.length>0; else noRequirement">
|
||||
<mat-list *ngFor="let requirement of pdAdditionalReqData">
|
||||
<mat-list-item>
|
||||
@ -137,41 +191,30 @@
|
||||
</mat-card-content>
|
||||
</ng-template>
|
||||
</mat-card>
|
||||
</div>
|
||||
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50" class="m-gap p-gap">
|
||||
<!-- pd documents card -->
|
||||
<mat-expansion-panel *ngIf="pdDocumentsData.length>0; else nodocument">
|
||||
<mat-expansion-panel-header>
|
||||
<mat-panel-title class="text-xs-left" style="color:red !important;">
|
||||
<h6 class="mt-0">Documents</h6>
|
||||
</mat-panel-title>
|
||||
</mat-expansion-panel-header>
|
||||
<mat-list *ngFor="let documents of pdDocumentsData">
|
||||
</mat-tab>
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>Documents</ng-template>
|
||||
<div *ngIf="pdDocumentsData.length>0; else nodocument">
|
||||
<mat-list *ngFor="let documents of pdDocumentsData">
|
||||
<mat-list-item>
|
||||
<!--<p><span><i class="fa-1x fa fa-file"></i> {{documents.pd_document_title}} </span></p> -->
|
||||
<a href="{{documents.doc_url}}" target="_blank"><i class="fa-1x fa fa-file"></i> {{documents.pd_document_title}}</a>
|
||||
<!---- <span class="mb-2 text-center hover-icon"> {{documents.pd_document_name}} </span> -->
|
||||
<!-- <span class="mb-2 text-center hover-icon"> {{documents.pd_document_name}} </span> -->
|
||||
</mat-list-item>
|
||||
</mat-list>
|
||||
</mat-expansion-panel>
|
||||
</div>
|
||||
<ng-template #nodocument>
|
||||
<mat-card>
|
||||
<mat-card-content>
|
||||
<p>No Document</p>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
</ng-template>
|
||||
</div>
|
||||
<div class="m-gap p-gap" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50">
|
||||
<!--pd logs card -->
|
||||
<mat-expansion-panel *ngIf="masterPdLogsData.length>0; else nohistory">
|
||||
<mat-expansion-panel-header>
|
||||
<mat-panel-title class="text-xs-left" style="color:red !important;">
|
||||
<h6 class="mt-0"> PD History</h6>
|
||||
</mat-panel-title>
|
||||
|
||||
</mat-expansion-panel-header>
|
||||
<mat-list class="m-gap p-gap" *ngFor="let master of masterPdLogsData">
|
||||
</ng-template>
|
||||
</mat-tab>
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>PD History</ng-template>
|
||||
<div *ngIf="masterPdLogsData.length>0; else nohistory">
|
||||
<mat-list class="m-gap p-gap" *ngFor="let master of masterPdLogsData">
|
||||
<mat-list-item>
|
||||
<span style="font-size:15px;"><span style="color:#908f8f">{{master.time}}</span>
|
||||
<span style="color:#908f8f"> <i> {{master.user}} </i> </span><br> <span>{{master.log}}</span> </span>
|
||||
@ -179,9 +222,7 @@
|
||||
</mat-list-item>
|
||||
|
||||
</mat-list>
|
||||
|
||||
</mat-expansion-panel>
|
||||
|
||||
</div>
|
||||
<ng-template #nohistory>
|
||||
<mat-card>
|
||||
<mat-card-content>
|
||||
@ -189,10 +230,10 @@
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
</ng-template>
|
||||
|
||||
</div>
|
||||
<div class="m-gap p-gap" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50">
|
||||
<mat-card>
|
||||
</mat-tab>
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>QC Notes</ng-template>
|
||||
<mat-card>
|
||||
<div style="color:red !important;">
|
||||
<h6>QC Notes</h6>
|
||||
</div>
|
||||
@ -200,9 +241,12 @@
|
||||
{{ pdMasterData[0]?.qc_remarks}}</p>
|
||||
|
||||
</mat-card>
|
||||
</div>
|
||||
<div *ngIf="pdMasterData[0]?.pd_status === 'QC_COMPLETED'" class="m-gap p-gap" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50"
|
||||
fxFlex.lg="50" fxFlex.xl="50">
|
||||
|
||||
</mat-tab>
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>QC Remarks</ng-template>
|
||||
<div *ngIf="pdMasterData[0]?.pd_status === 'QC_COMPLETED'" class="m-gap p-gap" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100"
|
||||
fxFlex.lg="100" fxFlex.xl="100">
|
||||
<mat-card>
|
||||
<div style="color:red !important;">
|
||||
<h6>QC Remarks</h6>
|
||||
@ -222,11 +266,11 @@
|
||||
{{ pdMasterData[0]?.qc_feedback}}
|
||||
</div>
|
||||
</mat-card>
|
||||
</div>
|
||||
</div>
|
||||
</mat-card-content>
|
||||
</div>
|
||||
</mat-card-content>
|
||||
</div>
|
||||
</mat-tab>
|
||||
</mat-tab-group>
|
||||
</mat-card>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
|
||||
<!-- <notifier-container></notifier-container> -->
|
||||
|
||||
|
||||
@ -8,4 +8,26 @@
|
||||
}
|
||||
::ng-deep .body-container{
|
||||
padding: 0rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
:host {
|
||||
margin-left: -5px;
|
||||
margin-right: -5px;
|
||||
margin-top: -5px;
|
||||
display: block;
|
||||
}
|
||||
.wrapper {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
.content-data{
|
||||
h2{
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
@media(max-width:767px){
|
||||
.profile-center{
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user