{{range .Feeds}}
	<div class="news">
		<div class="ui left">
			{{avatar .ActUser}}
		</div>
		<div class="ui grid">
			<div class="ui fourteen wide column">
				<div class="{{if or (eq .GetOpType 5) (eq .GetOpType 18)}}push news{{end}}">
					<p>
						{{if gt .ActUser.ID 0}}
							<a href="{{AppSubUrl}}/{{.GetActUserName}}" title="{{.GetDisplayNameTitle}}">{{.GetDisplayName}}</a>
						{{else}}
							{{.ShortActUserName}}
						{{end}}
						{{if eq .GetOpType 1}}
							{{$.i18n.Tr "action.create_repo" .GetRepoLink .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 2}}
							{{$.i18n.Tr "action.rename_repo" .GetContent .GetRepoLink .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 5}}
							{{ $branchLink := .GetBranch | EscapePound | Escape}}
							{{$.i18n.Tr "action.commit_repo" .GetRepoLink $branchLink (Escape .GetBranch) .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 6}}
							{{ $index := index .GetIssueInfos 0}}
							{{$.i18n.Tr "action.create_issue" .GetRepoLink $index .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 7}}
							{{ $index := index .GetIssueInfos 0}}
							{{$.i18n.Tr "action.create_pull_request" .GetRepoLink $index .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 8}}
							{{$.i18n.Tr "action.transfer_repo" .GetContent .GetRepoLink .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 9}}
							{{ $branchLink := .GetBranch | EscapePound | Escape}}
							{{$.i18n.Tr "action.push_tag" .GetRepoLink $branchLink .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 10}}
							{{ $index := index .GetIssueInfos 0}}
							{{$.i18n.Tr "action.comment_issue" .GetRepoLink $index .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 11}}
							{{ $index := index .GetIssueInfos 0}}
							{{$.i18n.Tr "action.merge_pull_request" .GetRepoLink $index .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 12}}
							{{ $index := index .GetIssueInfos 0}}
							{{$.i18n.Tr "action.close_issue" .GetRepoLink $index .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 13}}
							{{ $index := index .GetIssueInfos 0}}
							{{$.i18n.Tr "action.reopen_issue" .GetRepoLink $index .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 14}}
							{{ $index := index .GetIssueInfos 0}}
							{{$.i18n.Tr "action.close_pull_request" .GetRepoLink $index .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 15}}
							{{ $index := index .GetIssueInfos 0}}
							{{$.i18n.Tr "action.reopen_pull_request" .GetRepoLink $index .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 16}}
							{{ $index := index .GetIssueInfos 0}}
							{{$.i18n.Tr "action.delete_tag" .GetRepoLink (.GetBranch|Escape) .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 17}}
							{{ $index := index .GetIssueInfos 0}}
							{{$.i18n.Tr "action.delete_branch" .GetRepoLink (.GetBranch|Escape) .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 18}}
							{{ $branchLink := .GetBranch | EscapePound}}
							{{$.i18n.Tr "action.mirror_sync_push" .GetRepoLink $branchLink (.GetBranch|Escape) .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 19}}
							{{$.i18n.Tr "action.mirror_sync_create" .GetRepoLink (.GetBranch|Escape) .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 20}}
							{{$.i18n.Tr "action.mirror_sync_delete" .GetRepoLink (.GetBranch|Escape) .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 21}}
							{{ $index := index .GetIssueInfos 0}}
							{{$.i18n.Tr "action.approve_pull_request" .GetRepoLink $index .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 22}}
							{{ $index := index .GetIssueInfos 0}}
							{{$.i18n.Tr "action.reject_pull_request" .GetRepoLink $index .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 23}}
							{{ $index := index .GetIssueInfos 0}}
							{{$.i18n.Tr "action.comment_pull" .GetRepoLink $index .ShortRepoPath | Str2html}}
						{{else if eq .GetOpType 24}}
							{{ $branchLink := .GetBranch | EscapePound | Escape}}
							{{ $linkText := .Content | RenderEmoji }}
							{{$.i18n.Tr "action.publish_release" .GetRepoLink $branchLink .ShortRepoPath $linkText | Str2html}}
						{{end}}
					</p>
					{{if or (eq .GetOpType 5) (eq .GetOpType 18)}}
						<div class="content">
							<ul>
								{{ $push := ActionContent2Commits .}}
								{{ $repoLink := .GetRepoLink}}
								{{if $push.Commits}}
									{{range $push.Commits}}
										{{ $commitLink := printf "%s/commit/%s" $repoLink .Sha1}}
										<li>
											{{avatarByEmail .AuthorEmail .AuthorName 28 "img-8 mr-2"}}
											<a class="commit-id mr-2" href="{{$commitLink}}">{{ShortSha .Sha1}}</a>
											<span class="text truncate light grey">
												{{RenderCommitMessage .Message $repoLink $.ComposeMetas}}
											</span>
										</li>
									{{end}}
								{{end}}
								{{if and (gt $push.Len 1) $push.CompareURL}}<li><a href="{{AppSubUrl}}/{{$push.CompareURL}}">{{$.i18n.Tr "action.compare_commits" $push.Len}} ยป</a></li>{{end}}
							</ul>
						</div>
					{{else if eq .GetOpType 6}}
						<span class="text truncate issue title">{{index .GetIssueInfos 1 | RenderEmoji}}</span>
					{{else if eq .GetOpType 7}}
						<span class="text truncate issue title">{{index .GetIssueInfos 1 | RenderEmoji}}</span>
					{{else if or (eq .GetOpType 10) (eq .GetOpType 21) (eq .GetOpType 22) (eq .GetOpType 23)}}
						<a href="{{.GetCommentLink}}" class="text truncate issue title">{{.GetIssueTitle | RenderEmoji}}</a>
						<p class="text light grey">{{index .GetIssueInfos 1 | RenderEmoji}}</p>
					{{else if eq .GetOpType 11}}
						<p class="text light grey">{{index .GetIssueInfos 1}}</p>
					{{else if or (eq .GetOpType 12) (eq .GetOpType 13) (eq .GetOpType 14) (eq .GetOpType 15)}}
						<span class="text truncate issue title">{{.GetIssueTitle | RenderEmoji}}</span>
					{{end}}
					<p class="text italic light grey">{{TimeSince .GetCreate $.i18n.Lang}}</p>
				</div>
			</div>
			<div class="ui two wide right aligned column">
				<span class="text grey">{{svg (printf "octicon-%s" (ActionIcon .GetOpType)) 32}}</span>
			</div>
		</div>
		<div class="ui divider"></div>
	</div>
{{end}}