Add ticket types, move Asiakaspalvelu tab first, hide closed tickets

- Asiakaspalvelu tab moved to first position in navigation
- Added ticket type field (Laskutus, Tekniikka, Vika, Muu) with
  type filter dropdown and type column in ticket list
- Type selector in ticket detail view with API endpoint
- Closed tickets hidden by default (selectable via "Kaikki tilat")
- Käsittelyssä rows highlighted with green background
- Type badges with color coding per category

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-10 10:01:29 +02:00
parent f0a7676451
commit 91930c9420
4 changed files with 126 additions and 8 deletions

View File

@@ -72,11 +72,11 @@
<!-- Tabs -->
<div class="tab-bar">
<button class="tab" data-tab="support">Asiakaspalvelu</button>
<button class="tab active" data-tab="customers">Asiakkaat</button>
<button class="tab" data-tab="leads">Liidit</button>
<button class="tab" data-tab="archive">Arkisto</button>
<button class="tab" data-tab="changelog">Muutosloki</button>
<button class="tab" data-tab="support">Asiakaspalvelu</button>
<button class="tab" data-tab="settings" id="tab-settings" style="display:none">API</button>
</div>
@@ -241,19 +241,27 @@
<div class="main-container">
<!-- Listanäkymä -->
<div id="ticket-list-view">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:0.75rem;flex-wrap:wrap;">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem;gap:0.75rem;flex-wrap:wrap;">
<button class="btn-primary" id="btn-fetch-emails">&#128231; Hae postit</button>
<div class="search-bar" style="flex:1;max-width:400px;">
<span class="search-icon">&#128269;</span>
<input type="text" id="ticket-search-input" placeholder="Hae tiketeistä...">
</div>
<select id="ticket-type-filter" style="padding:9px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:0.88rem;">
<option value="">Kaikki tyypit</option>
<option value="laskutus">Laskutus</option>
<option value="tekniikka">Tekniikka</option>
<option value="vika">Vika</option>
<option value="muu">Muu</option>
</select>
<select id="ticket-status-filter" style="padding:9px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:0.88rem;">
<option value="">Kaikki tilat</option>
<option value="">Avoimet</option>
<option value="uusi">Uusi</option>
<option value="kasittelyssa">Käsittelyssä</option>
<option value="odottaa">Odottaa vastausta</option>
<option value="ratkaistu">Ratkaistu</option>
<option value="suljettu">Suljettu</option>
<option value="kaikki">Kaikki tilat</option>
</select>
</div>
<div id="ticket-fetch-status" style="display:none;padding:0.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:0.9rem;"></div>
@@ -262,6 +270,7 @@
<thead>
<tr>
<th>Tila</th>
<th>Tyyppi</th>
<th>Aihe</th>
<th>Lähettäjä</th>
<th>Viestejä</th>