{% extends "base.html" %}
{% import "repo_tabs.html" as m %}
{% block title %}History of {% if name.is_empty() %}lines {{ start }}–{{ end }}{% else %}{{ name }}{% endif %} · {{ path }} · {{ repo.owner }}/{{ repo.name }}{% endblock %}
{% block bodyattrs %} data-repo="{{ repo.url }}"{% endblock %}
{% block tabs %}{% call m::tabs(repo, "code") %}{% endblock %}
{% block content %}
<div class="head"><h1>History of <code>{% if name.is_empty() %}lines {{ start }}–{{ end }}{% else %}{{ name }}{% endif %}</code> <small>{{ entries.len() }} change{% if entries.len() != 1 %}s{% endif %}</small></h1>
<p class="small mute">In <a href="{{ repo.url }}/file/{{ r }}/{{ path }}#L{{ start }}">{{ path }}</a>, lines {{ start }}–{{ end }} on {{ r }}. Every change that wrote or deleted one of these lines, or deleted a line from between them. Exact, because each line keeps its identity across edits; edits elsewhere in the file are not here. Also: <code>oxy log -L {{ start }},{{ end }}:{{ path }}</code>.</p></div>
{% if entries.is_empty() %}<p class="empty">No changes.</p>{% else %}
<div class="hist" style="--lanes: {{ lanes }}">
{% for c in entries %}
  {% let row = rows[loop.index0] %}
  <div class="hrow">
    <svg class="lanes" width="{{ lanes * 18 + 4 }}" height="100%" viewBox="0 0 {{ lanes * 18 + 4 }} 60" preserveAspectRatio="none" aria-hidden="true">
      {% for l in row.through %}<line x1="{{ l * 18 + 10 }}" y1="0" x2="{{ l * 18 + 10 }}" y2="60" class="lane"/>{% endfor %}
      {% for e in row.edges %}<path d="M{{ e.0 * 18 + 10 }} 30 L{{ e.0 * 18 + 10 }} 44 L{{ e.1 * 18 + 10 }} 60" class="lane"/>{% endfor %}
      <line x1="{{ row.lane * 18 + 10 }}" y1="0" x2="{{ row.lane * 18 + 10 }}" y2="30" class="lane{% if loop.first %} none{% endif %}"/>
      <circle cx="{{ row.lane * 18 + 10 }}" cy="30" r="4" class="node{% if c.resolution %} res{% endif %}"/>
    </svg>
    {% call m::change_row(repo, c) %}
  </div>
{% endfor %}
</div>
{% endif %}
{% endblock %}