{{ template "header" . }}

<div >
<script type="text/javascript">
	var IsHistory = {{ .IsHistory }};
</script>
	<!-- <h1>services</h1> -->

	<input type="text" id="addurl"/><button onclick="addDownload([{url:document.getElementById('addurl').value}]);">Add URL</button>

{{ if .IsHistory }}
	<a href="../">Goto Queue</a>
{{ else }}
	<a href="history">Goto History</a>
{{ end }}

	<table id="table" data-toggle="table" class="table"
{{ if .IsHistory }}
		data-url="../completed"
		data-auto-refresh-interval="30"
{{ else }}
		data-url="queued"
		data-auto-refresh-interval="5"
{{ end }}
		data-auto-refresh="true"
		data-buttons-order="['actions', 'checkAll', 'columns', 'paginationSwitch', 'refresh']"
		data-buttons="buttons"
		data-cache="false"
		data-click-to-select="true"
		data-maintain-meta-data="true"
		data-multiple-select-row="true"
		data-page-list="[10, 25, 50, 100, 200, 300, 400, 500, all]"
		data-pagination-loop="false"
		data-pagination="true"
		data-search="true"
		data-show-columns="true"
		data-show-pagination-switch="true"
		data-show-refresh="true"
		data-sort-reset="true"
		data-sort-stable="true"
		data-sticky-header="true"
		>
	<thead>
		<tr>
			<th data-field="checked" data-checkbox="true"></th>
			<th data-sortable="true" scope="col" data-field="status" data-formatter="status">Status</th>
			<th data-sortable="true" scope="col" data-field="priority">Priority</th>
			<th data-sortable="true" scope="col" data-field="filename" data-formatter="filename">Filename</th>
			<th data-sortable="true" scope="col" data-field="url">URL</th>
			<th scope="col" data-field="actions" data-formatter="actions" data-events="actionEvents">Actions</th>
{{ if .IsHistory }}
				<th data-visible="false" scope="col" data-field="progress" data-formatter="progress">Progress</th>
{{ else }}
				<th scope="col" data-field="progress" data-formatter="progress">Progress</th>
{{ end }}
		</tr>
	</thead>
</table>

</div>

<script src="/downloads.js"></script>

{{ template "footer" . }}