{% 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 %}