add infinite Scroll

Dashbored
ashwaq 6 years ago
parent ee7ac90c18
commit 53746fc95f

@ -37,8 +37,8 @@
<!-- <label for="">{{ts.trPK('worklistMain','description')}} <!-- <label for="">{{ts.trPK('worklistMain','description')}}
</label> --> </label> -->
<!-- </ion-col> <!-- </ion-col>
<ion-col> --> <ion-col> {{itemHistory.OU_NAME}}-->
<label for="">{{i+1}}. {{itemHistory.OU_NAME}} </label> <label for="">{{i+1}}. </label>
</ion-col> </ion-col>
</ion-row> </ion-row>
<ion-row> <ion-row>

@ -30,9 +30,9 @@ export class QutationAnalysisComponent implements OnInit {
private ts: TranslatorService, private ts: TranslatorService,
private modalCtrl: ModalController, private modalCtrl: ModalController,
public worklistService: WorklistService) { public worklistService: WorklistService) {
this.getPassPOItemID = this.cs.sharedService.getSharedData('passPOInfo'); this.getPassPOItemID = this.cs.sharedService.getSharedData('passPOInfo',false);
this.getPassPOHeaderID = this.cs.sharedService.getSharedData('passPOHeader'); this.getPassPOHeaderID = this.cs.sharedService.getSharedData('passPOHeader',false);
this.getPassItemHistoreyList = this.cs.sharedService.getSharedData('passItemHisList'); this.getPassItemHistoreyList = this.cs.sharedService.getSharedData('passItemHisList',false);
//itemHistoryRes //itemHistoryRes
console.log("getPassPOItemID: "+this.getPassPOItemID); console.log("getPassPOItemID: "+this.getPassPOItemID);
console.log("getPassPOItemID: "+this.getPassPOHeaderID); console.log("getPassPOItemID: "+this.getPassPOHeaderID);
@ -92,10 +92,9 @@ console.log("getPassPOItemID: "+this.getPassPOHeaderID);
doInfinite(infiniteScroll) { doInfinite(infiniteScroll) {
console.log("hello");
if (!this.IsReachEnd) { if (!this.IsReachEnd) {
this.getQutationAnalysis.P_PAGE_NUM = this.P_PAGE_NUM; this.getQutationAnalysis.P_PAGE_NUM = this.P_PAGE_NUM;
this.worklistService.getActionHistory(this.getQutationAnalysis). this.worklistMainService.getQutationAnalysis(this.getQutationAnalysis).
subscribe((result: any) => { subscribe((result: any) => {
if (this.cs.validResponse(result)) { if (this.cs.validResponse(result)) {
if (result.GetQuotationAnalysisList != undefined) { if (result.GetQuotationAnalysisList != undefined) {

@ -6,7 +6,7 @@
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>
<ion-toolbar> <ion-toolbar class="slideToolBar">
<ion-segment class="segmentPR" scrollable> <ion-segment class="segmentPR" scrollable>
<ion-segment-button value="0" checked> <ion-segment-button value="0" checked>
<!-- <ion-icon name="call">arrowRight</ion-icon> --> <!-- <ion-icon name="call">arrowRight</ion-icon> -->
@ -34,10 +34,8 @@
<ion-content class="colorBG"> <ion-content class="colorBG">
<ion-slides pager="true" class="slides-gray-bullets"> <ion-slides pager="true" class="slides-gray-bullets">
<ion-slide class="slide-1"> <ion-slide class="slide-1">
<div *ngIf="pInformation && pInformation != '' " class="tipsPadding">{{pInformation}}</div> <div *ngIf="pInformation && pInformation != '' " class="tipsPadding">{{pInformation}}</div>
<ion-card class="cardContent"> <ion-card class="cardContent">
@ -168,6 +166,7 @@
</ion-grid> </ion-grid>
<button ion-button [hidden]="IsReachEnd" class="itemHISBtn" (click)="loadMoreNotificationBody()">Load More</button>
</ion-card-content> </ion-card-content>
@ -188,11 +187,12 @@
{{notificationButtons.BUTTON_LABEL}}</ion-select-option> {{notificationButtons.BUTTON_LABEL}}</ion-select-option>
</ion-select> </ion-select>
</ion-item> --> </ion-item> -->
</ion-card-content> </ion-card-content>
</ion-card> </ion-card>
</ion-slide> </ion-slide>
<ion-slide> <ion-slide>
<!-- <ion-card class="cardContent"> <!-- <ion-card class="cardContent">
<ion-card-header class="boxHdr"> <ion-card-header class="boxHdr">
@ -208,7 +208,7 @@
<div> <div>
<ion-grid class="gridItemReq"> <ion-grid class="gridItemReq">
<ion-item class="itemReqContent" *ngFor="let notificationList of notificationBodyRes; let i=index; " > <ion-item class="itemReqContent" *ngFor="let notificationList of notificationBodyRes; let i=index; ">
<div class="itemReqDiv"> <div class="itemReqDiv">
@ -409,8 +409,15 @@
</ion-list> </ion-list>
<!-- </ion-card-content> <!-- </ion-card-content>
</ion-card> --> </ion-card> -->
<!-- <ion-infinite-scroll (ionInfinite)="doInfiniteNotificationBody($event)">
<ion-infinite-scroll-content></ion-infinite-scroll-content>
</ion-infinite-scroll> -->
</ion-slide> </ion-slide>
<ion-slide> <ion-slide>
<ion-card class="cardContent"> <ion-card class="cardContent">
<ion-card-content> <ion-card-content>
@ -440,7 +447,6 @@
<!-- [ngClass]="{'bg-blue-dot' : actionHistory.ACTION === 'Submitted' ,'statusGreanColor' :appointmentsArrive.Status != 1 && appointmentsArrive.Status != 2, 'statusRedColor' :appointmentsArrive.Status === 2}" --> <!-- [ngClass]="{'bg-blue-dot' : actionHistory.ACTION === 'Submitted' ,'statusGreanColor' :appointmentsArrive.Status != 1 && appointmentsArrive.Status != 2, 'statusRedColor' :appointmentsArrive.Status === 2}" -->
<div <div
[ngClass]="{'bg-blue-dot' : actionHistory.ACTION === 'Submitted' || actionHistory.ACTION === 'Submit' ,'bg-orange-dot' : actionHistory.ACTION === 'Pending' ,'bg-red-dot' : actionHistory.ACTION === 'Rejected','bg-green-dot' : actionHistory.ACTION != 'Pending' && actionHistory.ACTION != 'Rejected' && actionHistory.ACTION != 'Submitted' && actionHistory.ACTION != 'Submit'}" [ngClass]="{'bg-blue-dot' : actionHistory.ACTION === 'Submitted' || actionHistory.ACTION === 'Submit' ,'bg-orange-dot' : actionHistory.ACTION === 'Pending' ,'bg-red-dot' : actionHistory.ACTION === 'Rejected','bg-green-dot' : actionHistory.ACTION != 'Pending' && actionHistory.ACTION != 'Rejected' && actionHistory.ACTION != 'Submitted' && actionHistory.ACTION != 'Submit'}"
class="timeline-thumb timeline-icon"> class="timeline-thumb timeline-icon">
</div> </div>
@ -458,10 +464,13 @@
</div> </div>
</ion-list> </ion-list>
</div> </div>
<button ion-button [hidden]="IsReachEnd" class="itemHISBtn" (click)="loadMoreActionHistory()">Load More</button>
</ion-card-content> </ion-card-content>
</ion-card> </ion-card>
</ion-slide> </ion-slide>
<ion-slide> <ion-slide>
<ion-card class="cardContent"> <ion-card class="cardContent">
<ion-card-content> <ion-card-content>
@ -513,13 +522,22 @@
</div> </div>
</ion-card-content> </ion-card-content>
</ion-card> </ion-card>
</ion-slide>
</ion-slide>
</ion-slides> </ion-slides>
<!-- <div id="notificationDynamicFields"> <!-- <div id="notificationDynamicFields">
</div> --> </div> -->
</ion-content> </ion-content>
<ion-footer class="footerSearchBtn"> <ion-footer class="footerSearchBtn">

@ -0,0 +1,8 @@
.itemHISBtn{
padding: 5px;
color: var(--light);
background: var(--darkgray);
border-radius: 3px;
width: 85%;
height: 40px;
}

@ -697,6 +697,8 @@ export class WorklistMainMRComponent implements OnInit {
} }
doInfinite(infiniteScroll) { doInfinite(infiniteScroll) {
console.log("doInfinite action history MR");
if (!this.IsReachEnd) { if (!this.IsReachEnd) {
this.WorkListActionHistoryObj.P_PAGE_NUM = this.P_PAGE_NUM; this.WorkListActionHistoryObj.P_PAGE_NUM = this.P_PAGE_NUM;
this.worklistService.getActionHistory(this.WorkListActionHistoryObj). this.worklistService.getActionHistory(this.WorkListActionHistoryObj).
@ -776,4 +778,115 @@ export class WorklistMainMRComponent implements OnInit {
} }
doInfiniteNotificationBody(infiniteScroll) {
console.log("doInfiniteNotificationBody MR");
if (!this.IsReachEnd) {
this.WorkListBodyObj.P_PAGE_NUM = this.P_PAGE_NUM;
this.worklistMainService.getMONotificationBody(this.WorkListActionHistoryObj).
subscribe((result: any) => {
if (this.common.validResponse(result)) {
if (result.GetMoNotificationBodyList != undefined) {
this.P_PAGE_NUM++;
(result.GetMoNotificationBodyList).forEach(element => {
if (element.ROW_NUM == element.NO_OF_ROWS) {
this.IsReachEnd = true;
} else {
this.IsReachEnd = false;
}
this.notificationBodyRes.push(element);
}, (Error) => console.log(Error), () => infiniteScroll.target.complete());
}// if list length >0
else {
this.IsReachEnd = true;
}
}// if response == 1
//this.pageNum++;
infiniteScroll.target.complete();
});
} else {
if (infiniteScroll)
infiniteScroll.target.complete();
}
}//end infiniteScroll
loadMoreNotificationBody() {
console.log("loadMoreNotificationBody MR");
if (!this.IsReachEnd) {
console.log("this.IsReachEnd"+ this.IsReachEnd);
this.WorkListBodyObj.P_PAGE_NUM = this.P_PAGE_NUM;
this.worklistMainService.getMONotificationBody(this.WorkListBodyObj).
subscribe((result: any) => {
if (this.common.validResponse(result)) {
if (result.GetMoNotificationBodyList != undefined) {
this.P_PAGE_NUM++;
(result.GetMoNotificationBodyList).forEach(element => {
if (element.ROW_NUM == element.NO_OF_ROWS) {
this.IsReachEnd = true;
} else {
this.IsReachEnd = false;
}
this.notificationBodyRes.push(element);
}, (Error) => console.log(Error), () =>
//infiniteScroll.target.complete()
console.log("test")
);
}// if list length >0
else {
this.IsReachEnd = true;
}
}// if response == 1
//this.pageNum++;
// infiniteScroll.target.complete();
});
} else {
// if (infiniteScroll)
// infiniteScroll.target.complete();
}
}//end infiniteScroll
loadMoreActionHistory() {
console.log("doInfinite action history MR");
if (!this.IsReachEnd) {
this.WorkListActionHistoryObj.P_PAGE_NUM = this.P_PAGE_NUM;
this.worklistService.getActionHistory(this.WorkListActionHistoryObj).
subscribe((result: any) => {
if (this.common.validResponse(result)) {
if (result.GetActionHistoryList != undefined) {
this.P_PAGE_NUM++;
(result.GetActionHistoryList).forEach(element => {
if (element.ROW_NUM == element.NO_OF_ROWS) {
this.IsReachEnd = true;
} else {
this.IsReachEnd = false;
}
this.actionHistoryRes.push(element);
}, (Error) => console.log(Error), () =>
//infiniteScroll.target.complete()
console.log("TEST"));
}// if list length >0
else {
this.IsReachEnd = true;
}
}// if response == 1
//this.pageNum++;
// infiniteScroll.target.complete();
});
} else {
//if (infiniteScroll)
//infiniteScroll.target.complete();
}
}//end infiniteScroll
} }

@ -6,13 +6,13 @@
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>
<ion-toolbar> <ion-toolbar class="slideToolBar">
<ion-segment class="segmentPR" scrollable> <ion-segment class="segmentPR" scrollable>
<ion-segment-button value="0" checked> <ion-segment-button value="0" checked>
<ion-label> {{ts.trPK('worklistMain','info')}}</ion-label> <ion-label> {{ts.trPK('worklistMain','info')}}</ion-label>
</ion-segment-button> </ion-segment-button>
<ion-segment-button value="1"> <ion-segment-button value="1">
<ion-label> {{ts.trPK('worklistMain','itemReq')}}</ion-label> <ion-label> {{ts.trPK('worklistMain','line_details')}}</ion-label>
</ion-segment-button> </ion-segment-button>
<ion-segment-button value="2"> <ion-segment-button value="2">
<ion-label> <ion-label>
@ -165,7 +165,8 @@
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-col> <ion-col>
<label class="colItemReq" for="">{{ts.trPK('worklistMain','ShipToLocation')}} </label> <label class="colItemReq" for="">{{ts.trPK('worklistMain','ShipToLocation')}}
</label>
<br /> <br />
<label for="">{{header.SHIP_TO_LOCATION_NAME}} </label> <label for="">{{header.SHIP_TO_LOCATION_NAME}} </label>
@ -173,7 +174,8 @@
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-col> <ion-col>
<label class="colItemReq" for="">{{ts.trPK('worklistMain','QuotationNumber')}} </label> <label class="colItemReq" for="">{{ts.trPK('worklistMain','QuotationNumber')}}
</label>
<br /> <br />
<label for="">{{header.QUOTATION_NUMBER}} </label> <label for="">{{header.QUOTATION_NUMBER}} </label>
@ -181,7 +183,8 @@
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-col> <ion-col>
<label class="colItemReq" for="">{{ts.trPK('worklistMain','QuotationDate')}} </label> <label class="colItemReq" for="">{{ts.trPK('worklistMain','QuotationDate')}}
</label>
<br /> <br />
<label for="">{{header.QUOTATION_DATE}} </label> <label for="">{{header.QUOTATION_DATE}} </label>
@ -213,7 +216,8 @@
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-col> <ion-col>
<label class="colItemReq" for="">{{ts.trPK('worklistMain','DiscountAmount')}} </label> <label class="colItemReq" for="">{{ts.trPK('worklistMain','DiscountAmount')}}
</label>
<br /> <br />
<label for="">{{header.DISCOUNT_AMOUNT}} </label> <label for="">{{header.DISCOUNT_AMOUNT}} </label>
@ -221,7 +225,8 @@
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-col> <ion-col>
<label class="colItemReq" for="">{{ts.trPK('worklistMain','TotalPODiscount')}}</label> <label class="colItemReq"
for="">{{ts.trPK('worklistMain','TotalPODiscount')}}</label>
<br /> <br />
<label for="">{{header.TOTAL_PO_DISCOUNT}} </label> <label for="">{{header.TOTAL_PO_DISCOUNT}} </label>
@ -273,7 +278,8 @@
<ion-row> <ion-row>
<ion-col> <ion-col>
<label class="colItemReq" for="">{{ts.trPK('worklistMain','TotalPOAmountWithVAT')}} </label> <label class="colItemReq" for="">{{ts.trPK('worklistMain','TotalPOAmountWithVAT')}}
</label>
<br /> <br />
<label for="">{{header.TOT_PO_AMT}} </label> <label for="">{{header.TOT_PO_AMT}} </label>
@ -282,7 +288,8 @@
<ion-row> <ion-row>
<ion-col> <ion-col>
<label class="colItemReq" for="">{{ts.trPK('worklistMain','TotalPOAmountInWords')}} </label> <label class="colItemReq" for="">{{ts.trPK('worklistMain','TotalPOAmountInWords')}}
</label>
<br /> <br />
<label for="">{{header.TOT_PO_AMT_WORD}} </label> <label for="">{{header.TOT_PO_AMT_WORD}} </label>
@ -323,6 +330,9 @@
</ion-grid> </ion-grid>
<!-- -->
<button ion-button [hidden]="IsReachEnd" class="itemHISBtn" (click)="loadMoreNotificationBody()">Load More</button>
</ion-card-content> </ion-card-content>
@ -349,11 +359,11 @@
</div> </div>
<ion-list class="itemReqList" *ngIf="POLines && POLines.length > 0 "> <ion-list class="itemReqList" *ngIf="POLines && POLines.length > 0 ">
<div > <div>
<ion-grid class="gridItemReq"> <ion-grid class="gridItemReq">
<ion-item class="itemReqContent" *ngFor="let Lines of POLines; let i=index;" > <ion-item class="itemReqContent" *ngFor="let Lines of POLines; let i=index;">
<div class="itemReqDiv"> <div class="itemReqDiv">
@ -382,7 +392,8 @@
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-col class="colItems"> <ion-col class="colItems">
<label class="colItemReq" for="">{{ts.trPK('worklistMain','LINE_TYPE')}} </label> <label class="colItemReq" for="">{{ts.trPK('worklistMain','LINE_TYPE')}}
</label>
<br /> <br />
<ion-label class="labelValue" for="">{{Lines.LINE_TYPE}} </ion-label> <ion-label class="labelValue" for="">{{Lines.LINE_TYPE}} </ion-label>
@ -409,7 +420,8 @@
</ion-col> </ion-col>
<ion-col class="colItems"> <ion-col class="colItems">
<label class="colItemReq" for="">{{ts.trPK('worklistMain','LINE_AMOUNT')}} </label> <label class="colItemReq" for="">{{ts.trPK('worklistMain','LINE_AMOUNT')}}
</label>
<br /> <br />
<ion-label class="labelValue" for="">{{Lines.LINE_AMOUNT}} </ion-label> <ion-label class="labelValue" for="">{{Lines.LINE_AMOUNT}} </ion-label>
@ -450,7 +462,8 @@
</ion-col> </ion-col>
<ion-col class="colItems"> <ion-col class="colItems">
<label class="colItemReq" for="">{{ts.trPK('worklistMain','PROMISED_DATE')}} </label> <label class="colItemReq" for="">{{ts.trPK('worklistMain','PROMISED_DATE')}}
</label>
<br /> <br />
<ion-label class="labelValue" for="">{{Lines.PROMISED_DATE}} </ion-label> <ion-label class="labelValue" for="">{{Lines.PROMISED_DATE}} </ion-label>
@ -464,7 +477,8 @@
<ion-row> <ion-row>
<ion-col class="colItems"> <ion-col class="colItems">
<label class="colItemReq" for="">{{ts.trPK('worklistMain','DELIVER_TO')}} </label> <label class="colItemReq" for="">{{ts.trPK('worklistMain','DELIVER_TO')}}
</label>
<br /> <br />
<ion-label class="labelValue" for="">{{Lines.DELIVER_TO_LOCATION}} </ion-label> <ion-label class="labelValue" for="">{{Lines.DELIVER_TO_LOCATION}} </ion-label>
@ -511,7 +525,8 @@
<div style="text-align: center"> <div style="text-align: center">
<button ion-button class="itemHISBtn" (click)="getItemHistory(Lines.ITEM_ID)"> <button ion-button class="itemHISBtn"
(click)="getItemHistory(Lines.ITEM_ID)">
{{ts.trPK('worklistMain','ITEM_HIS')}} {{ts.trPK('worklistMain','ITEM_HIS')}}
<!-- (click)="openNoteDetail(actionHistory.NOTE ,actionHistory.NAME)" <!-- (click)="openNoteDetail(actionHistory.NOTE ,actionHistory.NAME)"
[hidden]="actionHistory.NOTE == '' || actionHistory.NOTE == null" [hidden]="actionHistory.NOTE == '' || actionHistory.NOTE == null"
@ -554,7 +569,9 @@
<!-- </ion-card-content> <!-- </ion-card-content>
</ion-card> --> </ion-card> -->
</ion-slide> </ion-slide>
<ion-slide> <ion-slide>
<ion-card class="cardContent"> <ion-card class="cardContent">
<ion-card-content> <ion-card-content>
@ -580,8 +597,7 @@
</button> </button>
</div> </div>
<div <div [ngClass]="{'bg-blue-dot' : actionHistory.ACTION === 'Submitted' || actionHistory.ACTION === 'Submit' ,'bg-orange-dot' : actionHistory.ACTION === 'Pending' ,'bg-red-dot' : actionHistory.ACTION === 'Rejected','bg-green-dot' : actionHistory.ACTION != 'Pending' && actionHistory.ACTION != 'Rejected' && actionHistory.ACTION != 'Submitted' && actionHistory.ACTION != 'Submit'}"
[ngClass]="{'bg-blue-dot' : actionHistory.ACTION === 'Submitted' || actionHistory.ACTION === 'Submit' ,'bg-orange-dot' : actionHistory.ACTION === 'Pending' ,'bg-red-dot' : actionHistory.ACTION === 'Rejected','bg-green-dot' : actionHistory.ACTION != 'Pending' && actionHistory.ACTION != 'Rejected' && actionHistory.ACTION != 'Submitted' && actionHistory.ACTION != 'Submit'}"
class="timeline-thumb timeline-icon"> class="timeline-thumb timeline-icon">
</div> </div>
</div> </div>
@ -598,10 +614,13 @@
</div> </div>
</ion-list> </ion-list>
</div> </div>
<button ion-button [hidden]="IsReachEnd" class="itemHISBtn" (click)="loadMoreActionHistory()">Load More</button>
</ion-card-content> </ion-card-content>
</ion-card>
</ion-card>
</ion-slide> </ion-slide>
<ion-slide> <ion-slide>
<ion-card class="cardContent"> <ion-card class="cardContent">
<ion-card-content> <ion-card-content>

@ -722,6 +722,7 @@ export class WorklistMainPoComponent implements OnInit {
} }
doInfinite(infiniteScroll) { doInfinite(infiniteScroll) {
console.log("doInfinite action history");
if (!this.IsReachEnd) { if (!this.IsReachEnd) {
this.WorkListActionHistoryObj.P_PAGE_NUM = this.P_PAGE_NUM; this.WorkListActionHistoryObj.P_PAGE_NUM = this.P_PAGE_NUM;
this.worklistService.getActionHistory(this.WorkListActionHistoryObj). this.worklistService.getActionHistory(this.WorkListActionHistoryObj).
@ -785,28 +786,24 @@ export class WorklistMainPoComponent implements OnInit {
WorklistMainPoComponent.PASS_PO_INFO WorklistMainPoComponent.PASS_PO_INFO
); );
//open page //open page
this.common.openItemHistoryPage(); // this.common.openItemHistoryPage();
//this.handleItemHistoryResult(result); this.handleItemHistoryResult(result);
}); });
} }
handleItemHistoryResult(result) { handleItemHistoryResult(result) {
if (this.common.validResponse(result)) { if (this.common.validResponse(result)) {
if (this.common.hasData(result.GetItemHistoryList)) { if (this.common.hasData(result.GetPoItemHistoryList)) {
this.itemHistoryRes = result.GetItemHistoryList; this.common.openItemHistoryPage();
this.P_PAGE_NUM++;
let lastItemIndex = this.itemHistoryRes.length - 1;
if (result.GetItemHistoryList[lastItemIndex]) {
let lastitem = result.GetItemHistoryList[lastItemIndex];
if (lastitem.NO_OF_ROWS == lastitem.ROW_NUM) {
this.IsReachEnd = true;
} else {
this.IsReachEnd = false;
}
}
} }
} }
else{
this.common.presentAlert(
this.ts.trPK("general", "empty")
); }
} }
getQutationAnalysis(headerID,itemID) { getQutationAnalysis(headerID,itemID) {
@ -858,12 +855,85 @@ export class WorklistMainPoComponent implements OnInit {
// } // }
}//hasData }//hasData
else{ else{
alert("No DATA") this.common.presentAlert(
this.ts.trPK("general", "empty")
); }
}
}
loadMoreNotificationBody() {
console.log("loadMoreNotificationBody PO");
if (!this.IsReachEnd) {
console.log("this.IsReachEnd"+ this.IsReachEnd);
this.WorkListBodyObj.P_PAGE_NUM = this.P_PAGE_NUM;
this.worklistMainService.getPONotificationBody(this.WorkListBodyObj).
subscribe((result: any) => {
if (this.common.validResponse(result)) {
if (result.GetPoNotificationBodyList != undefined) {
this.P_PAGE_NUM++;
(result.GetPoNotificationBodyList).forEach(element => {
if (element.ROW_NUM == element.NO_OF_ROWS) {
this.IsReachEnd = true;
} else {
this.IsReachEnd = false;
}
this.notificationBodyRes.push(element);
}, (Error) => console.log(Error), () =>
//infiniteScroll.target.complete()
console.log("test")
);
}// if list length >0
else {
this.IsReachEnd = true;
} }
}// if response == 1
//this.pageNum++;
// infiniteScroll.target.complete();
});
} else {
// if (infiniteScroll)
// infiniteScroll.target.complete();
}
}//end infiniteScroll
loadMoreActionHistory() {
console.log("doInfinite action history MR");
if (!this.IsReachEnd) {
this.WorkListActionHistoryObj.P_PAGE_NUM = this.P_PAGE_NUM;
this.worklistService.getActionHistory(this.WorkListActionHistoryObj).
subscribe((result: any) => {
if (this.common.validResponse(result)) {
if (result.GetActionHistoryList != undefined) {
this.P_PAGE_NUM++;
(result.GetActionHistoryList).forEach(element => {
if (element.ROW_NUM == element.NO_OF_ROWS) {
this.IsReachEnd = true;
} else {
this.IsReachEnd = false;
}
this.actionHistoryRes.push(element);
}, (Error) => console.log(Error), () =>
//infiniteScroll.target.complete()
console.log("TEST"));
}// if list length >0
else {
this.IsReachEnd = true;
} }
}// if response == 1
//this.pageNum++;
// infiniteScroll.target.complete();
});
} else {
//if (infiniteScroll)
//infiniteScroll.target.complete();
} }
}//end infiniteScroll
//infinite scrolling
} }

@ -6,7 +6,7 @@
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>
<ion-toolbar> <ion-toolbar class="slideToolBar">
<ion-segment class="segmentPR" scrollable> <ion-segment class="segmentPR" scrollable>
<ion-segment-button value="0" checked> <ion-segment-button value="0" checked>
<!-- <ion-icon name="call">arrowRight</ion-icon> --> <!-- <ion-icon name="call">arrowRight</ion-icon> -->
@ -168,6 +168,7 @@
</ion-grid> </ion-grid>
<button [hidden]="IsReachEnd" ion-button class="itemHISBtn" (click)="loadMoreNotificationBody()">Load More</button>
</ion-card-content> </ion-card-content>
@ -324,8 +325,7 @@
</div> </div>
<!-- [ngClass]="{'bg-blue-dot' : actionHistory.ACTION === 'Submitted' ,'statusGreanColor' :appointmentsArrive.Status != 1 && appointmentsArrive.Status != 2, 'statusRedColor' :appointmentsArrive.Status === 2}" --> <!-- [ngClass]="{'bg-blue-dot' : actionHistory.ACTION === 'Submitted' ,'statusGreanColor' :appointmentsArrive.Status != 1 && appointmentsArrive.Status != 2, 'statusRedColor' :appointmentsArrive.Status === 2}" -->
<div <div [ngClass]="{'bg-blue-dot' : actionHistory.ACTION === 'Submitted' || actionHistory.ACTION === 'Submit' ,'bg-orange-dot' : actionHistory.ACTION === 'Pending' ,'bg-red-dot' : actionHistory.ACTION === 'Rejected','bg-green-dot' : actionHistory.ACTION != 'Pending' && actionHistory.ACTION != 'Rejected' && actionHistory.ACTION != 'Submitted' && actionHistory.ACTION != 'Submit'}"
[ngClass]="{'bg-blue-dot' : actionHistory.ACTION === 'Submitted' || actionHistory.ACTION === 'Submit' ,'bg-orange-dot' : actionHistory.ACTION === 'Pending' ,'bg-red-dot' : actionHistory.ACTION === 'Rejected','bg-green-dot' : actionHistory.ACTION != 'Pending' && actionHistory.ACTION != 'Rejected' && actionHistory.ACTION != 'Submitted' && actionHistory.ACTION != 'Submit'}"
class="timeline-thumb timeline-icon"> class="timeline-thumb timeline-icon">
</div> </div>
</div> </div>
@ -342,6 +342,9 @@
</div> </div>
</ion-list> </ion-list>
</div> </div>
<button ion-button [hidden]="IsReachEnd" class="itemHISBtn" (click)="loadMoreActionHistory()">Load More</button>
</ion-card-content> </ion-card-content>
</ion-card> </ion-card>

@ -1,306 +1,8 @@
// .colorBG{ .itemHISBtn{
// --background: #f0efef; padding: 5px;
// } color: var(--light);
// .footerSearchBtn{ background: var(--darkgray);
// padding: 0px !important; border-radius: 3px;
// background: #f0efef !important; width: 85%;
// } height: 40px;
}
// .actionList{
// // position: fixed;
// // bottom: 0px;
// width: 215px;
// border-top-left-radius: 7px;
// border-top-right-radius: 7px
// }
// .cardContent{
// width:100%;
// margin-top: 33px
// }
// .colItemReq{
// color: var(--dark);
// font-weight: bold;
// font-size: 15px;
// text-align: left;
// }
// .colItemReqHeader{
// text-align: left;
// color: var(--primary);
// font-weight: bold;
// }
// .labelTotal{
// color: var(--danger);
// font-weight: bold;
// font-size: 17px;
// }
// .labelAction{
// color:var(--customnavy) !important;
// font-weight:bold;
// }
// .segmentPR{
// // --background-hover: rgba(var(--ion-color-contrast-rgb),0.04);
// // --background-activated: var(--danger);
// // --color: rgba(--primary);
// --color-checked: var(--dark);
// --indicator-color-checked: var(--secondary);
// --background: #f0efef;
// --background-activated: #f0efef;
// --background-hover:#f0efef;
// --background-activated:#f0efef;
// --background-checked:#f0efef;
// }
// .ion-modal#ion-overlay-1 {
// width: 90%;
// height: 50%;
// top: 20%;
// left: 5%;
// right: 5%;
// bottom: 5%;
// border: solid 1px red;
// }
// // .swiper-pagination.swiper-pagination-bullets{
// // top: 6px;
// // bottom: inherit;
// // }
// // .swiper-pagination.swiper-pagination-bullets {
// // top: 6px !important;
// // bottom: 0px !important;
// // }
// // .swiper-pagination {
// // top: 6px;
// // }
// .bar-stable {
// background-color: var(--cusgray) !important;
// }
// .tabs{
// background-color: var(--cusgray) !important;
// }
// .icon-size-lg {
// font-size: 40px;
// }
// /*Timeline*/
// .pos-absolute-right {
// position: absolute;
// right: 8px;
// }
// .timeline {
// position: relative;
// margin: 15px 0 0 0;
// }
// .timeline:before {
// content: '';
// position: absolute;
// top: 0;
// bottom: 0;
// width: 4px;
// background: #e4e4e4;
// z-index: 1;
// left: 66px;
// /* margin-left: -10px; */
// /* z-index: 1; */
// }
// .timeline .timeline-thumb {
// border-radius: 500px;
// width: 40px !important;
// z-index: 2;
// position: absolute;
// left: 48px;
// // :root[dir="ltr"]{
// // left: 37px;
// // }
// // :root[dir="rtl"]{
// // right: 37px;
// // }
// float: right;
// top: 9px;
// }
// .timeline .timeline-thumb.timeline-icon {
// height: 40px;
// // text-align: center;
// // color: white;
// // border: 5px solid #CBD0D3;
// // transform: scale(0.2);
// }
// .timeline .timeline-item {
// width: 50px;
// }
// .timeline .timeline-stats {
// position: relative;
// font-size: 12px;
// color: var(--darkgray);
// }
// .divider-title {
// background: #e4e4e4;
// padding: 5px 15px;
// }
// .color-red {
// color: var(--danger) !important;
// }
// .bg-color-dot {
// background: var(--gray);
// /* background: linear-gradient(45deg, var(--primary) 0%, #19a163 36%, var(--secondary) 59%, var(--customnavy) 100%); */
// // border: var(--secondary) solid 1px;
// // background-color: #ff3b30 !important;
// // background: var(--primary);
// //background: -moz-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%);
// //background: -webkit-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%);
// //background: linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%);
// }
// .bg-blue-dot {
// border: var(--blue) solid 1px;
// background: var(--gray);
// }
// .bg-orange-dot {
// border: var(--orange) solid 1px;
// background: var(--gray);
// }
// .bg-red-dot {
// border: var(--red) solid 1px;
// background: var(--gray);
// }
// .bg-green-dot {
// border: var(--green) solid 1px;
// background: var(--gray);
// }
// .bg-blue-txt {
// color: var(--blue) !important;
// font-weight:bold;
// }
// .bg-orange-txt {
// font-weight:bold;
// color: var(--orange) !important;
// }
// .bg-red-txt {
// font-weight:bold;
// color: var(--red) !important;
// }
// .bg-green-txt {
// font-weight:bold;
// color: var(--green) !important;
// }
// .notification-list{
// ion-item{
// // margin-top: 5px;
// // margin-bottom: 5px;
// background-color: transparent;
// .item-date{
// width: 55px;
// font-size: 14px;
// font-weight: bold;
// text-align: center;
// padding: 0;
// margin: 0;
// position: absolute;
// left: 0;
// top: 0;
// }
// ion-label , [item-end]{
// white-space: normal;
// font-size: 14px;
// // :root[dir="ltr"]{
// // margin-left: 10px;
// // }
// // :root[dir="rtl"]{
// // margin-right: 10px;
// // }
// }
// }
// }
// .input-wrapper {
// --flex:none;
// }
// ion-input ,ion-datetime{
// border-bottom: #dedede 1px solid;
// }
// .left {
// .timeline:before{
// left: 66px;
// }
// .notification-list ion-item{
// padding-left: 3px;
// }
// .timeline-thumb{
// left: 37px;
// }
// }
// .right {
// .timeline:before{
// right: 62px;
// }
// .notification-list ion-item{
// padding-right: 3px;
// }
// .timeline-thumb{
// right: 37px;
// }
// }

@ -804,6 +804,79 @@ export class WorklistMainPRComponent implements OnInit {
} }
loadMoreNotificationBody() {
console.log("loadMoreNotificationBody PR");
if (!this.IsReachEnd) {
console.log("this.IsReachEnd"+ this.IsReachEnd);
this.WorkListBodyObj.P_PAGE_NUM = this.P_PAGE_NUM;
this.worklistMainService.getPRNotificationBody(this.WorkListBodyObj).
subscribe((result: any) => {
if (this.common.validResponse(result)) {
if (result.GetPrNotificationBodyList != undefined) {
this.P_PAGE_NUM++;
(result.GetPrNotificationBodyList).forEach(element => {
if (element.ROW_NUM == element.NO_OF_ROWS) {
this.IsReachEnd = true;
} else {
this.IsReachEnd = false;
}
this.notificationBodyRes.push(element);
}, (Error) => console.log(Error), () =>
//infiniteScroll.target.complete()
console.log("test")
);
}// if list length >0
else {
this.IsReachEnd = true;
}
}// if response == 1
//this.pageNum++;
// infiniteScroll.target.complete();
});
} else {
// if (infiniteScroll)
// infiniteScroll.target.complete();
}
}//end infiniteScroll
loadMoreActionHistory() {
console.log("doInfinite action history MR");
if (!this.IsReachEnd) {
this.WorkListActionHistoryObj.P_PAGE_NUM = this.P_PAGE_NUM;
this.worklistService.getActionHistory(this.WorkListActionHistoryObj).
subscribe((result: any) => {
if (this.common.validResponse(result)) {
if (result.GetActionHistoryList != undefined) {
this.P_PAGE_NUM++;
(result.GetActionHistoryList).forEach(element => {
if (element.ROW_NUM == element.NO_OF_ROWS) {
this.IsReachEnd = true;
} else {
this.IsReachEnd = false;
}
this.actionHistoryRes.push(element);
}, (Error) => console.log(Error), () =>
//infiniteScroll.target.complete()
console.log("TEST"));
}// if list length >0
else {
this.IsReachEnd = true;
}
}// if response == 1
//this.pageNum++;
// infiniteScroll.target.complete();
});
} else {
//if (infiniteScroll)
//infiniteScroll.target.complete();
}
}//end infiniteScroll
} }

@ -26,7 +26,7 @@
<ion-row> <ion-label>PERIOD END DATE</ion-label><ion-label>{{showPaySlip.PERIOD_END_DATE}}</ion-label> </ion-row> <ion-row> <ion-label>PERIOD END DATE</ion-label><ion-label>{{showPaySlip.PERIOD_END_DATE}}</ion-label> </ion-row>
</ion-item> </ion-item>
</ion-list> --> </ion-list> -->
<div *ngIf="showPaySlip !=''">
<accordin-custom > <accordin-custom >
<accordin-tab-custom [header]="'payslip,payroll-info' | translate " > <accordin-tab-custom [header]="'payslip,payroll-info' | translate " >
<!-- special results --> <!-- special results -->
@ -243,6 +243,9 @@
<!-- </ion-card-content> <!-- </ion-card-content>
</ion-card> --> </ion-card> -->
<!-- <ion-infinite-scroll (ionInfinite)="doInfiniteEarning($event)">
<ion-infinite-scroll-content></ion-infinite-scroll-content>
</ion-infinite-scroll> -->
</accordin-tab-custom> </accordin-tab-custom>
</accordin-custom > </accordin-custom >
@ -288,6 +291,10 @@
<!-- </ion-card-content> <!-- </ion-card-content>
</ion-card> --> </ion-card> -->
<!-- <ion-infinite-scroll (ionInfinite)="doInfiniteDeduction($event)">
<ion-infinite-scroll-content></ion-infinite-scroll-content>
</ion-infinite-scroll> -->
</accordin-tab-custom> </accordin-tab-custom>
</accordin-custom > </accordin-custom >
@ -365,7 +372,7 @@
</accordin-tab-custom> </accordin-tab-custom>
</accordin-custom > </accordin-custom >
</div>
<!-- <ion-row *ngIf="showPaySlip !=''" style="text-align: center;"> <!-- <ion-row *ngIf="showPaySlip !=''" style="text-align: center;">
<ion-col class="greenTxt" col-6> <ion-col class="greenTxt" col-6>

@ -1,9 +1,11 @@
import { Component, OnInit } from '@angular/core'; import { Component, OnInit, ViewChild } from '@angular/core';
import {PayslipService} from '../service/payslip.service' import {PayslipService} from '../service/payslip.service'
import { TranslatorService } from 'src/app/hmg-common/services/translator/translator.service'; import { TranslatorService } from 'src/app/hmg-common/services/translator/translator.service';
import { CommonService } from 'src/app/hmg-common/services/common/common.service'; import { CommonService } from 'src/app/hmg-common/services/common/common.service';
import { MenuResponse } from 'src/app/hmg-common/services/menu/models/menu-response'; import { MenuResponse } from 'src/app/hmg-common/services/menu/models/menu-response';
import { SharedDataService } from 'src/app/hmg-common/services/shared-data-service/shared-data.service'; import { SharedDataService } from 'src/app/hmg-common/services/shared-data-service/shared-data.service';
import { DeductionRequest } from '../model/deductionReq';
import { IonInfiniteScroll } from '@ionic/angular';
@Component({ @Component({
selector: 'app-home', selector: 'app-home',
@ -24,6 +26,11 @@ export class HomeComponent implements OnInit {
GetDeductionsList: any=''; GetDeductionsList: any='';
earingTotal: any; earingTotal: any;
deductionTotal: any; deductionTotal: any;
firstPayslip: any;
defultSelected: any;
IsReachEnd: any;
private deductionReq: DeductionRequest;
@ViewChild(IonInfiniteScroll) infiniteScroll: IonInfiniteScroll;
constructor( constructor(
public payslipService:PayslipService, public payslipService:PayslipService,
@ -90,7 +97,8 @@ export class HomeComponent implements OnInit {
if (result.GetPayslipList != null) { if (result.GetPayslipList != null) {
this.GetPayslipList = result.GetPayslipList; this.GetPayslipList = result.GetPayslipList;
this.firstPayslip= this.GetPayslipList[0]
this.defultSelected=this.firstPayslip.PAYSLIP_CHOICE
} }
} }
@ -158,11 +166,16 @@ openDeductions(){
} }
getEarings(ActionContextID){ getEarings(ActionContextID){
const request = { console.log("getEarings");
P_ACTION_CONTEXT_ID: ActionContextID,
P_PAGE_NUM: 1, // this.deductionReq.P_ACTION_CONTEXT_ID=ActionContextID;
P_PAGE_LIMIT: 1000 // this.deductionReq.P_PAGE_NUM=1;
}; // this.deductionReq.P_PAGE_LIMIT=100;
const request ={
P_ACTION_CONTEXT_ID:ActionContextID,
P_PAGE_NUM:1,
P_PAGE_LIMIT:100
}
this.payslipService.getEarings(request, ()=> {} , this.ts.trPK('general', 'retry')).subscribe((result)=> this.payslipService.getEarings(request, ()=> {} , this.ts.trPK('general', 'retry')).subscribe((result)=>
{ {
@ -181,11 +194,16 @@ handleGetEaringsResult(result){
} }
getDeduction(ActionContextID){ getDeduction(ActionContextID){
const request = { console.log("getDeduction");
P_ACTION_CONTEXT_ID: ActionContextID, const request ={
P_PAGE_NUM: 1, P_ACTION_CONTEXT_ID:ActionContextID,
P_PAGE_LIMIT: 1000 P_PAGE_NUM:1,
}; P_PAGE_LIMIT:100
}
// this.deductionReq.P_ACTION_CONTEXT_ID=ActionContextID;
// this.deductionReq.P_PAGE_NUM=1;
// this.deductionReq.P_PAGE_LIMIT=100;
this.payslipService.getDeduction(request, ()=> {} , this.ts.trPK('general', 'retry')).subscribe((result)=> this.payslipService.getDeduction(request, ()=> {} , this.ts.trPK('general', 'retry')).subscribe((result)=>
{ {
@ -201,7 +219,68 @@ getDeduction(ActionContextID){
} }
doInfiniteDeduction(infiniteScroll) {
//this.pageNum= this.pageNum + 1;
if (!this.IsReachEnd) {
this.payslipService.getDeduction(this.deductionReq).subscribe(
(result: any) => {
if (this.common.validResponse(result)) {
this.deductionReq.P_PAGE_NUM++;
if (this.common.hasData(result.GetDeductionsList)) {
result.GetDeductionsList.forEach(element => {
if (element.ROW_NUM == element.NO_OF_ROWS) {
this.IsReachEnd = true;
} else {
this.IsReachEnd = false;
}
this.GetDeductionsList.push(element);
});
} // if list length >0
else {
this.IsReachEnd = true;
}
} // if response == 1
//this.pageNum++;
this.infiniteScroll.complete();
}
);
} else {
if (this.infiniteScroll) this.infiniteScroll.complete();
}
} //end infiniteScroll
doInfiniteEarning(infiniteScroll) {
//this.pageNum= this.pageNum + 1;
if (!this.IsReachEnd) {
this.payslipService.getEarings(this.deductionReq).subscribe(
(result: any) => {
if (this.common.validResponse(result)) {
this.deductionReq.P_PAGE_NUM++;
if (this.common.hasData(result.GetEarningsList)) {
result.GetEarningsList.forEach(element => {
if (element.ROW_NUM == element.NO_OF_ROWS) {
this.IsReachEnd = true;
} else {
this.IsReachEnd = false;
}
this.GetEarningsList.push(element);
});
} // if list length >0
else {
this.IsReachEnd = true;
}
} // if response == 1
//this.pageNum++;
this.infiniteScroll.complete();
}
);
} else {
if (this.infiniteScroll) this.infiniteScroll.complete();
}
} //end infiniteScroll

@ -0,0 +1,9 @@
import { Request } from 'src/app/hmg-common/services/models/request';
export class DeductionRequest extends Request{
//public static SHARED_DATA = '';
public P_ACTION_CONTEXT_ID :any;
public P_PAGE_NUM:number ;//number
public P_PAGE_LIMIT:number;//number
}

@ -78,6 +78,10 @@
</ion-card-content> </ion-card-content>
</ion-card> </ion-card>
<ion-infinite-scroll (ionInfinite)="doInfinite($event)">
<ion-infinite-scroll-content></ion-infinite-scroll-content>
</ion-infinite-scroll>
</ion-content> </ion-content>
<ion-footer> <ion-footer>

@ -4,10 +4,11 @@ import { DeleteVacationRuleRequest } from './../model/deleteVacationRule.Request
import { CommonService } from 'src/app/hmg-common/services/common/common.service'; import { CommonService } from 'src/app/hmg-common/services/common/common.service';
import { VacationRuleServiceService } from './../service/vacation-rule-service.service'; import { VacationRuleServiceService } from './../service/vacation-rule-service.service';
import { VacationRuleRequest } from './../model/VacationRuleRequest'; import { VacationRuleRequest } from './../model/VacationRuleRequest';
import { Component, OnInit } from '@angular/core'; import { Component, OnInit, ViewChild } from '@angular/core';
import { TranslatorService } from 'src/app/hmg-common/services/translator/translator.service'; import { TranslatorService } from 'src/app/hmg-common/services/translator/translator.service';
import { Router } from '@angular/router'; import { Router } from '@angular/router';
import { ButtonInput } from 'src/app/uI-elements/button.input'; import { ButtonInput } from 'src/app/uI-elements/button.input';
import { IonInfiniteScroll } from '@ionic/angular';
@Component({ @Component({
selector: 'app-home', selector: 'app-home',
@ -15,6 +16,7 @@ import { ButtonInput } from 'src/app/uI-elements/button.input';
styleUrls: ['./home.component.scss'], styleUrls: ['./home.component.scss'],
}) })
export class HomeComponent implements OnInit { export class HomeComponent implements OnInit {
@ViewChild(IonInfiniteScroll) infiniteScroll: IonInfiniteScroll;
userName: any; userName: any;
P_PAGE_NUM: number; P_PAGE_NUM: number;
@ -162,5 +164,39 @@ export class HomeComponent implements OnInit {
} }
} }
doInfinite(infiniteScroll) {
let request: VacationRuleRequest = new VacationRuleRequest();
request.P_PAGE_LIMIT = this.P_PAGE_LIMIT;
request.P_PAGE_NUM = this.P_PAGE_NUM;
if (!this.IsReachEnd) {
this.vacationRuleService.getVacationRule(request, () => {
// this.getVacationRules();
}, this.ts.trPK('general', 'retry')).subscribe((result) => {
if (this.cs.validResponse(result)) {
request.P_PAGE_NUM++;
if (this.cs.hasData(result.GetVacationRulesList)) {
result.GetVacationRulesList.forEach(element => {
if (element.ROW_NUM == element.NO_OF_ROWS) {
this.IsReachEnd = true;
} else {
this.IsReachEnd = false;
}
this.GetVacationRulesList.push(element);
});
} // if list length >0
else {
this.IsReachEnd = true;
}
} // if response == 1
//this.pageNum++;
this.infiniteScroll.complete();
}
);
} else {
if (this.infiniteScroll) this.infiniteScroll.complete();
}
} //end infiniteScroll
} }

@ -1988,7 +1988,13 @@
"RFQ_UOM":{ "RFQ_UOM":{
"en": "RFQ UOM", "en": "RFQ UOM",
"ar":"RFQ UOM" "ar":"RFQ UOM"
},
"line_details":{
"en": "Line Details",
"ar":"Line Details"
} }
}, },
"payslip": { "payslip": {
"title":{ "title":{

@ -778,10 +778,11 @@ color: var(--dark);
--bullet-background: var(--cusgray) !important; //var(--primary) !important; --bullet-background: var(--cusgray) !important; //var(--primary) !important;
--bullet-background-active: var(--darkgray) !important; --bullet-background-active: var(--darkgray) !important;
--bullet-border: solid 1px var(--cusgray) !important;
} }
.slides-gray-bullets .swiper-pagination { .slides-gray-bullets .swiper-pagination {
top: 0.4cm !important; top: 0.2cm !important;
} }
@ -795,6 +796,8 @@ color: var(--dark);
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px; margin: 5px;
width: 12px;
height: 12px;
} }
// .skipbutton,.button-md, button-ios{ // .skipbutton,.button-md, button-ios{
@ -851,4 +854,4 @@ color: var(--dark);
// /* bottom: 10px; */ // /* bottom: 10px; */
// left: 0; // left: 0;
// width: 100%; // width: 100%;
// } //

@ -23,7 +23,7 @@
.itemReqContent{ .itemReqContent{
margin-top: 17px; // margin-top: 17px;
margin-bottom: 10px; margin-bottom: 10px;
border-radius: 7px; border-radius: 7px;
text-align: left; text-align: left;

Loading…
Cancel
Save