repo page ui

1 files changed, 59 insertions, 0 deletions

diff --git a/templates/repo/single.tmpl b/templates/repo/single.tmpl
index 42e09b9a2f..54d06aed40 100644
--- a/templates/repo/single.tmpl
+++ b/templates/repo/single.tmpl
@@ -3,6 +3,65 @@
 {{template "repo/nav" .}}
 {{template "repo/toolbar" .}}
 <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>
     <ul>
     {{range .Files}}