Make Kanban status changes accessible and remove false send success

This commit is contained in:
2026-09-06 13:22:16 +03:00
parent 1fbf77c0ac
commit 2e98e5ad4f
3 changed files with 48 additions and 15 deletions
+17
View File
@@ -0,0 +1,17 @@
{
"date": "2026-09-06",
"environment": "localhost:5182 synthetic fixture",
"checks": {
"fakeSendRemoved": true,
"unavailableExplained": true,
"statusSaved": true,
"survivesReload": true,
"accessibleCardControls": true
},
"limits": [
"Single tender status selection and reload tested",
"No outgoing Slack or Teams message",
"No save-failure injection or full keyboard-only walkthrough in this run",
"Five-tender missing-document overview still incomplete"
]
}
+7
View File
@@ -867,3 +867,10 @@ Taslak türü seçicisine erişilebilir ad eklendi. Üretim derlemesi geçti. Ö
- İnceleme mevcut yönetici outbox akışını kullanır: sağlayıcı kaydıyla gönderildiğini doğrulama veya yeniden göndermeden kapatma. Tarihi değişen grubun içeriği aynı idempotency key altında yeniden yazılmaz. - İnceleme mevcut yönetici outbox akışını kullanır: sağlayıcı kaydıyla gönderildiğini doğrulama veya yeniden göndermeden kapatma. Tarihi değişen grubun içeriği aynı idempotency key altında yeniden yazılmaz.
- 197 otomatik test geçti. Eksik ilan, iptal, süre aşımı, eksik saat, ileri alınmış tarih; provider/ack çağrısının yapılmaması; hold lease sınırı; sonraki turda gerekçenin korunması doğrulandı. Önceki gerçek süreç kesintisi ve aynı anahtarla tekrar testleri de geçti. Dış sağlayıcıya gönderim yapılmadı. - 197 otomatik test geçti. Eksik ilan, iptal, süre aşımı, eksik saat, ileri alınmış tarih; provider/ack çağrısının yapılmaması; hold lease sınırı; sonraki turda gerekçenin korunması doğrulandı. Önceki gerçek süreç kesintisi ve aynı anahtarla tekrar testleri de geçti. Dış sağlayıcıya gönderim yapılmadı.
- Kontrol o turda alınan kaynak görünümüne dayanır; canlı kaynağın sonradan değişmesini veya geçerli şekle sahip eski beslemeyi tespit garantisi vermez. Başlık değişikliği tek başına tekrar anahtarını bozmaz. UI değişmediğinden frontend derlemesi tekrarlanmadı. - Kontrol o turda alınan kaynak görünümüne dayanır; canlı kaynağın sonradan değişmesini veya geçerli şekle sahip eski beslemeyi tespit garantisi vermez. Başlık değişikliği tek başına tekrar anahtarını bozmaz. UI değişmediğinden frontend derlemesi tekrarlanmadı.
### Kanban durum seçimi ve sahte gönderim mesajı — 6 Eylül 2026
- Panoda hiçbir entegrasyon çağrısı yapmadan Slack/Teams'e başarıyla gönderildi alert'i üreten düğme kaldırıldı. Bu panoda gönderimin desteklenmediği açıkça belirtilir; dış mesaj gönderilmedi.
- Her karta iş akışı durumu select'i eklendi. Sürükleme dışında yerel seçim kontrolüyle durum güncellenir; sorumlu filtresi/ataması ve detay düğmesi erişilebilir adlarla tanımlanır. Tıklanabilir başlık gerçek button oldu.
- Kayıt sırasında durum/atama/sürükleme kilitlenir; mevcut sunucu kayıt hatası panoda gösterilir. Durum iyimser olarak değiştirilmez, mevcut mutateTender kalıcılık akışı korunur.
- Yerel 5182 sentetik Giresun görevinde 5 kontrol geçti: sahte düğmenin kalkması, desteklenmeme açıklaması, durum seçimi, yenileme sonrası durumun korunması ve erişilebilir kontrol adları. Kanıt qa-kanban-controls.json. Derleme geçti. Önceki 197 test tekrar çalıştırılmadı; sunucu değişmedi.
- Bu tur atama mutasyonu, hata enjeksiyonu, yalnız klavyeyle tam gezinme veya beş dosyalı eksik/sorumlu/sonraki işlem özetinin kabulünü kanıtlamaz. D07'nin ortak hazırlık özeti açık.
+24 -15
View File
@@ -2,11 +2,11 @@ import { useDeadlineClock } from '../hooks/useDeadlineClock';
import { deadlineInfo } from '../services/tenderCalendar'; import { deadlineInfo } from '../services/tenderCalendar';
import React, { useState } from 'react'; import React, { useState } from 'react';
import { useApp } from '../context/AppContext'; import { useApp } from '../context/AppContext';
import { Kanban, User, Calendar, MapPin, Star, Plus, ArrowRight, Eye } from 'lucide-react'; import { Kanban, User, Calendar, MapPin, Eye } from 'lucide-react';
export const KanbanBoard = () => { export const KanbanBoard = () => {
const now = useDeadlineClock(); const now = useDeadlineClock();
const { tenders, updateKanbanStatus, setActiveTenderDetail, teamMembers } = useApp(); const { tenders, updateKanbanStatus, setActiveTenderDetail, teamMembers, savingCount, saveError } = useApp();
const [selectedPersonel, setSelectedPersonel] = useState(''); const [selectedPersonel, setSelectedPersonel] = useState('');
const [draggedTenderId, setDraggedTenderId] = useState(null); const [draggedTenderId, setDraggedTenderId] = useState(null);
@@ -36,6 +36,7 @@ export const KanbanBoard = () => {
}); });
const handleDragStart = (e, id) => { const handleDragStart = (e, id) => {
if(savingCount > 0){e.preventDefault();return;}
e.dataTransfer.setData('tenderId', id); e.dataTransfer.setData('tenderId', id);
setDraggedTenderId(id); setDraggedTenderId(id);
}; };
@@ -46,6 +47,7 @@ export const KanbanBoard = () => {
const handleDrop = (e, columnId) => { const handleDrop = (e, columnId) => {
e.preventDefault(); e.preventDefault();
if(savingCount > 0)return;
const id = e.dataTransfer.getData('tenderId') || draggedTenderId; const id = e.dataTransfer.getData('tenderId') || draggedTenderId;
if (id) { if (id) {
updateKanbanStatus(id, columnId); updateKanbanStatus(id, columnId);
@@ -64,15 +66,16 @@ export const KanbanBoard = () => {
</div> </div>
<div> <div>
<h1 className="text-xl font-black text-slate-900">Ekip Kanban Takip Panosu</h1> <h1 className="text-xl font-black text-slate-900">Ekip Kanban Takip Panosu</h1>
<p className="text-xs text-slate-500">Kartları kolonlar arasında sürükleyerek ihale süreçlerinizi yönetin.</p> <p className="text-xs text-slate-500">Kartın durumunu seçerek veya kartı kolonlar arasında sürükleyerek süreci yönetin.</p>
</div> </div>
</div> </div>
{/* Personnel Filter & Slack Notification Buttons */} {/* Personnel filter */}
<div className="flex items-center gap-3 w-full sm:w-auto"> <div className="flex items-center gap-3 w-full sm:w-auto">
<div className="flex items-center gap-2 bg-slate-50 border border-slate-300 rounded-xl px-3 py-1.5 text-xs"> <div className="flex items-center gap-2 bg-slate-50 border border-slate-300 rounded-xl px-3 py-1.5 text-xs">
<User className="w-4 h-4 text-slate-400" /> <User className="w-4 h-4 text-slate-400" />
<select <select
aria-label="Sorumluya göre filtrele"
value={selectedPersonel} value={selectedPersonel}
onChange={(e) => setSelectedPersonel(e.target.value)} onChange={(e) => setSelectedPersonel(e.target.value)}
className="bg-transparent font-semibold text-slate-800 outline-none" className="bg-transparent font-semibold text-slate-800 outline-none"
@@ -82,16 +85,12 @@ export const KanbanBoard = () => {
</select> </select>
</div> </div>
<button <p className="text-xs text-slate-500">Slack/Teams gönderimi bu panoda desteklenmiyor.</p>
onClick={() => alert('Slack & Teams kanalına Kanban güncel durumu başarıyla gönderildi!')}
className="bg-slate-900 hover:bg-slate-800 text-white font-bold text-xs px-3.5 py-2 rounded-xl flex items-center gap-1.5 transition-colors shadow-xs shrink-0"
title="Slack & Teams Ekip Kanalına Bildirim Gönder"
>
<span>💬 Slack/Teams'e Gönder</span>
</button>
</div> </div>
</div> </div>
{savingCount > 0 && <p role="status" className="text-sm text-blue-800">Değişiklik kaydediliyor…</p>}
{saveError && <p role="alert" className="text-sm text-red-700">{saveError}</p>}
{/* Kanban Columns Grid */} {/* Kanban Columns Grid */}
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-3.5 overflow-x-auto pb-4"> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-3.5 overflow-x-auto pb-4">
{columns.map(col => { {columns.map(col => {
@@ -122,7 +121,7 @@ export const KanbanBoard = () => {
colTenders.map(t => ( colTenders.map(t => (
<div <div
key={t.id} key={t.id}
draggable draggable={savingCount === 0}
onDragStart={(e) => handleDragStart(e, t.id)} onDragStart={(e) => handleDragStart(e, t.id)}
className="bg-white rounded-xl p-3 border border-slate-200 shadow-xs hover:shadow-md cursor-grab active:cursor-grabbing space-y-2 transition-all group" className="bg-white rounded-xl p-3 border border-slate-200 shadow-xs hover:shadow-md cursor-grab active:cursor-grabbing space-y-2 transition-all group"
> >
@@ -141,18 +140,19 @@ export const KanbanBoard = () => {
<button <button
onClick={() => setActiveTenderDetail(t)} onClick={() => setActiveTenderDetail(t)}
className="text-slate-400 hover:text-blue-600 p-0.5" className="text-slate-400 hover:text-blue-600 p-0.5"
aria-label={`${t.ikn} ihale detayını aç`}
title="Detayı Aç" title="Detayı Aç"
> >
<Eye className="w-3.5 h-3.5" /> <Eye className="w-3.5 h-3.5" />
</button> </button>
</div> </div>
<h4 <button type="button"
onClick={() => setActiveTenderDetail(t)} onClick={() => setActiveTenderDetail(t)}
className="font-bold text-xs text-slate-900 line-clamp-2 hover:text-blue-600 cursor-pointer leading-snug" className="text-left font-bold text-xs text-slate-900 line-clamp-2 hover:text-blue-600 cursor-pointer leading-snug"
> >
{t.baslik} {t.baslik}
</h4> </button>
<div className="flex items-center justify-between text-[10px] text-slate-500 font-medium"> <div className="flex items-center justify-between text-[10px] text-slate-500 font-medium">
<span className="flex items-center gap-1"> <span className="flex items-center gap-1">
@@ -163,10 +163,19 @@ export const KanbanBoard = () => {
</span> </span>
</div> </div>
<label className="block text-[10px] font-semibold text-slate-600">İş akışı durumu
<select aria-label={`${t.ikn} iş akışı durumu`} value={col.id} disabled={savingCount > 0}
onChange={e=>updateKanbanStatus(t.id,e.target.value)}
className="block w-full mt-1 border rounded p-1.5 bg-slate-50 disabled:opacity-50">
{columns.map(column=><option key={column.id} value={column.id}>{column.title}</option>)}
</select>
</label>
{/* Personnel Select on Card */} {/* Personnel Select on Card */}
<div className="pt-1.5 border-t border-slate-100 flex items-center justify-between text-[10px]"> <div className="pt-1.5 border-t border-slate-100 flex items-center justify-between text-[10px]">
<span className="text-slate-400">Atanan:</span> <span className="text-slate-400">Atanan:</span>
<select <select
aria-label={`${t.ikn} sorumlusu`}
disabled={savingCount > 0}
value={t.atananPersonel || ''} value={t.atananPersonel || ''}
onChange={(e) => updateKanbanStatus(t.id, col.id, e.target.value)} onChange={(e) => updateKanbanStatus(t.id, col.id, e.target.value)}
className="bg-slate-50 border border-slate-200 rounded px-1.5 py-0.5 text-[10px] font-bold text-slate-800" className="bg-slate-50 border border-slate-200 rounded px-1.5 py-0.5 text-[10px] font-bold text-slate-800"