ep_rocketchat/static/js/handleRocketChatNotifications/methods/notificationsMethod.js

Integrating rocketchat with Etherpad

'use strict';

const newMention = require('./helper/newMentionHelper').newMentionHelper;
const removeNewMentionHelper = require('./helper/newMentionHelper').removeNewMentionHelper;
const notificationHelper = require('./helper/notificationHelper');
const pushMethod = require('./pushMethod').pushMethod;

const $bodyAceOuter = () => $(document).find('iframe[name="ace_outer"]').contents();

exports.notificationsMethod = (data) => {
  if (!data.fromOpenedRoom) { // must be false in order to notify user
    const padId = pad.getPadId();
    const userId = pad.getUserId();
    const isMobile = clientVars.userAgent.isMobile;

    const headerId = (data.notification.payload.name === `${padId}-general-channel`) ? 'general' : data.notification.payload.name;
    const lastActiveHeader = notificationHelper.getLastActiveHeader() || '';

    if (lastActiveHeader.toLowerCase() === headerId) return;

    let notificationElement = $(`#${headerId}_notification`);
    if (!notificationElement.length) notificationElement = $(`#${data.notification.payload.fname}_notification`);
    if (!notificationElement.length) notificationElement = $(`#${(data.notification.payload.fname) ? data.notification.payload.fname.toLowerCase() : ''}_notification`);
    if (!notificationElement.length) return;

    const realHeaderId = notificationElement.attr('data-headerid');

    // check mentioned this user
    let unreadNotificationTemplate;
    let unreadMentionedCount = parseInt(notificationHelper.getUserUnreadMentionedCount(headerId, userId) || 0);
    if ([`@${userId}`, '@all'].includes(data.notification.payload.message.msg)) { // it means mentioned by someone or generally
      unreadMentionedCount++;
      notificationHelper.setUserUnreadMentionedCount(headerId, userId, unreadMentionedCount);
      unreadNotificationTemplate = $('#ep_rocketchat_mentionNotification').tmpl({unread: unreadMentionedCount});
      notificationElement.html(unreadNotificationTemplate);
      pushMethod({title: 'New message', body: 'You have new message.'});
      newMention(realHeaderId); // because of Rocketchat make to lower case need to access real header id via notificationElement.attr("data-headerid")
    } else {
      const historyCount = parseInt(notificationHelper.getHistoryCount(headerId)) || 0;
      let unReadCount = 0;

      if (historyCount > 0) {
        unReadCount = historyCount;
      } else {
        let lastUnreadCount = parseInt(notificationHelper.getUnreadCount(headerId) || 0);
        lastUnreadCount++;
        notificationHelper.setUnreadCount(headerId, lastUnreadCount);
        unReadCount = lastUnreadCount;
      }

      unreadNotificationTemplate = $('#ep_rocketchat_unreadNotification').tmpl({unread: unReadCount + unreadMentionedCount});
      notificationElement.html(unreadNotificationTemplate);
      removeNewMentionHelper(realHeaderId);
      let unreadCount = unReadCount + unreadMentionedCount;
      let $el = $bodyAceOuter().find('iframe')
          .contents()
          .find('#innerdocbody')
          .find(`[headerid="${realHeaderId}"]`)[0];

      if ($el) {
        $el = $el.shadowRoot;
        // change the inline icon when notification counter is 0
        if (!isMobile) {
          if (unreadCount === 0) {
            $el.querySelector('.bubbleNotify').style.display = 'none';
            $el.querySelector('.mobileIcon').style.display = 'block';
            $el.querySelector('.mobileIcon').style.marginTop = '5px';
          } else if (unreadCount > 0) {
            $el.querySelector('.bubbleNotify').style.display = 'block';
            $el.querySelector('.mobileIcon').style.display = 'none';
            $el.querySelector('.mobileIcon').style.marginTop = '0';
          }
        }

        if (unreadCount > 9) {
          unreadCount = '9+';
          if (isMobile) {
            $el.querySelectorAll('.counter').forEach((el) => {
              el.style.marginLeft = '-7px';
            });
          }
        }
        $el.querySelectorAll('.counter').forEach((el) => {
          el.innerText = unreadCount;
        });
      }
    }
  }
};