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:
Joseph Schorr 2015-03-05 14:21:46 -05:00
parent 785de61c59
commit 08f006a90c
6 changed files with 81 additions and 33 deletions

View file

@ -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>