AkurAI-Build

Latest change e3c871a2465047ecb760490386b73968ce20f3c6 - Complete Build UI audit wave (AKURAI-BUILD-2..9) by Ólafur Búi Ólafsson

{% extends "layouts/base.html" %}
{% block title %}{{ repository.name }} — AkurAI Build{% endblock %}
{% block page %}repository-detail{% endblock %}
{% block body %}
<div class="pt-app-shell" data-repository="{{ repository.name }}" data-default-branch="{{ repository.default_branch }}" data-repo-url="{{ repository.url }}">
  <aside class="pt-app-sidebar">
    <a class="pt-app-brand" href="/app" aria-label="AkurAI Build overview"><span class="pt-mark" aria-hidden="true">A</span><span><strong>AkurAI Build</strong><small>Git-native delivery</small></span></a>
    <nav class="pt-app-nav" aria-label="Workspace"><a href="/app">Overview</a><a href="/app/repositories" aria-current="page">Repositories</a><a href="/app/runs">Runs</a><a href="/app/workers">Workers</a></nav>
    <div class="pt-health"><span class="pt-dot" aria-hidden="true"></span><span id="health">connecting</span><span class="pt-version">v{{ version }}</span></div>
  </aside>
  <main class="pt-app-content">

  <p class="pt-breadcrumb"><a href="/app/repositories">Repositories</a><span aria-hidden="true">/</span><strong>{{ repository.name }}</strong></p>

  <div class="pt-repo-header">
    <div class="pt-repo-header-row">
      <div class="pt-repo-title">
        <span class="pt-repo-icon" aria-hidden="true"><svg width="20" height="20" viewBox="0 0 16 16" fill="currentColor"><path d="M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.495 2.495 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.486 2.486 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z"/></svg></span>
        <h1>{{ repository.name }}</h1>
        <span class="pt-badge" data-visibility="{{ repository.visibility }}">{{ repository.visibility }}</span>
      </div>
    </div>
  </div>

  <nav class="pt-repo-tabs" role="tablist" aria-label="Repository sections">
    <button role="tab" aria-selected="true" data-tab="code" id="tab-code">Code</button>
    <button role="tab" aria-selected="false" data-tab="runs" id="tab-runs">Runs</button>
  </nav>

  <div class="pt-repo-content">
    <div role="tabpanel" aria-labelledby="tab-code" data-tab="code">
      <div class="pt-repo-grid">
        <div class="pt-repo-main">
          <div class="pt-repo-toolbar">
            <div class="pt-repo-toolbar-primary">
              <label class="pt-repo-branch-wrap">Branch<pt-branch-select></pt-branch-select></label>
              <div class="pt-repo-counts" aria-label="Repository counts">
                <span><b id="count-commits">—</b> commits</span>
                <span><b id="count-branches">—</b> branches</span>
                <span><b id="count-tags">—</b> tags</span>
              </div>
            </div>
            <div class="pt-repo-pipeline-control" aria-label="Pipeline summary">
              <dl class="pt-repo-pipeline-stats" id="repo-stats">
                <div><dt>Runs</dt><dd id="stat-total">—</dd></div>
                <div><dt>Success</dt><dd id="stat-rate">—</dd></div>
                <div><dt>Last build</dt><dd id="stat-last">—</dd></div>
              </dl>
              <button class="pt-button pt-primary pt-small" id="repo-run-quick" type="button">Run pipeline</button>
            </div>
          </div>

          <div class="pt-attached-table pt-repo-files">
            <div class="pt-repo-latest-commit" id="repo-latest-commit"><span class="pt-muted">Loading latest commit…</span></div>
            <div id="repo-file-list" class="pt-repo-file-list"></div>
          </div>

        </div>

        <aside class="pt-repo-sidebar" aria-label="Repository information">
          <section class="pt-repo-side-section" aria-labelledby="repo-about-heading">
            <h2 id="repo-about-heading">About</h2>
            <p class="pt-repo-about-description" id="repo-about-description">No description provided.</p>
            <nav class="pt-repo-about-links" aria-label="Repository resources">
              <a id="repo-about-readme-link" href="#" hidden>README</a>
              <a href="#" data-tab-link="runs">Activity</a>
            </nav>
            <h3 class="pt-repo-side-label">Clone</h3>
            <div class="pt-repo-clone-url">
              <code id="repo-clone-url">{{ repository.url }}</code>
              <button class="pt-button pt-small" id="repo-clone-copy" type="button" aria-label="Copy clone URL">Copy</button>
            </div>
          </section>

          <section class="pt-repo-side-section" id="repo-recent-commits-section" aria-labelledby="repo-recent-commits-heading" hidden>
            <h2 id="repo-recent-commits-heading">Recent commits</h2>
            <ol class="pt-repo-commit-list" id="repo-recent-commits"></ol>
          </section>

          <section class="pt-repo-side-section" aria-labelledby="repo-releases-heading">
            <h2 id="repo-releases-heading">Releases</h2>
            <p class="pt-repo-empty-state">No releases published</p>
          </section>

          <section class="pt-repo-side-section" aria-labelledby="repo-packages-heading">
            <h2 id="repo-packages-heading">Packages</h2>
            <p class="pt-repo-empty-state">No packages published</p>
          </section>

          <section class="pt-repo-side-section" id="repo-contributors-section" aria-labelledby="repo-contributors-heading" hidden>
            <h2 id="repo-contributors-heading">Contributors</h2>
            <ul class="pt-repo-contributor-list" id="repo-contributors"></ul>
          </section>

          <section class="pt-repo-side-section" id="repo-languages-section" aria-labelledby="repo-languages-heading" hidden>
            <h2 id="repo-languages-heading">Languages</h2>
            <div class="pt-repo-language-bar" id="repo-language-bar" role="img"></div>
            <ul class="pt-repo-language-list" id="repo-languages"></ul>
          </section>
        </aside>
      </div>
    </div>

    <div role="tabpanel" aria-labelledby="tab-runs" data-tab="runs" hidden>
      <div class="pt-attached-table">
        <div class="pt-attached-table-header">Run pipeline</div>
        <form class="pt-panel-body pt-repo-run-form" id="repository-run-form">
          <label>Branch<pt-branch-select-alt></pt-branch-select-alt></label>
          <label>Commit SHA <span class="pt-muted pt-optional">optional</span><input id="commit" inputmode="text" placeholder="Full 40 or 64 char SHA"></label>
          <button class="pt-button pt-primary" type="submit">Run pipeline</button>
        </form>
      </div>
      <div class="pt-attached-table pt-section-gap">
        <div class="pt-attached-table-header">All pipeline runs</div>
        <div class="pt-table-wrap" role="region" aria-label="Repository pipeline runs" tabindex="0" data-scrollable><table class="pt-data-table"><caption class="pt-sr-only">Pipeline runs for this repository</caption><thead><tr><th>Run</th><th>Status</th><th>Ref</th><th>Commit</th><th>Duration</th><th>Created</th></tr></thead><tbody id="repository-runs-all"></tbody></table></div>
        <p class="pt-empty" id="repository-runs-all-empty" hidden>No runs yet.</p>
      </div>
    </div>
  </div>
  </main>
</div>
{% endblock %}