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

// New result asset behaviour
$("#new-result-asset").on("ajax:success", function(e, data) {
  var $form = $(data.html);
  $("#results").prepend($form);

  formAjaxResultAsset($form);

  // Cancel button
  $form.find(".cancel-new").click(function () {
    $form.remove();
    toggleResultEditButtons(true);
  });

  toggleResultEditButtons(false);

  $("#result_name").focus();
});

$("#new-result-asset").on("ajax:error", function(e, xhr, status, error) {
  // TODO
});

// Edit result asset button behaviour
function applyEditResultAssetCallback() {
  $(".edit-result-asset").on("ajax:success", function(e, data) {
    var $result = $(this).closest(".result");
    var $form = $(data.html);
    var $prevResult = $result;
    $result.after($form);
    $result.remove();

    formAjaxResultAsset($form);

    // Cancel button
    $form.find(".cancel-edit").click(function () {
      $form.after($prevResult);
      $form.remove();
      applyEditResultAssetCallback();
      toggleResultEditButtons(true);
    });

    toggleResultEditButtons(false);

    $("#result_name").focus();
  });

  $(".edit-result-asset").on("ajax:error", function(e, xhr, status, error) {
  // TODO
  });
}

// Apply ajax callback to form
function formAjaxResultAsset($form) {
  $form
  .on("ajax:success", function(e, data) {
    $form.after(data.html);
    var $newResult = $form.next();
    initFormSubmitLinks($newResult);
    $(this).remove();
    applyEditResultAssetCallback();
    applyCollapseLinkCallBack();

    toggleResultEditButtons(true);
    expandResult($newResult);
    $imgs = $newResult.find("img");
    reloadImages($imgs);
  })
  .on("ajax:error", function(e, data) {
    $form.renderFormErrors("result", data.errors, true, e);
  });
}

applyEditResultAssetCallback();