<div role="main" aria-label="{{.Title}}" class="page-content user notification" id="notification_div" data-params="{{.Page.GetParams}}" data-sequence-number="{{.SequenceNumber}}"> <div class="ui container"> <h1 class="ui dividing header">{{.locale.Tr "notification.notifications"}}</h1> <div class="ui top attached tabular menu"> {{$notificationUnreadCount := call .NotificationUnreadCount}} <a href="{{AppSubUrl}}/notifications?q=unread" class="{{if eq .Status 1}}active {{end}}item"> {{.locale.Tr "notification.unread"}} <div class="ui label {{if not $notificationUnreadCount}}gt-hidden{{end}}">{{$notificationUnreadCount}}</div> </a> <a href="{{AppSubUrl}}/notifications?q=read" class="{{if eq .Status 2}}active {{end}}item"> {{.locale.Tr "notification.read"}} </a> {{if and (eq .Status 1)}} <form action="{{AppSubUrl}}/notifications/purge" method="POST" style="margin-left: auto;"> {{$.CsrfTokenHtml}} <div class="{{if not $notificationUnreadCount}}gt-hidden{{end}}"> <button class="ui mini button primary" title='{{$.locale.Tr "notification.mark_all_as_read"}}'> {{svg "octicon-checklist"}} </button> </div> </form> {{end}} </div> <div class="ui bottom attached active tab segment"> {{if eq (len .Notifications) 0}} {{if eq .Status 1}} {{.locale.Tr "notification.no_unread"}} {{else}} {{.locale.Tr "notification.no_read"}} {{end}} {{else}} <table class="ui unstackable striped very compact small selectable table" id="notification_table"> <tbody> {{range $notification := .Notifications}} {{$issue := .Issue}} {{$repo := .Repository}} <tr id="notification_{{.ID}}"> <td class="collapsing gt-pl-4" data-href="{{.Link}}"> {{if eq .Status 3}} {{svg "octicon-pin" 16 "text blue"}} {{else if not $issue}} {{svg "octicon-repo" 16 "text grey"}} {{else if $issue.IsPull}} {{if $issue.IsClosed}} {{if $issue.GetPullRequest.HasMerged}} {{svg "octicon-git-merge" 16 "text purple"}} {{else}} {{svg "octicon-git-pull-request" 16 "text red"}} {{end}} {{else}} {{svg "octicon-git-pull-request" 16 "text green"}} {{end}} {{else}} {{if $issue.IsClosed}} {{svg "octicon-issue-closed" 16 "text red"}} {{else}} {{svg "octicon-issue-opened" 16 "text green"}} {{end}} {{end}} </td> <td class="eleven wide" data-href="{{.Link}}"> <a class="item" href="{{.Link}}"> {{if $issue}} #{{$issue.Index}} - {{$issue.Title}} {{else}} {{$repo.FullName}} {{end}} </a> </td> <td data-href="{{$repo.Link}}"> <a class="item" href="{{$repo.Link}}">{{$repo.FullName}}</a> </td> <td class="collapsing"> {{if ne .Status 3}} <form action="{{AppSubUrl}}/notifications/status" method="POST"> {{$.CsrfTokenHtml}} <input type="hidden" name="notification_id" value="{{.ID}}" /> <input type="hidden" name="status" value="pinned" /> <button class="ui mini button" title='{{$.locale.Tr "notification.pin"}}' data-url="{{AppSubUrl}}/notifications/status" data-status="pinned" data-page="{{$.Page.Paginater.Current}}" data-notification-id="{{.ID}}" data-q="{{$.Keyword}}"> {{svg "octicon-pin"}} </button> </form> {{end}} </td> <td class="collapsing"> {{if or (eq .Status 1) (eq .Status 3)}} <form action="{{AppSubUrl}}/notifications/status" method="POST"> {{$.CsrfTokenHtml}} <input type="hidden" name="notification_id" value="{{.ID}}" /> <input type="hidden" name="status" value="read" /> <input type="hidden" name="page" value="{{$.Page.Paginater.Current}}" /> <button class="ui mini button" title='{{$.locale.Tr "notification.mark_as_read"}}' data-url="{{AppSubUrl}}/notifications/status" data-status="read" data-page="{{$.Page.Paginater.Current}}" data-notification-id="{{.ID}}" data-q="{{$.Keyword}}"> {{svg "octicon-check"}} </button> </form> {{else if eq .Status 2}} <form action="{{AppSubUrl}}/notifications/status" method="POST"> {{$.CsrfTokenHtml}} <input type="hidden" name="notification_id" value="{{.ID}}" /> <input type="hidden" name="status" value="unread" /> <input type="hidden" name="page" value="{{$.Page.Paginater.Current}}" /> <button class="ui mini button" title='{{$.locale.Tr "notification.mark_as_unread"}}' data-url="{{AppSubUrl}}/notifications/status" data-status="unread" data-page="{{$.Page.Paginater.Current}}" data-notification-id="{{.ID}}" data-q="{{$.Keyword}}"> {{svg "octicon-bell"}} </button> </form> {{end}} </td> </tr> {{end}} </tbody> </table> {{end}} </div> {{template "base/paginate" .}} </div> </div>