vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Slight UI improvements to the teams page: sort members by whether they are a robot, reduce the number displayed to 20, and make users clickable

Browse source
This commit is contained in:
Joseph Schorr 2015-04-09 15:12:03 -04:00
parent c2e4cbe95b
commit 3a2f271362
3 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
static/css/directives/ui/teams-manager.css
View file

@ -47,6 +47,10 @@
padding-left: 40px;
}
.teams-manager .team-member-list .team-member a {
text-decoration: none !important;
}
.teams-manager .team-member-list .team-member-more {
vertical-align: middle;
padding-left: 6px;

9
static/directives/teams-manager.html
View file

@ -35,14 +35,17 @@
<div class="team-member-list" ng-if="members[team.name]">
<div class="cor-loader" ng-if="!members[team.name].members"></div>
<span class="team-member" ng-repeat="member in members[team.name].members | limitTo: 25">
<span class="team-member"
ng-repeat="member in members[team.name].members | orderBy:'is_robot' | limitTo: 20">
<span data-title="{{ member.name }}" bs-tooltip>
<span class="avatar" data="member.avatar" size="26" ng-if="!member.is_robot"></span>
<a href="/user/{{ member.name }}" ng-if="!member.is_robot">
<span class="avatar" data="member.avatar" size="26"></span>
</a>
<i class="fa fa-wrench fa-lg" ng-if="member.is_robot"></i>
</span>
</span>
<span class="team-member-more"
ng-if="members[team.name].members.length > 25">+ {{ members[team.name].members.length - 25 }} more team members.</span>
ng-if="members[team.name].members.length > 20">+ {{ members[team.name].members.length - 20 }} more team members.</span>
<span class="team-member-more"
ng-if="!members[team.name].members.length">(Empty Team)</span>
</div>

2
static/js/directives/focusable-popover-content.js
View file

@ -12,7 +12,7 @@ angular.module('quay').directive('focusablePopoverContent', ['$timeout', '$popov
if (!scope) { return; }
scope.$apply(function() {
if (!scope || !$scope.$hide) { return; }
if (!scope || !scope.$hide) { return; }
scope.$hide();
});
};