cc7a4a155b4a18cf208402be704c5c27f2229fa8
[bloat] / templates / notification.tmpl
1 {{with .Data}}
2 {{template "header.tmpl" (WithContext .HeaderData $.Ctx)}}
3 {{template "navigation.tmpl" (WithContext .NavbarData $.Ctx)}}
4 <div class="page-title"> Notifications </div>
5
6 {{range .Notifications}}
7 <div class="notification-container {{if .Pleroma}}{{if not .Pleroma.IsSeen}}unread{{end}}{{end}}">
8         {{if eq .Type "follow"}}
9         <div class="notification-follow-container">
10                 <div class="status-profile-img-container">
11                         <a class="img-link" href="/user/{{.Account.ID}}" >
12                                 <img class="status-profile-img" src="{{.Account.AvatarStatic}}" alt="profile-avatar" />
13                         </a>
14                 </div>
15                 <div>
16                         <div class="notification-info-text">
17                                 <span class="status-dname"> {{EmojiFilter .Account.DisplayName .Account.Emojis}} </span>  
18                                 <img class="icon" src="{{GetIcon "user-plus" $.Ctx.DarkMode}}" alt="followed" />
19                                 <span> followed you </span>
20                                 <span>
21                                         - <time datetime="{{FormatTimeRFC3339 .CreatedAt}}" title="{{FormatTimeRFC822 .CreatedAt}}">{{TimeSince .CreatedAt}}</time> 
22                                 </span>
23                         </div>
24                         <div class="notification-follow-uname">
25                                 @{{.Account.Acct}}
26                         </div>
27                 </div>
28         </div>
29
30         {{else if eq .Type "mention"}}
31         {{template "status" (WithContext .Status $.Ctx)}}
32
33         {{else if eq .Type "reblog"}}
34         <div class="retweet-info">
35                 <a class="img-link" href="/user/{{.Account.ID}}">
36                         <img class="status-profile-img" src="{{.Account.AvatarStatic}}" alt="avatar" />
37                 </a>
38                 <span class="status-dname"> {{EmojiFilter .Account.DisplayName .Account.Emojis}} </span>  
39                 <img class="icon" src="{{GetIcon "retweeted" $.Ctx.DarkMode}}" alt="retweeted" />
40                 <span> retweeted your post </span>
41                 <span>
42                         - <time datetime="{{FormatTimeRFC3339 .CreatedAt}}" title="{{FormatTimeRFC822 .CreatedAt}}">{{TimeSince .CreatedAt}}</time> 
43                 </span>
44         </div>
45         {{template "status" (WithContext .Status $.Ctx)}}
46
47         {{else if eq .Type "favourite"}}
48         <div class="retweet-info">
49                 <a class="img-link" href="/user/{{.Account.ID}}">
50                         <img class="status-profile-img" src="{{.Account.AvatarStatic}}" alt="avatar" />
51                 </a>
52                 <span class="status-dname"> {{EmojiFilter .Account.DisplayName .Account.Emojis}} </span>  
53                 <img class="icon" src="{{GetIcon "liked" $.Ctx.DarkMode}}" alt="liked" />
54                 <span> liked your post </span>
55                 <span>
56                         - <time datetime="{{FormatTimeRFC3339 .CreatedAt}}" title="{{FormatTimeRFC822 .CreatedAt}}">{{TimeSince .CreatedAt}}</time> 
57                 </span>
58         </div>
59         {{template "status" (WithContext .Status $.Ctx)}}
60         {{end}}
61 </div>
62 {{end}}
63
64 <div class="pagination">
65         {{if .NextLink}}
66                 <a href="{{.NextLink}}">next</a>
67         {{end}}
68 </div>
69
70 {{template "footer.tmpl"}}
71 {{end}}