mockups/repo_transfers.html

Rama main · réplica de lectura del repositorio original.

<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Repository transfers — Cloudzilla</title>
<link rel="stylesheet" href="/assets/tailwind.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&family=Geist:wght@400;500;600&display=swap" rel="stylesheet" />
</head>
<body class="min-h-screen flex flex-col antialiased font-sans">
<a href="#main-content" class="skip-link">Skip to main content</a>

<div id="cz-header"></div>

<main id="main-content" tabindex="-1" class="max-w-[1400px] mx-auto px-6 pt-6 pb-20 flex-1 w-full">
  <section class="mb-6" aria-labelledby="transfers-title">
    <h1 id="transfers-title" class="text-2xl font-semibold tracking-tight">Repository transfers</h1>
    <p class="mt-1 text-[13px] text-muted-foreground">
      Repositories other users have offered you. Nothing moves until you accept, and an offer expires after 7 days.
    </p>
  </section>

  <ol class="space-y-4" id="transfers">
    <li id="transfer-1">
      <div class="rounded-lg border border-border bg-card text-card-foreground">
        <div class="flex flex-col space-y-1.5 p-5 border-b border-border">
          <h2 class="text-base font-semibold tracking-tight flex flex-wrap items-center gap-2">
            <span class="font-mono break-all">openforge/runner</span>
            <span class="inline-flex items-center gap-1.5 h-[22px] px-2 rounded-full border text-[11px] font-medium bg-secondary text-secondary-foreground border-transparent">Public</span>
          </h2>
          <p class="text-[12px] text-muted-foreground">
            <span class="font-mono">@openforge</span> wants to transfer this repository to you. It would become <span class="font-mono break-all">malith/runner</span>.
          </p>
        </div>
        <div class="p-5">
          <p class="text-[13px] mb-3">Sandboxed CI runner written in Go</p>
          <p class="text-[13px] font-medium">These collaborators keep their access if you accept:</p>
          <ul class="mt-1.5 flex flex-wrap gap-1.5">
            <li class="inline-flex items-center gap-1.5 rounded-md border border-border px-2 py-0.5 text-[12px]">
              <span class="font-mono">@daisy</span>
              <span class="text-muted-foreground">write</span>
            </li>
            <li class="inline-flex items-center gap-1.5 rounded-md border border-border px-2 py-0.5 text-[12px]">
              <span class="font-mono">@kiyo</span>
              <span class="text-muted-foreground">read</span>
            </li>
          </ul>
          <p class="mt-1.5 text-[12px] text-muted-foreground">You can remove them from the repository's settings afterwards.</p>
          <p class="mt-3 text-[12px] text-muted-foreground">
            <time datetime="2026-05-20T09:30:00Z">Expires May 20, 2026 09:30 UTC</time>
          </p>
        </div>
        <div class="flex items-center p-5 border-t border-border">
          <div class="flex flex-wrap items-center gap-2">
            <button type="button" data-accept="openforge/runner" class="inline-flex items-center justify-center gap-1.5 rounded-md font-medium transition-colors bg-primary text-primary-foreground hover:bg-primary/90 h-9 px-4 text-sm">Accept</button>
            <button type="button" data-decline="openforge/runner" class="inline-flex items-center justify-center gap-1.5 rounded-md font-medium transition-colors border border-input bg-transparent hover:bg-accent hover:text-accent-foreground h-9 px-4 text-sm">Decline</button>
          </div>
        </div>
      </div>
    </li>
  </ol>

  <div id="empty" hidden class="bg-background border border-border rounded-lg p-8 text-center">
    <p class="text-muted-foreground">No repositories are waiting for you.</p>
  </div>
</main>

<div id="cz-footer"></div>

<script src="shell.js"></script>
<script>
document.addEventListener('click', function (e) {
  var a = e.target.closest('[data-accept]');
  var d = e.target.closest('[data-decline]');
  var b = a || d;
  if (!b) return;
  var name = b.dataset.accept || b.dataset.decline;
  if (a && !confirm(name + ' will move to your account as malith/runner.')) return;
  b.closest('li').remove();
  document.getElementById('empty').hidden = !!document.querySelector('#transfers li');
  window.czToast(a ? 'Repository transferred to you' : 'Transfer declined');
});
</script>
</body>
</html>