universal_table/app/views/admin/universal_tables/index.html.erb

<% content_for :page_specific_javascript do %>
	<%= javascript_include_tag "lib/jquery.form" %>
<% end %>
<div id="index_table">
  <%= render 'index'%>
</div>
<script type="text/javascript">
	$("form.import_from_excel_form").on("submit",function(){
		var form = this;
		if($(this).find("input[type=file]").val() != ""){
			$(this).ajaxSubmit({
				dataType : "json",
				success : function(data){
					if(data.success){
						alert("Import successfull.")
						$("tr#table_" + data.id + " td:eq(2)").text(data.count);
					}else{
						alert(data.msg);
					}
					form.reset();
				}
			})
		}
		return false;
	})
</script>
<div id="downloadModal" data-backdrop="static" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="downloadModalLabel" aria-hidden="true">
  <div class="modal-header">
    <h3 id="downloadModalLabel">Download</h3>
  </div>
  <div class="modal-body">
    <p id="wait-zone" style="text-align: center;">
    	Please wait while we prepare your download. This may take a while.
    	<br />
    	<img src="/assets/spin.gif" />
    </p>
    <p id="link-zone" style="display: none; text-align: center;">
      Please click the link below to download.
      <br />
      <a href="" id="download-link" target="_blank">Download</a>
    </p>
  </div>
  <div class="modal-footer">
    <button class="btn" id="modal-close-btn" style="display:none;" data-dismiss="modal" aria-hidden="true">Close</button>
  </div>
</div>
<script type="text/javascript" src="/assets/lib/process.manager.js"></script>
<script type="text/javascript">

  var downloadModal = $("#downloadModal"),
    checkForThread = null,
    waitZone = $("#wait-zone"),
    linkZone = $("#link-zone"),
    downloadLink = $("a#download-link"),
    modalBtn = $("#modal-close-btn"),
    processManager = new ProcessManager();

  $(document).on("click", ".export-xls", function(){
    var link = $(this).attr("href"),
        title = null,
        id = $(this).data("table-id");
    
    linkZone.hide();    
    waitZone.show();
    modalBtn.hide();
    $.ajax({
      url : link,
      type : "get",
      dataType : "json"
    }).done(function(data){
      title = data.title;
      checkForThread = new Process(function(){
        $.ajax({
          url : "/admin/universal_tables/checkforthread",
          type : "get",
          data : {"utable_id" : id, "utable_title" : title},
          dataType : "json"
        }).done(function(data){
          if(!data.status){
            downloadLink.attr("href", "/uploads/utable_export/" + id + "/" + title + ".xlsx");
            waitZone.hide();
            linkZone.show();
            modalBtn.show();
            checkForThread.kill();
          }
        })
      })
      checkForThread.setTimeInterval(1000);
      checkForThread.setRepeat(Process.CONSTANTS.REPEAT_INFINITE);
      processManager.queue(checkForThread);
    })
    downloadModal.modal("show");
    return false;
  })

</script>