{% 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" }}
{% comment %} If the request method is being shown, we add it to its own column so things are easier to read {% endcomment %} Request {% 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 %} {% if autolog_request_method %} {% endif %} {% endwith %} {% endfor %} {% if autolog_request_method %} {% endif %}
Time deltaResponse
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 %} {{ whistle.request_method }} {% if autolog_request_path and whistle.request_path %} {{ whistle.request_path|small_guids }}     {% endif %} {{ whistle.request|html_tabs|small_guids }} {% if autolog_response_code and whistle.response_code %} {{ whistle.response_code }}     {% endif %} {{ whistle.response|html_tabs|small_guids }}
END
{% endblock %}