<div class="modal-header">
	<button type="button" class="close" ng-click="close()" aria-hidden="true">&times;</button>
	<h4 class="modal-title">Select a File to Upload</h4>
</div>
<div class="modal-body">

	<table class="em-table-fixed em-table-upload">
		<tbody>
			<tr ng-repeat="f in files">
				<td>{{f.fileName}}</td>
				<td>
					<div class="progress progress-striped" ng-class="{'em-progress-bar-fallback': (!f.progressEnabled && f.status == 'uploading'), 'em-progress-bar-fallback-done': (!f.progressEnabled && f.status == 'done'), 'active': (f.progressEnabled && f.status == 'uploading') }">
						<div class="progress-bar" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: {{f.uploadedPct}}%">
							<span class="sr-only">{{f.uploadedPct}}% Complete</span>
						</div>
					</div>					
				</td>
				<td>{{f.status}}</td>				
			</tr>
		</tbody>
	</table>

	<div class="file-upload-dropzone">
		Drop Files here or <div grf-upload-button="1" class="btn btn-default" id="choose-files">Click to Add</div>
	</div>

</div>
<div class="modal-footer">
	<button type="button" class="btn btn-default" ng-click="close()">Done</button>
</div>
