redesign of notification, html

templates/site/user/notifications.jet.html

@@ -3,25 +3,36 @@
 {{block title()}}{{  T("profile_edit_page", User.Username) }}{{end}}
 {{ block profile_navigation()}}{{ yield profile_menu(route="profile") }}{{end}}
 {{block profile_content()}}
-{{ if len(User.Notifications) > 0}}
+<table class="notification-table">
-<div>
+  <thead>
-  <a href="/notifications?clear" class="btn btn-red pull-right"> {{  T("clear_notifications") }}</a>
+	<tr>
-  <div style="clear: both;"></div>
+	  <th class="notification-status">{{T("status")}}</th>
-</div>
+	  <th class="notification-event">Event</th>
-<table>
+	  <th class="notification-date">{{T("date")}}</th>
+	</tr>
+  </thead>
+  <tbody>
+  {{if len(User.Notifications) == 0}}
+  <tr><td colspan="3">{{T("no_notifications")}}</td></tr>
+  {{end}}
   {{ range User.Notifications }}
-  <tr>
+	  <tr>
-    <td{{ if !.Read }} class="btn-orange"{{end}}>
+		<td class="notification-status {{ if !.Read }}notification-unread{{end}}">{{if .Read}}{{T("read")}}{{else}}{{T("unread")}}{{end}}</td>
-    <div style="padding: 0 1rem 1rem;">
+		<td class="notification-event">
-      <a href="{{ .URL }}?notif">
+			<a href="{{ .URL }}?notif">>{{ .Content }}</a>
-        <h3>{{ .Content }}</h3>
+		</td>
-      </a>
+		{{if !.Date.IsZero()}}
-    </div>
+		<td class="date-full" title="{{formatDate(.Date, false)}}">{{formatDate(.Date, true)}}</td>
-  </td>
+		{{else}}
-</tr>
+		<td>{{T("unknown")}}</td>
-{{end}}
+		{{end}}
+	  </tr>
+	{{end}}	
+	</tbody>
 </table>
-{{else}}
+<div id="clear-notification">
-<h2>{{  T("no_notifications") }}</h2>
+  <hr/>
-{{end}}
+  <a href="/notifications?clear_all" class="btn-red form-input"> {{  T("clear_all_notifications") }}</a>
+  <a href="/notifications?clear" class="btn-green form-input"> {{  T("clear_notifications") }}</a>
+</div>
 {{end}}