new explore UI

This commit is contained in:
Michael Peppler 2015-08-31 18:20:23 -04:00 committed by Michael Peppler
parent ee3e0c3c49
commit d1c5a5ed68
5 changed files with 46 additions and 35 deletions

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,3 @@
.explore {
padding-top: 15px;
}

View file

@ -9,3 +9,4 @@
@import "_user"; @import "_user";
@import "_dashboard"; @import "_dashboard";
@import "_admin"; @import "_admin";
@import "_explore";

View file

@ -1,8 +1,8 @@
<div id="setting-menu" class="grid-1-5 panel panel-radius left"> <div class="four wide column">
<p class="panel-header"><strong>{{.i18n.Tr "explore"}}</strong></p> <div class="ui vertical menu">
<div class="panel-body"> <div class="header item">{{.i18n.Tr "explore"}}</div>
<ul class="menu menu-vertical switching-list grid-1-5 left"> <a class="{{if .PageIsExploreRepositories}}active{{end}} item" href="{{AppSubUrl}}/explore">
<li {{if .PageIsExploreRepositories}}class="current"{{end}}><a href="{{AppSubUrl}}/explore">{{.i18n.Tr "explore.repos"}}</a></li> {{.i18n.Tr "explore.repos"}}
</ul> </a>
</div> </div>
</div> </div>

View file

@ -1,27 +1,34 @@
{{template "ng/base/head" .}} {{template "base/head" .}}
{{template "ng/base/header" .}} <div class="explore">
<div id="setting-wrapper" class="main-wrapper"> <div class="ui container">
<div id="org-setting" class="container clear"> <div class="ui grid">
{{template "explore/nav" .}} {{template "explore/nav" .}}
<div class="grid-4-5 left"> <div class="twelve wide column content">
<div class="setting-content"> <h4 class="ui top attached header">
<div id="org-repo-list"> Repositories
{{range .Repos}} </h4>
<div class="org-repo-item"> <div class="ui attached segment">
<ul class="org-repo-status right"> {{range $i, $v := .Repos}}
<li><i class="octicon octicon-star"></i> {{.NumStars}}</li> <div class="item">
<li><i class="octicon octicon-git-branch"></i> {{.NumForks}}</li> <div class="ui right">
</ul> <span class="text grey right"><i class="octicon octicon-star"></i> {{.NumStars}}</li> </span>
<span class="text grey right"><i class="octicon octicon-git-branch"></i> {{.NumForks}}</li></span>
</div>
<h2> <h2>
<a href="{{AppSubUrl}}/{{.Owner.Name}}/{{.Name}}">{{.Owner.Name}} / {{.Name}}</a> <a href="{{AppSubUrl}}/{{.Owner.Name}}/{{.Name}}">{{.Owner.Name}} / {{.Name}}</a>
</h2> </h2>
<p class="org-repo-description">{{.Description}}</p> <p class="org-repo-description">{{.Description}}</p>
<p class="org-repo-updated">{{$.i18n.Tr "org.repo_updated"}} {{TimeSince .Updated $.i18n.Lang}}</p> <p class="org-repo-updated">{{$.i18n.Tr "org.repo_updated"}} {{TimeSince .Updated $.i18n.Lang}}</p>
</div> </div>
{{if not (eq 1 (len $.Repos))}}
{{if not $i}}
<div class="ui divider"></div>
{{end}}
{{end}}
{{end}} {{end}}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{{template "ng/base/footer" .}} {{template "base/footer" .}}