From fe31d4197b66cced9ca84779fac4fe69242d844b Mon Sep 17 00:00:00 2001
From: r <r@freesoftwareextremist.com>
Date: Tue, 18 Feb 2020 22:15:37 +0000
Subject: Add frame based navigation

---
 templates/notification.tmpl | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

(limited to 'templates/notification.tmpl')

diff --git a/templates/notification.tmpl b/templates/notification.tmpl
index 51cc6e3..9e1854c 100644
--- a/templates/notification.tmpl
+++ b/templates/notification.tmpl
@@ -1,14 +1,25 @@
 {{with .Data}}
-{{template "header.tmpl" (WithContext .HeaderData $.Ctx)}}
-{{template "navigation.tmpl" (WithContext .NavbarData $.Ctx)}}
-<div class="page-title"> Notifications </div>
+{{template "header.tmpl" (WithContext .CommonData $.Ctx)}}
+<div class="notification-title-container">
+	<div class="notification-title">
+		Notifications
+		{{if gt .UnreadCount 0}}({{.UnreadCount }}){{end}}
+	</div>
+	<a class="notification-refresh" href="/notifications">refresh</a>
+	{{if .ReadID}}
+	<form action="/notifications/read?max_id={{.ReadID}}" method="post">
+		<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
+		<input type="submit" value="read" class="btn-link">
+	</form>
+	{{end}}
+</div>
 
 {{range .Notifications}}
 <div class="notification-container {{if .Pleroma}}{{if not .Pleroma.IsSeen}}unread{{end}}{{end}}">
 	{{if eq .Type "follow"}}
 	<div class="notification-follow-container">
 		<div class="status-profile-img-container">
-			<a class="img-link" href="/user/{{.Account.ID}}" >
+			<a class="img-link" href="/user/{{.Account.ID}}" target="main" >
 				<img class="status-profile-img" src="{{.Account.AvatarStatic}}" alt="profile-avatar" />
 			</a>
 		</div>
@@ -31,7 +42,7 @@
 
 	{{else if eq .Type "reblog"}}
 	<div class="retweet-info">
-		<a class="img-link" href="/user/{{.Account.ID}}">
+		<a class="img-link" href="/user/{{.Account.ID}}" target="main">
 			<img class="status-profile-img" src="{{.Account.AvatarStatic}}" alt="avatar" />
 		</a>
 		<span class="status-dname"> {{EmojiFilter .Account.DisplayName .Account.Emojis}} </span>  
@@ -44,7 +55,7 @@
 
 	{{else if eq .Type "favourite"}}
 	<div class="retweet-info">
-		<a class="img-link" href="/user/{{.Account.ID}}">
+		<a class="img-link" href="/user/{{.Account.ID}}" target="main">
 			<img class="status-profile-img" src="{{.Account.AvatarStatic}}" alt="avatar" />
 		</a>
 		<span class="status-dname"> {{EmojiFilter .Account.DisplayName .Account.Emojis}} </span>  
-- 
cgit v1.2.3