{% extends "base.html" %}
{% import "repo_tabs.html" as m %}
{% block title %}Changes on {{ h.target.short_label() }} · {{ repo.owner }}/{{ repo.name }}{% endblock %}
{% block bodyattrs %} data-repo="{{ repo.url }}" data-ref="{{ h.target.label }}"{% endblock %}
{% block tabs %}{% call m::tabs(repo, "changes") %}{% endblock %}
{% block content %}
<div class="head"><h1>Changes <small>{% if h.target.kind == crate::repos::view::RefKind::Change %}up to # {{ h.target.short_label() }}{% else %}on {{ h.target.label }}{% endif %}{% if let Some(p) = h.path %} touching {{ p }}{% endif %} · {{ h.total }}</small></h1></div>
{% if !repo.is_drop %}<p class="small"><a href="{{ repo.url }}/lanes/{{ h.target.label }}">See as swimlanes</a> <span class="mute">(independent work side by side)</span></p>{% endif %}
{% if h.target.heads.len() > 1 %}<div class="strip warn">{{ h.target.label }} has {{ h.target.heads.len() }} heads. The graph shows their union; heads are marked.</div>{% endif %}
{% if h.entries.is_empty() %}<p class="empty">No changes.</p>{% else %}
<div class="hist" style="--lanes: {{ lanes }}">
{% for c in h.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 %}
      {% if !c.deps.is_empty() && row.edges.is_empty() %}<line x1="{{ row.lane * 18 + 10 }}" y1="30" x2="{{ row.lane * 18 + 10 }}" y2="60" class="lane dashed"/>{% endif %}
      <line x1="{{ row.lane * 18 + 10 }}" y1="0" x2="{{ row.lane * 18 + 10 }}" y2="30" class="lane{% if c.head %} none{% endif %}"/>
      <circle cx="{{ row.lane * 18 + 10 }}" cy="30" r="4" class="node{% if c.head %} head{% endif %}{% if c.resolution %} res{% endif %}"/>
    </svg>
    {% call m::change_row(repo, c) %}
  </div>
{% endfor %}
</div>
<div class="pager">
  {% if h.offset > 0 %}<a class="go" href="?offset={{ h.offset.saturating_sub(50) }}{% if let Some(p) = h.path %}&path={{ p }}{% endif %}">newer</a>{% endif %}
  {% if h.has_more %}<a class="go" href="?offset={{ h.offset + 50 }}{% if let Some(p) = h.path %}&path={{ p }}{% endif %}">older</a>{% endif %}
</div>
{% endif %}
{% endblock %}