Add the namespaces box to the right hand side and make other small UI improvements to the repo list view
This commit is contained in:
parent
785de61c59
commit
08f006a90c
6 changed files with 81 additions and 33 deletions
|
@ -1,4 +1,4 @@
|
|||
<div class="page-content">
|
||||
<div class="repo-list page-content">
|
||||
<div class="cor-title">
|
||||
<span class="cor-title-link"></span>
|
||||
<span class="cor-title-content">Repositories</span>
|
||||
|
@ -9,6 +9,8 @@
|
|||
</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- Not signed in -->
|
||||
<div class="co-main-content-panel" ng-if="user.anonymous" >
|
||||
<!-- The user is not logged in -->
|
||||
<div class="cor-container signin-container row">
|
||||
|
@ -21,33 +23,39 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cor-tab-panel" ng-if="!user.anonymous" >
|
||||
<div class="cor-tabs">
|
||||
<li class="cor-tab"><i class="fa fa-star starred"></i></li>
|
||||
<li class="cor-tab" ng-repeat="namespace in namespaces">
|
||||
<span class="avatar" size="36" hash="namespace.avatar"></span>
|
||||
</li>
|
||||
|
||||
</div> <!-- /cor-tabs -->
|
||||
|
||||
<div class="cor-tab-content">
|
||||
|
||||
<!-- The user is logged in -->
|
||||
<div ng-if="!user.anonymous">
|
||||
|
||||
<!-- Starred Repository Listing -->
|
||||
<div class="repo-list-grid" repositories="starred_repositories.value" starred="true" toggle-star="toggleStar(repository)"></div>
|
||||
|
||||
<!-- User and Org Repository Listings -->
|
||||
<div ng-repeat="namespace in namespaces">
|
||||
<div class="repo-list-grid" repositories="namespace.repositories.value" starred="false" user="user" namespace="namespace" toggle-star="toggleStar(repository)"></div>
|
||||
<!-- Signed in -->
|
||||
<div class="row" ng-if="!user.anonymous">
|
||||
<div class="col-lg-3 col-lg-push-9 col-md-3 col-md-push-9 col-sm-12">
|
||||
<div class="co-main-content-panel repo-list-namespaces">
|
||||
<h4>Users and Organizations</h4>
|
||||
<ul class="namespaces-list">
|
||||
<li ng-repeat="namespace in namespaces">
|
||||
<span ng-if="!isOrganization(namespace.name)">
|
||||
<span class="avatar" size="30" hash="namespace.avatar"></span>
|
||||
{{ namespace.name }}
|
||||
</span>
|
||||
<a href="/organization/{{ namespace.name }}" ng-if="isOrganization(namespace.name)">
|
||||
<span class="avatar" size="30" hash="namespace.avatar"></span>
|
||||
{{ namespace.name }}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-9 col-lg-pull-3 col-md-9 col-md-pull-3 col-sm-12">
|
||||
<div class="repo-list-panel co-main-content-panel">
|
||||
<!-- Starred Repository Listing -->
|
||||
<div class="repo-list-grid" repositories="starred_repositories.value" starred="true" toggle-star="toggleStar(repository)"></div>
|
||||
|
||||
<!-- User and Org Repository Listings -->
|
||||
<div ng-repeat="namespace in namespaces">
|
||||
<div class="repo-list-grid" repositories="namespace.repositories.value" starred="false" user="user" namespace="namespace" toggle-star="toggleStar(repository)"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
|
Reference in a new issue