<ul class="timeline">
    {% for log in Logs %}
	<li class="time-label">
		<span class="bg-blue">
		{{ log.FECHA }}
		</span>
	</li>
    	{% for logOPERACION in log.datos %}
        	<li>
        		<i class="{{ logOPERACION.operacion.componenteMENUICONO }} {{ random(['bg-blue', 'bg-red', 'bg-gray', 'bg-green']) }}"></i>
        		<div class="timeline-item">
        			<span class="time"><i class="fa fa-clock-o"></i> {{ logOPERACION.logFECHA }}</span>
        			<h3 class="timeline-header">{{ logOPERACION.operacion.operacionTITULO }} - {% if logOPERACION.logRESPUESTA %} {{ logOPERACION.logRESPUESTA }} {% else %} HTML {% endif %} </h3>
        			<div class="timeline-body">
        				{{ logOPERACION.operacion.operacionDESCRIPCION | striptags }}
        			</div>
        		</div>
        	</li>
    	{% endfor %}
	{% endfor %}
	<li>
		<i class="fa fa-clock-o bg-gray"></i>
	</li>
</ul>