Convert notifications.js to vanilla JavaScript (no jQuery).

1 files changed, 21 insertions, 29 deletions

diff --git a/mediagoblin/static/js/notifications.js b/mediagoblin/static/js/notifications.js
index 78694f59..ae84e85b 100644
--- a/mediagoblin/static/js/notifications.js
+++ b/mediagoblin/static/js/notifications.js
@@ -1,4 +1,3 @@
-'use strict';
 /**
  * GNU MediaGoblin -- federated, autonomous media hosting
  * Copyright (C) 2011, 2012 MediaGoblin contributors.  See AUTHORS.
@@ -17,33 +16,26 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-var notifications = {};
-
-(function (n) {
-    n._base = '/';
-    n._endpoint = 'notifications/json';
-
-    n.init = function () {
-        $('.notification-gem').on('click', function () {
-            $('.header_dropdown_down:visible').click();
-        });
-    }
-
-})(notifications)
-
-$(document).ready(function () {
-    notifications.init();
+'use strict';
 
-    var mark_all_comments_seen = document.getElementById('mark_all_comments_seen');
+(function () {
+  // Small pill/gem indicator showing number of unseen comments. Comments are
+  // shown inside the header panel which may be hidden.
+  var notificationGem = document.querySelector('.notification-gem');
+  notificationGem.addEventListener('click', function() {
+    panel.show()
+  });
 
-    if (mark_all_comments_seen) {
-        mark_all_comments_seen.href = '#';
-        mark_all_comments_seen.onclick = function() {
-            $.ajax({
-                type: 'GET',
-                url: mark_all_comments_seen_url,
-                success: function(res, status, xhr) { window.location.reload(); },
-            });
-        }
-    }
-});
+  // Mark all comments seen feature.
+  //
+  // TODO: Currently broken due to bug in mark_comment_notification_seen().
+  var mark_all_comments_seen = document.getElementById('mark_all_comments_seen');
+  if (mark_all_comments_seen) {
+    mark_all_comments_seen.href = '#';
+    mark_all_comments_seen.onclick = function() {
+      fetch(mark_all_comments_seen_url).then(function(response) {
+        window.location.reload();
+      });
+    };
+  }
+})();