From 0b56ade4689fe15b9aeeb13d36688a7e91f386fb Mon Sep 17 00:00:00 2001
From: Dan Hansen <mokker1234@gmail.com>
Date: Sat, 2 Jul 2011 15:14:02 -0700
Subject: [PATCH] basic unread/read states

---
 public/javascripts/widgets/notifications-badge.js | 4 +++-
 public/stylesheets/sass/application.sass          | 4 ++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/public/javascripts/widgets/notifications-badge.js b/public/javascripts/widgets/notifications-badge.js
index 067f241de..ff2d0ad81 100644
--- a/public/javascripts/widgets/notifications-badge.js
+++ b/public/javascripts/widgets/notifications-badge.js
@@ -52,7 +52,9 @@
 
       $.each(self.notifications.notifications, function(index, notifications) {
         $.each(notifications, function(index, notification) {
-          $("<div/>", { "class": "notification_element" })
+          $("<div/>")
+            .addClass("notification_element")
+            .addClass((notification.unread) ? "unread" : "read" )
             .html(notification.translation)
             .prepend($("<img/>", { src: notification.actors[0].avatar }))
             .prependTo(self.dropdownNotifications);
diff --git a/public/stylesheets/sass/application.sass b/public/stylesheets/sass/application.sass
index 247d030dc..a9b5c6b37 100644
--- a/public/stylesheets/sass/application.sass
+++ b/public/stylesheets/sass/application.sass
@@ -3082,6 +3082,10 @@ ul.left_nav
   .notification_element
     :padding 10px 20px
     :min-height 30px
+    .unread
+      :background #CCC
+    .read
+      :background white
 
     img
       :height 30px