/app/assets/javascripts/auto/cf_threads.js

/* -*- coding: utf-8 -*- */
/* global cforum, Mustache, t, setDismissHandlers, autohideAlerts, hasLocalstorage, uconf */

cforum.cf_threads = {
  numThreads: 0,
  numMessages: 0,
  newMessages: [],

  removeNewMessage: function(mids) {
    var difference = [];

    $.grep(cforum.cf_threads.newMessages, function(el) {
      if($.inArray(el, mids) == -1) {
        difference.push(el);
      }
    });

    cforum.cf_threads.newMessages = difference;
  },

  new: function() {
    cforum.cf_threads.initGlobal();

    cforum.tags.initTags();
    cforum.cf_threads.initCursor();

    cforum.messages.initMarkdown("message_input");
    cforum.messages.initPreview("message_input", "cf_thread_message_problematic_site");
    cforum.messages.initMaxLengthWarnings();
    cforum.replacements("#message_input", true);
    cforum.messages.initEmojis("#message_input", ".btn-group.groupUtil");
  },
  create: function() {
    cforum.cf_threads.initGlobal();

    cforum.tags.initTags();
    cforum.messages.initMarkdown("message_input");
    cforum.messages.initPreview("message_input", "cf_thread_message_problematic_site");
    cforum.messages.initMaxLengthWarnings();
    cforum.replacements("#message_input", true);
  },

  index: function() {
    cforum.events.on('thread:create', cforum.cf_threads.newThreadArriving);
    cforum.events.on('message:create', cforum.cf_threads.newMessageArriving);
    cforum.events.on('thread:read', cforum.cf_threads.updateThread);
    cforum.events.on('message:read', cforum.cf_threads.updateThread);

    if(!cforum.currentUser) {
      cforum.cf_threads.initOpenClose();
    }
  },

  showNewAlert: function() {
    var alert = $("#new_messages_arrived");
    var append = false;

    if(!alert.length) {
      alert = $("<div class=\"cf-success cf-alert\" id=\"new_messages_arrived\"><button type=\"button\" class=\"close\" data-dismiss=\"cf-alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button></div>");
      append = true;
    }

    alert.text(Mustache.render(
      t('messages_threads'),
      {threads: cforum.cf_threads.numThreads,
       messages: cforum.cf_threads.numMessages}));

    if(append) {
      $("#alerts-container").append(alert);
      setDismissHandlers();
      autohideAlerts();
    }
  },

  showNewThread: function(message) {
    var sortMethod = uconf('sort_threads');

    if(sortMethod != 'ascending' && sortMethod != 'descending' && sortMethod != 'newest-first') {
      sortMethod = 'descending';
    }

    var url = cforum.baseUrl +
          (cforum.currentForum ? cforum.currentForum.slug : 'all') +
          message.thread.slug;


    $.get(url).
      done(function(data) {
        switch(sortMethod) {
        case 'newest-first':
        case 'descending':
          if(document.location.href.indexOf('p=0') != -1 || document.location.href.indexOf('p=') == -1) {
            var sticky = $("[data-js=threadlist] .sticky:last");
            if(sticky.length === 0) {
              $("[data-js=threadlist]").prepend(data);
            }
            else {
              sticky.after(data);
            }
          }
          break;

        case 'ascending':
          if($(".cf-pages .last").hasClass('disabled')) {
            $("[data-js=threadlist]").append(data);
          }
          break;
        }

        cforum.cf_threads.newMessages.push(message.message.message_id);

        var m;
        for(var i = 0; i < cforum.cf_threads.newMessages.length; ++i) {
          m = $("#m" + cforum.cf_threads.newMessages[i]);
          if(!m.hasClass('new')) {
            m.addClass('new');
          }
        }
      });
  },

  newThreadArriving: function(event, message) {
    cforum.cf_threads.numThreads += 1;
    cforum.cf_threads.numMessages += 1;

    if(cforum.currentUser && message.message.user_id == cforum.currentUser.user_id) {
      return;
    }

    if(uconf('load_messages_via_js') != 'no') {
      window.setTimeout(function() {
        cforum.cf_threads.showNewThread(message);

        cforum.events.trigger("update", message);
        cforum.events.trigger("update:thread", message);
      }, 500);
    }

    cforum.cf_threads.showNewAlert();
    cforum.updateFavicon();
  },

  updateThread: function(event, message) {
    var thread = $("#t" + message.thread.thread_id);

    if(message.message) {
      cforum.cf_threads.removeNewMessage([message.message.message_id]);
    }
    else {
      cforum.cf_threads.removeNewMessage($.map(message.thread.messages, function(el) {
        return el.message_id;
      }));
    }

    if(thread.length == 0) {
      return;
    }

    var url = cforum.baseUrl +
          (cforum.currentForum ? cforum.currentForum.slug : 'all') +
          message.thread.slug;

    window.setTimeout(function() {
      $.get(url, function(data) {
        thread.replaceWith(data);
        cforum.updateTitle();

        cforum.events.trigger("update", message);
        cforum.events.trigger("update:thread", message);
      });
    }, 500);
  },

  newMessageArriving: function(event, message) {
    cforum.cf_threads.numMessages += 1;

    if(cforum.currentUser && message.message.user_id == cforum.currentUser.user_id) {
      return;
    }

    cforum.cf_threads.showNewAlert();

    if(uconf('load_messages_via_js') != 'no') {
      var url = cforum.baseUrl +
            (cforum.currentForum ? cforum.currentForum.slug : 'all') +
            message.thread.slug;

      $.get(url).
        done(function(data) {
          $("#t" + message.thread.thread_id).replaceWith(data);

          if(uconf('sort_threads') == 'newest-first') {
            var sticky = $("[data-js=threadlist] .sticky:last");
            if(sticky.length === 0) {
              $("[data-js=threadlist]").prepend($("#t" + message.thread.thread_id));
            }
            else {
              sticky.after($("#t" + message.thread.thread_id));
            }
          }

          cforum.cf_threads.newMessages.push(message.message.message_id);
          var m;

          for(var i = 0; i < cforum.cf_threads.newMessages.length; ++i) {
            m = $("#m" + cforum.cf_threads.newMessages[i]);
            if(!m.hasClass('new')) {
              m.addClass('new');
            }
          }

          cforum.events.trigger("update", message);
          cforum.events.trigger("update:message", message);
        });
    }

    cforum.updateFavicon();
  },

  initGlobal: function() {
    if(!cforum.currentForum) {
      $("#cf_thread_forum_id").on('change', function() {
        var val = $(this).val();

        for(var i = 0; i < cforum.userForums.length; ++i) {
          if(cforum.userForums[i].forum_id == val) {
            cforum.currentForum = cforum.userForums[i];
            break;
          }
        }
      });
      $("#cf_thread_forum_id").trigger('change');
    }
  },

  initCursor: function() {
    var content = $("#message_input");
    var subj = $("#cf_thread_message_subject");
    var author = $("#cf_thread_message_author");

    cforum.cf_threads.setCursor(author, subj, content);
  },

  setCursor: function(author, subject, content) {
    if(!subject.val()) {
      setTimeout(function() { subject.focus(); }, 0);
    }
    else {
      if(cforum.currentUser) {
        setTimeout(function() { content.focus(); }, 0);
        cforum.cf_threads.setCursorInContent(content);
      }
      else {
        if(!author.val()) {
          setTimeout(function() { author.focus(); }, 0);
        }
        else {
          setTimeout(function() { content.focus(); }, 0);
          cforum.cf_threads.setCursorInContent(content);
        }
      }
    }
  },

  setCursorInContent: function(content) {
    var cnt = content.val();
    var i;

    for(i = 0; i < cnt.length; ++i) {
      if(cnt.substr(i, 1) == '>' &&
         (i === 0 || cnt.substr(i - 1, 1) == "\n") &&
         cnt.substr(i + 1, 1) == ' ') {
        content.setSelection(i, i);
        return;
      }
    }

    // we couldn't find a quote, so we set cursor after the first empty line
    var newline = 0;
    for(i = 0; i < cnt.length; ++i) {
      if(cnt.substr(i - 1, 1) == "\012") {
        newline++;
      }
      else if(cnt.substr(i - 1, 1) == "\015") {
        continue;
      }
      else {
        newline = 0;
      }

      if(newline == 2) {
        content.setSelection(i, i);
        return;
      }
    }
  },

  initOpenClose: function() {
    $("#link-archiv").after(' <li id="open-close-all-threads" class="close-all"><a href="#">' + t('close_all_threads') + "</a></li>");
    $("div[data-js=threadlist] .thread > header").
      prepend("<i class=\"icon-thread open\"> </i>");

    $("div[data-js=threadlist] .thread > header > i").
      click(cforum.cf_threads.toggleThread);

    $("#open-close-all-threads").click(cforum.cf_threads.toggleAllThreads);

    if(hasLocalstorage()) {
      var has_open = false;

      $("div[data-js=threadlist] .thread").each(function() {
        var $this = $(this);
        var id = $this.attr('id');

        if(localStorage['closed-' + id]) {
          $this.children("ol").css('display', 'none');
          $this.find("header > i.icon-thread").
            removeClass("open").
            addClass('closed');
        }
        else {
          has_open = true;
        }
      });

      if(!has_open) {
        $("#open-close-all-threads a").text(t('open_all_threads'));
        $("#open-close-all-threads").
          removeClass("close-all").
          addClass("open-all");
      }
    }
  },

  toggleThread: function() {
    var $this = $(this);
    var elem = $this.closest("article");

    if($this.hasClass('open')) {
      $this.removeClass("open").addClass('closed');
      elem.children("ol").slideUp('fast');

      if(hasLocalstorage()) {
        localStorage['closed-' + elem.attr('id')] = true;
      }
    }
    else {
      $this.removeClass("closed").addClass('open');
      elem.children("ol").slideDown('fast');

      if(hasLocalstorage()) {
        localStorage.removeItem('closed-' + elem.attr('id'));
      }
    }
  },

  toggleAllThreads: function(ev) {
    ev.preventDefault();

    if($(this).hasClass('open-all')) {
      $("div[data-js=threadlist] .thread > ol").
        css('display', 'block');
      $("div[data-js=threadlist] .thread > header > i").
        addClass('open').
        removeClass("closed");

      $("#open-close-all-threads a").text(t('close_all_threads'));
      $("#open-close-all-threads").
        removeClass("open-all").
        addClass("close-all");

      if(hasLocalstorage()) {
        $("div[data-js=threadlist] .thread").each(function() {
          localStorage.removeItem('closed-' + $(this).attr('id'));
        });
      }
    }
    else {
      $("div[data-js=threadlist] .thread > ol").
        css('display', 'none');
      $("div[data-js=threadlist] .thread > header > i").
        addClass('closed').
        removeClass("open");

      $("#open-close-all-threads a").text(t('open_all_threads'));
      $("#open-close-all-threads").
        removeClass("close-all").
        addClass("open-all");

      if(hasLocalstorage()) {
        $("div[data-js=threadlist] .thread").each(function() {
          localStorage['closed-' + $(this).attr('id')] = true;
        });
      }
    }
  }
};

/* eof */