From c8b02bbf509cea181f42ef7f624640d21a497338 Mon Sep 17 00:00:00 2001
From: nilsding <nilsding@nilsding.org>
Date: Mon, 26 Jan 2015 17:50:45 +0100
Subject: [PATCH] actually add some code here

---
 app/views/layouts/_notifications.html.haml | 94 +++++++++++++---------
 1 file changed, 56 insertions(+), 38 deletions(-)

diff --git a/app/views/layouts/_notifications.html.haml b/app/views/layouts/_notifications.html.haml
index 7f6ab534..43c58e4c 100644
--- a/app/views/layouts/_notifications.html.haml
+++ b/app/views/layouts/_notifications.html.haml
@@ -1,43 +1,61 @@
-= nav_entry "Notifications", notifications_path, badge: notification_count
+.visible-xs= nav_entry "Notifications", notifications_path, badge: notification_count
+- notifications = Notification.for(current_user).limit(4)
 %li.dropdown.hidden-xs
   %a.dropdown-toggle{href: "#", "data-toggle" => "dropdown"}
     Notifications
     %span.badge= notification_count
   %ul.dropdown-menu.notification--dropdown
-    %li
-      .media.notification--dropdown-media
-        .pull-left
-          %img.img-rounded.notification--dropdown-img
-        .media-body
-          %h6.media-heading.notification--dropdown-user
-            username
-          .notification--dropdown-text
-            followed you 33 minutes ago
-    %li
-      .media.notification--dropdown-media
-        .pull-left
-          %img.img-rounded.notification--dropdown-img
-        .media-body
-          %h6.media-heading.notification--dropdown-user
-            username
-          .notification--dropdown-text
-            smiled at your answer about 1 hour ago
-    %li
-      .media.notification--dropdown-media
-        .pull-left
-          %img.img-rounded.notification--dropdown-img
-        .media-body
-          %h6.media-heading.notification--dropdown-user
-            username
-          .notification--dropdown-text
-            answered your question about 4 hours ago
-    %li
-      .media.notification--dropdown-media
-        .pull-left
-          %img.img-rounded.notification--dropdown-img
-        .media-body
-          %h6.media-heading.notification--dropdown-user
-            username
-          .notification--dropdown-text
-            commented on your answer about 5 hours ago
-    %li= link_to "Show all Notifications", notifications_path
\ No newline at end of file
+    - if notifications.count == 0
+      %p New notifications will appear here.
+    - else
+      - notifications.each do |notification|
+        %li{class: (notification.new? ? 'list-group-item-warning' : '')}
+          .media.notification--dropdown-media
+            - case notification.target_type
+              - when "Answer"
+                .pull-left
+                  %img.img-rounded.notification--dropdown-img{src: gravatar_url(notification.target.user)}
+                .media-body
+                  %h6.media-heading.notification--dropdown-user
+                    = user_screen_name notification.target.user
+                  .notification--dropdown-text
+                    answered
+                    %a{href: show_user_answer_path(username: notification.target.user.screen_name, id: notification.target.id), title: "#{notification.target.content[0..40]}...", data: { toggle: :tooltip, placement: :top }}
+                      your question
+                    = time_ago_in_words notification.target.created_at
+                    ago
+              - when "Relationship"
+                .pull-left
+                  %img.img-rounded.notification--dropdown-img{src: gravatar_url(notification.target.source)}
+                .media-body
+                  %h6.media-heading.notification--dropdown-user
+                    = user_screen_name notification.target.source
+                  .notification--dropdown-text
+                    followed you
+                    = time_ago_in_words notification.target.created_at
+                    ago
+              - when "Smile"
+                .pull-left
+                  %img.img-rounded.notification--dropdown-img{src: gravatar_url(notification.target.user)}
+                .media-body
+                  %h6.media-heading.notification--dropdown-user
+                    = user_screen_name notification.target.user
+                  .notification--dropdown-text
+                    smiled at
+                    %a{href: show_user_answer_path(username: notification.target.user.screen_name, id: notification.target.answer.id), title: "#{notification.target.answer.content[0..40]}...", data: { toggle: :tooltip, placement: :top }}
+                      your answer
+                    = time_ago_in_words notification.target.created_at
+                    ago
+              - when "Comment"
+                .pull-left
+                  %img.img-rounded.notification--dropdown-img{src: gravatar_url(notification.target.user)}
+                .media-body
+                  %h6.media-heading.notification--dropdown-user
+                    = user_screen_name notification.target.user
+                  .notification--dropdown-text
+                    commented on
+                    %a{href: show_user_answer_path(username: notification.target.user.screen_name, id: notification.target.answer.id), title: "#{notification.target.answer.content[0..40]}...", data: { toggle: :tooltip, placement: :top }}
+                      your answer
+                    = time_ago_in_words notification.target.created_at
+                    ago
+    %li= link_to "Show all notifications#{" and mark them as read" if notifications.pluck(:new).any?}", notifications_path
\ No newline at end of file