scinote-web/app/assets/javascripts/results/result_texts.js

/* global TinyMCE Results Comments animateSpinner initFormSubmitLinks */

(function() {
  'use strict';

  var ResultText = (function() {
    var publicAPI;

    // New result text behaviour
    function initNewReslutText() {
      $('#new-result-text').on('click', function(event) {
        var $btn = $(this);
        event.preventDefault();
        event.stopImmediatePropagation();
        event.stopPropagation();
        $btn.off();
        animateSpinner(null, true);

        // get new result form
        $.ajax({
          url: $btn.data('href'),
          method: 'GET',
          success: function(data) {
            var $form = $(data.html);
            animateSpinner(null, false);
            $('#results').prepend($form);
            formAjaxResultText($form);
            Results.initCancelFormButton($form, initNewReslutText);
            Results.toggleResultEditButtons(false);
            TinyMCE.init('#result_text_attributes_textarea');
            $('#result_name').focus();
          },
          error: function() {
            animateSpinner(null, false);
            initNewReslutText();
          }
        });
      });
    }

    // Edit result text button behaviour
    function applyEditResultTextCallback() {
      $('.edit-result-text').off('ajax:success ajax:error').on('ajax:success', function(e, data) {
        var $result = $(this).closest('.result');
        var $form = $(data.html);
        var $prevResult = $result;
        $result.after($form);
        $prevResult.hide();

        formAjaxResultText($form, $prevResult);

        // Cancel button
        $form.find('.cancel-edit').click(function() {
          $prevResult.show();
          $form.remove();
          applyEditResultTextCallback();
          TinyMCE.destroyAll();
          Results.toggleResultEditButtons(true);
        });
        Results.toggleResultEditButtons(false);
        TinyMCE.init('#result_text_attributes_textarea');
        $('#result_name').focus();
      });
    }

    // Apply ajax callback to form
    function formAjaxResultText($form, $prevResult) {
      $form.on('ajax:success', function(e, data) {
        var newResult;
        if ($prevResult) $prevResult.remove();
        $form.after(data.html);
        newResult = $form.next();
        initFormSubmitLinks(newResult);
        $(this).remove();
        applyEditResultTextCallback();
        Results.toggleResultEditButtons(true);
        Results.expandResult(newResult);
        TinyMCE.destroyAll();
        Comments.init();
        initNewReslutText();
      });
      $form.on('ajax:error', function(e, xhr) {
        var data = xhr.responseJSON;
        var $el;
        $form.renderFormErrors('result', data);
        if (data['result_text.text']) {
          $el = $form.find(
            'textarea[name=result\\[result_text_attributes\\]\\[text\\]]'
          );
          $el.closest('.form-group').addClass('has-error');
          $el.parent().append('<span class=\'help-block\'>'
            + data['result_text.text'] + '</span>');
        }
      });
    }

    publicAPI = Object.freeze({
      initNewReslutText: initNewReslutText,
      applyEditResultTextCallback: applyEditResultTextCallback
    });

    return publicAPI;
  }());

  ResultText.initNewReslutText();
  ResultText.applyEditResultTextCallback();
}());