shaba/awx
1
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2024-11-01 16:51:11 +03:00
Code Releases Activity

Add list toolbar component.

Browse Source
This commit is contained in:
Kia Lam 2019-01-23 11:46:43 -05:00
parent 1becd4c39d
commit 05c24df9e3
2 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
awx/ui/client/lib/components/list/list-toolbar.directive.js Normal file
View File

@ -0,0 +1,18 @@
const templateUrl = require('~components/list/list-toolbar.partial.html');
function atListToolbar () {
return {
restrict: 'E',
replace: true,
transclude: true,
templateUrl,
scope: {
onExpand: '=',
onCollapse: '=',
sortOnly: '=',
isCollapsed: '=',
}
};
}
export default atListToolbar;

5
awx/ui/client/lib/components/list/list-toolbar.partial.html Normal file
View File

@ -0,0 +1,5 @@
<div class="at-List-toolbar--attached">
<div ng-class="isCollapsed ? 'active' : ''" ng-if="!sortOnly" class="at-List-toolbar-item" ng-click="onCollapse()">Compact</div>
<div ng-class="!isCollapsed ? 'active' : ''" ng-if="!sortOnly" class="at-List-toolbar-item" ng-click="onExpand()">Expanded</div>
<div class="at-List-toolbar-item">Sort</div>
</div>