80 lines
3.1 KiB
JavaScript
80 lines
3.1 KiB
JavaScript
import { LightningElement, wire, track, api } from 'lwc';
|
|
import getCaseList from '@salesforce/apex/ShopifyLogController.getCaseList';
|
|
import getNext from '@salesforce/apex/ShopifyLogController.getNext';
|
|
import getPrevious from '@salesforce/apex/ShopifyLogController.getPrevious';
|
|
import TotalRecords from '@salesforce/apex/ShopifyLogController.TotalRecords';
|
|
|
|
/* eslint-disable no-console */
|
|
/* eslint-disable no-alert */
|
|
|
|
const COLS = [
|
|
{ label: 'Store', fieldName: 'HIC_ShopifySync__Store__c' },
|
|
{ label: 'Name', fieldName: 'Name' },
|
|
{ label: 'ExternalId', fieldName: 'StageName' },
|
|
{ label: 'Is Webhook', fieldName: 'HIC_ShopifySync__Is_Webhook__c' },
|
|
{ label: 'JSON', fieldName: 'HIC_ShopifySync__Info__c'},
|
|
{ label: 'Created at', fieldName: 'CreatedDate ', type: 'date', typeAttributes:{timeZone:'UTC', year:'numeric', month:'numeric', day:'numeric'}},
|
|
{ label: 'Modified at', fieldName: 'LastModifiedDate', type: 'date', typeAttributes:{timeZone:'UTC', year:'numeric', month:'numeric', day:'numeric'}},
|
|
|
|
|
|
];
|
|
export default class displaycases extends LightningElement {
|
|
@track columns = COLS;
|
|
@track v_Offset=0;
|
|
@track v_TotalRecords;
|
|
@track page_size = 10;
|
|
|
|
//Fetching records from apex class
|
|
@wire(getCaseList, { v_Offset: '$v_Offset', v_pagesize: '$page_size' }) cases;
|
|
|
|
//Executes on the page load
|
|
connectedCallback() {
|
|
console.log('inside con')
|
|
TotalRecords().then(result=>{
|
|
console.log('result',result)
|
|
this.v_TotalRecords = result;
|
|
console.log( 'this.v_TotalRecords',this.v_TotalRecords);
|
|
});
|
|
}
|
|
|
|
previousHandler2(){
|
|
getPrevious({v_Offset: this.v_Offset, v_pagesize: this.page_size}).then(result=>{
|
|
this.v_Offset = result;
|
|
if(this.v_Offset === 0){
|
|
this.template.querySelector('c-paginator').changeView('trueprevious');
|
|
}else{
|
|
this.template.querySelector('c-paginator').changeView('falsenext');
|
|
}
|
|
});
|
|
}
|
|
nextHandler2(){
|
|
getNext({v_Offset: this.v_Offset, v_pagesize: this.page_size}).then(result=>{
|
|
this.v_Offset = result;
|
|
console.log( 'this.v_TotalRecords',this.v_TotalRecords);
|
|
if(this.v_Offset + 10 > this.v_TotalRecords){
|
|
this.template.querySelector('c-paginator').changeView('truenext');
|
|
}else{
|
|
this.template.querySelector('c-paginator').changeView('falseprevious');
|
|
}
|
|
});
|
|
}
|
|
|
|
changeHandler2(event){
|
|
const det = event.detail;
|
|
this.page_size = det;
|
|
}
|
|
firstpagehandler(){
|
|
this.v_Offset = 0;
|
|
// this.template.querySelector('c-paginator').changeView('trueprevious');
|
|
// this.template.querySelector('c-paginator').changeView('falsenext');
|
|
}
|
|
lastpagehandler(){
|
|
this.v_Offset = this.v_TotalRecords - (this.v_TotalRecords)%(this.page_size);
|
|
console.log( 'this.v_Offset',this.v_Offset);
|
|
console.log( 'this.page_size',this.page_size);
|
|
console.log( 'this.v_TotalRecords',this.v_TotalRecords);
|
|
console.log( '(this.v_TotalRecords)%(this.page_size)',(this.v_TotalRecords)%(this.page_size));
|
|
// this.template.querySelector('c-paginator').changeView('falseprevious');
|
|
// this.template.querySelector('c-paginator').changeView('truenext');
|
|
}
|
|
} |