show.php 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457
  1. <?php
  2. /** @var \App\Domain\Sprint $sprint */
  3. /** @var \App\Domain\User $currentUser */
  4. /** @var string $csrfToken */
  5. /** @var list<\App\Domain\SprintWeek> $weeks */
  6. /** @var list<\App\Domain\SprintWorker> $sprintWorkers */
  7. /** @var array<int, array<int, float>> $grid sw_id => week_id => days */
  8. /** @var array<int, array{ressourcen:float, after_reserves:float, committed_prio1:float, available:float}> $capacity */
  9. /** @var list<\App\Domain\Task> $tasks */
  10. /** @var array<int, array<int, float>> $taskGrid task_id => sw_id => days */
  11. /** @var list<\App\Domain\Worker> $ownerChoices */
  12. use App\Domain\SprintWeek;
  13. use function App\Http\e;
  14. $tasks = $tasks ?? [];
  15. $taskGrid = $taskGrid ?? [];
  16. $ownerChoices = $ownerChoices ?? [];
  17. if (!function_exists('fmt_days')) {
  18. function fmt_days(float $x): string
  19. {
  20. // Show 0 as "0", whole numbers as integer, halves as x.5
  21. if (abs($x - round($x)) < 1e-9) {
  22. return (string) (int) round($x);
  23. }
  24. return number_format($x, 1);
  25. }
  26. }
  27. ?>
  28. <section class="space-y-6"
  29. data-sprint-root
  30. data-sprint-id="<?= (int) $sprint->id ?>"
  31. data-csrf="<?= e($csrfToken) ?>"
  32. data-reserve-fraction="<?= e(number_format($sprint->reserveFraction, 4, '.', '')) ?>">
  33. <header class="flex items-end justify-between gap-4">
  34. <div>
  35. <nav class="text-xs text-slate-500 dark:text-slate-400">
  36. <a href="/" class="hover:underline">Sprints</a> /
  37. </nav>
  38. <h1 class="text-2xl font-semibold tracking-tight"><?= e($sprint->name) ?></h1>
  39. <p class="text-slate-600 mt-1 text-sm dark:text-slate-400">
  40. <?= e($sprint->startDate) ?> – <?= e($sprint->endDate) ?>
  41. · Reserve <?= e(number_format($sprint->reserveFraction * 100, 0)) ?>%
  42. <?php if ($sprint->isArchived): ?>
  43. · <span class="inline-block px-2 py-0.5 text-xs bg-slate-100 text-slate-600 rounded dark:bg-slate-700 dark:text-slate-300">archived</span>
  44. <?php endif; ?>
  45. </p>
  46. </div>
  47. <div class="flex items-center gap-3">
  48. <div data-status
  49. class="text-sm border rounded px-3 py-1 opacity-0 transition-opacity duration-200 border-slate-200 bg-slate-50 text-slate-700 dark:bg-slate-800 dark:border-slate-700 dark:text-slate-300">
  50. </div>
  51. <a href="/sprints/<?= (int) $sprint->id ?>/present"
  52. target="_blank" rel="noopener"
  53. class="inline-flex items-center gap-2 rounded-md border border-slate-300 bg-white text-slate-700 px-3 py-2 text-sm hover:bg-slate-100 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-200 dark:hover:bg-slate-700">
  54. Present
  55. </a>
  56. <?php if ($currentUser->isAdmin): ?>
  57. <a href="/sprints/<?= (int) $sprint->id ?>/settings"
  58. class="inline-flex items-center gap-2 rounded-md border border-slate-300 bg-white text-slate-700 px-3 py-2 text-sm hover:bg-slate-100 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-200 dark:hover:bg-slate-700">
  59. Settings
  60. </a>
  61. <?php endif; ?>
  62. </div>
  63. </header>
  64. <?php if ($sprintWorkers === [] || $weeks === []): ?>
  65. <div class="rounded-md border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900 dark:bg-amber-900 dark:border-amber-800 dark:text-amber-200">
  66. <?php if ($weeks === []): ?>
  67. No weeks yet. <a href="/sprints/<?= (int) $sprint->id ?>/settings" class="underline">Open settings</a> to add some.
  68. <?php elseif ($sprintWorkers === []): ?>
  69. No workers on this sprint yet. <a href="/sprints/<?= (int) $sprint->id ?>/settings" class="underline">Open settings</a> to add some.
  70. <?php endif; ?>
  71. </div>
  72. <?php else: ?>
  73. <!-- Arbeitstage grid -->
  74. <section class="rounded-lg border bg-white overflow-x-auto dark:bg-slate-800 dark:border-slate-700">
  75. <table class="min-w-full text-sm" data-arbeitstage>
  76. <thead class="bg-slate-50 text-slate-600 text-xs uppercase tracking-wider dark:bg-slate-700 dark:text-slate-300">
  77. <tr>
  78. <th class="text-left px-3 py-2 font-semibold sticky left-0 bg-slate-50 z-10 dark:bg-slate-700">&nbsp;</th>
  79. <?php foreach ($weeks as $w): ?>
  80. <th class="text-center px-2 py-2 font-semibold whitespace-nowrap">
  81. <div class="font-mono">KW<?= (int) $w->isoWeek ?></div>
  82. <div class="text-[10px] text-slate-500 font-normal dark:text-slate-400"><?= e($w->startDate) ?></div>
  83. </th>
  84. <?php endforeach; ?>
  85. <th class="text-center px-2 py-2 font-semibold">Σ</th>
  86. <th class="text-center px-2 py-2 font-semibold">RTB</th>
  87. </tr>
  88. </thead>
  89. <tbody class="divide-y divide-slate-100 dark:divide-slate-700" data-tbody>
  90. <!-- Arbeitstage row — derived from weekday selection in Sprint Settings. -->
  91. <tr class="bg-slate-50 dark:bg-slate-700">
  92. <th class="text-left px-3 py-2 font-semibold text-slate-700 sticky left-0 bg-slate-50 dark:bg-slate-700 dark:text-slate-200">
  93. Arbeitstage
  94. <?php if ($currentUser->isAdmin): ?>
  95. <a href="/sprints/<?= (int) $sprint->id ?>/settings"
  96. class="ml-1 text-[10px] font-normal text-slate-500 hover:underline dark:text-slate-400"
  97. title="Pick weekdays in Settings">(edit)</a>
  98. <?php endif; ?>
  99. </th>
  100. <?php $sumMax = 0.0; foreach ($weeks as $w): $sumMax += $w->maxWorkingDays; ?>
  101. <td class="px-1 py-1">
  102. <div class="flex items-center justify-center gap-1"
  103. data-week-arbeitstage data-week-id="<?= (int) $w->id ?>"
  104. title="<?= e(implode(' ', $w->activeDays())) ?: '—' ?>">
  105. <?php foreach (SprintWeek::DAY_LABELS as $bit => $_label): ?>
  106. <span class="inline-block h-2.5 w-2.5 rounded-full
  107. <?= $w->hasDay($_label) ? 'bg-green-500 dark:bg-green-400' : 'bg-slate-300 dark:bg-slate-600' ?>"></span>
  108. <?php endforeach; ?>
  109. </div>
  110. </td>
  111. <?php endforeach; ?>
  112. <td class="px-2 py-1 text-center font-mono font-semibold" data-sum-max>
  113. <?= e(fmt_days($sumMax)) ?>
  114. </td>
  115. <td>&nbsp;</td>
  116. </tr>
  117. <!-- One row per sprint worker -->
  118. <?php foreach ($sprintWorkers as $sw): ?>
  119. <?php $rowDays = $grid[$sw->id] ?? []; $rowSum = array_sum($rowDays); ?>
  120. <tr data-sw-row data-sw-id="<?= (int) $sw->id ?>">
  121. <th class="text-left px-3 py-2 font-medium sticky left-0 bg-white z-10 dark:bg-slate-800">
  122. <span class="flex items-center gap-2">
  123. <?php if ($currentUser->isAdmin): ?>
  124. <span class="handle cursor-grab text-slate-400 select-none dark:text-slate-500">&#8801;</span>
  125. <?php endif; ?>
  126. <?= e($sw->workerName) ?>
  127. </span>
  128. </th>
  129. <?php foreach ($weeks as $w): $v = (float) ($rowDays[$w->id] ?? 0.0); ?>
  130. <td class="px-1 py-1 text-center">
  131. <?php if ($currentUser->isAdmin): ?>
  132. <input type="number" min="0" max="5" step="0.5"
  133. value="<?= e(fmt_days($v)) ?>"
  134. data-day data-sw-id="<?= (int) $sw->id ?>"
  135. data-week-id="<?= (int) $w->id ?>"
  136. data-stepper
  137. 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 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-100 dark:focus:ring-slate-500">
  138. <?php else: ?>
  139. <span class="font-mono"><?= e(fmt_days($v)) ?></span>
  140. <?php endif; ?>
  141. </td>
  142. <?php endforeach; ?>
  143. <td class="px-2 py-1 text-center font-mono font-semibold"
  144. data-sum-days data-sw-id="<?= (int) $sw->id ?>">
  145. <?= e(fmt_days($rowSum)) ?>
  146. </td>
  147. <td class="px-1 py-1 text-center">
  148. <?php if ($currentUser->isAdmin): ?>
  149. <input type="number" min="0" max="1" step="0.05"
  150. value="<?= e(number_format($sw->rtb, 2, '.', '')) ?>"
  151. data-rtb data-sw-id="<?= (int) $sw->id ?>"
  152. data-stepper
  153. class="w-16 rounded border border-slate-200 px-1 py-1 text-center font-mono focus:outline-none focus:ring-2 focus:ring-slate-400 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-100 dark:focus:ring-slate-500">
  154. <?php else: ?>
  155. <span class="font-mono"><?= e(number_format($sw->rtb, 2, '.', '')) ?></span>
  156. <?php endif; ?>
  157. </td>
  158. </tr>
  159. <?php endforeach; ?>
  160. </tbody>
  161. </table>
  162. </section>
  163. <!-- Capacity summary — one column per worker, aligned with task columns in Phase 6 -->
  164. <section class="rounded-lg border bg-white overflow-x-auto dark:bg-slate-800 dark:border-slate-700">
  165. <div class="px-4 py-2 border-b bg-slate-50 text-xs uppercase tracking-wider text-slate-600 font-semibold dark:bg-slate-700 dark:border-slate-700 dark:text-slate-300">
  166. Capacity
  167. </div>
  168. <table class="min-w-full text-sm">
  169. <thead>
  170. <tr class="bg-slate-50 text-slate-600 text-xs dark:bg-slate-700 dark:text-slate-300">
  171. <th class="text-left px-3 py-2 font-semibold sticky left-0 bg-slate-50 z-10 dark:bg-slate-700">&nbsp;</th>
  172. <?php foreach ($sprintWorkers as $sw): ?>
  173. <th class="text-center px-2 py-2 font-semibold whitespace-nowrap">
  174. <?= e($sw->workerName) ?>
  175. </th>
  176. <?php endforeach; ?>
  177. </tr>
  178. </thead>
  179. <tbody class="divide-y divide-slate-100 dark:divide-slate-700">
  180. <tr>
  181. <th class="text-left px-3 py-2 text-slate-700 font-medium sticky left-0 bg-white dark:bg-slate-800 dark:text-slate-200">Ressourcen</th>
  182. <?php foreach ($sprintWorkers as $sw): $c = $capacity[$sw->id] ?? null; ?>
  183. <td class="px-2 py-2 text-center font-mono"
  184. data-cap-ressourcen data-sw-id="<?= (int) $sw->id ?>">
  185. <?= e(fmt_days($c['ressourcen'] ?? 0.0)) ?>
  186. </td>
  187. <?php endforeach; ?>
  188. </tr>
  189. <tr>
  190. <th class="text-left px-3 py-2 text-slate-700 font-medium sticky left-0 bg-white dark:bg-slate-800 dark:text-slate-200">− Reserven</th>
  191. <?php foreach ($sprintWorkers as $sw): $c = $capacity[$sw->id] ?? null; ?>
  192. <td class="px-2 py-2 text-center font-mono text-slate-600 dark:text-slate-400"
  193. data-cap-after-reserves data-sw-id="<?= (int) $sw->id ?>">
  194. <?= e(fmt_days($c['after_reserves'] ?? 0.0)) ?>
  195. </td>
  196. <?php endforeach; ?>
  197. </tr>
  198. <tr>
  199. <th class="text-left px-3 py-2 text-slate-700 font-semibold sticky left-0 bg-white dark:bg-slate-800 dark:text-slate-200">Available</th>
  200. <?php foreach ($sprintWorkers as $sw): $c = $capacity[$sw->id] ?? null; $av = (float) ($c['available'] ?? 0.0); ?>
  201. <td class="px-2 py-2 text-center font-mono font-semibold <?= $av < 0 ? 'text-red-700 dark:text-red-400' : 'text-slate-900 dark:text-slate-100' ?>"
  202. data-cap-available data-sw-id="<?= (int) $sw->id ?>">
  203. <?= e(fmt_days($av)) ?>
  204. </td>
  205. <?php endforeach; ?>
  206. </tr>
  207. </tbody>
  208. </table>
  209. </section>
  210. <p class="text-xs text-slate-500 dark:text-slate-400">
  211. Numeric inputs snap to 0.5 (days) or 0.05 (RTB) on blur. Edits save automatically
  212. with a 400&nbsp;ms debounce; Available turns red if a worker is overcommitted.
  213. </p>
  214. <!-- Section B: Task list -->
  215. <section class="rounded-lg border bg-white overflow-hidden dark:bg-slate-800 dark:border-slate-700"
  216. data-task-section>
  217. <div class="px-4 py-3 border-b bg-slate-50 flex flex-wrap items-center gap-2 dark:bg-slate-700 dark:border-slate-700">
  218. <h2 class="text-sm font-semibold text-slate-700 uppercase tracking-wider dark:text-slate-200">Tasks</h2>
  219. <!-- Toolbar -->
  220. <div class="ml-auto flex flex-wrap items-center gap-2">
  221. <!-- Reset (only visible while any filter is active — JS toggles the hidden class) -->
  222. <button type="button" data-reset-filters
  223. 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 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-200 dark:hover:bg-slate-700">
  224. Reset
  225. </button>
  226. <input type="search" data-task-search placeholder="Search…"
  227. class="rounded border border-slate-300 px-3 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-slate-400 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-100 dark:focus:ring-slate-500">
  228. <select data-prio-filter
  229. class="rounded border border-slate-300 px-2 py-1 text-sm bg-white focus:outline-none focus:ring-2 focus:ring-slate-400 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-100 dark:focus:ring-slate-500">
  230. <option value="">All prios</option>
  231. <option value="1">Prio 1 only</option>
  232. <option value="2">Prio 2 only</option>
  233. </select>
  234. <!-- Multi-select owner filter -->
  235. <div class="relative" data-owner-filter-root>
  236. <button type="button" data-owner-filter-trigger
  237. 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 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-200 dark:hover:bg-slate-700">
  238. Owners <span data-owner-filter-count class="text-slate-500 dark:text-slate-400"></span>
  239. </button>
  240. <div data-owner-filter-dropdown
  241. class="hidden absolute right-0 z-20 mt-1 w-56 rounded-md border border-slate-200 bg-white shadow-lg dark:bg-slate-800 dark:border-slate-700">
  242. <div class="px-3 py-2 text-xs text-slate-500 flex items-center justify-between dark:text-slate-400">
  243. <span>Owner</span>
  244. <button type="button" data-owner-filter-clear
  245. class="text-blue-700 hover:underline dark:text-blue-400 dark:hover:text-blue-300">Clear</button>
  246. </div>
  247. <div class="max-h-64 overflow-y-auto">
  248. <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50 dark:hover:bg-slate-700">
  249. <input type="checkbox" data-owner-filter-opt value="__none__"
  250. class="rounded border-slate-300 dark:border-slate-600">
  251. <span class="text-slate-500 italic dark:text-slate-400">No owner</span>
  252. </label>
  253. <?php foreach ($ownerChoices as $ow): ?>
  254. <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50 dark:hover:bg-slate-700">
  255. <input type="checkbox" data-owner-filter-opt value="<?= (int) $ow->id ?>"
  256. class="rounded border-slate-300 dark:border-slate-600">
  257. <span><?= e($ow->name) ?></span>
  258. </label>
  259. <?php endforeach; ?>
  260. </div>
  261. </div>
  262. </div>
  263. <!-- Focus filter — one sprint worker; hides rows where their
  264. assignment is 0 and collapses worker columns that are
  265. all-zero for the remaining rows. -->
  266. <div class="flex items-center gap-1" data-focus-filter-root>
  267. <label for="data-focus-select" class="text-xs uppercase tracking-wider text-slate-500 dark:text-slate-400">Focus</label>
  268. <select id="data-focus-select" data-focus-select
  269. class="rounded border border-slate-300 px-2 py-1 text-sm bg-white focus:outline-none focus:ring-2 focus:ring-slate-400 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-100 dark:focus:ring-slate-500">
  270. <option value="">All workers</option>
  271. <?php foreach ($sprintWorkers as $sw): ?>
  272. <option value="<?= (int) $sw->id ?>"><?= e($sw->workerName) ?></option>
  273. <?php endforeach; ?>
  274. </select>
  275. </div>
  276. <!-- Column visibility -->
  277. <div class="relative" data-columns-root>
  278. <button type="button" data-columns-trigger
  279. 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 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-200 dark:hover:bg-slate-700">
  280. Columns
  281. </button>
  282. <div data-columns-dropdown
  283. class="hidden absolute right-0 z-20 mt-1 w-56 rounded-md border border-slate-200 bg-white shadow-lg dark:bg-slate-800 dark:border-slate-700">
  284. <div class="px-3 py-2 text-xs text-slate-500 dark:text-slate-400">Show columns</div>
  285. <div class="max-h-64 overflow-y-auto">
  286. <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50 dark:hover:bg-slate-700">
  287. <input type="checkbox" data-column-opt value="owner" checked class="rounded border-slate-300 dark:border-slate-600">
  288. <span>Owner</span>
  289. </label>
  290. <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50 dark:hover:bg-slate-700">
  291. <input type="checkbox" data-column-opt value="prio" checked class="rounded border-slate-300 dark:border-slate-600">
  292. <span>Prio</span>
  293. </label>
  294. <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50 dark:hover:bg-slate-700">
  295. <input type="checkbox" data-column-opt value="tot" checked class="rounded border-slate-300 dark:border-slate-600">
  296. <span>Tot</span>
  297. </label>
  298. <?php foreach ($sprintWorkers as $sw): ?>
  299. <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50 dark:hover:bg-slate-700">
  300. <input type="checkbox" data-column-opt value="sw-<?= (int) $sw->id ?>" checked class="rounded border-slate-300 dark:border-slate-600">
  301. <span><?= e($sw->workerName) ?></span>
  302. </label>
  303. <?php endforeach; ?>
  304. </div>
  305. </div>
  306. </div>
  307. <?php if ($currentUser->isAdmin): ?>
  308. <button type="button" data-add-task
  309. class="rounded bg-slate-900 text-white px-3 py-1 text-sm font-medium hover:bg-slate-800 dark:bg-slate-700 dark:hover:bg-slate-600">
  310. + Add task
  311. </button>
  312. <?php endif; ?>
  313. </div>
  314. </div>
  315. <div class="overflow-x-auto">
  316. <table class="min-w-full text-sm" data-task-table>
  317. <thead class="bg-slate-50 text-slate-600 text-xs uppercase tracking-wider dark:bg-slate-700 dark:text-slate-300">
  318. <tr>
  319. <th class="w-6 px-2 py-2"></th>
  320. <th class="text-left px-2 py-2 font-semibold cursor-pointer select-none"
  321. data-sort-col="title">Task <span class="sort-ind opacity-30">↕</span></th>
  322. <th class="text-left px-2 py-2 font-semibold cursor-pointer select-none"
  323. data-sort-col="owner" data-col="owner">Owner <span class="sort-ind opacity-30">↕</span></th>
  324. <th class="text-center px-2 py-2 font-semibold cursor-pointer select-none"
  325. data-sort-col="prio" data-col="prio">Prio <span class="sort-ind opacity-30">↕</span></th>
  326. <th class="text-center px-2 py-2 font-semibold cursor-pointer select-none"
  327. data-sort-col="tot" data-col="tot">Tot <span class="sort-ind opacity-30">↕</span></th>
  328. <?php foreach ($sprintWorkers as $sw): ?>
  329. <th class="text-center px-2 py-2 font-semibold cursor-pointer select-none whitespace-nowrap"
  330. data-sort-col="sw-<?= (int) $sw->id ?>" data-col="sw-<?= (int) $sw->id ?>">
  331. <?= e($sw->workerName) ?>
  332. <span class="sort-ind opacity-30">↕</span>
  333. </th>
  334. <?php endforeach; ?>
  335. <th class="w-8 px-2 py-2"></th>
  336. </tr>
  337. </thead>
  338. <tbody class="divide-y divide-slate-100 dark:divide-slate-700" data-task-tbody>
  339. <?php if ($tasks === []): ?>
  340. <tr data-empty-tasks>
  341. <td colspan="<?= 6 + count($sprintWorkers) ?>" class="px-3 py-8 text-center text-slate-500 text-sm dark:text-slate-400">
  342. No tasks yet.
  343. <?php if ($currentUser->isAdmin): ?>
  344. Click <b>+ Add task</b> to start.
  345. <?php endif; ?>
  346. </td>
  347. </tr>
  348. <?php else: ?>
  349. <?php foreach ($tasks as $t): ?>
  350. <?php $assign = $taskGrid[$t->id] ?? []; $tot = array_sum($assign); ?>
  351. <tr data-task-row
  352. data-task-id="<?= (int) $t->id ?>"
  353. data-prio="<?= (int) $t->priority ?>"
  354. data-owner="<?= $t->ownerWorkerId !== null ? (int) $t->ownerWorkerId : '' ?>"
  355. data-sort-order="<?= (int) $t->sortOrder ?>">
  356. <td class="px-2 py-1">
  357. <?php if ($currentUser->isAdmin): ?>
  358. <span class="handle cursor-grab text-slate-400 select-none dark:text-slate-500">&#8801;</span>
  359. <?php endif; ?>
  360. </td>
  361. <td class="px-2 py-1 min-w-[14rem]">
  362. <?php if ($currentUser->isAdmin): ?>
  363. <input type="text" data-title
  364. value="<?= e($t->title) ?>"
  365. class="w-full rounded border border-slate-200 px-2 py-1 focus:outline-none focus:ring-2 focus:ring-slate-400 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-100 dark:focus:ring-slate-500">
  366. <?php else: ?>
  367. <span><?= e($t->title) ?></span>
  368. <?php endif; ?>
  369. </td>
  370. <td class="px-2 py-1" data-col="owner">
  371. <?php if ($currentUser->isAdmin): ?>
  372. <select data-owner-select
  373. class="w-full rounded border border-slate-200 px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-100 dark:focus:ring-slate-500">
  374. <option value="">—</option>
  375. <?php foreach ($ownerChoices as $ow): ?>
  376. <option value="<?= (int) $ow->id ?>" <?= $t->ownerWorkerId === $ow->id ? 'selected' : '' ?>>
  377. <?= e($ow->name) ?>
  378. </option>
  379. <?php endforeach; ?>
  380. </select>
  381. <?php else: ?>
  382. <?php
  383. $ownerName = '—';
  384. foreach ($ownerChoices as $ow) {
  385. if ($ow->id === $t->ownerWorkerId) { $ownerName = $ow->name; break; }
  386. }
  387. echo e($ownerName);
  388. ?>
  389. <?php endif; ?>
  390. </td>
  391. <td class="px-2 py-1 text-center" data-col="prio">
  392. <?php if ($currentUser->isAdmin): ?>
  393. <select data-prio-select
  394. class="rounded border border-slate-200 px-2 py-1 bg-white font-mono focus:outline-none focus:ring-2 focus:ring-slate-400 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-100 dark:focus:ring-slate-500">
  395. <option value="1" <?= $t->priority === 1 ? 'selected' : '' ?>>1</option>
  396. <option value="2" <?= $t->priority === 2 ? 'selected' : '' ?>>2</option>
  397. </select>
  398. <?php else: ?>
  399. <span class="font-mono"><?= (int) $t->priority ?></span>
  400. <?php endif; ?>
  401. </td>
  402. <td class="px-2 py-1 text-center font-mono font-semibold"
  403. data-col="tot" data-task-tot>
  404. <?= e(fmt_days($tot)) ?>
  405. </td>
  406. <?php foreach ($sprintWorkers as $sw): $d = (float) ($assign[$sw->id] ?? 0.0); ?>
  407. <td class="px-1 py-1 text-center"
  408. data-col="sw-<?= (int) $sw->id ?>"
  409. data-sort-value-sw-<?= (int) $sw->id ?>="<?= e(number_format($d, 2, '.', '')) ?>">
  410. <?php if ($currentUser->isAdmin): ?>
  411. <input type="number" min="0" step="0.5"
  412. value="<?= e(fmt_days($d)) ?>"
  413. data-assign
  414. data-sw-id="<?= (int) $sw->id ?>"
  415. data-stepper
  416. 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 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-100 dark:focus:ring-slate-500">
  417. <?php else: ?>
  418. <span class="font-mono"><?= e(fmt_days($d)) ?></span>
  419. <?php endif; ?>
  420. </td>
  421. <?php endforeach; ?>
  422. <td class="px-1 py-1 text-right">
  423. <?php if ($currentUser->isAdmin): ?>
  424. <button type="button" data-delete-task
  425. class="text-sm text-red-600 hover:underline dark:text-red-400">×</button>
  426. <?php endif; ?>
  427. </td>
  428. </tr>
  429. <?php endforeach; ?>
  430. <?php endif; ?>
  431. </tbody>
  432. </table>
  433. </div>
  434. <div data-task-empty-filter class="hidden p-4 text-center text-slate-500 text-sm dark:text-slate-400">
  435. No tasks match the current filters.
  436. </div>
  437. </section>
  438. <?php endif; ?>
  439. </section>
  440. <script src="/assets/js/sprint-planner.js" defer></script>