app/assets/javascripts/messages.js

   1 $(document).ready(function () {
   2   $(".inbox-mark-unread").on("ajax:success", function (event, data) {
   3     updateHtml(data);
   4     updateReadState(this, false);
   5   });
   6
   7   $(".inbox-mark-read").on("ajax:success", function (event, data) {
   8     updateHtml(data);
   9     updateReadState(this, true);
  10   });
  11
  12   $(".inbox-destroy").on("ajax:success", function (event, data) {
  13     updateHtml(data);
  14
  15     $(this).closest("tr").fadeOut(800, "linear", function () {
  16       $(this).remove();
  17     });
  18   });
  19
  20   function updateHtml(data) {
  21     $("#inboxanchor").remove();
  22     $(".user-button").before(data.inboxanchor);
  23
  24     $("#inbox-count").replaceWith(data.inbox_count);
  25   }
  26
  27   function updateReadState(target, isRead) {
  28     $(target).closest("tr")
  29       .toggleClass("inbox-row", isRead)
  30       .toggleClass("inbox-row-unread", !isRead)
  31       .find(".inbox-mark-unread").prop("hidden", !isRead).end()
  32       .find(".inbox-mark-read").prop("hidden", isRead);
  33   }
  34 });