Added log, history templates, changed some css, included updatebar, subheadings

data/interfaces/default/history.html

@@ -0,0 +1,64 @@
+<%inherit file="base.html"/>
+
+<%def name="headerIncludes()">
+	<div id="subhead_container">
+		<ul id="subhead_menu">
+			<li><a href="clearhistory?type=all">Clear All History</a></li>
+			<li><a href="clearhistory?type=processed">Clear Processed</a></li>
+			<li><a href="clearhistory?type=unprocessed">Clear Unprocessed</a></li>
+			<li><a href="clearhistory?type=snatched">Clear Snatched</a></li>
+		</ul>
+	</div>	
+</%def>
+
+<%def name="body()">
+	<div id="paddingheader">
+		History
+	</div>
+	<table class="display" id="history_table">
+		<thead>
+			<tr>
+				<th id="dateadded">Date Added</th>
+				<th id="filename">File Name</th>
+				<th id="size">Size</th>
+				<th id="status">Status</th>
+			</tr>
+		</thead>
+		<tbody>
+		%for item in history:
+			<tr>
+				<td id="dateadded">${item['DateAdded']}</td>
+				<td id="filename"><a href="${item['URL']}">${item['Title']}</a></td>
+				<td id="size">${item['Size']}</td>
+				<td id="status">${item['Status']}</td>
+			</tr>
+		%endfor
+		</tbody>
+	</table>
+</%def>
+
+<%def name="headIncludes()">
+	<link rel="stylesheet" href="css/data_table.css">
+</%def>
+
+<%def name="javascriptIncludes()">
+	<script src="js/libs/jquery.dataTables.min.js"></script>
+	<script>
+	$(document).ready(function()
+	{
+		$('#history_table').dataTable(
+			{
+				"oLanguage": {
+					"sLengthMenu":"Show _MENU_ items per page",
+					"sEmptyTable": "No History to Display",
+					"sInfo":"Showing _START_ to _END_ of _TOTAL_ items",
+					"sInfoEmpty":"Showing 0 to 0 of 0 items",
+					"sInfoFiltered":"(filtered from _MAX_ total items)"},
+				"bStateSave": true,
+				"iDisplayLength": 25,
+				"sPaginationType": "full_numbers"
+
+			});
+	});
+	</script>
+</%def>