diff --git a/options/locale/locale_en-US.ini b/options/locale/locale_en-US.ini index 7ea227b8c1..9b9e25ba81 100644 --- a/options/locale/locale_en-US.ini +++ b/options/locale/locale_en-US.ini @@ -1275,3 +1275,6 @@ unread = Unread read = Read no_unread = You have no unread notifications. no_read = You have no read notifications. +pin = Pin +mark_as_read = Mark as read +mark_as_unread = Mark as unread diff --git a/options/locale/locale_pt-BR.ini b/options/locale/locale_pt-BR.ini index 4893a7644d..0623fbb135 100644 --- a/options/locale/locale_pt-BR.ini +++ b/options/locale/locale_pt-BR.ini @@ -1205,3 +1205,6 @@ unread = Não lidas read = Lidas no_unread = Você não possui notificações não lidas. no_read = Você não possui notificações lidas. +pin = Fixar +mark_as_read = Marcar como lida +mark_as_unread = Marcar como não lida diff --git a/public/css/index.css b/public/css/index.css index c569209e49..7c84cf8517 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -2712,12 +2712,15 @@ footer .ui.language .menu { float: left; margin-left: 7px; } -.user.notification .buttons-panel button { - padding: 3px; -} -.user.notification .buttons-panel form { +.user.notification table form { display: inline-block; } +.user.notification table button { + padding: 3px 3px 3px 5px; +} +.user.notification table tr { + cursor: pointer; +} .user.notification .octicon-issue-opened, .user.notification .octicon-git-pull-request { color: #21ba45; diff --git a/public/js/index.js b/public/js/index.js index bd22442e5f..8674993261 100644 --- a/public/js/index.js +++ b/public/js/index.js @@ -1243,6 +1243,11 @@ $(document).ready(function () { $($(this).data('target')).slideToggle(100); }); + // make table element clickable like a link + $('tr[data-href]').click(function(event) { + window.location = $(this).data('href'); + }); + // Highlight JS if (typeof hljs != 'undefined') { hljs.initHighlightingOnLoad(); diff --git a/public/less/_user.less b/public/less/_user.less index 38b73f7853..d63b9b3de9 100644 --- a/public/less/_user.less +++ b/public/less/_user.less @@ -85,14 +85,18 @@ margin-left: 7px; } - .buttons-panel { - button { - padding: 3px; - } - + table { form { display: inline-block; } + + button { + padding: 3px 3px 3px 5px; + } + + tr { + cursor: pointer; + } } .octicon-issue-opened, .octicon-git-pull-request { diff --git a/routers/user/notification.go b/routers/user/notification.go index 74a33f7e2c..7bc2da18db 100644 --- a/routers/user/notification.go +++ b/routers/user/notification.go @@ -73,8 +73,8 @@ func Notifications(c *context.Context) { } title := c.Tr("notifications") - if count := len(notifications); count > 0 { - title = fmt.Sprintf("(%d) %s", count, title) + if status == models.NotificationStatusUnread && total > 0 { + title = fmt.Sprintf("(%d) %s", total, title) } c.Data["Title"] = title c.Data["Keyword"] = keyword diff --git a/templates/base/head.tmpl b/templates/base/head.tmpl index e230436209..176dd51cc0 100644 --- a/templates/base/head.tmpl +++ b/templates/base/head.tmpl @@ -82,7 +82,7 @@ {{if .IsSigned}}
- + {{.i18n.Tr "notifications"}} diff --git a/templates/user/notification/notification.tmpl b/templates/user/notification/notification.tmpl index 3e5c0b7104..04f3bf5a08 100644 --- a/templates/user/notification/notification.tmpl +++ b/templates/user/notification/notification.tmpl @@ -2,23 +2,20 @@
-

{{.i18n.Tr "notification.notifications"}}

+

{{.i18n.Tr "notification.notifications"}}

- +
{{.i18n.Tr "notification.unread"}} - {{if eq .Status 1}} -
{{len .Notifications}}
+ {{if .NotificationUnreadCount}} +
{{.NotificationUnreadCount}}
{{end}}
- +
{{.i18n.Tr "notification.read"}} - {{if eq .Status 2}} -
{{len .Notifications}}
- {{end}}
@@ -30,68 +27,76 @@ {{.i18n.Tr "notification.no_read"}} {{end}} {{else}} -
- {{range $notification := .Notifications}} - {{$issue := $notification.GetIssue}} - {{$repo := $notification.GetRepo}} - {{$repoOwner := $repo.MustOwner}} + + + {{range $notification := .Notifications}} + {{$issue := $notification.GetIssue}} + {{$repo := $notification.GetRepo}} + {{$repoOwner := $repo.MustOwner}} - -
- {{if ne $notification.Status 3}} -
- {{$.CsrfTokenHtml}} - - - - - {{end}} - {{if or (eq $notification.Status 1) (eq $notification.Status 3)}} -
- {{$.CsrfTokenHtml}} - - - - - {{else if eq $notification.Status 2}} -
- {{$.CsrfTokenHtml}} - - - - - {{end}} -
- - {{if eq $notification.Status 3}} - - {{else if $issue.IsPull}} - {{if $issue.IsClosed}} - - {{else}} - - {{end}} - {{else}} - {{if $issue.IsClosed}} - - {{else}} - - {{end}} - {{end}} - -
-
{{$repoOwner.Name}}/{{$repo.Name}}
-
#{{$issue.Index}} - {{$issue.Title}}
-
- - {{end}} - + + + + + + + + {{end}} + +
+ {{if eq $notification.Status 3}} + + {{else if $issue.IsPull}} + {{if $issue.IsClosed}} + + {{else}} + + {{end}} + {{else}} + {{if $issue.IsClosed}} + + {{else}} + + {{end}} + {{end}} + + + #{{$issue.Index}} - {{$issue.Title}} + + + {{$repoOwner.Name}}/{{$repo.Name}} + + {{if ne $notification.Status 3}} +
+ {{$.CsrfTokenHtml}} + + + +
+ {{end}} + 		+ {{if or (eq $notification.Status 1) (eq $notification.Status 3)}} +
+ {{$.CsrfTokenHtml}} + + + +
+ {{else if eq $notification.Status 2}} +
+ {{$.CsrfTokenHtml}} + + + +
+ {{end}} +
{{end}}