{{range .Feeds}}
<div class="news">
  <div class="ui left">
    <img class="ui avatar image" src="{{.ActAvatar}}" alt="">
  </div>
  <div class="ui grid">
    <div class="ui fifteen wide column">
      <div class="{{if eq .GetOpType 5}}push news{{end}}">
        <p>
          <a href="{{AppSubUrl}}/{{.GetActUserName}}">{{.GetActUserName}}</a>
          {{if eq .GetOpType 1}}
          {{$.i18n.Tr "action.create_repo" .GetRepoLink .GetRepoPath | Str2html}}
          {{else if eq .GetOpType 2}}
          {{$.i18n.Tr "action.rename_repo" .GetContent .GetRepoLink .GetRepoPath | Str2html}}
          {{else if eq .GetOpType 5}}
          {{ $branchLink := .GetBranch | EscapePound}}
          {{$.i18n.Tr "action.commit_repo" .GetRepoLink $branchLink .GetBranch .GetRepoPath | Str2html}}
          {{else if eq .GetOpType 6}}
          {{ $index := index .GetIssueInfos 0}}
          {{$.i18n.Tr "action.create_issue" .GetRepoLink $index .GetRepoPath | Str2html}}
          {{else if eq .GetOpType 7}}
          {{ $index := index .GetIssueInfos 0}}
          {{$.i18n.Tr "action.create_pull_request" .GetRepoLink $index .GetRepoPath | Str2html}}
          {{else if eq .GetOpType 8}}
          {{$.i18n.Tr "action.transfer_repo" .GetContent .GetRepoLink .GetRepoPath | Str2html}}
          {{else if eq .GetOpType 9}}
          {{$.i18n.Tr "action.push_tag" .GetRepoLink .GetBranch .GetRepoPath | Str2html}}
          {{else if eq .GetOpType 10}}
          {{ $index := index .GetIssueInfos 0}}
          {{$.i18n.Tr "action.comment_issue" .GetRepoLink $index .GetRepoPath | Str2html}}
          {{else if eq .GetOpType 11}}
          {{ $index := index .GetIssueInfos 0}}
          {{$.i18n.Tr "action.merge_pull_request" .GetRepoLink $index .GetRepoPath | Str2html}}
          {{end}}
        </p>
        {{if eq .GetOpType 5}}
        <div class="content">
          <ul>
            {{ $push := ActionContent2Commits .}}
            {{ $repoLink := .GetRepoLink}}
            {{if $push.Commits}}
            {{range $push.Commits}}
            <li><img class="img-8" src="{{$push.AvatarLink .AuthorEmail}}"> <a href="{{$repoLink}}/commit/{{.Sha1}}">{{ShortSha .Sha1}}</a> <span class="text truncate light grey">{{.Message}}</span></li>
            {{end}}
            {{end}}
            {{if $push.CompareUrl}}<li><a href="{{AppSubUrl}}/{{$push.CompareUrl}}">{{$.i18n.Tr "action.compare_2_commits"}} »</a></li>{{end}}
          </ul>
        </div>
        {{else if eq .GetOpType 6}}
        <span class="text truncate issue title">{{index .GetIssueInfos 1}}</span>
        <p class="text light grey">{{.GetIssueContent}}</p>
        {{else if eq .GetOpType 7}}
        <p class="text light grey">{{index .GetIssueInfos 1}}</p>
        {{else if eq .GetOpType 10}}
        <span class="text truncate issue title">{{.GetIssueTitle}}</span>
        <p class="text light grey">{{index .GetIssueInfos 1}}</p>
        {{else if eq .GetOpType 11}}
        <p class="text light grey">{{index .GetIssueInfos 1}}</p>
        {{end}}
        <p class="text italic light grey">{{TimeSince .GetCreate $.i18n.Lang}}</p>
      </div>
    </div>
    <div class="ui one wide column">
      <i class="text grey mega-octicon octicon-{{ActionIcon .GetOpType}}"></i>
    </div>
  </div>
  <div class="ui divider"></div>
</div>
{{end}}