{#-
 # Copyright (C) 2015-2020 Intel Corporation
 # SPDX-License-Identifier: Apache-2.0
-#}

{% extends "base.html" %}

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

{% block content %}
<h3>Records with guilty <em>{{ func }} - [{{ mod }}]</em></h3>

<table class="table table-bordered col-md-12">
    <thead>
        <th>#</th>
        <th>Program</th>
        <th>Signal</th>
        <th>Details</th>
    </thead>
    <tbody>
        {%- for b in backtraces %}
        <tr>
        <th scope="row">{{ loop.index }}</th>
        <td>{{ b.program }}</td>
        <td>{{ b.signal }}</td>
        <td>
            <div>
            <button type="button" class="btn-sm btn-primary" data-toggle="modal" data-target="#recordModal"
                    data-recordid="{{ b.record_id }}">Record details</button>
            <a href="{{ url_for('views_bp.guilty_edit', record_id=b.record_id, guilty_id=guiltyid) }}"
               class="btn btn-sm btn-danger" role="button">Update blacklist</a>
            </div>
<pre>
        {%- for f in b.backtrace %}
#{{ loop.index0 }} {{ f[0] }} - [{{ f[1] }}]{% if f[2] %} - {{ f[2]|basename }}{% endif %}
        {%- endfor %}
</pre>
        </td>
        </tr>
        {%- endfor %}
    </tbody>
</div>

<!-- Record Details -->
<div class="modal fade" id="recordModal" tabindex="-1" role="dialog" aria-labelledby="recordModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Record Details</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div id="recordDetails" class="modal-body"></div>
            <div class="modal-footer">
                   <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
 </div>

<script>

    jQuery("pre").html(function(_, html) {
           return html.replace(/({{ funcmod }})/, '<span class="bg-danger">$1<span class="glyphicon glyphicon-arrow-left"></span></span>');
    });

    /* Record details */
    jQuery("#recordModal").on("show.bs.modal", function(event) {
          var button = jQuery(event.relatedTarget);
          var recordId = button.data("recordid");
          jQuery("#recordDetails")
                 .load("{{ url_for('views_bp.records') }}/record_details/" + recordId, function( response, status, xhr ) {
                        if (status == "error") {
                              jQuery("#warning-text").text(response);
                              jQuery("#errorModal").modal();
                        }
                 });
    });
</script>
{% endblock %}


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