{#-
 # Copyright (C) 2015-2020 Intel Corporation
 # SPDX-License-Identifier: Apache-2.0
-#}
{% extends "base.html" %}

{%- block page_title %}
<title>Guilty Details - CLR Telemetry</title>
{%- endblock %}

{% block content %}
<h3></h3>
<table class="table table-sm table-borderless">
  <tbody>
    <tr>
      <th>Guilty Id</th>
      <td>{{ guilty_id }}</td>
    </tr>
    <tr>
      <th>Function</th>
      <td>{{ func }}</td>
    </tr>
    <tr>
      <th>Module</th>
      <td>{{ mod }}</td>
    </tr>
    <tr>
      <th>Hidden?</th>
      <td>{{ hide }}</td>
    </tr>
{%- if query %}
    <tr>
      <th>Backtraces</th>
      <td><a href="{{ url_for('views_bp.guilty_backtraces', id=guilty_id) }}">view</a></td>
    </tr>
{% endif %}
  </tbody>
</table>

{%- if query %}
<h3>Machine ID mappings</h3>

<div class="row">
{%- for group in query|groupby('build')|sort(reverse=True) %}
<table class="table table-bordered table-striped table-condensed">
    <caption>Mappings for build {{ group.grouper }}</caption>
    <thead>
        <th>#</th>
        <th>Machine ID</th>
        <th>Event Time Series</th>
        <th>Backtraces</th>
        <th>Total</th>
    </thead>
    <tbody>
        {# The list is reverse numeric sorted by "total", so the first row has the maximum value. #}
        {%- set maxtotal = group.list[0].total %}
        {%- for row in group.list %}
        <tr>
            <th scope="row">{{ loop.index }}</th>
            <td><tt>{{ row.machine_id }}</tt></td>
            <td><a href="{{ url_for('views_bp.records', page=1, machine_id=row.machine_id) }}">view</a></td>
            <td><a href="{{ url_for('views_bp.guilty_backtraces', id=guilty_id, machine_id=row.machine_id, build=group.grouper) }}">view</a></td>
            <!-- SVG for {{ row.total }}/{{ maxtotal }} overall -->
            <td>
                <span data-toggle="tooltip" data-placement="left" title="{{ row.total }}">
                {%- set width = row.total / maxtotal * 100 %}
                <svg width="4.5em" height="1.5em" viewBox="0 0 3 1">
                    <rect x="0" y="0" width="{{ width }}%" height="100%" />
                </svg>
                </span>
            </td>
        </tr>
        {%- endfor %}
    </tbody>
</table>
{%- endfor %}
</div> <!-- .row -->

{%- else %}
<div class="alert alert-info" role="alert">No Machine ID mappings found for this guilty.</div>
{%- endif %}

<script>
    $(function() {
        $('[data-toggle="tooltip"]').tooltip()
    });
</script>

{% endblock %}


{#-
# vi: ft=jinja ts=8 et sw=4 sts=4
#}