repo commit list ui

public/css/gogs.css

@@ -643,7 +643,7 @@ html, body {
     padding: 30px 30px 50px;
 }
 
-.branch-list th{
+.branch-list th, .commit-list th {
     background-color: #FFF;
     line-height: 28px !important;
 }
@@ -652,12 +652,15 @@ html, body {
     line-height: 36px !important;
 }
 
-.branch-box tr:hover td{
+.branch-box tr:hover td, .commit-box tr:hover td {
     background-color: rgba(19, 95, 215, 0.06) !important;
 }
 
-.branch-box .name{
+.branch-box .name, .commit-box .author {
     padding-left: 20px;
+}
+
+.branch-box .name {
     font-size: 15px;
 }
 
@@ -702,6 +705,21 @@ html, body {
     margin-left: .5em;
 }
 
+.commit-box .avatar {
+    width: 20px;
+    height: 20px;
+    margin-right: 8px;
+    vertical-align: top;
+}
+
+.commit-box .search{
+    margin-top: 3px;
+}
+
+.commit-box td{
+    background-color: #FFF;
+}
+
 /* wrapper and footer */
 
 #wrapper {

templates/repo/commits.tmpl

@@ -4,6 +4,44 @@
 {{template "repo/toolbar" .}}
 <div id="gogs-body" class="container">
     <div id="gogs-commits">
+        <div class="panel panel-default commit-box info-box">
+            <div class="panel-heading info-head">
+                <div class="search pull-right form">
+                    <input class="form-control search" type="search" placeholder="search commit"/>
+                </div>
+                <h4>Commits</h4>
+            </div>
+            <table class="panel-footer table commit-list table table-striped">
+                <thead>
+                <tr>
+                    <th class="author">Author</th>
+                    <th class="sha">Commit</th>
+                    <th class="message">Message</th>
+                    <th class="date">Date</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td class="author"><img class="avatar" src="#" alt=""/>CommitUser</td>
+                    <td class="sha"><a class="label label-success" href="#">d91b380</a></td>
+                    <td class="message">Fix Synchronize to delete service objects in subduers upon move</td>
+                    <td class="date">3 years ago</td>
+                </tr>
+                <tr>
+                    <td class="author"><img class="avatar" src="#" alt=""/>CommitUser</td>
+                    <td class="sha"><a class="label label-success" href="#">d91b380</a></td>
+                    <td class="message">Fix Synchronize to delete service objects in subduers upon move</td>
+                    <td class="date">3 years ago</td>
+                </tr>
+                <tr>
+                    <td class="author"><img class="avatar" src="#" alt=""/>CommitUser</td>
+                    <td class="sha"><a class="label label-success" href="#">d91b380</a></td>
+                    <td class="message">Fix Synchronize to delete service objects in subduers upon move</td>
+                    <td class="date">3 years ago</td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
     <ul>
     {{$r := List .Commits}}
     {{range $r}}