Start on updated repo list view
This commit is contained in:
Joseph Schorr
parent
b9e2863c94
commit
785de61c59
4 changed files with 66 additions and 61 deletions
|
|
@ -50,6 +50,22 @@
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.co-nav-title .co-nav-title-action {
|
||||
display: block;
|
||||
color: white;
|
||||
text-align: center;
|
||||
line-height: 70px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.co-nav-title .co-nav-title-action a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.co-nav-title .co-nav-title-action .fa {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.co-tab-container {
|
||||
padding: 0px;
|
||||
}
|
||||
|
|
|
|||
3
static/directives/cor-title-action.html
Normal file
3
static/directives/cor-title-action.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
|
||||
<span class="co-nav-title-action co-fx-text-shadow" ng-transclude></span>
|
||||
</div>
|
||||
|
|
@ -120,6 +120,20 @@ angular.module("core-ui", [])
|
|||
return directiveDefinitionObject;
|
||||
})
|
||||
|
||||
.directive('corTitleAction', function() {
|
||||
var directiveDefinitionObject = {
|
||||
priority: 1,
|
||||
templateUrl: '/static/directives/cor-title-action.html',
|
||||
replace: true,
|
||||
transclude: true,
|
||||
restrict: 'C',
|
||||
scope: {},
|
||||
controller: function($rootScope, $scope, $element) {
|
||||
}
|
||||
};
|
||||
return directiveDefinitionObject;
|
||||
})
|
||||
|
||||
.directive('corTitleContent', function() {
|
||||
var directiveDefinitionObject = {
|
||||
priority: 1,
|
||||
|
|
|
|||
|
|
@ -2,80 +2,52 @@
|
|||
<div class="cor-title">
|
||||
<span class="cor-title-link"></span>
|
||||
<span class="cor-title-content">Repositories</span>
|
||||
<span class="cor-title-action" ng-if="!user.anonymous">
|
||||
<a href="/new/">
|
||||
<i class="fa fa-plus" data-title="Create new repository"></i>
|
||||
Create New Repository
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="co-main-content-panel">
|
||||
<div class="co-main-content-panel" ng-if="user.anonymous" >
|
||||
<!-- The user is not logged in -->
|
||||
<div ng-if="user.anonymous" class="cor-container signin-container">
|
||||
<div class="cor-container signin-container row">
|
||||
|
||||
<!-- Sign In -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-sm-offset-3">
|
||||
<div class="empty-primary-msg">You must be signed in to view repositories.</div>
|
||||
<div class="user-setup" redirect-url="redirectUrl"></div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-sm-offset-3">
|
||||
<div class="empty-primary-msg">You must be signed in to view repositories.</div>
|
||||
<div class="user-setup" redirect-url="redirectUrl"></div>
|
||||
</div>
|
||||
|
||||
</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 class="row" ng-if="!user.anonymous">
|
||||
<div ng-if="!user.anonymous">
|
||||
|
||||
<!-- Side Panel -->
|
||||
<div class="repo-list-sidebar col-lg-3 col-lg-push-9 col-md-3 col-md-push-9 col-sm-4 col-sm-push-8 col-xs-12">
|
||||
<!-- Create Repository Button -->
|
||||
<div class="button-bar-right">
|
||||
<a href="/new/">
|
||||
<button class="btn btn-success">
|
||||
<i class="fa fa-upload user-tool" data-title="Create new repository"></i>
|
||||
Create Repository
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Starred Repository Listing -->
|
||||
<div class="repo-list-grid" repositories="starred_repositories.value" starred="true" toggle-star="toggleStar(repository)"></div>
|
||||
|
||||
<!-- Users Panel -->
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
Users
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<a href="javascript:void(0)">
|
||||
<span class="avatar" size="24" hash="user.avatar"></span>
|
||||
{{ user.username }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Organizations Panel -->
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
Organizations
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div ng-repeat="org in user.organizations">
|
||||
<a href="/organization/{{ org.name }}">
|
||||
<span class="avatar" size="24" hash="org.avatar"></span>
|
||||
{{ org.name }}
|
||||
</a>
|
||||
<a href="/organization/{{ org.name }}/admin">
|
||||
<i class="fa fa-gear" style="color:#000"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Repository Listings -->
|
||||
<div class="col-lg-9 col-lg-pull-3 col-md-9 col-md-pull-3 col-sm-8 col-sm-pull-4 col-xs-12">
|
||||
<!-- 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>
|
||||
<!-- 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>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Reference in a new issue