log.html

        {% extends template_base.html %}

        {% block title %}TS Analyser - Log{% end %}
        {% block log %}
        <style>
            .submenu {
            line-height: 18px;
            border: 1px solid #ddd;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            position: relative;
            margin: 15px 0;
            padding: 39px 15px 10px;
        }
        .submenu h2 {
            position: absolute;
            top: -1px;
            left: -1px;
            padding: 3px 7px;
            font-size: 12px;
            margin:0;
            font-weight: bold;
            background-color:#f5f5f5;
            border: 1px solid#ddd;
            color:#9da0a4;
            -webkit-border-radius: 4px 0 4px 0;
            -moz-border-radius: 4px 0 4px 0;
            border-radius: 4px 0 4px 0;
        }
        .highlight {
    	    margin-bottom: -10px;
    	    background-color: #f7f7f9;
    	    border-top : 1px solid #e1e1e8;
    	    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    	    font-size: 10px;
    	    padding: 5px;
    	    margin: 0 -15px -10px;
    	}


        </style>
         <div class='submenu ' >
        <h2><span class="label label-info" style='line-height:18px'>{{hostname}}</span> TS analyzer - Log</h2>

        <div class='highlight' style="overflow:scroll; height:300px; font-family :courier new ; font-size:10pt">
              {% for values in buf.get() %}
                {% if values != None %}
                {% if  "ERR" in values %}
                <span class="text-danger">{{values}}</span><br>
                {% elif "NEW" in values %}
                <span class="text-success">{{values}}</span><br>
                {% else %}
                    {{values}}<br>
                {% end %}
                {% end %}
              {% end %}
          </div></div>

              {% end %}