48 lines
3.4 KiB
HTML
48 lines
3.4 KiB
HTML
<!-- Gitea Plugin: full-screen issue browser overlay -->
|
|
<div class="overlay fixed inset-0" id="gitea-overlay" style="z-index:75;">
|
|
<div class="gitea-modal bg-t-bg border border-t-border shadow-2xl flex flex-col" style="position:absolute;inset:24px;border-radius:4px;">
|
|
|
|
<!-- Header -->
|
|
<div class="flex items-center gap-3 px-4 py-2 border-b border-t-border shrink-0 bg-t-surface">
|
|
<i class="ph ph-git-pull-request text-t-accent text-base"></i>
|
|
<h2 class="font-pixel text-xs text-t-accent">gitea</h2>
|
|
<select id="gitea-account-select" class="bg-t-bg border border-t-border text-t-bright text-xs font-pixel px-2 py-1 rounded-sm focus:border-t-accent focus:outline-none cursor-pointer min-w-32"></select>
|
|
<span id="gitea-status" class="text-[10px] text-t-dim font-pixel"></span>
|
|
<div class="flex-1"></div>
|
|
<button id="gitea-show-settings" class="flex items-center gap-1.5 px-2 py-1 text-xs border border-t-border text-t-muted hover:border-t-accent hover:text-t-accent transition-colors" title="Manage accounts in settings"><i class="ph ph-gear text-sm"></i><span class="font-pixel text-[10px]">accounts</span></button>
|
|
<button id="gitea-close" class="flex items-center gap-1.5 px-2 py-1 text-xs border border-t-border text-t-muted hover:border-t-danger hover:text-t-danger transition-colors"><i class="ph ph-x text-sm"></i><span class="font-pixel text-[10px]">close</span></button>
|
|
</div>
|
|
|
|
<!-- ── Welcome view (shown when no accounts) ── -->
|
|
<div id="gitea-view-welcome" class="hidden flex-1 min-h-0 overflow-y-auto">
|
|
<div class="flex items-center justify-center h-full px-6 py-12">
|
|
<div class="text-center max-w-md">
|
|
<i class="ph ph-git-pull-request text-t-accent text-6xl block mb-4"></i>
|
|
<h3 class="font-pixel text-base text-t-accent tracking-wider mb-2">welcome to gitea</h3>
|
|
<p class="text-xs text-t-muted leading-relaxed mb-6">
|
|
Read issues from one or more Gitea instances inside hyprcrd. Issues stay
|
|
on the server — only the ones you explicitly extract become cards.
|
|
To get started, add at least one account in settings.
|
|
</p>
|
|
<button id="gitea-welcome-configure" class="inline-flex items-center gap-2 px-4 py-2 text-xs bg-t-accent text-t-bg border border-t-accent hover:brightness-110 transition-all">
|
|
<i class="ph ph-gear text-sm"></i>
|
|
<span class="font-pixel text-[11px]">configure accounts</span>
|
|
</button>
|
|
<p class="text-[10px] text-t-dim mt-4 font-pixel">settings → gitea</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ── Issues reader (placeholder for now — filled in next phase) ── -->
|
|
<div id="gitea-view-issues" class="hidden flex-1 min-h-0 overflow-hidden">
|
|
<div class="flex items-center justify-center h-full px-6 text-center">
|
|
<div>
|
|
<i class="ph ph-list-bullets text-t-dim text-4xl block mb-3"></i>
|
|
<p class="font-pixel text-[10px] text-t-dim">issue reader coming next</p>
|
|
<p class="text-[10px] text-t-dim mt-2">Connection works — UI is the next step.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|