Improve repository presentation.

src/main/scala/util/JGitUtil.scala

@@ -39,9 +39,10 @@ object JGitUtil {
    * @param name the file (or directory) name
    * @param time the last modified time
    * @param message the last commit message
+   * @param commitId the last commit id
    * @param committer the last committer name
    */
-  case class FileInfo(id: ObjectId, isDirectory: Boolean, name: String, time: Date, message: String, committer: String)
+  case class FileInfo(id: ObjectId, isDirectory: Boolean, name: String, time: Date, message: String, commitId: String, committer: String)
 
   /**
    * The commit data.
@@ -184,6 +185,7 @@ object JGitUtil {
         name,
         commits(path).getCommitterIdent.getWhen,
         commits(path).getShortMessage,
+        commits(path).getName,
         commits(path).getCommitterIdent.getName)
     }.sortWith { (file1, file2) =>
       (file1.isDirectory, file2.isDirectory) match {

src/main/twirl/repo/blob.scala.html

@@ -21,7 +21,7 @@
         <div class="pull-left">
           <a href="@path/@latestCommit.committer">@latestCommit.committer</a>
           <span class="description">@helpers.datetime(latestCommit.time)</span>
-          @helpers.cut(latestCommit.message, 100)<br>
+          <a href="@path/@repository.owner/@repository.name/commit/@latestCommit.id" class="commit-message">@helpers.cut(latestCommit.message, 100)</a>
         </div>
         <div class="btn-group pull-right">
           <a class="btn btn-mini" href="?raw=true">Raw</a>

src/main/twirl/repo/files.scala.html

@@ -10,12 +10,13 @@
       <a href="@path/@repository.owner/@repository.name/tree/@branch/@pathList.take(i + 1).mkString("/")">@section</a> /
     }
   </div>
-  <table class="table table-file-list">
+  <div class="box">
+    <table class="table table-file-list" style="border: 1px solid silver;">
       <tr>
         <th colspan="4" style="font-weight: normal;">
           <div>
-            <strong><a href="">@latestCommit.committer</a></strong> 
-            @helpers.cut(latestCommit.message, 100)
+            <strong><a href="@path/@repository.owner/@repository.name/@latestCommit.committer">@latestCommit.committer</a></strong> 
+            <a href="@path/@repository.owner/@repository.name/commit/@latestCommit.id" class="commit-message">@helpers.cut(latestCommit.message, 100)</a>
             <div class="pull-right align-right">
               @helpers.datetime(latestCommit.time)
               <a href="@path/@repository.owner/@repository.name/commit/@latestCommit.id">@latestCommit.id.substring(0, 10)</a>
@@ -48,15 +49,16 @@
         }
         </td>
         <td>@helpers.datetime(file.time)</td>
-      <td>@helpers.cut(file.message, 60) [<a href="@path/@file.committer">@file.committer</a>]</td>
+        <td><a href="@path/@repository.owner/@repository.name/commit/@file.commitId" class="commit-message">@helpers.cut(file.message, 60)</a> [<a href="@path/@file.committer">@file.committer</a>]</td>
       </tr>
       }
     </table>
+  </div>
+  
   @readme.map { content =>
-  <table class="table table-bordered">
-    <tr>
-      <td>@helpers.markdown(content, repository, false, true, true)</td>
-    </tr>
-  </table>
+  <div class="box">
+    <div class="box-header">README.md</div>
+    <div class="box-content">@helpers.markdown(content, repository, false, true, true)</div>
+  </div>
   }
 }

src/main/webapp/assets/common/css/gitbucket.css

@@ -45,6 +45,15 @@ span.error {
   font-size: small;
 }
 
+a.commit-message {
+  color: #333333;
+}
+
+a.commit-message:hover {
+  color: #333333;
+}
+
+
 .monospace {
   font-family: monospace;
 }
@@ -59,6 +68,10 @@ span.description {
   color: gray;
 }
 
+table.table-file-list {
+  margin-bottom: 0px;
+}
+
 table.table th {
   background-color: #d9edf7;
 }