V0.1
This commit is contained in:
96
public/tickets.html
Normal file
96
public/tickets.html
Normal file
@@ -0,0 +1,96 @@
|
||||
<!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">
|
||||
<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>
|
||||
Reference in New Issue
Block a user