{% extends 'silent_mammoth_whistle/base.html' %} {% load whistle_helpers %} {% block title %}{{ user_id}} on {{ date_str }}{% endblock %} {% block extra_styles %} #body { max-width: 1000px; margin-left: auto; margin-right: auto; } h1 { margin: 0 } .time-fromto:hover { cursor: pointer; } {% endblock %} {% block content %}
{% include "silent_mammoth_whistle/_icon_previous.svg" %}

{{ user_id }}

{{ date_str }}
{% if useragent %}
{{ useragent|ua_parse }}
{% endif %} {% if viewport_dimensions %}
{{ viewport_dimensions }}
{% endif %}
{% time_duration min_time max_time %}
{{ min_time|date:"H:i" }} to {{ max_time|date:"H:i" }}
{% for whistle in whistles %} {% comment %} https://stackoverflow.com/questions/32795907/how-to-access-the-next-and-the-previous-elements-in-a-django-template-forloop {% endcomment %} {% with previous_whistle=whistles|forloop_previous:forloop.counter0 %} {% if not forloop.first %} {% if whistle|browser_change:previous_whistle %} {% endif %} {% endif %} {% endwith %} {% endfor %}
Time delta Request Response
Browser change: {% if whistle.useragent %}
{{ whistle.useragent|ua_parse }}
{% endif %} {% if whistle.viewport_dimensions %}
{{ whistle.viewport_dimensions }}
{% endif %}
{% if forloop.first %} START {% else %} {% time_duration_condensed previous_whistle.datetime whistle.datetime %} {% endif %} {% if whistle.is_client_event %}CLIENT    {% endif %}{{ whistle.request|html_tabs|small_guids }} {{ whistle.response|html_tabs|small_guids }}
END
{% endblock %}