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:
gandhimathi 2019-04-24 13:22:30 +05:30
parent fcb68c7b24
commit 3308b790bd
9 changed files with 32 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,3 +1,6 @@
<mat-card-title style="background-color: #e00201;color: #fff;padding: 18px;">
Schedule PD
</mat-card-title>
<div style="max-height: 480px; width: 550px;">

6
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/address/address.component.html
View File

@ -24,9 +24,9 @@
<mat-card style="min-height: 550px;">
<div formArrayName="addresses">
<div *ngFor="let item of addressForm.controls.addresses['controls']; let i=index">
<mat-card-header>
<p>Address Details #{{i+1}}</p>
</mat-card-header>
<mat-card-title>
<p>Address Details {{i+1}}</p>
</mat-card-title>
<mat-card-content class="matcard" [formGroup]="item">
<div fxLayout="row wrap">
<div fxFlex="100">

2
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.html
View File

@ -93,7 +93,7 @@
<mat-expansion-panel class="banlFields" [expanded]="step == i">
<mat-expansion-panel-header>
<mat-panel-title>
<p>Banking Details #{{i+1}}
<p>Banking Details {{i+1}}
</p>
</mat-panel-title>
</mat-expansion-panel-header>

2
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-banking-details/business-banking-details.component.html
View File

@ -23,7 +23,7 @@
<mat-expansion-panel class="banlFields" [expanded]="step == i">
<mat-expansion-panel-header>
<mat-panel-title>
<p>Banking Details #{{i+1}}
<p>Banking Details {{i+1}}
</p>
</mat-panel-title>
<!-- <mat-panel-description end>

6
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/client-info/client-info.component.html
View File

@ -26,7 +26,7 @@
<div *ngFor="let items of item.controls.main_raw_materials['controls']; let l=index"
[formGroupName]="l">
<mat-card style="margin: 12px;">
<h6 style="margin: 12px;padding:10px !important;">Product #{{l+1}}</h6>
<h6 style="margin: 12px;padding:10px !important;">Product {{l+1}}</h6>
<div fxLayout="row nowrap" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field style="width:45%">
<mat-select placeholder="Manufacturing Product Name" formControlName="manufacturing_product_name">
@ -161,7 +161,7 @@
<div *ngFor="let items of item.controls.trading_products['controls']; let l=index"
[formGroupName]="l">
<mat-card style="margin: 12px;">
<h6 style="margin: 12px;padding:10px !important;">Trading Product #{{l+1}}</h6>
<h6 style="margin: 12px;padding:10px !important;">Trading Product {{l+1}}</h6>
<div fxLayout="row nowrap" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field style="width: 45%">
<mat-select placeholder="Trading Product Name" formControlName="trade_product_name">
@ -298,7 +298,7 @@
<div *ngFor="let items of item.controls.service_products['controls']; let l=index"
[formGroupName]="l">
<mat-card style="margin: 12px;">
<h6 style="margin: 12px;padding:10px !important;">Service Provided #{{l+1}}</h6>
<h6 style="margin: 12px;padding:10px !important;">Service Provided {{l+1}}</h6>
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field style="width: 45%">
<mat-select placeholder="Select the Service Provided" formControlName="service_provider_product_name">

8
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/stock/stock.component.html
View File

@ -28,7 +28,7 @@
<div *ngFor="let mrm of md.controls.manufacturing_raw_materials['controls']; let a=index; let last=last"
[formGroupName]="a">
<mat-card style="margin: 12px;">
<mat-label class="highlight"> <i>Raw Material #{{a+1}} </i>
<mat-label class="highlight"> <i>Raw Material {{a+1}} </i>
</mat-label>
<mat-card-content class="matcard">
<mat-form-field style="width:30%">
@ -121,7 +121,7 @@
<div *ngFor="let mfg of md.controls.manufacturing_finished_goods['controls']; let b=index;let last=last"
[formGroupName]="b">
<mat-card style="margin: 12px;">
<mat-label class="highlight"> <i>Finished Goods #{{b+1}} </i>
<mat-label class="highlight"> <i>Finished Goods {{b+1}} </i>
</mat-label>
<mat-card-content class="matcard">
<mat-form-field style="width:30%">
@ -198,7 +198,7 @@
<div *ngFor="let item of rd.controls.retail_traded_goods['controls']; let e=index;let last =last"
[formGroupName]="e">
<mat-card style="margin: 12px;">
<mat-label class="highlight"> <i>Traded Goods #{{e+1}} </i>
<mat-label class="highlight"> <i>Traded Goods {{e+1}} </i>
</mat-label>
<mat-card-content class="matcard">
<mat-form-field style="width:30%">
@ -278,7 +278,7 @@
[formGroupName]="g">
<mat-card style="margin: 12px;">
<mat-label class="highlight"> <i>Traded Goods #{{g+1}} </i>
<mat-label class="highlight"> <i>Traded Goods {{g+1}} </i>
</mat-label>
<mat-card-content class="matcard">
<mat-form-field style="width:30%">

4
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/supplier-info/supplier-info.component.html
View File

@ -25,7 +25,7 @@
<div *ngFor="let items of item.controls.main_raw_materials['controls']; let l=index"
[formGroupName]="l">
<mat-card style="margin: 12px;">
<h6 style="margin: 12px;padding:10px !important;">Raw Material #{{l+1}}</h6>
<h6 style="margin: 12px;padding:10px !important;">Raw Material {{l+1}}</h6>
<div fxLayout="row nowrap" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field style="width: 45%">
<input matInput placeholder="Raw Material Name" formControlName="manufacturing_raw_material_name">
@ -157,7 +157,7 @@
<div *ngFor="let items of item.controls.trading_products['controls']; let l=index"
[formGroupName]="l">
<mat-card style="margin: 12px;">
<h6 style="margin: 12px;padding:10px !important;">Trading Product #{{l+1}}</h6>
<h6 style="margin: 12px;padding:10px !important;">Trading Product {{l+1}}</h6>
<div fxLayout="row nowrap" fxLayoutGap="2px" fxLayoutAlign="start none">
<!-- <mat-form-field style="width: 45%">
<input matInput placeholder="Trade Product Name" formControlName="trade_product_name">

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

@ -7,7 +7,7 @@
<mat-card style="min-width: 80%;max-width: 100%;box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;margin-top:60px;">
<mat-card-content style="background-color: whitesmoke;padding:0px !important;">
<mat-list role="list" style="padding-top: 0px !important;">
<mat-list-item role="listitem" style="background-color:#e00201;">
<mat-list-item role="listitem" style="background-color:#e00201;height:48px !important;">
<div fxFlex="row">
<div fxFlex="100">
<div fxFlex="100" align="center" *ngIf="master.pd_type_name" style="color:#fff;">
@ -16,7 +16,7 @@
</div>
</div>
</mat-list-item>
<mat-list-item role="listitem">
<mat-list-item role="listitem" style="height:48px !important;">
<div fxFlex="row">
<div fxFlex="100">
<div fxFlex="50" align="left">
@ -30,7 +30,7 @@
</mat-list-item>
<mat-list-item role="listitem">
<mat-list-item role="listitem" style="height:auto !important;">
<div fxFlex="row">
<div fxFlex="100">
<div fxFlex="50" align="left" *ngIf="master.lender_applicant_id">
@ -43,11 +43,11 @@
</div>
</mat-list-item>
<mat-list-item role="listitem">
<mat-list-item role="listitem" style="height:48px !important;">
<div fxFlex="row">
<div fxFlex="100">
<div fxFlex="100" align="left" *ngIf="master.product_name">
{{master.product_name}}<br>
<strong> {{master.product_name}}</strong><br>
<span *ngIf="master.subproduct_name" style="font-size:0.9rem !important;">{{master.subproduct_name}}</span>
</div>
@ -55,7 +55,7 @@
</div>
</mat-list-item>
<mat-list-item role="listitem">
<mat-list-item role="listitem" style="height:48px !important;">
<div fxFlex="row">
<div fxFlex="100">
<div fxFlex="50" align="left" style="color:#e00201;">
@ -74,10 +74,10 @@
<div>
<mat-card-title style="color:#e00201;">Lender Contact Details</mat-card-title>
<mat-list>
<mat-list-item align="left" *ngIf="master.pd_contact_person">
<mat-list-item align="left" *ngIf="master.pd_contact_person" style="height:48px !important;">
<i class="fa-1x fa fa-user"></i><small style="margin-left: 2%; font-size: inherit">{{master.pd_contact_person}}</small>
</mat-list-item>
<mat-list-item align="left" *ngIf="master.pd_contact_mobileno">
<mat-list-item align="left" *ngIf="master.pd_contact_mobileno" style="height:48px !important;">
<i class="fa-1x fa fa-phone"></i><small style="margin-left: 2%; font-size: inherit">{{master.pd_contact_mobileno}}</small>
</mat-list-item>
</mat-list>

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

@ -13,6 +13,9 @@
.metaDataStyle{
height:89px !important;
}
// .mat-list .mat-list-item{
// height: 0px !important;
// }
// .headerdesign{
// border-radius: 5px !important;
// // border-bottom-left-radius: 5px !important;
@ -20,6 +23,10 @@
// box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;
// }
.mat-list .mat-list-item{
height: 0px !important;
}
:host {
margin-left: -5px;
margin-right: -5px;