signal-desktop/js/views/scroll_down_button_view.js

/* global Whisper, i18n */

// eslint-disable-next-line func-names
(function() {
  'use strict';

  window.Whisper = window.Whisper || {};

  Whisper.ScrollDownButtonView = Whisper.View.extend({
    className: 'module-scroll-down',
    templateName: 'scroll-down-button-view',

    initialize(options = {}) {
      this.count = options.count || 0;
    },

    increment(count = 0) {
      this.count += count;
      this.render();
    },

    render_attributes() {
      const buttonClass =
        this.count > 0 ? 'module-scroll-down__button--new-messages' : '';

      let moreBelow = i18n('scrollDown');
      if (this.count > 1) {
        moreBelow = i18n('messagesBelow');
      } else if (this.count === 1) {
        moreBelow = i18n('messageBelow');
      }

      return {
        buttonClass,
        moreBelow,
      };
    },
  });
})();