<%inherit file="base.html"/>
<%!
        import mylar
	from mylar import helpers
%>

<%def name="body()">
	<div class="title">
		<h1 class="clearfix"><img src="interfaces/default/images/icon_logs.png" alt="Logs"/>Logs</h1>
	</div>
	<table class="display" id="log_table">
<!--                <form action="log_change" method="GET">
                                            <div class="row">
                                                        <label>Interface</label>
                                                        <select name="log_level">
                                                        %for loglevel in ['Info', 'Warning', 'Debug']:
                                                                <%
                                                                        if loglevel == mylar.LOG_LEVEL:
                                                                                selected = 'selected'
                                                                        else:
                                                                                selected = ''
                                                                 %>
                                                        <option value="${loglevel}" ${selected}>${loglevel}</option>
                                                        %endfor
                                                        </select>
                                              </div>
                                     <input type="button" value="Go!" onclick="doAjaxCall('log_change?log_level=${loglevel}',$(this),'table',true)" data-success="Log level changed to ${loglevel}">
                 </form>
-->
		<thead>
			<tr>
				<th id="timestamp">Timestamp</th>
				<th id="level">Level</th>
<!--                            <th id="thread">Thread</th>  -->
				<th id="message">Message</th>
			</tr>
		</thead>
		<tbody>
		%for line in lineList:
			<%
				timestamp, message, level, threadname = line

				if level == 'WARNING' or level == 'ERROR':
					grade = 'X'
				else:
					grade = 'Z'

                                if threadname is None:
                                    threadname = ''
			%>
				<tr class="grade${grade}">
					<td id="timestamp">${timestamp}</td>
					<td id="level">${level}</td>
<!--                                    <td id="thread">${threadname}</td>     -->
					<td id="message">${message}</td>
				</tr>
		%endfor
		</tbody>
	</table>
</%def>

<%def name="headIncludes()">
	<link rel="stylesheet" href="interfaces/default/css/data_table.css">
</%def>

<%def name="javascriptIncludes()">
	<script src="js/libs/jquery.dataTables.min.js"></script>
	<script>
	$(document).ready(function()
	{
		$('#log_table').dataTable(
			{
				"oLanguage": {
					"sLengthMenu":"Show _MENU_ lines per page",
					"sEmptyTable": "No log information available",
					"sInfo":"Showing _START_ to _END_ of _TOTAL_ lines",
					"sInfoEmpty":"Showing 0 to 0 of 0 lines",
					"sInfoFiltered":"(filtered from _MAX_ total lines)"},
				"bStateSave": true,
				"iDisplayLength": 100,
				"sPaginationType": "full_numbers",
				"aaSorting": []

			});
	});
	</script>
</%def>