app/views/layouts/file_upload.html.erb
<!DOCTYPE html>
<html>
<head>
<title>EMUFest Submission Form (Upload Files)</title>
<%= render partial: 'shared/common_header_cruft' %>
<%= stylesheet_link_tag 'file_upload' %>
</head>
<body id="page">
<%= render partial: 'shared/header' %>
<div class="js-menu-screen menu-screen">
</div>
<div id="main" role="main">
<div class="entry-wrapper">
<p class="notice"><%= notice %></p>
<%= yield %>
</div>
<%= render partial: 'shared/footer' %>
</div>
<!-- brutal cargo-culting :-( from http://upload.giuseppesilvi.com/jQueryupload/ -->
<!-- The template to display files available for upload -->
<script id="template-upload" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
<tr class="template-upload fade">
<td>
<span class="preview"></span>
</td>
<td>
<p class="name">{%=file.name%}</p>
<strong class="error text-danger"></strong>
</td>
<td>
<p class="size">Processing...</p>
<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="progress-bar progress-bar-success" style="width:0%;"></div></div>
</td>
<td>
{% if (!i && !o.options.autoUpload) { %}
<button class="btn btn-primary start" disabled>
<i class="glyphicon glyphicon-upload"></i>
<span>Start</span>
</button>
{% } %}
{% if (!i) { %}
<button class="btn btn-warning cancel">
<i class="glyphicon glyphicon-ban-circle"></i>
<span>Cancel</span>
</button>
{% } %}
</td>
</tr>
{% } %}
</script>
<%= render partial: 'shared/common_footer_cruft' %>
<!-- extra javascripts for the file upload -->
<%= javascript_include_tag 'file_upload' %>
</body>
</html>