Your IP : 216.73.216.43
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
/**
* @api
*/
define([
'ko',
'underscore',
'mageUtils',
'uiLayout',
'uiElement'
], function (ko, _, utils, layout, Element) {
'use strict';
return Element.extend({
defaults: {
template: 'ui/grid/paging/paging',
totalTmpl: 'ui/grid/paging-total',
totalRecords: 0,
showTotalRecords: true,
pages: 1,
current: 1,
selectProvider: 'ns = ${ $.ns }, index = ids',
sizesConfig: {
component: 'Magento_Ui/js/grid/paging/sizes',
name: '${ $.name }_sizes',
storageConfig: {
provider: '${ $.storageConfig.provider }',
namespace: '${ $.storageConfig.namespace }'
}
},
imports: {
totalSelected: '${ $.selectProvider }:totalSelected',
totalRecords: '${ $.provider }:data.totalRecords',
showTotalRecords: '${ $.provider }:data.showTotalRecords',
filters: '${ $.provider }:params.filters',
keywordUpdated: '${ $.provider }:params.keywordUpdated'
},
exports: {
pageSize: '${ $.provider }:params.paging.pageSize',
current: '${ $.provider }:params.paging.current'
},
links: {
options: '${ $.sizesConfig.name }:options',
pageSize: '${ $.sizesConfig.name }:value'
},
statefull: {
pageSize: true,
current: true
},
listens: {
'pages': 'onPagesChange',
'pageSize': 'onPageSizeChange',
'totalRecords': 'updateCounter',
'showTotalRecords': 'updateShowTotalRecords',
'${ $.provider }:params.filters': 'goFirst',
'${ $.provider }:params.search': 'onSearchUpdate'
},
modules: {
sizes: '${ $.sizesConfig.name }'
}
},
/**
* Initializes paging component.
*
* @returns {Paging} Chainable.
*/
initialize: function () {
this._super()
.initSizes()
.updateCounter();
return this;
},
/**
* Initializes observable properties.
*
* @returns {Paging} Chainable.
*/
initObservable: function () {
this._super()
.track([
'totalSelected',
'totalRecords',
'showTotalRecords',
'pageSize',
'pages',
'current'
]);
this._current = ko.pureComputed({
read: ko.getObservable(this, 'current'),
/**
* Validates page change according to user's input.
* Sets current observable to result of validation.
* Calls reload method then.
*/
write: function (value) {
this.setPage(value)
._current.notifySubscribers(this.current);
},
owner: this
});
return this;
},
/**
* Initializes sizes component.
*
* @returns {Paging} Chainable.
*/
initSizes: function () {
layout([this.sizesConfig]);
return this;
},
/**
* Gets first item index on current page.
*
* @returns {Number}
*/
getFirstItemIndex: function () {
return this.pageSize * (this.current - 1) + 1;
},
/**
* Gets last item index on current page.
*
* @returns {Number}
*/
getLastItemIndex: function () {
var lastItem = this.getFirstItemIndex() + this.pageSize - 1;
return this.totalRecords < lastItem ? this.totalRecords : lastItem;
},
/**
* Sets cursor to the provied value.
*
* @param {(Number|String)} value - New value of the cursor.
* @returns {Paging} Chainable.
*/
setPage: function (value) {
this.current = this.normalize(value);
return this;
},
/**
* Increments current page value.
*
* @returns {Paging} Chainable.
*/
next: function () {
this.setPage(this.current + 1);
return this;
},
/**
* Decrements current page value.
*
* @returns {Paging} Chainable.
*/
prev: function () {
this.setPage(this.current - 1);
return this;
},
/**
* Goes to the first page.
*
* @returns {Paging} Chainable.
*/
goFirst: function () {
if (!_.isUndefined(this.filters)) {
this.current = 1;
}
return this;
},
/**
* Goes to the last page.
*
* @returns {Paging} Chainable.
*/
goLast: function () {
this.current = this.pages;
return this;
},
/**
* Checks if current page is the first one.
*
* @returns {Boolean}
*/
isFirst: function () {
return this.current === 1;
},
/**
* Checks if current page is the last one.
*
* @returns {Boolean}
*/
isLast: function () {
return this.current === this.pages;
},
/**
* Updates number of pages.
*/
updateCounter: function () {
this.pages = Math.ceil(this.totalRecords / this.pageSize) || 1;
return this;
},
/**
* Updates show total records flag.
*/
updateShowTotalRecords: function () {
if (this.showTotalRecords === undefined) {
this.showTotalRecords = true;
}
return this;
},
/**
* Calculates new page cursor based on the
* previous and current page size values.
*/
updateCursor: function () {
var cursor = this.current - 1,
size = this.pageSize,
oldSize = _.isUndefined(this.previousSize) ? this.pageSize : this.previousSize,
delta = cursor * (oldSize - size) / size;
delta = size > oldSize ?
Math.ceil(delta) :
Math.floor(delta);
cursor += delta + 1;
this.previousSize = size;
this.setPage(cursor);
return this;
},
/**
* Converts provided value to a number and puts
* it in range between 1 and total amount of pages.
*
* @param {(Number|String)} value - Value to be normalized.
* @returns {Number}
*/
normalize: function (value) {
value = +value;
if (isNaN(value)) {
return 1;
}
return utils.inRange(Math.round(value), 1, this.pages);
},
/**
* Handles changes of the page size.
*/
onPageSizeChange: function () {
this.updateCounter()
.updateCursor();
},
/**
* Handles changes of the pages amount.
*/
onPagesChange: function () {
this.updateCursor();
},
/**
* Resent the pagination to Page 1 on search keyword update
*/
onSearchUpdate: function () {
if (!_.isUndefined(this.keywordUpdated) && this.keywordUpdated) {
this.goFirst();
}
return this;
}
});
});