97 lines
3.3 KiB
HTML
97 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Tickets — SDS CRM</title>
|
|
<link rel="stylesheet" href="/css/style.css" />
|
|
<link rel="stylesheet" href="/css/pages/tickets.css" />
|
|
</head>
|
|
<body>
|
|
<header class="header">
|
|
<h1><a href="/start.html">SDS CRM</a></h1>
|
|
<nav id="main-nav" aria-label="Hauptnavigation"></nav>
|
|
</header>
|
|
<main id="app" class="main">
|
|
<p id="page-loading" class="muted">Lade …</p>
|
|
<p id="page-error" class="error" hidden></p>
|
|
<div id="page-main" class="stack" hidden>
|
|
<h2>Tickets</h2>
|
|
<div class="card" id="tickets-new-card">
|
|
<h3>Neues Ticket</h3>
|
|
<form id="form-new-ticket" class="stack ticket-new-form">
|
|
<div class="ticket-form-machine">
|
|
<label
|
|
>Maschine
|
|
<select name="machineId" id="sel-nm" required>
|
|
<option value="">— wählen —</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
<label class="ticket-field-full">
|
|
Titel
|
|
<input name="title" type="text" required autocomplete="off" />
|
|
</label>
|
|
<label class="ticket-field-full">
|
|
Beschreibung
|
|
<textarea
|
|
name="description"
|
|
class="ticket-desc"
|
|
required
|
|
rows="6"
|
|
></textarea>
|
|
</label>
|
|
<button type="submit">Ticket erstellen</button>
|
|
</form>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Filter</h3>
|
|
<form id="form-filter" class="stack">
|
|
<div class="row">
|
|
<label
|
|
>Status
|
|
<select name="status">
|
|
<option value="">Alle</option>
|
|
<option value="OPEN">Offen</option>
|
|
<option value="WAITING">Warte auf Rückmeldung</option>
|
|
<option value="DONE">Erledigt</option>
|
|
</select>
|
|
</label>
|
|
<label
|
|
>Priorität
|
|
<select name="priority">
|
|
<option value="">Alle</option>
|
|
<option value="LOW">Niedrig</option>
|
|
<option value="MEDIUM">Mittel</option>
|
|
<option value="HIGH">Hoch</option>
|
|
</select>
|
|
</label>
|
|
<label
|
|
>Maschine
|
|
<select name="machineId" id="sel-fm">
|
|
<option value="">Alle</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
<button type="submit">Filter anwenden</button>
|
|
</form>
|
|
</div>
|
|
<div class="card">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Titel</th>
|
|
<th>Status</th>
|
|
<th>Priorität</th>
|
|
<th>Maschine</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tickets-table-body"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<script type="module" src="/js/pages/tickets.js"></script>
|
|
</body>
|
|
</html>
|