{% extends "base.html" %}
{% import "repo_tabs.html" as m %}
{% block title %}Flow · {{ repo.owner }}/{{ repo.name }}{% endblock %}
{% block bodyattrs %} data-repo="{{ repo.url }}"{% endblock %}
{% block tabs %}{% call m::tabs(repo, "flow") %}{% endblock %}
{% block content %}
<div class="head"><h1>Flow <small>pipeline runs · <a href="{{ repo.url }}/deployments">deployments</a> · <a href="{{ repo.url }}/flow/tab" title="Run the pipeline's WASM jobs in your browser">run in this tab</a> · <a href="{{ repo.url }}/insights" target="_blank" rel="noopener" title="Pickup time, jobs, durations and runners, charted">charts ↗</a></small></h1>
{% if can_run %}<form class="inline" method="post" action="{{ repo.url }}/flow/start"><input type="hidden" name="_csrf" value="{{ shell.csrf }}"><label for="run-bookmark" class="small mute">Run the pipeline of</label> <select id="run-bookmark" name="bookmark">{% for b in bookmarks %}<option value="{{ b }}">{{ b }}</option>{% endfor %}</select> <button type="submit" class="primary-btn">Run pipeline</button></form>{% endif %}
</div>
{% if let Some(w) = why_not %}<p class="small mute">{{ w }}</p>{% endif %}
{% if let Some(e) = error %}<p class="error">Could not start a run: {{ e }}</p>{% endif %}
{% if runs.is_empty() %}
<section class="panel">
  {% if enabled %}
  <p>No runs yet. Add <code>.flow/pipeline.kdl</code> to a bookmark and push: every push that moves a bookmark runs it in OxygenFlow microVMs. Once it is there, <strong>Run pipeline</strong> above runs a bookmark's current state without a push, as does the button beside each bookmark and on each change.</p>
  {% else %}
  <p>OxygenFlow is not enabled for this repository. A site administrator turns it on under <a href="{{ repo.url }}/settings/flow">Settings › Pipelines</a>.</p>
  {% endif %}
<pre class="snippet">schema-version 1

sandbox "alpine" {
    runtime "microvm"
    rootfs "cas://blob/…"   // flow rootfs import prints this
    memory-limit "512MiB"
}

job "test" {
    sandbox "alpine"
    exec "sh" "-eu" "test.sh"
}</pre>
</section>
{% else %}
<table class="list flow-runs">
  <thead><tr><th></th><th>Run</th><th>Jobs</th><th>Bookmark</th><th>State</th><th>By</th><th>When</th><th>Took</th></tr></thead>
  <tbody>
  {% for row in runs %}
  <tr class="st-{{ row.r.status }}">
    <td class="st"><span class="flow-glyph st-{{ row.r.status }}" title="{{ row.r.status }}">{{ crate::web::flow::glyph(row.r.status) }}</span></td>
    <td><a href="{{ repo.url }}/flow/{{ row.r.number }}"><strong>#{{ row.r.number }}</strong></a> <span class="small mute">{{ row.r.status }}{% if let Some(p) = row.place %}, {{ p }}{% endif %}</span></td>
    <td class="flow-dots">{% for (n, s) in row.jobs %}<span class="flow-glyph st-{{ s }}" title="{{ n }}: {{ s }}">{{ crate::web::flow::glyph(s) }}</span>{% endfor %}{% if row.r.status == "error" %}<span class="small bad">pipeline invalid</span>{% else if row.r.status == "skipped" %}<span class="small mute" title="{{ row.r.error }}">skipped by its push</span>{% endif %}</td>
    <td>{% if row.r.bookmark.is_empty() %}<span class="tag" title="Run on one change, not a bookmark">change</span>{% else %}<span class="lbl lbl-bm">{{ row.r.bookmark }}</span>{% endif %}</td>
    <td><a href="{{ repo.url }}/tree/{{ row.r.heads }}" title="state {{ row.r.state }}"><code>{{ row.r.state|short }}</code></a></td>
    <td>{{ row.r.actor }}</td>
    <td><time title="{{ row.r.created_ms|when_i }}">{{ row.r.created_ms|ago_i }}</time></td>
    <td class="small mute">{{ row.duration }}</td>
  </tr>
  {% endfor %}
  </tbody>
</table>
{% if let Some(b) = older %}<p class="center"><a class="go small" href="{{ repo.url }}/flow?before={{ b }}">older runs</a></p>{% endif %}
{% endif %}
{% endblock %}