path: root/templates/page-syslog.html

<div class="container">
	<h1>{{lang_clientLog}}</h1>
	<form method="post" action="?do=SysLog">
		<input type="hidden" name="token" value="{{token}}">
		<div class="input-group">
			<span class="input-group-addon">{{lang_filter}}</span>
			<input id="filterstring" type="text" placeholder="id" value="{{filter}}" name="filter" data-role="tagsinput" />
			<span class="input-group-addon">
				<input type="checkbox" name="not" {{#not}}checked="checked"{{/not}}> {{lang_not}}
			</span>
			<span class="input-group-btn">
				<button class="btn btn-default" type="submit">{{lang_go}}</button>
			</span>
		</div>
	</form>
	{{{pagenav}}}
	<table class="table table-striped table-condensed">
		<thead>
			<th width="1"></th>
			<th>{{lang_when}}</th>
			<th>{{lang_client}}</th>
			<th>{{lang_event}}</th>
			<th width="1">{{lang_details}}</th>
		</thead>
		<tbody>
		{{#list}}
			<tr>
				<td><span class="glyphicon glyphicon-off" title="{{logtypeid}}" onclick="$('#filterstring').tagsinput('add', '{{logtypeid}}')"></span></td>
				<td class="text-right" nowrap="nowrap">{{date}}</td>
				<td>{{clientip}}</td>
				<td>{{description}}</td>
				<td>{{#extra}}
					<a class="btn btn-default btn-xs pull-left" onclick="$('#details-body').html($('#extra-{{logid}}').html())" data-toggle="modal" data-target="#myModal">&raquo;</a>
					<div class="hidden" id="extra-{{logid}}">{{extra}}</div>
				{{/extra}}</td>
			</tr>
		{{/list}}
		</tbody>
	</table>
	{{{pagenav}}}
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">{{lang_details}}</h4>
      </div>
      <div class="modal-body">
			<pre id="details-body"></pre>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>