|
|
@@ -0,0 +1,325 @@
|
|
|
+<?php
|
|
|
+/**
|
|
|
+ * Big-screen / beamer presentation view (Phase 15).
|
|
|
+ *
|
|
|
+ * Renders its own <!doctype html> — intentionally does NOT extend
|
|
|
+ * views/layout.php. We drop the nav chrome, Arbeitstage matrix, and
|
|
|
+ * capacity summary; the task-list toolbar + table get the entire
|
|
|
+ * viewport. Reuses the compiled /assets/css/app.css + the jQuery
|
|
|
+ * and jQuery UI CDN tags from layout.php, and /assets/js/sprint-planner.js
|
|
|
+ * picks up the data-beamer="1" flag on the root to namespace its
|
|
|
+ * localStorage keys and flip on vertical-header rotation when the table
|
|
|
+ * overflows.
|
|
|
+ *
|
|
|
+ * @var \App\Domain\Sprint $sprint
|
|
|
+ * @var \App\Domain\User $currentUser
|
|
|
+ * @var string $csrfToken
|
|
|
+ * @var list<\App\Domain\SprintWeek> $weeks
|
|
|
+ * @var list<\App\Domain\SprintWorker> $sprintWorkers
|
|
|
+ * @var list<\App\Domain\Task> $tasks
|
|
|
+ * @var array<int, array<int, float>> $taskGrid task_id => sw_id => days
|
|
|
+ * @var list<\App\Domain\Worker> $ownerChoices
|
|
|
+ */
|
|
|
+use function App\Http\e;
|
|
|
+$tasks = $tasks ?? [];
|
|
|
+$taskGrid = $taskGrid ?? [];
|
|
|
+$ownerChoices = $ownerChoices ?? [];
|
|
|
+$sprintWorkers = $sprintWorkers ?? [];
|
|
|
+
|
|
|
+if (!function_exists('fmt_days')) {
|
|
|
+ function fmt_days(float $x): string
|
|
|
+ {
|
|
|
+ if (abs($x - round($x)) < 1e-9) {
|
|
|
+ return (string) (int) round($x);
|
|
|
+ }
|
|
|
+ return number_format($x, 1);
|
|
|
+ }
|
|
|
+}
|
|
|
+?>
|
|
|
+<!doctype html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="viewport" content="width=device-width,initial-scale=1">
|
|
|
+ <title><?= e($title ?? ($sprint->name . ' — present')) ?></title>
|
|
|
+ <link rel="stylesheet" href="/assets/css/app.css">
|
|
|
+ <link rel="stylesheet"
|
|
|
+ href="https://code.jquery.com/ui/1.13.3/themes/base/jquery-ui.css">
|
|
|
+ <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
|
|
+ <script src="https://code.jquery.com/ui/1.13.3/jquery-ui.min.js"></script>
|
|
|
+ <script src="/assets/js/sprint-planner.js" defer></script>
|
|
|
+</head>
|
|
|
+<body class="bg-white text-slate-900 antialiased">
|
|
|
+<main class="min-h-screen w-screen overflow-hidden beamer-root"
|
|
|
+ data-sprint-root
|
|
|
+ data-sprint-id="<?= (int) $sprint->id ?>"
|
|
|
+ data-csrf="<?= e($csrfToken) ?>"
|
|
|
+ data-reserve-fraction="<?= e(number_format($sprint->reserveFraction, 4, '.', '')) ?>"
|
|
|
+ data-beamer="1">
|
|
|
+
|
|
|
+ <header class="flex items-center justify-between gap-4 px-4 py-2 border-b bg-slate-50">
|
|
|
+ <div class="flex items-baseline gap-3">
|
|
|
+ <h1 class="text-lg font-semibold tracking-tight"><?= e($sprint->name) ?></h1>
|
|
|
+ <p class="text-slate-600 text-xs">
|
|
|
+ <?= e($sprint->startDate) ?> – <?= e($sprint->endDate) ?>
|
|
|
+ <?php if ($sprint->isArchived): ?>
|
|
|
+ · <span class="inline-block px-1.5 py-0.5 text-[10px] bg-slate-200 text-slate-600 rounded">archived</span>
|
|
|
+ <?php endif; ?>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="flex items-center gap-3">
|
|
|
+ <div data-status
|
|
|
+ class="text-xs border rounded px-2 py-0.5 opacity-0 transition-opacity duration-200 border-slate-200 bg-slate-50 text-slate-700">
|
|
|
+ </div>
|
|
|
+ <a href="/sprints/<?= (int) $sprint->id ?>"
|
|
|
+ class="inline-flex items-center gap-2 rounded-md border border-slate-300 bg-white text-slate-700 px-3 py-1 text-sm hover:bg-slate-100">
|
|
|
+ Close
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </header>
|
|
|
+
|
|
|
+ <?php if ($sprintWorkers === [] || $weeks === []): ?>
|
|
|
+ <div class="m-4 rounded-md border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900">
|
|
|
+ <?php if ($weeks === []): ?>
|
|
|
+ No weeks yet. <a href="/sprints/<?= (int) $sprint->id ?>/settings" class="underline">Open settings</a> to add some.
|
|
|
+ <?php elseif ($sprintWorkers === []): ?>
|
|
|
+ No workers on this sprint yet. <a href="/sprints/<?= (int) $sprint->id ?>/settings" class="underline">Open settings</a> to add some.
|
|
|
+ <?php endif; ?>
|
|
|
+ </div>
|
|
|
+ <?php else: ?>
|
|
|
+
|
|
|
+ <!-- Task list — same structure as views/sprints/show.php's
|
|
|
+ [data-task-section]. sprint-planner.js wires everything from the
|
|
|
+ data-* attributes, so this is essentially a copy of that block. -->
|
|
|
+ <section class="rounded-lg border bg-white overflow-hidden m-2"
|
|
|
+ data-task-section>
|
|
|
+ <div class="px-4 py-3 border-b bg-slate-50 flex flex-wrap items-center gap-2">
|
|
|
+ <h2 class="text-sm font-semibold text-slate-700 uppercase tracking-wider">Tasks</h2>
|
|
|
+
|
|
|
+ <!-- Toolbar -->
|
|
|
+ <div class="ml-auto flex flex-wrap items-center gap-2">
|
|
|
+ <!-- Reset (only visible while any filter is active — JS toggles the hidden class) -->
|
|
|
+ <button type="button" data-reset-filters
|
|
|
+ class="hidden rounded border border-slate-300 px-2 py-1 text-sm bg-white text-slate-700 hover:bg-slate-50 focus:outline-none focus:ring-2 focus:ring-slate-400">
|
|
|
+ Reset
|
|
|
+ </button>
|
|
|
+
|
|
|
+ <input type="search" data-task-search placeholder="Search…"
|
|
|
+ class="rounded border border-slate-300 px-3 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-slate-400">
|
|
|
+
|
|
|
+ <select data-prio-filter
|
|
|
+ class="rounded border border-slate-300 px-2 py-1 text-sm bg-white focus:outline-none focus:ring-2 focus:ring-slate-400">
|
|
|
+ <option value="">All prios</option>
|
|
|
+ <option value="1">Prio 1 only</option>
|
|
|
+ <option value="2">Prio 2 only</option>
|
|
|
+ </select>
|
|
|
+
|
|
|
+ <!-- Multi-select owner filter -->
|
|
|
+ <div class="relative" data-owner-filter-root>
|
|
|
+ <button type="button" data-owner-filter-trigger
|
|
|
+ class="rounded border border-slate-300 px-2 py-1 text-sm bg-white hover:bg-slate-50 focus:outline-none focus:ring-2 focus:ring-slate-400">
|
|
|
+ Owners <span data-owner-filter-count class="text-slate-500"></span>
|
|
|
+ </button>
|
|
|
+ <div data-owner-filter-dropdown
|
|
|
+ class="hidden absolute right-0 z-20 mt-1 w-56 rounded-md border border-slate-200 bg-white shadow-lg">
|
|
|
+ <div class="px-3 py-2 text-xs text-slate-500 flex items-center justify-between">
|
|
|
+ <span>Owner</span>
|
|
|
+ <button type="button" data-owner-filter-clear
|
|
|
+ class="text-blue-700 hover:underline">Clear</button>
|
|
|
+ </div>
|
|
|
+ <div class="max-h-64 overflow-y-auto">
|
|
|
+ <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50">
|
|
|
+ <input type="checkbox" data-owner-filter-opt value="__none__"
|
|
|
+ class="rounded border-slate-300">
|
|
|
+ <span class="text-slate-500 italic">No owner</span>
|
|
|
+ </label>
|
|
|
+ <?php foreach ($ownerChoices as $ow): ?>
|
|
|
+ <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50">
|
|
|
+ <input type="checkbox" data-owner-filter-opt value="<?= (int) $ow->id ?>"
|
|
|
+ class="rounded border-slate-300">
|
|
|
+ <span><?= e($ow->name) ?></span>
|
|
|
+ </label>
|
|
|
+ <?php endforeach; ?>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- Focus filter -->
|
|
|
+ <div class="flex items-center gap-1" data-focus-filter-root>
|
|
|
+ <label for="data-focus-select" class="text-xs uppercase tracking-wider text-slate-500">Focus</label>
|
|
|
+ <select id="data-focus-select" data-focus-select
|
|
|
+ class="rounded border border-slate-300 px-2 py-1 text-sm bg-white focus:outline-none focus:ring-2 focus:ring-slate-400">
|
|
|
+ <option value="">All workers</option>
|
|
|
+ <?php foreach ($sprintWorkers as $sw): ?>
|
|
|
+ <option value="<?= (int) $sw->id ?>"><?= e($sw->workerName) ?></option>
|
|
|
+ <?php endforeach; ?>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- Column visibility -->
|
|
|
+ <div class="relative" data-columns-root>
|
|
|
+ <button type="button" data-columns-trigger
|
|
|
+ class="rounded border border-slate-300 px-2 py-1 text-sm bg-white hover:bg-slate-50 focus:outline-none focus:ring-2 focus:ring-slate-400">
|
|
|
+ Columns
|
|
|
+ </button>
|
|
|
+ <div data-columns-dropdown
|
|
|
+ class="hidden absolute right-0 z-20 mt-1 w-56 rounded-md border border-slate-200 bg-white shadow-lg">
|
|
|
+ <div class="px-3 py-2 text-xs text-slate-500">Show columns</div>
|
|
|
+ <div class="max-h-64 overflow-y-auto">
|
|
|
+ <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50">
|
|
|
+ <input type="checkbox" data-column-opt value="owner" checked class="rounded border-slate-300">
|
|
|
+ <span>Owner</span>
|
|
|
+ </label>
|
|
|
+ <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50">
|
|
|
+ <input type="checkbox" data-column-opt value="prio" checked class="rounded border-slate-300">
|
|
|
+ <span>Prio</span>
|
|
|
+ </label>
|
|
|
+ <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50">
|
|
|
+ <input type="checkbox" data-column-opt value="tot" checked class="rounded border-slate-300">
|
|
|
+ <span>Tot</span>
|
|
|
+ </label>
|
|
|
+ <?php foreach ($sprintWorkers as $sw): ?>
|
|
|
+ <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50">
|
|
|
+ <input type="checkbox" data-column-opt value="sw-<?= (int) $sw->id ?>" checked class="rounded border-slate-300">
|
|
|
+ <span><?= e($sw->workerName) ?></span>
|
|
|
+ </label>
|
|
|
+ <?php endforeach; ?>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <?php if ($currentUser->isAdmin): ?>
|
|
|
+ <button type="button" data-add-task
|
|
|
+ class="rounded bg-slate-900 text-white px-3 py-1 text-sm font-medium hover:bg-slate-800">
|
|
|
+ + Add task
|
|
|
+ </button>
|
|
|
+ <?php endif; ?>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="overflow-x-auto">
|
|
|
+ <table class="min-w-full text-sm" data-task-table>
|
|
|
+ <thead class="bg-slate-50 text-slate-600 text-xs uppercase tracking-wider">
|
|
|
+ <tr>
|
|
|
+ <th class="w-6 px-2 py-2"></th>
|
|
|
+ <th class="text-left px-2 py-2 font-semibold cursor-pointer select-none"
|
|
|
+ data-sort-col="title">Task <span class="sort-ind opacity-30">↕</span></th>
|
|
|
+ <th class="text-left px-2 py-2 font-semibold cursor-pointer select-none"
|
|
|
+ data-sort-col="owner" data-col="owner">Owner <span class="sort-ind opacity-30">↕</span></th>
|
|
|
+ <th class="text-center px-2 py-2 font-semibold cursor-pointer select-none"
|
|
|
+ data-sort-col="prio" data-col="prio">Prio <span class="sort-ind opacity-30">↕</span></th>
|
|
|
+ <th class="text-center px-2 py-2 font-semibold cursor-pointer select-none"
|
|
|
+ data-sort-col="tot" data-col="tot">Tot <span class="sort-ind opacity-30">↕</span></th>
|
|
|
+ <?php foreach ($sprintWorkers as $sw): ?>
|
|
|
+ <th class="text-center px-2 py-2 font-semibold cursor-pointer select-none whitespace-nowrap"
|
|
|
+ data-sort-col="sw-<?= (int) $sw->id ?>" data-col="sw-<?= (int) $sw->id ?>">
|
|
|
+ <?= e($sw->workerName) ?>
|
|
|
+ <span class="sort-ind opacity-30">↕</span>
|
|
|
+ </th>
|
|
|
+ <?php endforeach; ?>
|
|
|
+ <th class="w-8 px-2 py-2"></th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody class="divide-y divide-slate-100" data-task-tbody>
|
|
|
+ <?php if ($tasks === []): ?>
|
|
|
+ <tr data-empty-tasks>
|
|
|
+ <td colspan="<?= 6 + count($sprintWorkers) ?>" class="px-3 py-8 text-center text-slate-500 text-sm">
|
|
|
+ No tasks yet.
|
|
|
+ <?php if ($currentUser->isAdmin): ?>
|
|
|
+ Click <b>+ Add task</b> to start.
|
|
|
+ <?php endif; ?>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <?php else: ?>
|
|
|
+ <?php foreach ($tasks as $t): ?>
|
|
|
+ <?php $assign = $taskGrid[$t->id] ?? []; $tot = array_sum($assign); ?>
|
|
|
+ <tr data-task-row
|
|
|
+ data-task-id="<?= (int) $t->id ?>"
|
|
|
+ data-prio="<?= (int) $t->priority ?>"
|
|
|
+ data-owner="<?= $t->ownerWorkerId !== null ? (int) $t->ownerWorkerId : '' ?>"
|
|
|
+ data-sort-order="<?= (int) $t->sortOrder ?>">
|
|
|
+ <td class="px-2 py-1">
|
|
|
+ <?php if ($currentUser->isAdmin): ?>
|
|
|
+ <span class="handle cursor-grab text-slate-400 select-none">≡</span>
|
|
|
+ <?php endif; ?>
|
|
|
+ </td>
|
|
|
+ <td class="px-2 py-1 min-w-[14rem]">
|
|
|
+ <?php if ($currentUser->isAdmin): ?>
|
|
|
+ <input type="text" data-title
|
|
|
+ value="<?= e($t->title) ?>"
|
|
|
+ class="w-full rounded border border-slate-200 px-2 py-1 focus:outline-none focus:ring-2 focus:ring-slate-400">
|
|
|
+ <?php else: ?>
|
|
|
+ <span><?= e($t->title) ?></span>
|
|
|
+ <?php endif; ?>
|
|
|
+ </td>
|
|
|
+ <td class="px-2 py-1" data-col="owner">
|
|
|
+ <?php if ($currentUser->isAdmin): ?>
|
|
|
+ <select data-owner-select
|
|
|
+ class="w-full rounded border border-slate-200 px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400">
|
|
|
+ <option value="">—</option>
|
|
|
+ <?php foreach ($ownerChoices as $ow): ?>
|
|
|
+ <option value="<?= (int) $ow->id ?>" <?= $t->ownerWorkerId === $ow->id ? 'selected' : '' ?>>
|
|
|
+ <?= e($ow->name) ?>
|
|
|
+ </option>
|
|
|
+ <?php endforeach; ?>
|
|
|
+ </select>
|
|
|
+ <?php else: ?>
|
|
|
+ <?php
|
|
|
+ $ownerName = '—';
|
|
|
+ foreach ($ownerChoices as $ow) {
|
|
|
+ if ($ow->id === $t->ownerWorkerId) { $ownerName = $ow->name; break; }
|
|
|
+ }
|
|
|
+ echo e($ownerName);
|
|
|
+ ?>
|
|
|
+ <?php endif; ?>
|
|
|
+ </td>
|
|
|
+ <td class="px-2 py-1 text-center" data-col="prio">
|
|
|
+ <?php if ($currentUser->isAdmin): ?>
|
|
|
+ <select data-prio-select
|
|
|
+ class="rounded border border-slate-200 px-2 py-1 bg-white font-mono focus:outline-none focus:ring-2 focus:ring-slate-400">
|
|
|
+ <option value="1" <?= $t->priority === 1 ? 'selected' : '' ?>>1</option>
|
|
|
+ <option value="2" <?= $t->priority === 2 ? 'selected' : '' ?>>2</option>
|
|
|
+ </select>
|
|
|
+ <?php else: ?>
|
|
|
+ <span class="font-mono"><?= (int) $t->priority ?></span>
|
|
|
+ <?php endif; ?>
|
|
|
+ </td>
|
|
|
+ <td class="px-2 py-1 text-center font-mono font-semibold"
|
|
|
+ data-col="tot" data-task-tot>
|
|
|
+ <?= e(fmt_days($tot)) ?>
|
|
|
+ </td>
|
|
|
+ <?php foreach ($sprintWorkers as $sw): $d = (float) ($assign[$sw->id] ?? 0.0); ?>
|
|
|
+ <td class="px-1 py-1 text-center"
|
|
|
+ data-col="sw-<?= (int) $sw->id ?>"
|
|
|
+ data-sort-value-sw-<?= (int) $sw->id ?>="<?= e(number_format($d, 2, '.', '')) ?>">
|
|
|
+ <?php if ($currentUser->isAdmin): ?>
|
|
|
+ <input type="number" min="0" step="0.5"
|
|
|
+ value="<?= e(fmt_days($d)) ?>"
|
|
|
+ data-assign
|
|
|
+ data-sw-id="<?= (int) $sw->id ?>"
|
|
|
+ class="w-14 rounded border border-slate-200 px-1 py-1 text-center font-mono focus:outline-none focus:ring-2 focus:ring-slate-400">
|
|
|
+ <?php else: ?>
|
|
|
+ <span class="font-mono"><?= e(fmt_days($d)) ?></span>
|
|
|
+ <?php endif; ?>
|
|
|
+ </td>
|
|
|
+ <?php endforeach; ?>
|
|
|
+ <td class="px-1 py-1 text-right">
|
|
|
+ <?php if ($currentUser->isAdmin): ?>
|
|
|
+ <button type="button" data-delete-task
|
|
|
+ class="text-sm text-red-600 hover:underline">×</button>
|
|
|
+ <?php endif; ?>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <?php endforeach; ?>
|
|
|
+ <?php endif; ?>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div data-task-empty-filter class="hidden p-4 text-center text-slate-500 text-sm">
|
|
|
+ No tasks match the current filters.
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <?php endif; ?>
|
|
|
+</main>
|
|
|
+</body>
|
|
|
+</html>
|
achiappa