Tehtäviin Tyyppi-kenttä (tekniikka, laskutus, myynti, asennus, muu)

Uusi category-sarake todosiin. Näkyy listassa badgena, lomakkeessa
dropdownina ja lukunäkymässä. Tyypillä voi myös suodattaa listaa.
Värikoodatut badget kullekin tyypille.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-11 13:35:17 +02:00
parent cdc5f366ff
commit e3891463e9
5 changed files with 43 additions and 5 deletions

View File

@@ -456,6 +456,14 @@
<option value="odottaa">Odottaa</option>
<option value="valmis">Valmis</option>
</select>
<select id="todo-category-filter" style="padding:0.4rem 0.6rem;border-radius:6px;border:1px solid #ddd;font-size:0.85rem;">
<option value="">Kaikki tyypit</option>
<option value="tekniikka">Tekniikka</option>
<option value="laskutus">Laskutus</option>
<option value="myynti">Myynti</option>
<option value="asennus">Asennus</option>
<option value="muu">Muu</option>
</select>
<select id="todo-assigned-filter" style="padding:0.4rem 0.6rem;border-radius:6px;border:1px solid #ddd;font-size:0.85rem;">
<option value="">Kaikki vastuuhenkilöt</option>
</select>
@@ -468,6 +476,7 @@
<tr>
<th>Status</th>
<th>Prioriteetti</th>
<th>Tyyppi</th>
<th>Tehtävä</th>
<th>Vastuuhenkilö</th>
<th>Deadline</th>
@@ -539,7 +548,7 @@
<label for="task-form-title">Otsikko *</label>
<input type="text" id="task-form-title" required placeholder="Tehtävän otsikko">
</div>
<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1rem;">
<div style="display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;margin-bottom:1rem;">
<div class="form-group">
<label for="task-form-priority">Prioriteetti</label>
<select id="task-form-priority">
@@ -557,6 +566,17 @@
<option value="valmis">Valmis</option>
</select>
</div>
<div class="form-group">
<label for="task-form-category">Tyyppi</label>
<select id="task-form-category">
<option value="">— Ei valittu —</option>
<option value="tekniikka">Tekniikka</option>
<option value="laskutus">Laskutus</option>
<option value="myynti">Myynti</option>
<option value="asennus">Asennus</option>
<option value="muu">Muu</option>
</select>
</div>
<div class="form-group">
<label for="task-form-deadline">Deadline</label>
<input type="date" id="task-form-deadline">