{% extends "base.html" %}

{% block title %}Dashboard{% endblock %}

{% block content %}

{# Your sky (docs/backgrounds.md §5, #157): the engine is Rust compiled to

   WebAssembly. The viewer's choice (Settings › Appearance) is a cookie;

   unset, a touch-only device or Save-Data gets a still sky. Any failure

   leaves no backdrop and nothing else changed. #}

<canvas id="backdrop" aria-hidden="true"></canvas>

<script type="application/json" id="backdrop-data">{{ backdrop|safe }}</script>

<script type="module">

const canvas = document.getElementById("backdrop");

const chosen = document.cookie.match(/(?:^|; )backdrop=(moving|still|off)/);

const touch = matchMedia("(pointer: coarse)").matches && !matchMedia("(pointer: fine)").matches;

const pick = chosen ? chosen[1] : (touch || (navigator.connection && navigator.connection.saveData) ? "still" : "moving");

if (pick === "off") {

  canvas.remove();

} else {

  try {

    const bd = await import("/static/backdrop/backdrop.js?v={{ shell.assets() }}");

    await bd.default({ module_or_path: "/static/backdrop/backdrop_bg.wasm?v={{ shell.assets() }}" });

    bd.start(canvas, JSON.parse(document.getElementById("backdrop-data").textContent), pick === "still");

  } catch (e) {

    canvas.remove();

  }

}

</script>

<div class="head">

  <h1>Dashboard <small>signed in as {% if let Some(u) = shell.user %}{{ u }}{% endif %}</small></h1>

</div>

<div class="side-layout rev dash">

  <div>

    <section class="card-box">

    <div class="card-head"><h2>Waiting for your review</h2><span class="count-chip">{{ reviews.len() }}</span></div>

    {% if reviews.is_empty() %}

    <p class="empty small">Nothing waits on you. Proposals by others in your repositories land here until you review them.</p>

    {% else %}

    <ul class="rows">

    {% for p in reviews %}

      <li>

        <div>

          <a class="name" href="/{{ p.owner }}/{{ p.name }}/proposal/{{ p.number }}"><span class="mute">{{ p.owner }}/{{ p.name }} #{{ p.number }}</span> <strong>{{ p.title }}</strong></a>

          {% if p.conflicted %}<span class="tag bad">conflicts</span>{% endif %}

          <p class="small">by {{ p.author }}</p>

        </div>

        <div class="right small">updated <time title="{{ p.updated_ms|when_i }}">{{ p.updated_ms|ago_i }}</time></div>

      </li>

    {% endfor %}

    </ul>

    {% endif %}

    </section>

    {% if !authored.is_empty() %}

    <section class="card-box">

    <div class="card-head"><h2>Your proposals</h2><span class="count-chip">{{ authored.len() }}</span></div>

    <ul class="rows">

    {% for p in authored %}

      <li>

        <div>

          <a class="name" href="/{{ p.owner }}/{{ p.name }}/proposal/{{ p.number }}"><span class="mute">{{ p.owner }}/{{ p.name }} #{{ p.number }}</span> <strong>{{ p.title }}</strong></a>

          {% if p.state == "draft" %}<span class="tag">draft</span>{% endif %}

          {% if p.conflicted %}<span class="tag bad">conflicts</span>{% endif %}

        </div>

        <div class="right small">updated <time title="{{ p.updated_ms|when_i }}">{{ p.updated_ms|ago_i }}</time></div>

      </li>

    {% endfor %}

    </ul>

    </section>

    {% endif %}

    {% if !assigned.is_empty() %}

    <section class="card-box">

    <div class="card-head"><h2>Issues assigned to you</h2><span class="count-chip">{{ assigned.len() }}</span></div>

    <ul class="rows">

    {% for i in assigned %}

      <li>

        <div><a class="name" href="/{{ i.owner }}/{{ i.name }}/issue/{{ i.number }}"><span class="mute">{{ i.owner }}/{{ i.name }} #{{ i.number }}</span> <strong>{{ i.title }}</strong></a></div>

        <div class="right small">updated <time title="{{ i.updated_ms|when_i }}">{{ i.updated_ms|ago_i }}</time></div>

      </li>

    {% endfor %}

    </ul>

    </section>

    {% endif %}

    <section class="card-box">

    <div class="card-head"><h2>Recent activity</h2></div>

    {% if feed.is_empty() %}

    <p class="empty small">No activity yet. Push to a repository and it shows here.</p>

    {% else %}

    <ul class="feed">

    {% for a in feed %}

      <li>

        <span class="who">{% if a.actor.is_empty() %}the hub{% else %}<img class="avatar xs" src="/avatar/{{ a.actor }}" alt=""> <a href="/{{ a.actor }}">{{ a.actor }}</a>{% endif %}</span>

        {% if a.kind == "push" %}pushed <span class="lbl lbl-bm">{{ a.event }}</span> to

        {% else if a.kind == "release" %}published <a href="{{ a.url() }}">{{ a.title }}</a> in

        {% else %}{{ a.event }} {{ a.kind }} <a href="{{ a.url() }}">#{{ a.number }} {{ a.title }}</a> in

        {% endif %}

        <a href="/{{ a.owner }}/{{ a.name }}">{{ a.owner }}/{{ a.name }}</a>

        <time class="mute small" title="{{ a.at_ms|when_i }}">{{ a.at_ms|ago_i }}</time>

      </li>

    {% endfor %}

    </ul>

    {% endif %}

    </section>

  </div>

  <aside class="side cards">

    <section class="side-card"><h3>Your repositories <span class="count-chip">{{ mine.len() }}</span><a class="more" href="/new">+ New</a></h3><div class="body">

    {% if mine.is_empty() %}

    <p class="small mute">None yet. <a href="/new">Create one</a>, or <a href="/explore">explore</a>.</p>

    {% else %}

    <ul class="plain repo-list">

    {% for r in mine %}

      <li><a href="/{{ r.owner }}/{{ r.name }}" title="{{ r.owner }}/{{ r.name }}"><span class="mute">{{ r.owner }} /</span> {{ r.name }}</a>{% if r.visibility != "public" %}<span class="tag">{{ r.visibility }}</span>{% endif %}</li>

    {% endfor %}

    </ul>

    {% endif %}

    </div></section>

  </aside>

</div>

{% endblock %}