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

ICON changes in pd screen and login images Changes : ps

Browse Source
This commit is contained in:
venbatechnologies@gmail.com 2018-11-01 17:38:36 +05:30
parent 66f486a477
commit f9f29b6a77
14 changed files with 208 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,15 +2,17 @@
<mat-table [dataSource]="dataSourceTab1" matSort *ngIf="PdListData.length > 0" > <mat-table [dataSource]="dataSourceTab1" matSort *ngIf="PdListData.length > 0" >
<ng-container matColumnDef="PDType"> <ng-container matColumnDef="PDType">
<mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;"> <mat-cell fxFlex="15" class="cell" *matCellDef="let details;" style="justify-content:flex-end">
<!-- <button *ngIf="details.fk_pd_type == '1'" mat-icon-button class="hover-icon pd_circle" matTooltip="Full PD" <!-- <button *ngIf="details.fk_pd_type == '1'" mat-icon-button class="hover-icon pd_circle" matTooltip="Full PD"
matTooltipPosition="above"><strong>F</strong></button> --> matTooltipPosition="above"><strong>F</strong></button> -->
<!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' " mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" <!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' " mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> --> matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
<button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name" mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" <!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name" mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
<div *ngIf="details.fk_pd_type != null" [ngClass]="(details.fk_pd_type=='1')?'fullPD':(details.fk_pd_type=='2')?'smartPD':'telePD'" class="mr-1 mb-1 hover-icon commonPDType"
[matTooltip]="details.pd_type_name" matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></div>
<!-- <button *ngIf="details.fk_pd_type == '3'" mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" matTooltip="Tele PD" <!-- <button *ngIf="details.fk_pd_type == '3'" mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" matTooltip="Tele PD"
matTooltipPosition="above"><strong>T</strong></button> --> matTooltipPosition="above"><strong>T</strong></button> -->

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

@ -14,13 +14,39 @@
.fontsize{ .fontsize{
font-size:14px; font-size:14px;
} }
.pd_circle { // .pd_circle {
width: 50px !important; // border: 5px red !important;
height: 50px; // width: 50px;
border-radius: 50%; // height: 50px;
font-size: 18px; // border-radius: 50px !important;
// // font-size: 18px;
// // color: red;
// // line-height: 50px;
// // text-align: center;
// background: #fff;
// }
.commonPDType{
display:flex;
justify-content:flex-end;
color: #ffffff; color: #ffffff;
line-height: 50px; margin-top:4px;
margin-bottom:4px;
width: 60px;
height: 60px;
justify-content:center;
text-align: center; text-align: center;
background: red border-radius: 50%;
} line-height: 60px;
}
.fullPD{
background:#009688;
border: 2px #009688;
}
.smartPD{
background:#673ab7;
border: 2px #673ab7;
}
.telePD{
background:#2196f3;
border: 2px #2196f3;
}

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

@ -2,11 +2,11 @@
<mat-table [dataSource]="dataSourceTab4" matSort *ngIf="completedPdListData.length > 0" > <mat-table [dataSource]="dataSourceTab4" matSort *ngIf="completedPdListData.length > 0" >
<ng-container matColumnDef="PDType"> <ng-container matColumnDef="PDType">
<mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;"> <mat-cell fxFlex="15" class="cell" style="text-align: center" *matCellDef="let details;">
<!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' " mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" <!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' " mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> --> matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
<button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name" mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" <div *ngIf="details.fk_pd_type != null" [ngClass]="(details.fk_pd_type=='1')?'fullPD':(details.fk_pd_type=='2')?'smartPD':'telePD'" class="mr-1 mb-1 hover-icon commonPDType"
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> [matTooltip]="details.pd_type_name" matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></div>
</mat-cell> </mat-cell>
</ng-container> </ng-container>
<ng-container matColumnDef="Name"> <ng-container matColumnDef="Name">

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

@ -14,13 +14,50 @@
.fontsize{ .fontsize{
font-size:14px; font-size:14px;
} }
.pd_circle { // .pd_circle {
width: 50px !important; // width: 60px !important;
height: 50px; // height: 60px;
border-radius: 50%; // border-radius: 50%;
font-size: 18px; // font-size: 18px;
// color: #ffffff;
// text-align: center;
// background: red
// }
// .FullPD-Class{
// background:lightcoral;
// border: 2px lightcoral;
// }
// .SmartPD-Class{
// background:thistle;
// border: 2px thistle;
// }
// .TelePD-Class{
// background:lawngreen;
// border: 2px lawngreen;
// }
.commonPDType{
display:flex;
justify-content:flex-end;
color: #ffffff; color: #ffffff;
line-height: 50px; margin-top:4px;
margin-bottom:4px;
width: 60px;
height: 60px;
justify-content:center;
text-align: center; text-align: center;
background: red border-radius: 50%;
} line-height: 60px;
}
.fullPD{
background:#009688;
border: 2px #009688;
}
.smartPD{
background:#673ab7;
border: 2px #673ab7;
}
.telePD{
background:#2196f3;
border: 2px #2196f3;
}

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

@ -1,11 +1,11 @@
<mat-card-content> <mat-card-content>
<mat-table [dataSource]="dataSourceTab2" matSort *ngIf="progressPdListData.length > 0" > <mat-table [dataSource]="dataSourceTab2" matSort *ngIf="progressPdListData.length > 0" >
<ng-container matColumnDef="PDType"> <ng-container matColumnDef="PDType">
<mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;"> <mat-cell fxFlex="15" class="cell" style="text-align: center" *matCellDef="let details;">
<!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' " mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" <!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' " mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> --> matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
<button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name" mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" <div *ngIf="details.fk_pd_type != null" [ngClass]="(details.fk_pd_type=='1')?'fullPD':(details.fk_pd_type=='2')?'smartPD':'telePD'" class="mr-1 mb-1 hover-icon commonPDType"
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> [matTooltip]="details.pd_type_name" matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></div>
</mat-cell> </mat-cell>
</ng-container> </ng-container>
<ng-container matColumnDef="Name"> <ng-container matColumnDef="Name">

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

@ -14,13 +14,38 @@
.fontsize{ .fontsize{
font-size:14px; font-size:14px;
} }
.pd_circle { // .pd_circle {
width: 50px !important; // width: 50px !important;
height: 50px; // height: 50px;
border-radius: 50%; // border-radius: 50%;
font-size: 18px; // font-size: 18px;
// color: #ffffff;
// line-height: 50px;
// text-align: center;
// background: red
// }
.commonPDType{
display:flex;
justify-content:flex-end;
color: #ffffff; color: #ffffff;
line-height: 50px; margin-top:4px;
margin-bottom:4px;
width: 60px;
height: 60px;
justify-content:center;
text-align: center; text-align: center;
background: red border-radius: 50%;
} line-height: 60px;
}
.fullPD{
background:#009688;
border: 2px #009688;
}
.smartPD{
background:#673ab7;
border: 2px #673ab7;
}
.telePD{
background:#2196f3;
border: 2px #2196f3;
}

6
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.html
View File

@ -1,11 +1,11 @@
<mat-card-content> <mat-card-content>
<mat-table [dataSource]="dataSourceTab5" matSort *ngIf="qcCompletedPdListData.length > 0" > <mat-table [dataSource]="dataSourceTab5" matSort *ngIf="qcCompletedPdListData.length > 0" >
<ng-container matColumnDef="PDType"> <ng-container matColumnDef="PDType">
<mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;"> <mat-cell fxFlex="15" class="cell" style="text-align: center" *matCellDef="let details;">
<!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' " mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" <!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' " mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> --> matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
<button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name" mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" <div *ngIf="details.fk_pd_type != null" [ngClass]="(details.fk_pd_type=='1')?'fullPD':(details.fk_pd_type=='2')?'smartPD':'telePD'" class="mr-1 mb-1 hover-icon commonPDType"
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> [matTooltip]="details.pd_type_name" matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></div>
</mat-cell> </mat-cell>
</ng-container> </ng-container>
<ng-container matColumnDef="Name"> <ng-container matColumnDef="Name">

41
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.scss
View File

@ -14,13 +14,38 @@
.fontsize{ .fontsize{
font-size:14px; font-size:14px;
} }
.pd_circle { // .pd_circle {
width: 50px !important; // width: 50px !important;
height: 50px; // height: 50px;
border-radius: 50%; // border-radius: 50%;
font-size: 18px; // font-size: 18px;
// color: #ffffff;
// line-height: 50px;
// text-align: center;
// background: red
// }
.commonPDType{
display:flex;
justify-content:flex-end;
color: #ffffff; color: #ffffff;
line-height: 50px; margin-top:4px;
margin-bottom:4px;
width: 60px;
height: 60px;
justify-content:center;
text-align: center; text-align: center;
background: red border-radius: 50%;
} line-height: 60px;
}
.fullPD{
background:#009688;
border: 2px #009688;
}
.smartPD{
background:#673ab7;
border: 2px #673ab7;
}
.telePD{
background:#2196f3;
border: 2px #2196f3;
}

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

@ -1,11 +1,11 @@
<mat-card-content> <mat-card-content>
<mat-table [dataSource]="dataSourceTab3" matSort *ngIf="scheduledPdListData.length > 0" > <mat-table [dataSource]="dataSourceTab3" matSort *ngIf="scheduledPdListData.length > 0" >
<ng-container matColumnDef="PDType"> <ng-container matColumnDef="PDType">
<mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;"> <mat-cell fxFlex="15" class="cell" style="text-align: center" *matCellDef="let details;">
<!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' " mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" <!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' " mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> --> matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
<button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name" mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" <div *ngIf="details.fk_pd_type != null" [ngClass]="(details.fk_pd_type=='1')?'fullPD':(details.fk_pd_type=='2')?'smartPD':'telePD'" class="mr-1 mb-1 hover-icon commonPDType"
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> [matTooltip]="details.pd_type_name" matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></div>
</mat-cell> </mat-cell>
</ng-container> </ng-container>
<ng-container matColumnDef="Name"> <ng-container matColumnDef="Name">

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

@ -14,13 +14,29 @@
.fontsize{ .fontsize{
font-size:14px; font-size:14px;
} }
.pd_circle {
width: 50px !important; .commonPDType{
height: 50px; display:flex;
border-radius: 50%; justify-content:flex-end;
font-size: 18px;
color: #ffffff; color: #ffffff;
line-height: 50px; margin-top:4px;
margin-bottom:4px;
width: 60px;
height: 60px;
justify-content:center;
text-align: center; text-align: center;
background: red border-radius: 50%;
} line-height: 60px;
}
.fullPD{
background:#009688;
border: 2px #009688;
}
.smartPD{
background:#673ab7;
border: 2px #673ab7;
}
.telePD{
background:#2196f3;
border: 2px #2196f3;
}

23
ng6-seed/src/app/session/login/login-component.scss
View File

@ -1,14 +1,33 @@
.form-bg { .form-bg {
background-image:url('http://www.ssa.sineedge.com/beta/assets/images/login.jpg') !important; // background-image:url('http://www.ssa.sineedge.com/beta/assets/images/login.jpg') !important;
//background-image: url(../../../assets/images/login_o.jpg);
//background-color: #F44336;
background: url(../../../assets/images/bg.png) repeat-x 0 0 #E31F26;
height: 100vh !important; height: 100vh !important;
background-position: center !important; background-position: center !important;
min-height: calc(0vh + 0px) !important; min-height: calc(0vh + 0px) !important;
} }
.signin-page{
float: left;
width: 100%;
padding-bottom: 40px;
}
// .form-bg {
// float: left;
// width: 100%;
// background-color: repeat-x 0 0 #F44336;
// padding-bottom: 40px;
// }
.form-bg::before { .form-bg::before {
background-color: rgba(0, 0, 0, 0) !important; background-color: rgba(0, 0, 0, 0) !important;
} }
.form-bg::after{
background-color: #E31F26;
}
h3, .page-footer{ h3, .page-footer{
color:red; color:#E31F26;
background-color:#ffffff;
font-weight: bold; font-weight: bold;
} }
.bottom-sec,.mat-green{ .bottom-sec,.mat-green{

BIN
ng6-seed/src/assets/images/bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

0
ng6-seed/src/assets/images/login.jpg → ng6-seed/src/assets/images/login_n.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 138 KiB

After

Width:  |  Height:  |  Size: 138 KiB