mockups/admin_mode.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>Admin mode — 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">
<div class="max-w-xl space-y-6">
  <div>
    <h1 class="text-2xl font-semibold tracking-tight">Admin mode</h1>
    <p class="text-muted-foreground text-sm mt-1">
      Outside admin mode you are a normal user on every repository and organization. Admin mode lets this browser
      open and change any of them for a limited time.
    </p>
  </div>
  <ul class="list-disc pl-5 text-sm text-muted-foreground space-y-1">
    <li>It needs your password or second factor again.</li>
    <li>It applies to this browser only, and ends when you leave it, sign out or change your password.</li>
    <li>Every change made because of it is written to the audit log.</li>
    <li>It never applies to API tokens, git or SSH.</li>
  </ul>

  <!-- Mock only: ?admin_mode=1 shows the state after entering, the one the real page renders while it is running. -->
  <form id="admin-mode-enter" method="GET" action="admin_mode.html" class="space-y-3">
    <input type="hidden" name="admin_mode" value="1" />
    <button type="submit" class="inline-flex items-center justify-center gap-1.5 rounded-md font-medium transition-colors h-9 px-4 py-2 text-sm bg-primary text-primary-foreground hover:bg-primary/90">Enter admin mode</button>
  </form>
  <form id="admin-mode-leave" method="GET" action="admin_mode.html" hidden>
    <p class="text-sm mb-3">You are in admin mode until <time datetime="2026-11-07T15:32:00Z" class="font-medium">15:32 UTC</time>.</p>
    <button type="submit" class="inline-flex items-center justify-center gap-1.5 rounded-md font-medium transition-colors h-9 px-4 py-2 text-sm border border-border bg-background hover:bg-accent hover:text-accent-foreground">Leave admin mode</button>
  </form>
</div>
</main>

<div id="cz-footer"></div>
<script src="shell.js"></script>
<script>
  if (/[?&]admin_mode=1(&|$)/.test(location.search)) {
    document.getElementById('admin-mode-enter').hidden = true;
    document.getElementById('admin-mode-leave').hidden = false;
  }
</script>
</body>
</html>