UI changes
This commit is contained in:
parent
4995cb84da
commit
611f27e8de
@ -108,12 +108,12 @@
|
||||
</div>
|
||||
</div>
|
||||
<div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33" fxFlex="100">
|
||||
<div class="search-bar" fxFlex>
|
||||
<!--<div class="search-bar" fxFlex>
|
||||
<form class="search-form">
|
||||
<mat-icon>search</mat-icon>
|
||||
<input type="text" placeholder="Search" autofocus="true" />
|
||||
</form>
|
||||
</div>
|
||||
</div>-->
|
||||
</div>
|
||||
|
||||
<div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33" fxFlex="100">
|
||||
@ -124,7 +124,7 @@
|
||||
<!--<span>{{ menuitem.name | translate }}</span>-->
|
||||
</button>
|
||||
</span>
|
||||
<button [mat-menu-trigger-for]="multi" matTooltip="settings" matTooltipPosition="below" mat-icon-button class="ml-xs">
|
||||
<button [mat-menu-trigger-for]="multi" matTooltip="Settings" matTooltipPosition="below" mat-icon-button class="ml-xs">
|
||||
<mat-icon>settings</mat-icon>
|
||||
</button>
|
||||
<mat-menu #multi="matMenu" class="opt-menu" x-position="before">
|
||||
@ -145,7 +145,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</mat-menu>
|
||||
<button appToggleFullscreen mat-icon-button>
|
||||
<button appToggleFullscreen matTooltip="Fullscreen" matTooltipPosition="below" mat-icon-button>
|
||||
<mat-icon>fullscreen</mat-icon>
|
||||
</button>
|
||||
<!--<button [mat-menu-trigger-for]="user2" mat-icon-button class="ml-xs overflow-visible">
|
||||
@ -193,7 +193,7 @@
|
||||
Calendar Settings
|
||||
</button>
|
||||
</mat-menu> -->
|
||||
<button (click)="end.toggle()" mat-icon-button class="ml-xs overflow-visible">
|
||||
<button (click)="end.toggle()" matTooltip="Notifications" matTooltipPosition="below" mat-icon-button class="ml-xs overflow-visible">
|
||||
<mat-icon>notifications</mat-icon>
|
||||
<!-- <span class="notification-label">2</span> -->
|
||||
<span *ngIf="alertCount != 0" style = "width:23px" class="notification-label" >{{alertCount}}</span>
|
||||
@ -288,7 +288,7 @@
|
||||
<mat-icon>notifications</mat-icon>
|
||||
<span *ngIf="alertCount != 0" style = "width:23px" class="notification-label" >{{alertCount}}</span>
|
||||
</button>
|
||||
<button [mat-menu-trigger-for]="user" mat-icon-button class="ml-xs">
|
||||
<button [mat-menu-trigger-for]="user" matTooltip="Person" matTooltipPosition="below" mat-icon-button class="ml-xs">
|
||||
<mat-icon>person</mat-icon>
|
||||
</button>
|
||||
<mat-menu #user="matMenu" class="opt-menu" x-position="before">
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||
{{data.first_name}}
|
||||
</div>
|
||||
<div fxFlex="30" align="end">
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
ol {
|
||||
list-style-type: none;
|
||||
|
||||
@ -3,6 +3,6 @@ mat-form-field {
|
||||
}
|
||||
.paragraph_change {
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
background-color: #e00201 !important;
|
||||
// padding: 10px !important;
|
||||
}
|
||||
@ -1,5 +1,5 @@
|
||||
<h2 mat-dialog-title>
|
||||
<div fxFlex="70">
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" style="padding: 10px !important;">
|
||||
{{pageTitle}}
|
||||
</div>
|
||||
<div fxFlex="30" align="end">
|
||||
|
||||
@ -15,4 +15,9 @@
|
||||
.cdk-global-overlay-wrapper{
|
||||
justify-content: center !important;
|
||||
}
|
||||
.paragraph_change {
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
// padding: 10px !important;
|
||||
}
|
||||
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<form [formGroup]="_EditPDRequirementForm" novalidate>
|
||||
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||
{{pageTitle}}
|
||||
</div>
|
||||
<div fxFlex="30" align="end">
|
||||
|
||||
@ -2,5 +2,6 @@ mat-form-field {
|
||||
margin: 0 2%;
|
||||
}
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
@ -2,7 +2,7 @@
|
||||
<form class="address" [formGroup]="addressForm">
|
||||
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||
{{pageTitle}}
|
||||
</div>
|
||||
<div fxFlex="30" align="end">
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.mat-card-content {
|
||||
background-color: white;
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<form [formGroup]="_assessedIncomeFormFrom">
|
||||
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||
{{pageTitle}}
|
||||
</div>
|
||||
<div fxFlex="30" align="end">
|
||||
|
||||
@ -35,7 +35,8 @@ tr.mat-footer-row {
|
||||
|
||||
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.mat-card-content {
|
||||
background-color: white;
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<form *ngIf="apiLoadFinish && loadDetails" [formGroup]="_assetsQuesFrom" (submit)="onSubmit()" novalidate>
|
||||
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||
{{pageTitle}}
|
||||
</div>
|
||||
<div fxFlex="30" align="end">
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.mat-card-content {
|
||||
background-color: white;
|
||||
|
||||
@ -69,7 +69,7 @@
|
||||
<!--=======-->
|
||||
<form [formGroup]="bankingForm" class="bankForm">
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">{{pageTitle}}</div>
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">{{pageTitle}}</div>
|
||||
<div fxFlex="30" align="end">
|
||||
<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>
|
||||
|
||||
|
||||
@ -11,7 +11,8 @@
|
||||
|
||||
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.mat-card-content {
|
||||
background-color: white;
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<form [formGroup]="businessForm" class="address">
|
||||
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">{{pageTitle}}</div>
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">{{pageTitle}}</div>
|
||||
<div fxFlex="30" align="end">
|
||||
<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>
|
||||
|
||||
|
||||
@ -33,7 +33,8 @@
|
||||
|
||||
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.mat-card-content {
|
||||
background-color: white;
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<form *ngIf="apiLoadFinish" [formGroup]="_clientQuesFrom" (submit)="onSubmit()" novalidate>
|
||||
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">{{pageTitle}}</div>
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">{{pageTitle}}</div>
|
||||
<div fxFlex="30" align="end">
|
||||
<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>
|
||||
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.mat-card-content {
|
||||
background-color: white;
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<form [formGroup]="currentLoanForm" class="address">
|
||||
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">{{pageTitle}}</div>
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">{{pageTitle}}</div>
|
||||
<div fxFlex="30" align="end">
|
||||
<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>
|
||||
|
||||
|
||||
@ -19,7 +19,8 @@
|
||||
// }
|
||||
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.mat-card-content {
|
||||
background-color: white;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<form [formGroup]="employmentForm" class="address">
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||
{{pageTitle}}
|
||||
</div>
|
||||
<div fxFlex="30" align="end">
|
||||
|
||||
@ -21,7 +21,8 @@
|
||||
}
|
||||
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.mat-card-content {
|
||||
background-color: white;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<form class="address" [formGroup]="familyForm">
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||
{{pageTitle}}
|
||||
</div>
|
||||
<div fxFlex="30" align="end">
|
||||
|
||||
@ -24,7 +24,8 @@
|
||||
|
||||
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.mat-card-content {
|
||||
background-color: white;
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<form [formGroup]="financialForm" class="address">
|
||||
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||
{{pageTitle}}
|
||||
</div>
|
||||
<div fxFlex="30" align="end">
|
||||
|
||||
@ -23,7 +23,8 @@
|
||||
|
||||
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.mat-card-content {
|
||||
background-color: white;
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<form [formGroup]="_generalForm" novalidate>
|
||||
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||
{{pageTitle}}
|
||||
</div>
|
||||
<div fxFlex="30" align="end">
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.example-section {
|
||||
height: 120px;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<form [formGroup]="representativeForm" class="address">
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||
{{pageTitle}}
|
||||
</div>
|
||||
<div fxFlex="30" align="end">
|
||||
|
||||
@ -11,7 +11,8 @@
|
||||
// }
|
||||
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.mat-card-content {
|
||||
background-color: white;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<form [formGroup]="loanDetailsForm" class="address">
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||
{{pageTitle}}
|
||||
</div>
|
||||
<div fxFlex="30" align="end">
|
||||
|
||||
@ -23,7 +23,8 @@
|
||||
|
||||
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.mat-card-content {
|
||||
background-color: white;
|
||||
|
||||
2
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.html
Normal file → Executable file
2
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.html
Normal file → Executable file
@ -1,7 +1,7 @@
|
||||
<form [formGroup]="_neighbourhoodForm" novalidate>
|
||||
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||
<div fxLayout="row wrap">
|
||||
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100">
|
||||
{{pageTitle}}
|
||||
|
||||
3
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.scss
Normal file → Executable file
3
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.scss
Normal file → Executable file
@ -1,5 +1,6 @@
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
mat-form-field {
|
||||
margin: 0 2%;
|
||||
|
||||
0
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.spec.ts
Normal file → Executable file
0
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.spec.ts
Normal file → Executable file
0
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.ts
Normal file → Executable file
0
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.ts
Normal file → Executable file
@ -1,7 +1,7 @@
|
||||
<form [formGroup]="_OtherForm" novalidate>
|
||||
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||
{{pageTitle}}
|
||||
</div>
|
||||
<div fxFlex="30" align="end">
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
mat-form-field {
|
||||
margin: 0 2%;
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<form [formGroup]="otherIncomeForm" class="address">
|
||||
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||
{{pageTitle}}
|
||||
</div>
|
||||
<div fxFlex="30" align="end">
|
||||
|
||||
@ -18,7 +18,8 @@
|
||||
// }
|
||||
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.mat-card-content {
|
||||
background-color: white;
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<form [formGroup]="_personalForm" (submit)="submitPersonalForm(_personalForm.value)" novalidate>
|
||||
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||
{{pageTitle}}
|
||||
</div>
|
||||
<div fxFlex="30" align="end">
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.mat-card-content {
|
||||
background-color: white;
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<form class="address" [formGroup]="rentalForm">
|
||||
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||
{{pageTitle}}
|
||||
</div>
|
||||
<div fxFlex="30" align="end">
|
||||
|
||||
@ -27,7 +27,8 @@
|
||||
// }
|
||||
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.mat-card-content {
|
||||
background-color: white;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<form [formGroup]="stockForm" class="address">
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||
{{pageTitle}}
|
||||
</div>
|
||||
<div fxFlex="30" align="end">
|
||||
|
||||
@ -18,7 +18,8 @@
|
||||
// }
|
||||
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.mat-card-content {
|
||||
background-color: white;
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<form *ngIf="apiLoadFinish" [formGroup]="_supplierQuesFrom" (submit)="onSubmit()" novalidate>
|
||||
|
||||
<h2 mat-dialog-title class="paragraph_change">
|
||||
<div fxFlex="70" align="left">{{pageTitle}}</div>
|
||||
<div fxFlex="70" align="left" style="padding: 10px !important;">{{pageTitle}}</div>
|
||||
<div fxFlex="30" align="end">
|
||||
<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>
|
||||
|
||||
|
||||
@ -3,7 +3,8 @@
|
||||
// }
|
||||
|
||||
.paragraph_change {
|
||||
color: #e00201 !important;
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
}
|
||||
.mat-card-content {
|
||||
background-color: white;
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<div *ngIf="listView">
|
||||
<mat-card>
|
||||
<mat-card-content>
|
||||
<div fxLayout="row" fxLayout.xs="column" fxLayoutWrap fxLayoutAlign="center none" style="padding-top:1%">
|
||||
<div fxLayout="row" fxLayout.xs="column" fxLayoutWrap style="padding-top:1%">
|
||||
<div fxFlex="80%">
|
||||
<mat-card-title><span style="font-size:24px"> Entity Master</span></mat-card-title>
|
||||
</div>
|
||||
|
||||
@ -38,7 +38,7 @@ const HORIZONTALMENUITEMS = [
|
||||
{state:'setting/mastermodule',name:'Master Details'},
|
||||
{state:'setting/entity',name:'Entities'},
|
||||
{state:'setting/pdteamlist',name:'PD Team'},
|
||||
{state:'template/questions', name: 'Questions'},
|
||||
// {state:'template/questions', name: 'Questions'},
|
||||
{state:'template/templates', name: 'Templates'},
|
||||
]
|
||||
},
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div fxFlex="30%">
|
||||
<mat-form-field style="width: 80px; text-align: center" appearance="outline">
|
||||
<mat-form-field style="width: 110px; text-align: center">
|
||||
<input matInput placeholder="Weightage *" formControlName="weightage">
|
||||
</mat-form-field> <span>%</span>
|
||||
<mat-error *ngIf="submitted && answ['controls'].weightage.hasError('required')" class="mat-text-warn">Weightage Required.!</mat-error>
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
<span>{{i+1}}</span> ) <label>{{ques.get('question').value}}</label>
|
||||
</div>
|
||||
<div fxFlex="1 1 auto" class="ml-xs" fxFlex="20%">
|
||||
<mat-form-field style="width: 35%; text-align: center" appearance="outline">
|
||||
<mat-form-field style="width: 100px; text-align: center">
|
||||
<input matInput formControlName="weightage">
|
||||
</mat-form-field> <span> % </span>
|
||||
<mat-error *ngIf="submitted && ques['controls'].weightage.hasError('required')" class="mat-text-warn">Ques. WT is Required.!</mat-error>
|
||||
@ -61,7 +61,7 @@
|
||||
</div>
|
||||
|
||||
<div class="row" style="text-align:right;">
|
||||
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Add More Question and Answer" matTooltipPosition="above" color="primary" (click)="openDialog(); false"><mat-icon>add</mat-icon></button>
|
||||
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Add Data Points" matTooltipPosition="above" color="primary" (click)="openDialog(); false"><mat-icon>add</mat-icon></button>
|
||||
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Save" matTooltipPosition="above" type="submit"><mat-icon>save</mat-icon></button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@ -26,14 +26,16 @@
|
||||
</div>
|
||||
</div>
|
||||
<ng-container>
|
||||
<mat-table [dataSource]="dataSource" *ngIf="templateList.length > 0" >
|
||||
<mat-table [dataSource]="dataSource" *ngIf="templateList.length > 0" matSort>
|
||||
|
||||
<ng-container matColumnDef="template_name">
|
||||
<mat-header-cell *matHeaderCellDef mat-sort-header>Template Name</mat-header-cell>
|
||||
<mat-cell fxFlex="25%" *matCellDef="let template;">
|
||||
<span *ngIf="template.template_name" mat-line>{{ template.template_name }}</span>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="lender_details">
|
||||
<mat-header-cell *matHeaderCellDef mat-sort-header>Lender Details</mat-header-cell>
|
||||
<mat-cell fxFlex="65%" *matCellDef="let template;">
|
||||
<div *ngIf="template.lender_details.length > 0" class="text-line-limit">
|
||||
<span *ngFor="let lender of template.lender_details ; let last = last" > {{lender.full_name}} - {{lender.product_name}} - {{lender.customer_segment_name}} <span *ngIf="!last">,<br><br></span></span>
|
||||
@ -41,10 +43,12 @@
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="actions">
|
||||
<mat-header-cell *matHeaderCellDef mat-sort-header style="justify-content: flex-end;">Actions</mat-header-cell>
|
||||
<mat-cell fxFlex="10%" *matCellDef="let template;">
|
||||
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Edit" matTooltipPosition="above" (click)="goToEdit(template.template_id)"><mat-icon>edit</mat-icon></button>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
|
||||
<mat-row style="align-items: normal !important;" *matRowDef="let row; columns: displayedColumns;">
|
||||
</mat-row>
|
||||
</mat-table>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user