var bagList = Array();

function getBagList()
{
  var service = new ROSLIB.Service({
    ros : ros,
    name : '/aescape/bags/getBagList',
    serviceType : 'demobot/TriggerList'
  });
  
  var request = new ROSLIB.ServiceRequest({});
  
  service.callService(request, function(result) {
    // console.log('Result for service call on '
    // + serviceName
    // + ': '
    // + result.message);

    bagList = result.message;
  });
}


function updateRecordingsList()
{
  getBagList();

  if(bagList != null){
    var innerHTML = "";
    for (var i = 0; i < bagList.length; i++ )
    {
    //   innerHTML = innerHTML.concat(bagList[i]);
    //   innerHTML = innerHTML.concat("<br>");

      
      innerHTML += "<button type=\"button\" class=\"list-group-item list-group-item-action\" onclick=\"updateSelectedBagFile('" + bagList[i] + "')\">" + bagList[i] + "</button>";
      // innerHTML += "<button type=\"button\" class=\"list-group-item list-group-item-action\" onclick=\"triggerMessageService('/aescape/bags/startPlayingRecording', '" + bagList[i] + "')\">" + bagList[i] + "</button>";
    }
    document.getElementById("bagList").innerHTML = innerHTML;
  }
  document.getElementById("bagNameText").value = message.data
};


window.setInterval(function(){
    updateRecordingsList();
}, 1000);