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

UI Changes

Browse Source
This commit is contained in:
dineshkumarkannan 2019-02-06 18:18:23 +05:30
parent 478ab33168
commit de9c8649ce
11 changed files with 264 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info-group/business-info-group.component.ts
View File

@ -60,8 +60,11 @@ export class BusinessInfoGroupComponent implements OnInit {
if(details.form_id==1){
const dialogRef = this.dialog.open(SupplierInfoComponent, {
data: this.pd_all_details,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -72,8 +75,11 @@ export class BusinessInfoGroupComponent implements OnInit {
else if(details.form_id==2){
const dialogRef = this.dialog.open(ClientInfoComponent, {
data: this.pd_all_details,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -84,8 +90,11 @@ export class BusinessInfoGroupComponent implements OnInit {
else if(details.form_id==11){
const dialogRef = this.dialog.open(StockComponent, {
data: this.pd_all_details,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -96,8 +105,11 @@ export class BusinessInfoGroupComponent implements OnInit {
else if(details.form_id==13){
const dialogRef = this.dialog.open(BusinessInfoComponent, {
data: this.pd_all_details,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -108,8 +120,11 @@ export class BusinessInfoGroupComponent implements OnInit {
else if(details.form_id==14){
const dialogRef = this.dialog.open(FinancialInfoComponent, {
data: this.pd_all_details,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -120,8 +135,11 @@ export class BusinessInfoGroupComponent implements OnInit {
else if(details.form_id==22){
const dialogRef = this.dialog.open(BusinessAssetsInfoComponent, {
data: this.pd_all_details,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -132,8 +150,11 @@ export class BusinessInfoGroupComponent implements OnInit {
else if(details.form_id==21) {
const dialogRef = this.dialog.open(BusinessBankingDetailsComponent, {
data: this.pd_all_details,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()

21
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.html
View File

@ -1,16 +1,33 @@
<form [formGroup]="representativeForm" class="address">
<h2 mat-dialog-title class="paragraph_change">
<div fxFlex="70" align="left" style="padding: 10px !important;">
<span>{{main_applicant}} ({{lender_applicant_id}}), {{customer_segment_abbr}} - {{subproduct_abbr}} </span><br>
{{pageTitle}}
</div>
<div fxFlex="30" align="end" style="padding: 10px !important;">
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close" matTooltipPosition="right" mat-dialog-close><mat-icon>close</mat-icon></button>
<!--<mat-form-field>
<input matInput value="Disco party!" placeholder="Message" #message>
</mat-form-field>
<mat-form-field>
<input matInput value="Dance" placeholder="Action" #action>
</mat-form-field>-->
<!--<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Show Snack Bar" matTooltipPosition="right" (click)="open()"><mat-icon>person</mat-icon></button> -->
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close" matTooltipPosition="right" mat-dialog-close><mat-icon>close</mat-icon></button>
</div>
</h2>
<mat-dialog-content>
<!--<div fxLayout="row">
<div fxFlex="100">
<div fxFlex="20" fxFlexOffset="40" style="text-align:center;">
<mat-card class="notificard">
<h6 style="text-align:right;"> <button mat-icon-button class="hover-icon " type="button" matTooltip="Close" matTooltipPosition="above"><mat-icon>close</mat-icon></button>
</h6>
<h2 style="margin-top: 0px;margin-bottom:30px;">heading</h2>
</mat-card>
</div></div></div>-->
<mat-tab-group>
<mat-tab label="Questions">
<ng-template matTabContent>

25
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.scss
View File

@ -1,7 +1,24 @@
.mat-form-field {
width: 97%;
}
::ng-deep .cdk-global-overlay-wrapper {
align-items: flex-start !important;
}
::ng-deep .mat-snack-bar-container.mat-snack-bar-center{
margin: 5px !important;
}
::ng-deep .mat-simple-snackbar-action button {
text-align: right;
padding: 0px;
color: #e00201;
}
// .notificard{
// width: 25%;
// margin-top: -66px;
// position: absolute;
// color: #fff !important;
// background: rgba(74, 70, 70, 0.30980392156862746);
// }
// .address > * {
// width: 100%;
// }
@ -9,9 +26,9 @@
// margin: 0 2%;
// width:100%;
// }
::ng-deep .cdk-global-overlay-wrapper{
justify-content: center !important;
}
// ::ng-deep .cdk-global-overlay-wrapper{
// justify-content: center !important;
// }
.paragraph_change {
color: #fff !important;
background-color: #e00201 !important;

37
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.ts
View File

@ -4,7 +4,9 @@ import { NotifierService } from 'angular-notifier';
import {
MatDialog,
MatDialogRef,
MAT_DIALOG_DATA
MAT_DIALOG_DATA,
MatSnackBarConfig,
MatSnackBar,
} from '@angular/material';
/** Service */
import { PdTrigerService } from '../../../../../pd-service/pd-triger.service';
@ -16,23 +18,45 @@ import { ActivatedRoute, Router } from "@angular/router";
styleUrls: ['./lender-representative.component.scss']
})
export class LenderRepresentativeComponent implements OnInit {
customer_segment_abbr: any;
subproduct_abbr: any;
lender_applicant_id: any;
main_applicant: any;
message : any = {};
// applicant_name: any;
// snackBar: any;
public representativeForm: FormGroup;
private notifier: NotifierService;
pageTitle: string ="Lender Representative Details";
pdid: number;
form_id: number;
//snack bar
constructor(notifier: NotifierService,
private fb: FormBuilder,
private route: ActivatedRoute,
private router: Router,
private snackBar: MatSnackBar,
private _pd: PdTrigerService,
private dialogRef: MatDialogRef<LenderRepresentativeComponent>,
@Inject(MAT_DIALOG_DATA) public pd_all_details: any) {
this.pdid = this.pd_all_details.pdmaster_details.pd_id;
this.main_applicant = this.pd_all_details.pdmaster_details.main_applicant;
this.lender_applicant_id = this.pd_all_details.pdmaster_details.lender_applicant_id;
this.subproduct_abbr = this.pd_all_details.pdmaster_details.subproduct_abbr;
this.customer_segment_abbr = this.pd_all_details.pdmaster_details.customer_segment_abbr;
// console.log(this.main_applicant+','+this.lender_applicant_id+','+this.subproduct_abbr+','+this.customer_segment_abbr);
this.form_id = 15;
this.notifier = notifier;
}
// message ='Snack Bar Opened.';
// actionButtonLabel = 'Close';
// action = true;
// setAutohide = true;
// autoHide = 1000000;
// addExtraClass = false;
public viewerOptions: any = {
navbar: false,
toolbar: {
@ -52,7 +76,18 @@ export class LenderRepresentativeComponent implements OnInit {
flipVertical: 4,
}
};
// open() {
// // console.log('hai');
// const config = new MatSnackBarConfig();
// config.duration = this.autoHide;
// config.panelClass = this.addExtraClass ? ['party'] : null;
// this.snackBar.open(this.message, this.action && this.actionButtonLabel, config);
// }
ngOnInit() {
// this.message.main_applicant = this.main_applicant;
// this.message.lender_applicant_id = this.lender_applicant_id;
this.initRepresentative();
let params: any = {};
params.pd_id = this.pdid;

3
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss
View File

@ -1,6 +1,9 @@
// .child_mat_card mat-card {
// margin: 2 0%;
// }
::ng-deep .mat-dialog-container{
overflow: hidden !important;
}
::ng-deep .mat-card-header-text{
margin:0px !important;
}

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

@ -161,8 +161,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==1){
const dialogRef = this.dialog.open(SupplierInfoComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -174,8 +177,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==2){
const dialogRef = this.dialog.open(ClientInfoComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -187,8 +193,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==3){
const dialogRef = this.dialog.open(PersonalInfoComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -200,8 +209,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==4){
const dialogRef = this.dialog.open(AssetsInfoComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -213,8 +225,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==5){
const dialogRef = this.dialog.open(AddressComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -226,8 +241,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==6){
const dialogRef = this.dialog.open(FamilyDetailsComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -239,8 +257,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==7){
const dialogRef = this.dialog.open(BankingDetailsComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -253,8 +274,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==8){
const dialogRef = this.dialog.open(CurrentLoanComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -267,8 +291,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==9){
const dialogRef = this.dialog.open(OtherIncomeComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -280,8 +307,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==10){
const dialogRef = this.dialog.open(LoanDetailsComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -293,8 +323,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==11){
const dialogRef = this.dialog.open(StockComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -306,8 +339,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==12){
const dialogRef = this.dialog.open(EmploymentInfoComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -319,8 +355,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==13){
const dialogRef = this.dialog.open(BusinessInfoGroupComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -332,8 +371,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==14){
const dialogRef = this.dialog.open(FinancialInfoComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -345,8 +387,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==15){
const dialogRef = this.dialog.open(LenderRepresentativeComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -359,8 +404,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==16){
const dialogRef = this.dialog.open(AssessedIncomeComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -372,8 +420,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==17){
const dialogRef = this.dialog.open(RentalInfoComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()
@ -385,8 +436,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
else if(this.selectedFormsCategory.form_id==18){
const generaldialogRef = this.dialog.open(GeneralInfoComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
generaldialogRef.afterClosed()
@ -398,8 +452,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
else if(this.selectedFormsCategory.form_id==19){
const generaldialogRef = this.dialog.open(NeighbourHoodComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
generaldialogRef.afterClosed()
@ -410,8 +467,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
}else if(this.selectedFormsCategory.form_id==20){
const generaldialogRef = this.dialog.open(FinalRemarksComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
generaldialogRef.afterClosed()
@ -423,8 +483,11 @@ export class StartPdComponent implements OnInit, OnDestroy {
if(this.selectedFormsCategory.form_id==22){
const dialogRef = this.dialog.open(BusinessAssetsInfoComponent, {
data: this.pdFullDetails,
position: { right: '0'},
width:'80%',
// position: { right: '0'},
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%',
disableClose: true
});
dialogRef.afterClosed()

3
ng6-seed/src/app/personal-discussion/personal-discussion.module.ts
View File

@ -50,7 +50,6 @@ import { personalDiscussionRoutes } from './personal-discussion.routing';
TreeModule,
MatDialogModule,MatSortModule,
NgxMatSelectSearchModule,MatTooltipModule, MatExpansionModule,
],
declarations: []
]
})
export class PersonalDiscussionModule { }

3
ng6-seed/src/app/personal-discussion/snack-bar/snack-bar.component.html Normal file
View File

@ -0,0 +1,3 @@
<p>
snack-bar works!
</p>

0
ng6-seed/src/app/personal-discussion/snack-bar/snack-bar.component.scss Normal file
View File

25
ng6-seed/src/app/personal-discussion/snack-bar/snack-bar.component.spec.ts Normal file
View File

@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { SnackBarComponent } from './snack-bar.component';
describe('SnackBarComponent', () => {
let component: SnackBarComponent;
let fixture: ComponentFixture<SnackBarComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ SnackBarComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(SnackBarComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

15
ng6-seed/src/app/personal-discussion/snack-bar/snack-bar.component.ts Normal file
View File

@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-snack-bar',
templateUrl: './snack-bar.component.html',
styleUrls: ['./snack-bar.component.scss']
})
export class SnackBarComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}