Set sort dropdown to state param order_by value

This commit is contained in:
Marliana Lara
2019-03-04 14:40:15 -05:00
parent 8100fc1cfb
commit 80adcaab81
3 changed files with 14 additions and 5 deletions

View File

@@ -27,7 +27,6 @@ function projectsListController (
}; };
vm.dataset = Dataset.data; vm.dataset = Dataset.data;
vm.projects = Dataset.data.results; vm.projects = Dataset.data.results;
vm.querySet = $state.params.project_search;
$scope.$watch('vm.dataset.count', () => { $scope.$watch('vm.dataset.count', () => {
$scope.$emit('updateCount', vm.dataset.count, 'projects'); $scope.$emit('updateCount', vm.dataset.count, 'projects');
@@ -48,8 +47,19 @@ function projectsListController (
} else { } else {
vm.activeId = ''; vm.activeId = '';
} }
setToolbarSort();
}, true); }, true);
function setToolbarSort () {
const orderByValue = _.get($state.params, 'project_search.order_by');
const sortValue = _.find(vm.toolbarSortOptions, (option) => option.value === orderByValue);
if (sortValue) {
vm.toolbarSortValue = sortValue;
} else {
vm.toolbarSortValue = toolbarSortDefault;
}
}
const toolbarSortDefault = { const toolbarSortDefault = {
label: `${strings.get('sort.NAME_ASCENDING')}`, label: `${strings.get('sort.NAME_ASCENDING')}`,
value: 'name' value: 'name'
@@ -69,7 +79,7 @@ function projectsListController (
vm.toolbarSortValue = sort; vm.toolbarSortValue = sort;
const queryParams = Object.assign( const queryParams = Object.assign(
vm.querySet, $state.params.project_search,
{ order_by: sort.value } { order_by: sort.value }
); );

View File

@@ -101,7 +101,6 @@
collection="vm.projects" collection="vm.projects"
dataset="vm.dataset" dataset="vm.dataset"
iterator="project" iterator="project"
base-path="projects" base-path="projects">
query-set="vm.querySet">
</paginate> </paginate>
</at-panel-body> </at-panel-body>

View File

@@ -1,7 +1,7 @@
<div class="at-List-toolbar--attached"> <div class="at-List-toolbar--attached">
<div ng-class="isCollapsed ? 'active' : ''" ng-if="!sortOnly" class="at-List-toolbar-item" ng-click="onCollapse()">{{ vm.strings.get('toolbar.COMPACT') }}</div> <div ng-class="isCollapsed ? 'active' : ''" ng-if="!sortOnly" class="at-List-toolbar-item" ng-click="onCollapse()">{{ vm.strings.get('toolbar.COMPACT') }}</div>
<div ng-class="!isCollapsed ? 'active' : ''" ng-if="!sortOnly" class="at-List-toolbar-item" ng-click="onExpand()">{{ vm.strings.get('toolbar.EXPANDED') }}</div> <div ng-class="!isCollapsed ? 'active' : ''" ng-if="!sortOnly" class="at-List-toolbar-item" ng-click="onExpand()">{{ vm.strings.get('toolbar.EXPANDED') }}</div>
<div class="at-List-toolbarDropdown dropdown"> <div ng-if="sortOptions" class="at-List-toolbarDropdown dropdown">
<button <button
class="at-List-toolbarDropdown-toggle dropdown-toggle" class="at-List-toolbarDropdown-toggle dropdown-toggle"
data-display="static" data-display="static"