# T10: Drag & Drop — premesti task prevlačenjem

**Kreirao:** planer
**Datum:** 2026-02-20
**Agent:** coder
**Model:** Sonnet
**Zavisi od:** T09

---

## Opis

Dodaj Sortable.js na kanban board — prevuci task iz jedne kolone
u drugu. Na drop, HTMX pošalje POST i Go premesti fajl.

## Fajlovi za izmenu

```
code/web/
├── templates/
│   ├── dashboard.html         ← dodaj Sortable inicijalizaciju
│   └── partials/
│       └── column.html        ← dodaj sortable atribute
└── static/
    └── style.css              ← drag stilovi (ghost, placeholder)
```

## Kako radi

```html
<div class="column" id="col-ready" data-folder="ready">
  <div class="task-card" data-id="T08">...</div>
</div>

<script>
document.querySelectorAll('.column').forEach(col => {
  new Sortable(col, {
    group: 'tasks',
    animation: 150,
    onEnd: function(evt) {
      const taskId = evt.item.dataset.id;
      const toFolder = evt.to.dataset.folder;
      htmx.ajax('POST', `/task/${taskId}/move?to=${toFolder}`, {
        target: '#board',
        swap: 'outerHTML'
      });
    }
  });
});
</script>
```

## Pravila premestanja

Dozvoljena kretanja:
- backlog → ready (operater odobri)
- ready → backlog (operater povuče nazad)
- review → done (operater odobri)
- review → ready (operater vrati na doradu)

Zabranjena kretanja (agent radi ovo, ne operater):
- ready → active (samo agent)
- active → review (samo agent)

Server validira i odbije nedozvoljene poteze sa porukom.

## Vizuelni feedback

- Drag: kartica postaje poluprozirna
- Drop zona: highlight kad se kartica prevlači iznad
- Uspešan drop: zeleni flash
- Neuspešan drop: crveni flash + kartica se vrati

## Testovi

- Premesti T08 iz backlog u ready → fajl premešten, board ažuriran
- Pokušaj premesti u active → server odbije, kartica se vrati
- Drag & drop ne kvari postojeći klik za detalj

## Očekivani izlaz

Prevuci task iz kolone u kolonu. Server premesti fajl. Board se ažurira.

---

## Pitanja

---

## Odgovori