External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-23 00:37:37 -02:30
Code Issues Packages Projects Releases Wiki Activity

Fixed templates list pagination

Browse Source
This commit is contained in:
mabashian
2018-03-29 13:54:22 -04:00
parent 1f0889431c
commit 3f15966d9d
3 changed files with 40 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
awx/ui/client/features/templates/list-templates.controller.js
View File

@@ -46,17 +46,19 @@ function ListTemplatesController(
$scope.canAdd = ($scope.canAddJobTemplate || $scope.canAddWorkflowJobTemplate);
// smart-search
const name = 'templates';
const iterator = 'template';
const key = 'template_dataset';
$scope.list = { iterator, name };
$scope.collection = { iterator, basePath: 'unified_job_templates' };
$scope[key] = Dataset.data;
$scope[name] = Dataset.data.results;
$scope.list = {
iterator: 'template',
name: 'templates'
};
$scope.collection = {
iterator: 'template',
basePath: 'unified_job_templates'
};
$scope.template_dataset = Dataset.data;
$scope.templates = Dataset.data.results;
$scope.$on('updateDataset', (e, dataset) => {
$scope[key] = dataset;
$scope[name] = dataset.results;
$scope.template_dataset = dataset;
$scope.templates = dataset.results;
});
vm.isInvalid = (template) => {

5
awx/ui/client/features/templates/list.view.html
View File

@@ -114,11 +114,10 @@
</at-row>
</at-list>
<paginate
collection="collection"
collection="templates"
dataset="template_dataset"
iterator="template"
base-path="unified_job_templates"
query-set="querySet">
base-path="unified_job_templates">
</paginate>
</at-panel-body>
</at-panel>

50
awx/ui/client/src/shared/paginate/paginate.controller.js
View File

@@ -5,27 +5,9 @@ export default ['$scope', '$stateParams', '$state', '$filter', 'GetBasePath', 'Q
queryset, path;
$scope.pageSize = pageSize;
$scope.basePageSize = parseInt(pageSize) === 5 ? 5 : 20;
$scope.maxVisiblePages = $scope.maxVisiblePages ? parseInt($scope.maxVisiblePages) : 10;
function init() {
let updatePaginationVariables = function() {
$scope.pageSize = calcPageSize();
$scope.current = calcCurrent();
$scope.last = calcLast();
$scope.pageRange = calcPageRange($scope.current, $scope.last);
$scope.dataRange = calcDataRange();
};
updatePaginationVariables();
$scope.$watch('collection', function(){
updatePaginationVariables();
});
}
$scope.filter = function(id){
let pageSize = Number(id);
$('#period-dropdown')
@@ -35,8 +17,7 @@ export default ['$scope', '$stateParams', '$state', '$filter', 'GetBasePath', 'Q
if ($scope.querySet){
let origQuerySet = _.cloneDeep($scope.querySet);
queryset = _.merge(origQuerySet, { page_size: pageSize });
}
else {
} else {
queryset = _.merge($stateParams[`${$scope.iterator}_search`], { page_size: pageSize, page: 1 });
}
$scope.toPage();
@@ -59,8 +40,7 @@ export default ['$scope', '$stateParams', '$state', '$filter', 'GetBasePath', 'Q
let origQuerySet = _.cloneDeep($scope.querySet);
queryset = _.merge(origQuerySet, { page: page });
}
else {
} else {
queryset = _.merge($stateParams[`${$scope.iterator}_search`], { page: page });
}
if (!$scope.querySet) {
@@ -85,8 +65,7 @@ export default ['$scope', '$stateParams', '$state', '$filter', 'GetBasePath', 'Q
function calcCurrent() {
if ($scope.querySet) {
return parseInt($scope.querySet.page || '1');
}
else {
} else {
return parseInt($stateParams[`${$scope.iterator}_search`].page || '1');
}
}
@@ -100,19 +79,16 @@ export default ['$scope', '$stateParams', '$state', '$filter', 'GetBasePath', 'Q
// It's an odd number
pagesLeft = (maxVisiblePages - 1) / 2;
pagesRight = ((maxVisiblePages - 1) / 2) + 1;
}
else {
} else {
// Its an even number
pagesLeft = pagesRight = maxVisiblePages / 2;
}
if (last < maxVisiblePages) {
// Don't have enough pages to exceed the max range - just show all of them
result = _.range(1, last + 1);
}
else if(current === last) {
} else if (current === last) {
result = _.range(last + 1 - maxVisiblePages, last + 1);
}
else {
} else {
let topOfRange = current + pagesRight > maxVisiblePages + 1 ? (current + pagesRight < last + 1 ? current + pagesRight : last + 1) : maxVisiblePages + 1;
let bottomOfRange = (topOfRange === last + 1) ? last + 1 - maxVisiblePages : (current - pagesLeft > 0 ? current - pagesLeft : 1);
result = _.range(bottomOfRange, topOfRange);
@@ -137,6 +113,18 @@ export default ['$scope', '$stateParams', '$state', '$filter', 'GetBasePath', 'Q
return Number(pageSize) ;
}
init();
let updatePaginationVariables = function() {
$scope.pageSize = calcPageSize();
$scope.current = calcCurrent();
$scope.last = calcLast();
$scope.pageRange = calcPageRange($scope.current, $scope.last);
$scope.dataRange = calcDataRange();
};
updatePaginationVariables();
$scope.$watch('collection', function(){
updatePaginationVariables();
});
}
];