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

/* global TinyMCE Results Comments animateSpinner initFormSubmitLinks Prism */

(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', {
              assignableMyModuleId: $('#result_text_attributes_textarea').data('my-module-id')
            });
            $('#result_name').focus();
            setTimeout(function() {
              $('.edit-text-result').css('display', 'initial');
            }, 600);
            setTimeout(function() {
              $('.edit-text-result').css('display', 'block');
            }, 800)
          },
          error: function() {
            animateSpinner(null, false);
            initNewReslutText();
          }
        });
      });
    }

    function initSaveReslutText() {
      $('#results').on('click', '.edit-text-result .save-result', (event) => {
        Results.processResult(event, Results.ResultTypeEnum.TEXT);
      });
    }

    // 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', {
          assignableMyModuleId: $('#result_text_attributes_textarea').data('my-module-id')
        });
        $('#result_name').focus();
        setTimeout(function() {
          $('.edit-text-result').css('display', 'initial');
        }, 600);
        setTimeout(function() {
          $('.edit-text-result').css('display', 'block');
        }, 800)
      });
    }

    // 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();
        Prism.highlightAllUnder(newResult.get(0));
      });
      $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,
      initSaveReslutText: initSaveReslutText,
      applyEditResultTextCallback: applyEditResultTextCallback
    });

    return publicAPI;
  }());

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