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 "_dashboard";
@import "_admin";
@import "_explore";

View file

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

View file

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