{% extends 'tikz/base.html' %}


{% block content %}
<table>
  {% for k, v in sets.items %}
  <tr class="hoverer" id="{{ k }}"><td>{{ v }}</td></tr>
  {% endfor %}
</table>
{% endblock content %}

{% block extrajs %}


$('tr.hoverer').hover(
  function() {
    $(this).addClass('highlight');
  },
  function(){
    $(this).removeClass('highlight');
  });

$('tr.hoverer').click((ev) => {
  var me = $(ev.target).parent();
  document.location = "/tikz/show/" + me.attr('id') + "/";
})

$('input#term').change((ev) => {
  var me = $(ev.target);
  document.location = "/tikz/show/?term=" +me.val();
})


$('div#operations input').click((ev) => {
  var me = $(ev.target);
  select_mode = me.attr('id');
})

{% endblock extrajs %}