lookyloo/website/web/templates/cookie_name.html

{% extends "main.html" %}

{% from 'bootstrap5/utils.html' import render_messages %}

{% block title %}{{ cookie_name }}{% endblock %}

{% block scripts %}
{{ super() }}
<script type="text/javascript" nonce="{{ csp_nonce() }}">
    $('#table').DataTable( {
        "order": [[ 1, "desc" ]],
        "pageLength": 500
    });
</script>

<script type="text/javascript"  nonce="{{ csp_nonce() }}">
    const openNewTabButtons = document.querySelectorAll('.openNewTab');
    if (openNewTabButtons) {
        openNewTabButtons.forEach(el => el.addEventListener('click', event => {
            window.opener.openTreeInNewTab(el.dataset.capture);
        }));
    }
</script>
{% endblock %}

{% block content %}
  <center>
      <h2>{{ cookie_name }}</h2>
      <button class="btn btn-primary goBack" type="button">Go Back</button>
  </center>
  <div class="table-responsive">
  <table id="table" class="table" style="width:96%">
    <thead>
     <tr>
       <th>Domain name</th>
       <th>Frequency</th>
       <th>Value</th>
     </tr>
    </thead>
    <tbody>
      {% for domain, freq, values in domains %}
      <tr>
        <td>
          {{ domain }}
        </td>
        <td>{{ freq }}</td>
        <td>
          <ul>
          {% for value, freq in values %}
            <li>{{ value }} - {{ freq }}</li>
          {% endfor %}
          </ul>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  </div>
  <p>A cookie with that name was seen in these captures:</p>
  <ul>
  {% for capture_uuid, title in captures %}
    <li>
        <button type="button" class="btn btn-link openNewTab" data-capture="{{capture_uuid}}">{{ title }}</button>
    </li>
  {% endfor %}
  </ul>
{% endblock %}