ctao/portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

content split + copy audit + css polish: content (news/pages/uploads) moves to the ctao/content repo (build overlays it — two-repo build.sh, link-content.sh for local dev); portal copy trimmed to source-documents-only (dashboard empty states, minimal privacy/disclaimer, no mock badges); css: inverted selection on navy bands, featured-card text-track floor, 44px toc target, mobile search dates on own line, footer link row gap; DESIGN.md rewritten as a short handoff

Browse Source
This commit is contained in:
ctao
2026-09-03 18:54:01 +02:00
parent 2e6d374b4b
commit ec4ff5dfa2
93 changed files with 259 additions and 464 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/dashboard.astro
+6 -46
View File
@@ -1,22 +1,8 @@
---
import Base from '../layouts/Base.astro';
// Sample data, clearly labelled as mock in the UI. Per SPEC §3.3.2 the dashboard
// aggregates: proposal statuses, scheduling info, data products, help-desk tickets.
const proposals = [
{ id: 'PROP-2026-0142', title: 'AGN flare monitoring with LST sub-array', status: 'In review', kind: 'review' },
{ id: 'PROP-2026-0089', title: 'Galactic PeVatron survey follow-up', status: 'Accepted', kind: 'ok' },
{ id: 'PROP-2025-0231', title: 'GRB afterglow ToO programme', status: 'Draft', kind: 'draft' },
];
const products = [
{ id: 'OBS-88213', desc: 'DL3 event lists — PKS 2155-304 (12 runs)', date: '2026-07-18' },
{ id: 'OBS-87990', desc: 'DL3 event lists — Crab Nebula calibration', date: '2026-07-02' },
];
const fmt = (iso) => new Intl.DateTimeFormat('en-GB', { dateStyle: 'medium' }).format(new Date(iso));
const tickets = [
{ id: '#4821', subject: 'Question about co-investigator roles', status: 'Answered', kind: 'ok' },
{ id: '#4711', subject: 'Data download quota question', status: 'Open', kind: 'review' },
];
// Per SPEC §3.3.2 the dashboard aggregates proposal statuses, data products
// and help-desk tickets. No integrations exist yet, so panels show empty
// states instead of fabricated sample rows (source-documents-only rule).
---
<Base title="CTAO Science Portal — Dashboard" description="User dashboard (mock)">
<section class="band--moon">
@@ -25,44 +11,18 @@ const tickets = [
<p class="standfirst">Your proposals, data products and support tickets in one place.</p>
</header>
<div class="container page">
<span class="badge-mock">Mock — sample data, no live services connected</span>
<div class="dash-grid">
<div class="panel">
<h2 class="panel-title">My proposals</h2>
<ul class="rows">
{proposals.map((p) => (
<li>
<span class="row-id">{p.id}</span>
<span class="row-main">{p.title}</span>
<span class={`pill pill--${p.kind}`}>{p.status}</span>
</li>
))}
</ul>
<p class="notice">Proposal statuses will appear here once the Proposal Handling System (APC team) is connected.</p>
</div>
<div class="panel">
<h2 class="panel-title">Recent data products</h2>
<ul class="rows">
{products.map((d) => (
<li>
<span class="row-id">{d.id}</span>
<span class="row-main">{d.desc}</span>
<time class="row-date" datetime={d.date}>{fmt(d.date)}</time>
</li>
))}
</ul>
<p class="notice">Search and download in the <a href="https://padc-ctao-data-explorer.obspm.fr/" target="_blank" rel="noopener" class="external">Data Explorer</a> (external, LUX team).</p>
<p class="notice">Your data products will appear here. Search and download in the <a href="https://padc-ctao-data-explorer.obspm.fr/" target="_blank" rel="noopener" class="external">Data Explorer</a> (external, LUX team).</p>
</div>
<div class="panel">
<h2 class="panel-title">Support tickets</h2>
<ul class="rows">
{tickets.map((t) => (
<li>
<span class="row-id">{t.id}</span>
<span class="row-main">{t.subject}</span>
<span class={`pill pill--${t.kind}`}>{t.status}</span>
</li>
))}
</ul>
<p class="notice">Help-desk tickets will appear here once User Support is connected.</p>
</div>
</div>
</div>