Add icons for activity.

src/main/scala/service/ActivityService.scala

@@ -112,7 +112,7 @@ trait ActivityService {
   
   def recordCreateBranchActivity(userName: String, repositoryName: String, activityUserName: String, branchName: String) =
     Activities.autoInc insert(userName, repositoryName, activityUserName,
-      "create_tag",
+      "create_branch",
       s"[user:${activityUserName}] created branch [tag:${userName}/${repositoryName}#${branchName}] at [repo:${userName}/${repositoryName}]",
       None,
       currentDate)

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

@@ -1,45 +1,84 @@
 @(activities: List[model.Activity])(implicit context: app.Context)
 @import context._
 @import view.helpers._
+
+@longActivity(activity: model.Activity, image: String) = {
+  <div style="position: absolute; padding-top: 8px;"><img src="@assets/common/images/@image"/></div>
+  <div style="margin-left: 40px;">
+    <div class="muted small">@datetime(activity.activityDate)</div>
+    <div class="strong">
+      @avatar(activity.activityUserName, 16)
+      @activityMessage(activity.message)
+    </div>
+    @activity.additionalInfo.map { additionalInfo =>
+      <div class=" activity-message">@additionalInfo</div>
+    }
+  </div>
+}
+
+@customActivity(activity: model.Activity, image: String)(additionalInfo: Any) = {
+  <div style="position: absolute; padding-top: 8px;"><img src="@assets/common/images/@image"/></div>
+  <div style="margin-left: 40px;">
+    <div class="muted small">@datetime(activity.activityDate)</div>
+    <div class="strong">
+      @avatar(activity.activityUserName, 16)
+      @activityMessage(activity.message)
+    </div>
+    @additionalInfo
+  </div>
+}
+
+@shortActivity(activity: model.Activity, image: String) = {
+  <div style="position: absolute; padding-left: 8px;"><img src="@assets/common/images/@image"/></div>
+  <div style="margin-left: 40px;">
+    <div>
+      @avatar(activity.activityUserName, 16)
+      @activityMessage(activity.message)
+      <span class="muted small">@datetime(activity.activityDate)</span>
+    </div>
+  </div>
+}
+
 @if(activities.isEmpty){
   No activity
 } else {
   @activities.map { activity =>
     <div class="block">
-      <div class="muted small">@datetime(activity.activityDate)</div>
+      @(activity.activityType match {
-      <div class="strong">
+        case "open_issue"        => longActivity(activity, "activity-issue.png")
-        @avatar(activity.activityUserName, 16)
+        case "comment_issue"     => longActivity(activity, "activity-comment.png")
-        @activityMessage(activity.message)
+        case "close_issue"       => longActivity(activity, "activity-issue-close.png")
-      </div>
+        case "reopen_issue"      => longActivity(activity, "activity-issue-reopen.png")
-      @activity.additionalInfo.map { additionalInfo =>
+        case "open_pullreq"      => longActivity(activity, "activity-merge.png")
-        @if(additionalInfo.nonEmpty){
+        case "merge_pullreq"     => longActivity(activity, "activity-merge.png")
-          @(activity.activityType match {
+        case "create_repository" => shortActivity(activity, "activity-create-repository.png")
-            case "create_wiki" => {
+        case "create_branch"     => shortActivity(activity, "activity-branch.png")
-              <div class="small activity-message">Created <a href={s"${path}/${activity.userName}/${activity.repositoryName}/wiki/${additionalInfo}"}>{additionalInfo}</a>.</div>
+        case "fork"              => shortActivity(activity, "activity-fork.png")
-            }
+        case "push"  => customActivity(activity, "activity-commit.png"){
-            case "edit_wiki" => {
+          <div class="small activity-message">
-              <div class="small activity-message">Edited <a href={s"${path}/${activity.userName}/${activity.repositoryName}/wiki/${additionalInfo}"}>{additionalInfo}</a>.</div>
+            {activity.additionalInfo.map { additionalInfo => additionalInfo.split("\n").reverse.take(4).zipWithIndex.map{ case (commit, i) =>
-            }
+              if(i == 3){
-            case "push" => {
+                <div>...</div>
-              <div class="small activity-message">
+              } else {
-                {additionalInfo.split("\n").reverse.take(4).zipWithIndex.map{ case (commit, i) =>
+                <div>
-                  if(i == 3){
+                   <a href={s"${path}/${activity.userName}/${activity.repositoryName}/commit/${commit.substring(0, 40)}"} class="monospace">{commit.substring(0, 7)}</a>
-                    <div>...</div>
+                    <span>{commit.substring(41)}</span>
-                  } else {
+                </div>
-                    <div>
+              }
-                      <a href={s"${path}/${activity.userName}/${activity.repositoryName}/commit/${commit.substring(0, 40)}"} class="monospace">{commit.substring(0, 7)}</a>
+            }}}
-                      <span>{commit.substring(41)}</span>
+          </div>
-                    </div>
-                  }
-                }}
-              </div>
-            }
-            case _ => {
-              <div class=" activity-message">{additionalInfo}</div>
-            }
-          })
         }
-      }
+        case "create_wiki" => customActivity(activity, "activity-wiki.png"){
+          <div class="small activity-message">
+            Created <a href={s"${path}/${activity.userName}/${activity.repositoryName}/wiki/${activity.additionalInfo.get}"}>{activity.additionalInfo.get}</a>.
+          </div>
+        }
+        case "edit_wiki" => customActivity(activity, "activity-wiki.png"){
+          <div class="small activity-message">
+            Edited <a href={s"${path}/${activity.userName}/${activity.repositoryName}/wiki/${activity.additionalInfo.get}"}>{activity.additionalInfo.get}</a>.
+          </div>
+        }
+      })
     </div>
   }
 }