fixing business card design and worklist basic info & address info

MOHEMM-HUAWEI-RELEASE
enadhilal 4 years ago
parent 138f75a9af
commit beda780d50

@ -11,7 +11,7 @@
<ion-row>
<ion-col size='6'>
<ion-label>
<h1 class='font-text-style' style="font-size: 25px !important; width: 400px;">{{userInfo.name_en}}</h1>
<h1 class='font-text-style' style="font-size: 20px !important; width: 200%;">{{userInfo.name_en}}</h1>
</ion-label>
</ion-col>
<ion-col size='6'>

@ -38,14 +38,15 @@
// CS
.card-size{
transform: rotate(90deg) !important;
padding: 10px !important;
padding: 5% !important;
padding-right: 0px !important;
}
.qr-style{
left: 410px !important;
left: 260% !important;
}
.name-ar-style{
left: 320px !important;
left: 175% !important;
padding: 0%;
}
// HMG
.logo-img-hmg-style{
@ -60,14 +61,15 @@
// CS
.card-size{
transform: rotate(90deg) !important;
padding: 10px !important;
padding-right: 0px !important;
padding: 6% !important;
padding-right: 2% !important;
}
.qr-style{
left: 324px !important;
width: 80%;
left: 220% !important;
}
.name-ar-style{
left: 230px !important;
left: 140% !important;
}
// HMG
@ -83,14 +85,14 @@
// CS
.card-size{
transform: rotate(90deg) !important;
padding: 5px !important;
padding: 3% !important;
padding-right: 0px !important;
}
.qr-style{
left: 400px !important;
left: 280% !important;
}
.name-ar-style{
left: 310px !important;
left: 205%!important;
}
// HMG
.logo-img-hmg-style{
@ -125,14 +127,14 @@
@media screen and (min-width: 325px) and (max-width:399px) and (max-height: 699px){
.card-size{
transform: rotate(90deg) !important;
padding: 5px !important;
padding-right: 0px !important;
padding: 3% !important;
padding-right: 0% !important;
}
.qr-style{
left: 280px !important;
left: 200% !important;
}
.name-ar-style{
left: 190px !important;
left: 116% !important;
}
// HMG
.logo-img-hmg-style{
@ -146,26 +148,26 @@
.card-size{
transform: rotate(90deg) !important;
position: relative;
bottom: 30px;
left: 26px;
bottom: 3%;
left: 8%;
}
.qr-style{
width: 80px !important;
margin-top: 50px !important;
width: 70% !important;
margin-top: 30% !important;
position: relative !important;
left: 265px !important;
left: 200% !important;
}
.name-ar-style{
font-size: 15px !important;
position: relative !important;
left: 130px !important;
left: 115% !important;
text-align: end !important;
padding: 10px !important;
width: 225px !important;
padding: 1% !important;
width: 170% !important;
}
.logo-img-style{
width: 80px !important;
margin-top: 50px !important;
width: 60% !important;
margin-top: 35% !important;
}
// HMG
@ -193,23 +195,24 @@
.card-size{
transform: rotate(90deg);
padding: 6%;
}
.qr-style{
width: 130px;
width: 70%;
margin-top: 0px;
position: relative;
left: 410px;
left: 200%;
}
.name-ar-style{
font-size: 25px;
font-size: 20px;
position: relative;
left: 314px;
left: 120%;
text-align: end;
padding: 10px;
width: 225px;
padding: 1%;
width: 145%;
}
.logo-img-style{
width: 120px;
width: 70%;
}
.logo-img-hmg-style{

@ -100,8 +100,14 @@
<ion-item lines="none" class="search-box" *ngIf='!isFilter && !userSelected'>
<ion-input (ionInput)="onChangeInput()" [ngClass]="direction == 'ltr'? 'filterInput':'filterInput-ar'"
[(ngModel)]="searchKey" [placeholder]='getPlaceHolder()' clearInput="true"></ion-input>
<!-- <ion-input (ionInput)="onChangeInput()" [ngClass]="direction == 'ltr'? 'filterInput':'filterInput-ar'"
[(ngModel)]="searchKey" [placeholder]='getPlaceHolder()' clearInput="true"></ion-input> -->
<ion-input class='replacmentSearchBar'
style="height: 45px; border: 1px solid lightgray; border-radius: 50px; width: 350px;"
[(ngModel)]="searchKey"
[placeholder]='"replacementRoll, searchbyname" | translate' clearInput="true">
<ion-button (click)='onChangeInput()' style="--background: transparent; background: transparent; color: black"><ion-icon name="search"></ion-icon></ion-button>
</ion-input>
</ion-item>

@ -211,12 +211,13 @@ export class WorkListReplacementItgComponent implements OnInit {
}
onChangeInput() {
this.ReplacementList = [];
clearTimeout(this.typingTimer);
this.typingTimer = setTimeout(() => {
if (this.searchKey.length > 2) {
this.SearchReplacementList();
}
}, 3000);
this.SearchReplacementList();
// clearTimeout(this.typingTimer);
// this.typingTimer = setTimeout(() => {
// if (this.searchKey.length > 2) {
// this.SearchReplacementList();
// }
// }, 3000);
}
select(selectEmp, index) {
this.selEmp = selectEmp

@ -60,10 +60,21 @@
<div style="padding: 5px;" *ngIf="!isFilter">
<!-- <ion-input (ionInput)="onChangeInput()" [ngClass]="direction == 'en'? 'filterInput':'filterInput-ar'" [(ngModel)]="inputSearch" [placeholder]='getPlaceHolder()' clearInput="true"></ion-input> -->
<ion-input class='replacmentSearchBar' (ionInput)="onChangeInput()" style="height: 45px; --padding-start: 20px;"
class="searchbar-input sc-ion-searchbar-md" [(ngModel)]="inputSearch"
[placeholder]='"replacementRoll, searchbyname" | translate' clearInput="true"></ion-input>
<ion-grid>
<ion-row style="height: 45px; border: 1px solid lightgray; border-radius: 50px;">
<ion-col size='9'>
<ion-input class='replacmentSearchBar' style="height: 35px;"
[(ngModel)]="inputSearch" [placeholder]='"replacementRoll, searchbyname" | translate' clearInput="true">
<ion-icon style="width: 50px; height: 21px;" name="search"></ion-icon>
</ion-input>
</ion-col>
<ion-col size='3'>
<ion-button [disabled]='inputSearch == undefined || 3 > inputSearch.length' (click)='onChangeInput()' style="--background: transparent; background: transparent; padding-bottom: 20px;">
<ion-label><p style="color: #269db8;">{{"general, search" | translate}}</p></ion-label>
</ion-button>
</ion-col>
</ion-row>
</ion-grid>
</div>
<div *ngIf="isFilter">

@ -340,17 +340,17 @@ export class WorkListReplacementRollComponent implements OnInit {
this.messageSuccess = true;
setTimeout(() => {
this.messageSuccess = false;
//this.modalCtrl.dismiss(succ);
this.modalCtrl.dismiss({
'dismissed': true,
data: "Success"
});
if (this.selEmp && this.isAnswer == false) {
this.setFavorite(this.selEmp);
}
}, 5000);
// setTimeout(() => {
this.messageSuccess = false;
//this.modalCtrl.dismiss(succ);
this.modalCtrl.dismiss({
'dismissed': true,
data: "Success"
});
// if (this.selEmp && this.isAnswer == false) {
// this.setFavorite(this.selEmp);
// }
// }, 5000);
this.cs.openNotificationPage();
// this.messageSuccess = true;
@ -441,9 +441,19 @@ export class WorkListReplacementRollComponent implements OnInit {
this.isFilter = true;
this.selectedType = 1;
this.listOfRealted = this.actionHistory;
if(this.favoriteUserList.length > 0){
this.actionHistory.forEach((obj, i) => {
if(this.favoriteUserList.find(x => x['USER_NAME'] === obj.USER_NAME)) {
this.actionHistory[i].IsFavorite = true;
}else{
this.actionHistory[i].IsFavorite = false;
}
console.log(this.actionHistory);
});
}
} else if (selectValue === '4') {
// if (this.favoriteUserList.length === 0 || this.favoriteUserList === undefined) {
this.getFavruite();
this.getFavruite();
// }
this.isFilter = true;
this.selectedType = 4;
@ -461,11 +471,11 @@ export class WorkListReplacementRollComponent implements OnInit {
onChangeInput() {
this.ReplacementList = [];
clearTimeout(this.typingTimer);
this.typingTimer = setTimeout(() => {
if (this.inputSearch.length > 2) {
// this.typingTimer = setTimeout(() => {
// if (this.inputSearch.length > 2) {
this.getreplacmentemployee();
}
}, 3000);
// }
// }, 3000);
// if (this.inputSearch.length > 0) {
@ -509,12 +519,12 @@ export class WorkListReplacementRollComponent implements OnInit {
this.worklistService.saveFavoriteList(request, () => {
}).subscribe((result) => {
if (this.cs.validResponse(result)) {
if(isFav){
this.cs.toastPK("replacementRoll", "favorite-saved");
} else{
this.cs.toastPK("replacementRoll", "favorite-unsaved");
if (isFav) {
this.cs.greenToastPK("replacementRoll", "favorite-saved");
} else {
this.cs.redToastPK("replacementRoll", "favorite-unsaved");
}
this.getFavruite();
}
})
}

@ -47,9 +47,11 @@
<ion-row>
<!-- NOT ADDRESS & BASIC_DETAILS -->
<ion-col *ngIf="getPassNotificationDetails?.REQUEST_TYPE != 'ADDRESS' && getPassNotificationDetails?.REQUEST_TYPE != 'BASIC_DETAILS' ">
<ion-col
*ngIf="getPassNotificationDetails?.REQUEST_TYPE != 'ADDRESS' && getPassNotificationDetails?.REQUEST_TYPE != 'BASIC_DETAILS' ">
<div *ngIf="notificationBodyRes?.length > 0 ">
<ion-card *ngFor="let item of notificationBodyRes;let i=index; " style="width: 91%;">
<ion-card *ngFor="let item of notificationBodyRes;let i=index; "
style="width: 91%;">
<ion-card-content *ngIf="item.Collection_Notification.length > 0">
<div>
<ion-row *ngIf=" item.Collection_Notification.DISPLAY_FLAG != 'N' ">
@ -119,36 +121,33 @@
</ion-col>
<!-- IF BASIC_DETAILS -->
<ion-col *ngIf="getPassNotificationDetails?.REQUEST_TYPE != 'BASIC_DETAILS'">
<ion-col *ngIf="getPassNotificationDetails?.REQUEST_TYPE == 'BASIC_DETAILS' ||
getPassNotificationDetails?.REQUEST_TYPE == 'ADDRESS'">
<div *ngIf='notificationBodyRes.length > 0'>
<ion-card style="width: 91%;">
<ion-card-content >
<ion-card-content>
<div>
<ion-row>
<ion-col class="rowBorder"
*ngFor="let item of notificationBodyRes;let i=index;"
size="6" [hidden]="item.UPDATED_FLAG == 'N'">
<ion-col class="rowBorder" style="background: #269db8;">
<ion-label>
<p style="color: white;">Current</p>
</ion-label>
</ion-col>
<ion-col class="rowBorder" style="background: #269db8;">
<ion-label>
<p style="color: white;">Proposed</p>
</ion-label>
</ion-col>
</ion-row>
<ion-row *ngFor="let item of notificationBodyRes;let i=index;">
<ion-col class="rowBorder" size="6"
[hidden]="item.UPDATED_FLAG == 'N'">
<label class="colItemReq">{{item.SEGMENT_PROMPT}}</label>
<br />
<label>{{item.SEGMENT_VALUE_DSP}}</label>
<label>{{item.PREV_SEGMENT_VALUE_DSP}}</label>
</ion-col>
</ion-row>
</div>
</ion-card-content>
</ion-card>
</div>
</ion-col>
<!-- IF ADDRESS -->
<ion-col *ngIf="getPassNotificationDetails?.REQUEST_TYPE != 'ADDRESS'">
<div *ngIf='notificationBodyRes.length > 0'>
<ion-card style="width: 91%;">
<ion-card-content >
<div>
<ion-row>
<ion-col class="rowBorder"
*ngFor="let item of notificationBodyRes;let i=index;"
size="6" [hidden]="item.UPDATED_FLAG == 'N'">
<ion-col class="rowBorder" size="6"
[hidden]="item.UPDATED_FLAG == 'N'">
<label class="colItemReq">{{item.SEGMENT_PROMPT}}</label>
<br />
<label>{{item.SEGMENT_VALUE_DSP}}</label>
@ -346,7 +345,7 @@
<ion-slide>
<ng-container *ngIf="activeSegment === 'action-history'">
<ion-card class="cardContent action-history" style="width: 100%;">
<ion-card class="cardContent action-history" style="width: 100%;">
<ion-card-content>
<div class="noDataDiv" [hidden]="actionHistoryRes && actionHistoryRes.length > 0">
@ -387,7 +386,8 @@
</div>
<button class="showMore"
(click)="actionHistory.visible = !actionHistory.visible">
{{actionHistory.visible ? 'Show less': 'Show More' }}</button>
{{actionHistory.visible ? 'Show less': 'Show More'
}}</button>
</div>
</div>
<ion-label

@ -274,9 +274,9 @@ export class WorklistMainComponent implements OnInit {
} else if (this.getPassNotificationDetails.REQUEST_TYPE == "PR") {
this.getPRNotificationDetails(this.WorkListBodyObj);
} else if (this.getPassNotificationDetails.REQUEST_TYPE === 'ADDRESS') {
this.getBasicDetailsNotification(this.WorkListBodyObj);
} else if (this.getPassNotificationDetails.REQUEST_TYPE === 'BASIC_DETAILS') {
this.getAddressNotification(this.WorkListBodyObj);
} else if (this.getPassNotificationDetails.REQUEST_TYPE === 'BASIC_DETAILS') {
this.getBasicDetailsNotification(this.WorkListBodyObj)
}
}

@ -2202,11 +2202,11 @@
"ar": "أدخل ملاحظة"
},
"favorite-saved": {
"en": "Your Favorite saved successfully",
"en": "Your Favorite has been saved successfully",
"ar": "تم حفظ مفضلتك بنجاح"
},
"favorite-unsaved": {
"en": "Your Favorite had been deleted successfully",
"en": "Your Favorite has been deleted successfully",
"ar": "تم حفظ مفضلتك بنجاح"
},
"msg": {

@ -612,3 +612,10 @@ left: 66px;
font-size: 16px;
text-align: left;
}
ion-input .replacmentSearchBar .native-input{
position: absolute !important;
}
ion-input .replacmentSearchBar .input-clear-icon{
display: none !important;
}
Loading…
Cancel
Save