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

UI in template allocation

Browse Source
This commit is contained in:
saravanakumarkandasami 2018-10-29 18:22:35 +05:30
parent 1ba4476104
commit 4bad0425ce
8 changed files with 1878 additions and 1862 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3616
ng6-seed/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

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

@ -1,28 +1,35 @@
<div style="height: 480px;">
<div style="height: 550px;">
<div style="text-align: right">
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="closeAllocationComponent()"><mat-icon>close</mat-icon></button>
</div>
<mat-card style="width: 750px;">
<mat-card style="width: 1000px;">
<mat-card-header>
<mat-card-title>{{pageTitle}}</mat-card-title>
</mat-card-header>
<mat-card-content>
<!-- <form [formGroup]="_pdAllocationForm" (submit)="onSubmit()"> -->
<mat-list *ngIf="pdOfficerList.length > 0">
<mat-list-item *ngFor="let officer of pdOfficerList">
<p><mat-radio-button (change)="selectPdOfficer(officer)"></mat-radio-button>
{{officer.first_name}} -
<span matBadge="{{officer.allocated}}" matBadgeOverlap="false" matBadgeColor="accent">Allocated</span>&nbsp; &nbsp;&nbsp; &nbsp;
<span matBadge="{{officer.scheduled}}" matBadgeOverlap="false" >Scheduled</span>&nbsp;&nbsp;&nbsp; &nbsp;
<span matBadge="{{officer.inprogress}}" matBadgeOverlap="false" matBadgeColor="warn">Inprogress</span>
</p>
</mat-list-item>
</mat-list>
<div *ngIf="pdOfficerList.length > 0" >
<div fxLayout="row wrap" fxFlex="100%">
<div fxLayout="row wrap" fxFlex="33.33%" *ngFor="let officer of pdOfficerList; ">
<mat-card fxFlex="100%">
<mat-card-content style="text-align:center">
<mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
<img src="https://c1.staticflickr.com/5/4023/5154094149_8c1345f634.jpg" style="border-radius:50%;width:50%"><br>
<span>{{officer.first_name}} </span><br>
<span>9842951617</span> <br>
<span style="font-size:14px;" matBadge="{{officer.allocated}}" matBadgeOverlap="false" matBadgeColor="accent">Allocated</span> &nbsp;&nbsp; &nbsp;&nbsp;
<span style="font-size:14px;" matBadge="{{officer.scheduled}}" matBadgeOverlap="false" >Scheduled</span> &nbsp;&nbsp; &nbsp;&nbsp;
<span style="font-size:14px;" matBadge="{{officer.inprogress}}" matBadgeOverlap="false" matBadgeColor="warn">Inprogress</span>
</mat-card-content>
</mat-card>
</div>
</div>
</div>
<mat-list *ngIf="pdOfficerList.length == 0">
<mat-list-item>
<p>PD officer not available..</p>

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

@ -1,44 +1,49 @@
<div style="max-height: 480px;">
<div style="max-height: 550px;">
<div style="text-align: right">
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="closeAllocationComponent()"><mat-icon>close</mat-icon></button>
</div>
<mat-card style="width: 580px; padding: 2px;" [style.display]="showFirstCard ? 'block' : 'none'">
<mat-card style="width: 1000px; padding: 2px;" [style.display]="showFirstCard ? 'block' : 'none'">
<mat-card-header>
<mat-card-title>{{pageTitle}}</mat-card-title>
</mat-card-header>
<mat-card-content>
<!-- <form [formGroup]="_pdAllocationForm" (submit)="onSubmit()"> -->
<mat-list *ngIf="pdOfficerList.length > 0" >
<mat-radio-group>
<mat-list-item *ngFor="let officer of pdOfficerList; ">
<!-- <p><mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
{{officer.first_name}}
</p>
<p style="padding-left: 8%;">
<span matBadge="{{officer.allocated}}" matBadgeOverlap="false" matBadgeColor="accent">Allocated</span>
</p>
<p style="padding-left: 8%;">
<span matBadge="{{officer.scheduled}}" matBadgeOverlap="false" >Scheduled</span>
</p>
<p style="padding-left: 8%;">
<span matBadge="{{officer.inprogress}}" matBadgeOverlap="false" matBadgeColor="warn">Inprogress</span>
</p>
-->
<p><mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
{{officer.first_name}} -
<span matBadge="{{officer.allocated}}" matBadgeOverlap="false" matBadgeColor="accent">Allocated</span>&nbsp; &nbsp;&nbsp; &nbsp;
<span matBadge="{{officer.scheduled}}" matBadgeOverlap="false" >Scheduled</span>&nbsp;&nbsp;&nbsp; &nbsp;
<span matBadge="{{officer.inprogress}}" matBadgeOverlap="false" matBadgeColor="warn">Inprogress</span>
</p>
<div *ngIf="pdOfficerList.length > 0" >
<div fxLayout="row wrap" fxFlex="100%">
<div fxLayout="row wrap" fxFlex="33.33%" *ngFor="let officer of pdOfficerList; ">
<!-- <p><mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
{{officer.first_name}}
</p>
<p style="padding-left: 8%;">
<span matBadge="{{officer.allocated}}" matBadgeOverlap="false" matBadgeColor="accent">Allocated</span>
</p>
<p style="padding-left: 8%;">
<span matBadge="{{officer.scheduled}}" matBadgeOverlap="false" >Scheduled</span>
</p>
<p style="padding-left: 8%;">
<span matBadge="{{officer.inprogress}}" matBadgeOverlap="false" matBadgeColor="warn">Inprogress</span>
</p>
-->
</mat-list-item>
</mat-radio-group>
</mat-list>
<mat-card fxFlex="100%">
<mat-card-content style="text-align:center">
<mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
<img src="https://c1.staticflickr.com/5/4023/5154094149_8c1345f634.jpg" style="border-radius:50%;width:50%"><br>
<span>{{officer.first_name}} </span><br>
<span>9842951617</span> <br>
<span style="font-size:14px;" matBadge="{{officer.allocated}}" matBadgeOverlap="false" matBadgeColor="accent">Allocated</span> &nbsp;&nbsp; &nbsp;&nbsp;
<span style="font-size:14px;" matBadge="{{officer.scheduled}}" matBadgeOverlap="false" >Scheduled</span> &nbsp;&nbsp; &nbsp;&nbsp;
<span style="font-size:14px;" matBadge="{{officer.inprogress}}" matBadgeOverlap="false" matBadgeColor="warn">Inprogress</span>
</mat-card-content>
</mat-card>
</div>
</div>
</div>
<mat-list *ngIf="pdOfficerList.length == 0">
<mat-list-item>
<p>PD officer not available..</p>

8
ng6-seed/src/app/template/templates/templates-list/edit/edit-lender/edit-lender.component.html
View File

@ -4,7 +4,7 @@
<mat-card *ngFor="let answ of _editTempLenderFrom.controls.temp_lender['controls']; let i=index">
<div [formGroupName]="i">
<div class="p-1" fxLayout="row wrap" fxLayout.xs="column" fxLayoutGap="2%" fxLayoutAlign="center center">
<div fxFlex="22%">
<div fxFlex="23%">
<mat-form-field >
<mat-select placeholder="Lender *" formControlName="fk_lender_id">
<mat-option *ngFor="let lend of m_lender" [value]="lend.entity_id">{{ lend.full_name }}</mat-option>
@ -12,7 +12,7 @@
<mat-error *ngIf="submitted && answ['controls'].fk_lender_id.hasError('required')" class="mat-text-warn">Lender Type Required.!</mat-error>
</mat-form-field>
</div>
<div fxFlex="22%">
<div fxFlex="23%">
<mat-form-field >
<mat-select placeholder="Product *" formControlName="fk_product_id">
<mat-option *ngFor="let prcd of m_product" [value]="prcd.product_id">{{ prcd.product_name }}</mat-option>
@ -22,7 +22,7 @@
</div>
<div fxFlex="22%">
<div fxFlex="23%">
<mat-form-field >
<mat-select placeholder="Customer Segment *" formControlName="fk_customer_segment">
<mat-option *ngFor="let cusSeg of m_customerSegment" [value]="cusSeg.customer_segment_id">{{ cusSeg.customer_segment }}</mat-option>
@ -32,7 +32,7 @@
</div>
<div fxFlex="22%">
<div fxFlex="23%">
<mat-checkbox *ngIf="answ.get('template_lender_map_id').value != null" formControlName="isactive" [ngModel]="answ.get('isactive').value == 1 ? true : answ.get('isactive').value == 0 ? false : null"
(ngModelChange)="answ.get('isactive').value = $event ? 1 : 0"></mat-checkbox>

8
ng6-seed/src/app/template/templates/templates-list/edit/edit-question-answer/category-question-answer/category-question-answer.component.html
View File

@ -1,5 +1,5 @@
<form [formGroup]="_editquestionAnswerForm" (submit)="onSubmit()">
<div formArrayName="temp_questions" class="example-full-width">
<div formArrayName="temp_questions" class="example-full-width" style="font-size:1.2rem !important;">
<table style="width:100%">
<tr *ngFor="let ques of _editquestionAnswerForm.controls.temp_questions['controls']; let i=index ; let last = last;">
<td>
@ -26,15 +26,15 @@
<div fxFlex.gt-xs="50%" [fxFlex.gt-md]="regularDistribution" *ngFor="let answ of ques['controls'].answers['controls']; let i_ans = index ; let Ans_last = last;">
<div [formGroupName]="i_ans">
<div fxLayout="row" fxLayout.xs="column" fxLayoutGap="0.5%" fxLayoutAlign="start center">
<div fxFlex="1 1 auto" class="ml-xs" fxFlex="70%">
<div fxFlex="1 1 auto" class="ml-xs" fxFlex="80%">
<div>
<span>{{i_ans+1}}.</span> {{answ.get('answer').value}}
<span> {{i_ans+1}}. </span><span style="color:#f44336">{{answ.get('answer').value}}</span>
</div>
<!--<mat-form-field>
<input matInput formControlName="answer">
</mat-form-field>-->
</div>
<div fxFlex="1 1 auto" class="ml-xs" fxFlex="30%">
<div fxFlex="1 1 auto" class="ml-xs" fxFlex="20%">
<mat-form-field style="padding: 0 !important; margin: 0 !important; width: 45px !important; text-align: center;">
<input matInput formControlName="template_answer_weightage">
</mat-form-field>

2
ng6-seed/src/app/template/templates/templates-list/edit/edit-question-answer/edit-question-answer.component.html
View File

@ -1,7 +1,7 @@
<mat-card>
<mat-accordion>
<mat-expansion-panel *ngFor="let data of templateQuesAnsRecord">
<mat-expansion-panel-header fxLayout="row" fxLayoutWrap fxLayoutGap="5%" fxLayoutAlign="start center">
<mat-expansion-panel-header fxLayout="row" fxLayoutWrap fxLayoutGap="5%" fxLayoutAlign="start center" style="font-size:1.2rem !important;">
<mat-panel-title fxFlex="0 1" class="ml-xs">
{{ data.category_name }}
</mat-panel-title>

2
ng6-seed/src/app/template/templates/templates-list/edit/templates.edit.component.html
View File

@ -25,7 +25,7 @@
<div *ngIf="noTemplateNameFound"> No Template Name Found.</div>
</mat-card>
<mat-card>
<mat-tab-group>
<mat-tab-group >
<mat-tab label="Lender Details">
<ng-template matTabContent>
<app-template-edit-lender [questionId]="question_id">

4
ng6-seed/src/index.html
View File

@ -124,6 +124,10 @@
.mat-card-subtitle, .mat-card-content, .mat-card-header, .mat-card-title,.mat-cell,.mat-form-field{
font-size:1.2rem !important;
}
.mat-tab-label
{
font-size:1.2rem !important;
}
.mat-header-cell{
font-size:1.2rem !important;
font-weight:800 !important;