repo page ui

This commit is contained in:
FuXiaoHei 2014-03-14 14:17:29 +08:00
parent 1ce17cce76
commit 8d1fcdaf2c
4 changed files with 159 additions and 34 deletions

View File

@ -137,6 +137,11 @@ body {
margin-top: 50px; margin-top: 50px;
} }
#gogs-body .btn-default {
background-color: #FFF;
background-image: linear-gradient(to bottom, #FFF 0, #FAFAFA 100%);
}
#gogs-body-nav { #gogs-body-nav {
margin-top: 52px; margin-top: 52px;
margin-bottom: -50px; margin-bottom: -50px;
@ -381,6 +386,7 @@ body {
} }
#gogs-feed-right .repo-panel .list-group-item:hover { #gogs-feed-right .repo-panel .list-group-item:hover {
background-color: #eafffd;
background-color: rgba(65, 131, 196, 0.1); background-color: rgba(65, 131, 196, 0.1);
} }
@ -392,6 +398,12 @@ body {
/* gogits repo single page */ /* gogits repo single page */
#gogs-body-nav.gogs-repo-nav {
padding-top: 16px;
padding-bottom: 30px;
height: auto;
}
.gogs-repo-nav h3 .fa { .gogs-repo-nav h3 .fa {
color: #BBB; color: #BBB;
} }
@ -436,6 +448,7 @@ body {
border-bottom: 1px solid #BBB; border-bottom: 1px solid #BBB;
background-color: #FFF; background-color: #FFF;
height: 40px; height: 40px;
font-size: 14px;
} }
#gogs-repo-toolbar .navbar-default { #gogs-repo-toolbar .navbar-default {
@ -458,3 +471,53 @@ body {
#gogs-repo-toolbar .navbar-collapse { #gogs-repo-toolbar .navbar-collapse {
padding: 0; padding: 0;
} }
/* #gogs-source */
#gogs-source-toolbar:after {
clear: both;
}
#gogs-source-toolbar .branch-switch {
display: inline-block;
}
#gogs-source-toolbar .breadcrumb {
margin: 0 .5em;
font-size: 16px;
vertical-align: middle;
display: inline-block;
background-color: transparent;
}
#gogs-source-table {
margin-top: 1.5em;
font-size: 14px;
}
#gogs-source-table .fa{
font-size: 15px;
width: 16px;
text-align: center;
color: #666;
}
#gogs-source-table .name{
width: 160px;
}
#gogs-source-table .size{
width: 80px;
}
#gogs-source-table .date{
width: 120px;
}
#gogs-source-table .is-dir .name {
font-weight: bold;
}
#gogs-source-table.table-hover > tbody > tr:hover > td {
background-color: #FEFEFE;
}

View File

@ -1,6 +1,17 @@
<div id="gogs-body-nav" class="gogs-repo-nav"> <div id="gogs-body-nav" class="gogs-repo-nav">
<div class="container"> <div class="container">
<div class="gogs-repo-btns pull-right"> <div class="gogs-repo-btns pull-right">
<div class="btn-group" id="gogs-repo-clone">
<button type="button" class="btn btn-default"><i class="fa fa-download"></i>Clone</button>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<div class="dropdown-menu" role="menu">
<div data-val="down-http">http link</div>
<div data-val="down-git">git link</div>
</div>
</div>
<div class="btn-group" id="gogs-repo-watching"> <div class="btn-group" id="gogs-repo-watching">
<button type="button" class="btn btn-default"><i class="fa fa-eye"></i>Watch {x}</button> <button type="button" class="btn btn-default"><i class="fa fa-eye"></i>Watch {x}</button>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">

View File

@ -3,6 +3,65 @@
{{template "repo/nav" .}} {{template "repo/nav" .}}
{{template "repo/toolbar" .}} {{template "repo/toolbar" .}}
<div id="gogs-body" class="container"> <div id="gogs-body" class="container">
<div id="gogs-source">
<div id="gogs-source-toolbar">
<button class="btn btn-default pull-right"><i class="fa fa-plus-square"></i>Add File</button>
<div class="dropdown branch-switch">
<a href="#" class="btn btn-success dropdown-toggle" data-toggle="dropdown"><i class="fa fa-chain"></i>master&nbsp;&nbsp;
<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a class="current" href="/{{.RepositoryLink}}/branch/master">master</a></li>
<li><a href="//{{.RepositoryLink}}/branch/develop">develop</a></li>
</ul>
</div>
<ol class="breadcrumb">
<li class="root dir">{{.Repository.Name}}</li>
<li class="dir">Dir</li>
</ol>
</div>
<table id="gogs-source-table" class="table table-hover">
<thead class="hidden">
<tr>
<th class="name">Filename</th>
<th class="size">Size</th>
<th class="date">Date modified</th>
<th class="text">Message</th>
</tr>
</thead>
<tbody>
<tr class="is-dir">
<td class="name" colspan="3"><i class="fa fa-folder"></i><a href="#">dir-1</a></td>
<td class="message">commit message</td>
</tr>
<tr class="is-dir">
<td class="name" colspan="3"><i class="fa fa-folder"></i><a href="#">dir-2</a></td>
<td class="message"> commit message</td>
</tr>
<tr class="is-dir">
<td class="name" colspan="3"><i class="fa fa-folder"></i><a href="#">dir-3</a></td>
<td class="message">commit message</td>
</tr>
<tr>
<td class="name"><i class="fa fa-file"></i><a href="#">file-1.txt</a></td>
<td class="size">177 B</td>
<td class="date"><time datetime="2011-10-20T06:51:01+08:00" data-title="true" title="20 October 2011 06:51">3 years ago</time></td>
<td class="text">commit message</td>
</tr>
<tr>
<td class="name"><i class="fa fa-file"></i><a href="#">file-2.txt</a></td>
<td class="size">177 B</td>
<td class="date"><time datetime="2011-10-20T06:51:01+08:00" data-title="true" title="20 October 2011 06:51">3 years ago</time></td>
<td class="text">commit message</td>
</tr><tr>
<td class="name"><i class="fa fa-file"></i><a href="#">file-3.txt</a></td>
<td class="size">177 B</td>
<td class="date"><time datetime="2011-10-20T06:51:01+08:00" data-title="true" title="20 October 2011 06:51">3 years ago</time></td>
<td class="text">commit message</td>
</tr>
</tbody>
</table>
</div>
<h4>Source Files:</h4> <h4>Source Files:</h4>
<ul> <ul>
{{range .Files}} {{range .Files}}

View File

@ -1,25 +1,17 @@
<div id="gogs-repo-toolbar"> <div id="gogs-repo-toolbar">
<div class="container"> <div class="container">
<nav class="navbar navbar-toolbar navbar-default" role="navigation"> <nav class="navbar navbar-toolbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="collapse navbar-collapse"> <div class="collapse navbar-collapse">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Branches <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">master</a></li>
<li><a href="#">develop</a></li>
</ul>
</li>
<li class="{{if .IsRepoToolbarSource}}active{{end}}"><a href="/{{.RepositoryLink}}">Source</a></li> <li class="{{if .IsRepoToolbarSource}}active{{end}}"><a href="/{{.RepositoryLink}}">Source</a></li>
<li><a href="#">Commits</a></li> <li><a href="/{{.RepositoryLink}}/commits">Commits</a></li>
<li><a href="#">Issues <span class="badge">42</span></a></li> <li><a href="/{{.RepositoryLink}}/issues">Issues <!--<span class="badge">42</span>--></a></li>
<li><a href="#">Pull Requests</a></li> <li><a href="/{{.RepositoryLink}}/pulls">Pull Requests</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">More <b class="caret"></b></a> <a href="#" class="dropdown-toggle" data-toggle="dropdown">More <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="#">Release</a></li> <li><a href="/{{.RepositoryLink}}/release">Release</a></li>
<li><a href="#">Wiki</a></li> <li><a href="//{{.RepositoryLink}}/wiki">Wiki</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
@ -32,10 +24,10 @@
<li><a href="#">Network</a></li> <li><a href="#">Network</a></li>
</ul> </ul>
</li>{{if .IsRepositoryOwner}} </li>{{if .IsRepositoryOwner}}
<li class="{{if .IsRepoToolbarSetting}}active{{end}}"><a href="/{{.RepositoryLink}}/settings">Settings</a></li>{{end}} <li class="{{if .IsRepoToolbarSetting}}active{{end}}"><a href="/{{.RepositoryLink}}/settings">Settings</a>
</li>{{end}}
</ul> </ul>
</div> </div>
</div>
</nav> </nav>
</div> </div>
</div> </div>