<!DOCTYPE html>
<html>
<head>
<title>{{machineid}}</title>

<style>
  li {
    padding-left: 2em;
    text-indent: -2em;
  }
  .metalist {
    margin: 1em;
  }
  .filesize {
    color: #888;
    margin-left: 0.5em;
  }
  .flag_version {
    background: #cfc;
  }
  .flag_uptime {
    color: #666;
  }
  .flag_uptime_end {
    background: #ff8;
  }
  .flag_panic {
    background: #f88;
  }
</style>

</head>

<body>
<a href="/">&larr;Back</a>

<h3>Logs for: {{machineid}}</h3>

{% if firstfile.meta %}
Metadata:
<ul class='metalist'>
  {% for meta in firstfile.meta %}
    <li> {{meta}}
  {% endfor %}
{% endif %}
</ul>

View logs:

<ul>
{% if files %}
  {% for file, running_size, end_time_code, splitter in files %}
   {% if splitter %}<hr>{% endif %}
   <li>
     Since <a
     href="/{{file.machine_key}}/log?start={{file.create_time_code}}{% if end_time_code %}&end={{end_time_code}}{% endif %}"
       >{{file.nice_create_time}}</a>
     <span class="filesize">{{running_size}}</span>
     <span class="flags">
       {% for key,value in file.flags %}
         <span class="flag_{{key}}">{{key}}={{value}}</span>
       {% endfor %}
     </span>
   </li>
  {% endfor %}
{% else %}
  <li>None.</li>
{% endif %}
</ul>

</body>
</html>