Make empty repo table a bit nicer
This commit is contained in:
Joseph Schorr
parent
679044574a
commit
2704441eed
2 changed files with 52 additions and 47 deletions
|
|
@ -51,7 +51,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div ng-if="!starred && repositoriesResource.value.length == 0">
|
<div ng-if="!starred && repositoriesResource.value.length == 0">
|
||||||
<div class="empty-primary-msg">This namespace doesn't have any viewable repositories.</div>
|
<div class="empty-primary-msg">This namespace doesn't have any viewable repositories.</div>
|
||||||
<div class="empty-secondary-msg">Either no repositories exist yet or you may not have permission to view any. If you have permission, try <a href="/new">creating a new repository</a>.</div>
|
<div class="empty-secondary-msg">Either no repositories exist yet or you may not have permission to view any. If you have permission, try <a href="/new?namespace={{ namespace.name }}">creating a new repository</a>.</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,49 +1,54 @@
|
||||||
<div class="repo-list-table-element">
|
<div class="repo-list-table-element">
|
||||||
<table class="co-table">
|
<div ng-if="orderedRepositories.length== 0">
|
||||||
<thead>
|
<div class="empty-primary-msg">You do not have any viewable repositories.</div>
|
||||||
<td class="hidden-xs"
|
<div class="empty-secondary-msg">Either no repositories exist yet or you may not have permission to view any. If you have permission, try <a href="/new">creating a new repository</a>.</div>
|
||||||
ng-class="tablePredicateClass('full_name', options.predicate, options.reverse)">
|
</div>
|
||||||
<a href="javascript:void(0)" ng-click="orderBy('full_name')">Repository Name</a>
|
|
||||||
</td>
|
|
||||||
<td class="hidden-xs"
|
|
||||||
ng-class="tablePredicateClass('last_modified_datetime', options.predicate, options.reverse)"
|
|
||||||
style="min-width: 120px;">
|
|
||||||
<a href="javascript:void(0)" ng-click="orderBy('last_modified_datetime')">Last Modified</a>
|
|
||||||
</td>
|
|
||||||
<td class="hidden-xs"
|
|
||||||
ng-class="tablePredicateClass('popularity', options.predicate, options.reverse)"
|
|
||||||
style="min-width: 20px;">
|
|
||||||
<a href="javascript:void(0)" ng-click="orderBy('popularity')">Activity</a>
|
|
||||||
</td>
|
|
||||||
<td class="hidden-xs"
|
|
||||||
ng-class="tablePredicateClass('is_starred', options.predicate, options.reverse)"
|
|
||||||
style="width: 70px">
|
|
||||||
<a href="javascript:void(0)" ng-click="orderBy('is_starred')">Star</a>
|
|
||||||
</td>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
<table class="co-table" ng-if="orderedRepositories.length">
|
||||||
<tr ng-repeat="repository in orderedRepositories">
|
<thead>
|
||||||
<td class="repo-name-icon">
|
<td class="hidden-xs"
|
||||||
<span class="avatar" size="24" data="getAvatarData(repository.namespace)"></span>
|
ng-class="tablePredicateClass('full_name', options.predicate, options.reverse)">
|
||||||
<a href="/repository/{{ repository.namespace }}/{{ repository.name }}">
|
<a href="javascript:void(0)" ng-click="orderBy('full_name')">Repository Name</a>
|
||||||
<span class="namespace">{{ repository.namespace }}</span>
|
</td>
|
||||||
<span class="name">{{ repository.name }}</span>
|
<td class="hidden-xs"
|
||||||
</a>
|
ng-class="tablePredicateClass('last_modified_datetime', options.predicate, options.reverse)"
|
||||||
</td>
|
style="min-width: 120px;">
|
||||||
<td class="last-modified">
|
<a href="javascript:void(0)" ng-click="orderBy('last_modified_datetime')">Last Modified</a>
|
||||||
<span ng-if="repository.last_modified">
|
</td>
|
||||||
{{ repository.last_modified * 1000 | amCalendar }}
|
<td class="hidden-xs"
|
||||||
</span>
|
ng-class="tablePredicateClass('popularity', options.predicate, options.reverse)"
|
||||||
<span class="empty" ng-if="!repository.last_modified">(Empty Repository)</span>
|
style="min-width: 20px;">
|
||||||
</td>
|
<a href="javascript:void(0)" ng-click="orderBy('popularity')">Activity</a>
|
||||||
<td class="popularity hidden-xs">
|
</td>
|
||||||
<span class="strength-indicator" value="repository.popularity" maximum="maxPopularity"></span>
|
<td class="hidden-xs"
|
||||||
</td>
|
ng-class="tablePredicateClass('is_starred', options.predicate, options.reverse)"
|
||||||
<td>
|
style="width: 70px">
|
||||||
<span class="repo-star" repository="repository"
|
<a href="javascript:void(0)" ng-click="orderBy('is_starred')">Star</a>
|
||||||
star-toggled="starToggled({'repository': repository})"></span></td>
|
</td>
|
||||||
</tr>
|
</thead>
|
||||||
</tbody>
|
|
||||||
</table>
|
<tbody>
|
||||||
|
<tr ng-repeat="repository in orderedRepositories">
|
||||||
|
<td class="repo-name-icon">
|
||||||
|
<span class="avatar" size="24" data="getAvatarData(repository.namespace)"></span>
|
||||||
|
<a href="/repository/{{ repository.namespace }}/{{ repository.name }}">
|
||||||
|
<span class="namespace">{{ repository.namespace }}</span>
|
||||||
|
<span class="name">{{ repository.name }}</span>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td class="last-modified">
|
||||||
|
<span ng-if="repository.last_modified">
|
||||||
|
{{ repository.last_modified * 1000 | amCalendar }}
|
||||||
|
</span>
|
||||||
|
<span class="empty" ng-if="!repository.last_modified">(Empty Repository)</span>
|
||||||
|
</td>
|
||||||
|
<td class="popularity hidden-xs">
|
||||||
|
<span class="strength-indicator" value="repository.popularity" maximum="maxPopularity"></span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span class="repo-star" repository="repository"
|
||||||
|
star-toggled="starToggled({'repository': repository})"></span></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
Reference in a new issue