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

function setupAssetsLoading() {
  var DELAY = 2500;
  var REPETITIONS = 60;

  function refreshAssets() {
    var elements = $("[data-status='asset-loading']");

    if (!elements.length) {
      return false;
    }

    $.each(elements, function(_, el) {
      var $el = $(el);

      // Perform an AJAX call to present URL
      // to check if file already exists
      $.ajax({
        url: $el.data("present-url"),
        type: "GET",
        dataType: "json",
        success: function (data) {
          $el.attr("data-status", "asset-loaded");
          $el.find('img').hide();
          $el.next().hide();
          $el.html("");

          if (data.type === "image") {
            $el.html(
              "<a class='image-preview-link' id='modal_link" +
              data['asset-id'] + "' data-status='asset-present' " +
              "href='" + data['download-url'] + "'>" +
              "<img src='" + data['image-tag-url'] + "' data-preview-url='" +
              data['preview-url'] + "'><p>" +
              data.filename + '</p></a>'
            );
          } else {
            $el.html(
              "<a href='" + data['download-url'] + "'><p>" +
              data.filename + "</p></a>"
            );
          }
          animateSpinner(null, false);
          initPreviewModal();
        },
        error: function(data) {
          if (data.status == 403) {
            $el.find('img').hide();
            $el.next().hide();
            // Image/file exists, but user doesn't have
            // rights to download it
            if (type === "image") {
              $el.html(
                "<img src='" + data['image-tag-url'] + "'><p>" +
                data.filename + "</p>"
              );
            } else {
              $el.html("<p>" + data.filename + "</p>");
            }
          } else {
            // Do nothing, file is not yet present
            animateSpinner(null, false);
          }
        }
      });
    });

    return true;
  }

  function finalizeAssets() {
    var elements = $("[data-status='asset-loading']");

    $.each(elements, function(_, el) {
      var $el = $(el);
      $el.attr("data-status", "asset-failed");
      $el.html($el.data("filename"));
    });
  }

  var cntr = 0;
  var intervalId = window.setInterval(function() {
    cntr++;
    if (cntr >= REPETITIONS || !refreshAssets()) {
      finalizeAssets();
      window.clearInterval(intervalId);
    }
  }, DELAY);
}