$(document).ready(function(){
  var completed = false

  var set_state = function(status){
    $('#resultState').text(status);
  }

  var displayResults = function(){
    var result_display = $('<ul>')
    for(var x in {file: 'PDF', source: 'LilyPond file'}){
      result_display.append($('<li>').append($('<a>').attr('href', '/utilities/music-transpose/parse/result/256e82dadd294113801b957736dfab2f/' + x).text('Converted ' + x)))
    }
    $('#resultContainer').append(result_display)

    $('#resultContainer').append($('<object>')
      .attr('type', 'application/pdf')
      .attr('data', '/utilities/music-transpose/parse/result/256e82dadd294113801b957736dfab2f/file')
      .attr('width', 800)
      .attr('height', 1200)
    );
  }

  var checkSuccess = function(){
    $.ajax('/utilities/music-transpose/parse/result/256e82dadd294113801b957736dfab2f',
      {
        complete: function(response){
          console.error(response.responseText)
          state = JSON.parse(response.responseText)['status']
          responseClasses = {};
          set_state(state)
          var waittime = {
            'Complete': Number.MAX_VALUE,
            'Failed': Number.MAX_VALUE,
            'Queued': 500,
            'Processing': 2500
          }[state]
          if(!['Complete', 'Failed'].includes(state)){
            setTimeout(checkSuccess, waittime)
          } else {
            displayResults()
          }
        },
        contentType: 'application/json',
        dataType: 'json'
      });
    };
  checkSuccess();
})