diaspora/public/javascripts/widgets/notifications.js

(function() {
  var Notifications = function() {
    this.start = function() {
      var self = this;
      this.badge = $("#notification_badge .badge_count, .notification_count");
      this.notificationArea = $("#notifications");
      this.count = parseInt(this.badge.html()) || 0;

      $(".stream_element.unread").live("mousedown", function() {
        self.decrementCount();

        var notification = $(this);
        notification.removeClass("unread");
        
        $.ajax({
          url: "notifications/" + notification.data("guid"),
          type: "PUT"
        });
      });

      $("a.more").live("click", function(evt) {
        evt.preventDefault();
        $(this).hide()
          .next(".hidden")
          .removeClass("hidden");
      });
    };
  };

  Notifications.prototype.showNotification = function(notification) {    $(notification.html).prependTo(this.notificationArea)
      .fadeIn(200)
      .delay(8000)
      .fadeOut(200, function() {
        $(this).detach();
      });

    this.incrementCount();
  };

  Notifications.prototype.changeNotificationCount = function(change) {
    this.count += change;

    if(this.badge.text() !== "") {
      this.badge.text(this.count);

      if(this.count === 0) {
        this.badge.addClass("hidden");
      }
      else if(this.count === 1) {
        this.badge.removeClass("hidden");
      }
    }
  };

  Notifications.prototype.decrementCount = function() {
    this.changeNotificationCount(-1);
  };

  Notifications.prototype.incrementCount = function() {
    this.changeNotificationCount(1);
  };

  Diaspora.widgets.add("notifications", Notifications);
})();