(refs #28)Display avatar icon on the activity timeline.

src/main/scala/app/AccountController.scala

@@ -55,7 +55,10 @@ trait AccountControllerBase extends ControllerBase {
     getAccountByUserName(userName).flatMap(_.image).map { image =>
       contentType = FileUtil.getMimeType(image)
       new java.io.File(getUserUploadDir(userName), image)
-    } getOrElse NotFound
+    } getOrElse {
+      contentType = "image/png"
+      Thread.currentThread.getContextClassLoader.getResourceAsStream("noimage.png")
+    }
   }
 
   get("/:userName/_edit")(oneselfOnly {

src/main/twirl/account/edit.scala.html

@@ -50,7 +50,7 @@
       }
       <input type="hidden" name="fileId" value=""/>
     </fieldset>
-    <fieldset class="buttons">
+    <fieldset class="margin">
       @if(account.isDefined){
         <input type="submit" class="btn btn-success" value="Save"/>
         <a href="@url(account.get.userName)" class="btn">Cancel</a>
@@ -94,8 +94,4 @@ div#avatar {
   width: 120px;
   height: 120px;
 }
-
-fieldset.buttons {
-  margin-top: 20px;
-}
 </style>

src/main/twirl/account/repositories.scala.html

@@ -6,6 +6,7 @@
     <div class="row-fluid">
       <div class="span4">
         <div class="block">
+          <div class="account-image">@helper.html.avatar(account.userName, 200)</div>
           <div class="block-header">@account.userName</div>
         </div>
         <div class="block">

src/main/twirl/helper/activities.scala.html

@@ -7,7 +7,10 @@
   @activities.map { activity =>
     <div class="block">
       <div class="muted small">@datetime(activity.activityDate)</div>
-      <div class="strong">@activityMessage(activity.message)</div>
+      <div class="strong">
+        @helper.html.avatar(activity.activityUserName, 16)
+        @activityMessage(activity.message)
+      </div>
       @activity.additionalInfo.map { additionalInfo =>
         @(activity.activityType match {
           case "create_wiki" => {

src/main/twirl/helper/avatar.scala.html

@@ -0,0 +1,4 @@
+@(userName: String, size: Int)(implicit context: app.Context)
+@import context._
+@import view.helpers._
+<img src="@url(userName)/_avatar" style="width: @(size)px; height: @(size)px;"/>

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

@@ -203,6 +203,11 @@ fieldset.margin {
   padding-top: 10px;
 }
 
+div.account-image {
+  text-align: center;
+  margin-bottom: 8px;
+}
+
 /****************************************************************************/
 /* Sign-in form */
 /****************************************************************************/