fixing bugs

enad-Q1
enadhilal 4 years ago
parent b0da97573c
commit 0964ff43ff

@ -1,6 +1,6 @@
<ion-content *ngIf="userInfo.CompanyMainCompany == 'CS'" dir="ltr">
<img *ngIf="userInfo.PAYROLL_CODE === 'CS' " style="width: 100%; max-width: 100%; height: 30%;" src="../assets/imgs/IDTOP.png">
<img *ngIf="userInfo.PAYROLL_CODE !== 'CS' " style="width: 100%; max-width: 100%;" src="../assets/imgs/IDTOP_HMG.png.png">
<img *ngIf="userInfo.PAYROLL_CODE === 'CS' " style="width: 100%; max-width: 100%; height: 30%;" src="../../../assets/imgs/IDTOP.png">
<img *ngIf="userInfo.PAYROLL_CODE !== 'CS' " style="width: 100%; max-width: 100%;" src="../../../assets/imgs/IDTOP_HMG.png.png">
<ion-grid>
<ion-row>
<ion-col size="6" *ngIf="userInfo.EMPLOYEE_IMAGE != null">
@ -9,7 +9,7 @@
</ion-col>
<ion-col size="6" *ngIf="userInfo.EMPLOYEE_IMAGE == null">
<img style="width: 70%;height: 180%; ; bottom: 0%; position: absolute; border: 1px solid #e6e6e6; border-radius: 20px;"
src="../assets/imgs/profilePic.png">
src="../../../assets/imgs/profilePic.png">
</ion-col>
<ion-col size="6">
<p><b style="font-size: 25px !important; font-family: sans-serif;">{{userInfo.ASSIGNMENT_NUMBER}}</b></p>
@ -35,7 +35,7 @@
<ion-col size="3"></ion-col>
<ion-col size="9" *ngIf="userInfo.EMPLOYEE_IMAGE != null" padding>
<img *ngIf="userInfo.EMPLOYEE_IMAGE != null" [src]="'data:image/png;base64,'+userInfo.EMPLOYEE_IMAGE" style="width: 60%; height: 100%; border: 3px solid black;">
<img *ngIf="userInfo.EMPLOYEE_IMAGE == null" src="../assets/imgs/profilePic.png" style="width: 60%; height: 100%; border: 3px solid black;">
<img *ngIf="userInfo.EMPLOYEE_IMAGE == null" src="../../../assets/imgs/profilePic.png" style="width: 60%; height: 100%; border: 3px solid black;">
</ion-col>
</ion-row>
<ion-row style="padding: 0%;">
@ -56,7 +56,7 @@
<ion-row>
<ion-col>
<img *ngIf="userInfo.CompanyImageURL" style="width: 90%; max-width: 100%; margin-left: 6%;" [src]="userInfo.CompanyBadge">
<img *ngIf="!userInfo.CompanyImageURL" style="width: 50%; max-width: 100%; margin-left: 16%;" src="../assets/imgs/HMG_LOGO.png">
<img *ngIf="!userInfo.CompanyImageURL" style="width: 50%; max-width: 100%; margin-left: 16%;" src="../../../assets/imgs/HMG_LOGO.png">
</ion-col>
</ion-row>
<ion-row>

@ -2,15 +2,16 @@
<img [src]="advertisement.base64String" *ngIf="advertisement.contentType =='image/jpeg'"/>
<iframe *ngIf="advertisement.contentType =='video/mp4'" [src]="sanitizer.bypassSecurityTrustResourceUrl(advertisement.fileName)" allow="autoplay;" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<video style="width: 100%; position: absolute; bottom: 45%;" autoplay="autoplay" *ngIf="advertisement.contentType =='video/mp4'" controls>
<source type="video/mp4" [src]="advertisement.base64String">
</video>
<!-- <div class="skip-btn" (click)="skip()" *ngIf="isSkip ==true">{{ts.trPK('worklistMain','skip')}}</div> -->
<div class="info-container">
<div class="seconds" *ngIf="isSkip ==false">{{setTime}}</div>
<div *ngIf="setTime ==0">
<ion-icon name="thumbs-down" class="red" (click)="setView('Dislike')"></ion-icon>
<ion-icon name="thumbs-down" class="red" (click)="setView('Dislike')"></ion-icon>
<ion-icon name="information" class="white" (click)="setView('Info')"></ion-icon>
<ion-icon name="thumbs-up" class="green" (click)="setView('Like')"></ion-icon>
</div>

@ -38,7 +38,7 @@
margin-right: 6%;
width: 88%;
text-align: center;
font-size: 0.38cm;
font-size: 0.34cm;
color: var(--ion-color-secondary);
}

@ -466,22 +466,22 @@
<ion-tabs>
<ion-tab-bar class="tabBar" slot="bottom" style="overflow-x: scroll;" style="height: 100% !important;">
<ion-tab-bar class="tabBar" slot="bottom" style="overflow-x: scroll;" style="height: 100% !important;">
<!-- <ion-tab-button *ngFor='let action of actionBTN' [hidden]="action.isAvailable" > -->
<ion-tab-button *ngFor='let action of actionBTN; let i=index' [hidden]='!action.isAvailable'
(click)="selectAtion(action.name)" [ngClass]="i === 0 ? 'tabs-margin' : ''">
<img [src]="action.image">
<ion-label style="font-size: 12px" *ngIf="action.name !== 'RequestInformation'">{{action.name}}</ion-label>
<ion-label style="font-size: 12px; white-space: nowrap;" *ngIf="action.name === 'RequestInformation'">{{'worklistMain, request' | translate}}</ion-label>
<img [src]="action.image" class="footer-btn-img">
<ion-label style="font-size: 10px" *ngIf="action.name !== 'RequestInformation'">{{action.name}}</ion-label>
<ion-label style="font-size: 10px; white-space: nowrap;" *ngIf="action.name === 'RequestInformation'">{{'worklistMain, request' | translate}}</ion-label>
</ion-tab-button>
<ion-tab-button (click)="skip()">
<img src="../assets/imgs/mohemm-action/Skip.png">
<ion-label style="font-size: 12px;">Skip</ion-label>
<img src="../assets/imgs/mohemm-action/Skip.png" class="footer-btn-img">
<ion-label style="font-size: 10px;">Skip</ion-label>
</ion-tab-button>
</ion-tab-bar>

@ -13,4 +13,15 @@
}
.tabs-margin{
margin-left: 0px;
}
@media only screen and (max-width: 320px) {
.footer-btn-img{
max-width: none !important;
width: 40px !important;
}
}
.footer-btn-img{
max-width: none;
width: 60px;
}

@ -147,7 +147,7 @@
</div>
</div>
<div class="succssfullMSG">
<div *ngIf='messageSuccess' class="succssfullMSG">
<ion-col size="12">
<ion-icon class="succssfullIcon" name="checkmark"></ion-icon>
<!--filled-->

@ -13,6 +13,7 @@ import { WorklistService } from '../service/worklist.service';
styleUrls: ['./work-list-replacement-itg.component.scss'],
})
export class WorkListReplacementItgComponent implements OnInit {
messageSuccess = false;
P_SEARCH_USER_NAME: string = "";
P_SEARCH_EMPLOYEE_DISPLAY_NAME: string = "";
P_SEARCH_EMAIL_ADDRESS: string = "";
@ -128,6 +129,7 @@ export class WorkListReplacementItgComponent implements OnInit {
if (this.isSave == true) {
if (this.selEmp) {
data = this.selEmp;
this.messageSuccess = true;
} else {
data = null;
}

@ -53,6 +53,7 @@
<ion-select-option value="POAPPRV">PO</ion-select-option>
<ion-select-option value="REQAPPRV">PR</ion-select-option>
<ion-select-option value="INVMOA">MR</ion-select-option>
<ion-select-option value="INVITEM">IC</ion-select-option>
</ion-select>
</ion-item>

@ -7,6 +7,31 @@
margin-left: 0px;
}
@media only screen and (max-width: 320px) {
.active-Segment {
font-size: 0.3cm !important;
background: #269DB8 !important;
text-transform: none;
--color-checked: none;
border-radius: 100px;
border:0;
}
.active-Segment ion-label{
font-size: 8px !important;
color: white !important;
}
.normal-Segment ion-label{
color: black;
font-size: 8px !important;
}
.normal-Segment {
font-size: 0.3cm;
text-transform: none;
--color-checked: none;
border: 0;
}
}
.active-Segment {
font-size: 0.3cm !important;
background: #269DB8 !important;

@ -5,7 +5,30 @@
.margin-left {
margin-left: 0px;
}
@media only screen and (max-width: 320px) {
.active-Segment {
font-size: 0.3cm !important;
background: #269DB8 !important;
text-transform: none;
--color-checked: none;
border-radius: 100px;
border:0;
}
.active-Segment ion-label{
font-size: 8px !important;
color: white !important;
}
.normal-Segment ion-label{
color: black;
font-size: 8px !important;
}
.normal-Segment {
font-size: 0.3cm;
text-transform: none;
--color-checked: none;
border: 0;
}
}
.active-Segment {
font-size: 0.3cm !important;
background: #269DB8 !important;

@ -7,7 +7,8 @@
margin-left: 0px;
}
.active-Segment {
@media only screen and (max-width: 320px) {
.active-Segment {
font-size: 0.3cm !important;
background: #269DB8 !important;
text-transform: none;
@ -15,20 +16,45 @@
border-radius: 100px;
border:0;
}
.active-Segment ion-label{
font-size: 8px !important;
color: white !important;
}
.normal-Segment ion-label{
color: black;
font-size: 8px !important;
}
.normal-Segment {
font-size: 0.3cm;
text-transform: none;
--color-checked: none;
border: 0;
}
}
.active-Segment {
font-size: 0.3cm;
background: #269DB8 ;
text-transform: none;
--color-checked: none;
border-radius: 100px;
border:0;
}
.active-Segment ion-label{
font-size: 11px;
color: white !important;
}
.normal-Segment ion-label{
color: black !important;
color: black;
font-size: 11px;
}
.normal-Segment {
font-size: 0.3cm !important;
font-size: 0.3cm;
text-transform: none;
--color-checked: none;
border: 0;
}
.action-btn {
white-space: nowrap;
font-size: 10px;

@ -7,6 +7,31 @@
margin-left: 0px;
}
@media only screen and (max-width: 320px) {
.active-Segment {
font-size: 0.3cm !important;
background: #269DB8 !important;
text-transform: none;
--color-checked: none;
border-radius: 100px;
border:0;
}
.active-Segment ion-label{
font-size: 8px !important;
color: white !important;
}
.normal-Segment ion-label{
color: black;
font-size: 8px !important;
}
.normal-Segment {
font-size: 0.3cm;
text-transform: none;
--color-checked: none;
border: 0;
}
}
.active-Segment {
font-size: 0.3cm !important;
background: #269DB8 !important;

Loading…
Cancel
Save