68 lines
3.0 KiB
HTML
68 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Ticket anlegen - Service-Portal</title>
|
|
<link href="styles.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<header>
|
|
<h1>Service-Ticket anlegen</h1>
|
|
<p>Zuerst den Kunden wählen, dann das Anliegen erfassen. Das Ticket landet direkt in Redmine.</p>
|
|
</header>
|
|
|
|
<section class="step" id="stepCustomer">
|
|
<div class="step-label"><span class="num">1</span> Kunde</div>
|
|
|
|
<div class="search-wrap" id="searchWrap">
|
|
<label for="customerSearch">Kundennummer oder Firmenname</label>
|
|
<input type="text" id="customerSearch" autocomplete="off" role="combobox"
|
|
aria-expanded="false" aria-controls="suggestions"
|
|
placeholder="z. B. K-10042 oder Mueller">
|
|
<div class="suggestions" id="suggestions" role="listbox"></div>
|
|
|
|
<label class="checkbox-row">
|
|
<input type="checkbox" id="advancedToggle">
|
|
Erweitert
|
|
</label>
|
|
<div class="field-group" id="advancedFields" role="group" aria-label="Erweiterte Suchfelder" hidden>
|
|
<button type="button" class="field-toggle" data-field="kugru" aria-pressed="false">Kundengruppe</button>
|
|
<button type="button" class="field-toggle" data-field="kg_id" aria-pressed="false">Kundengruppen-ID</button>
|
|
<button type="button" class="field-toggle" data-field="sydat" aria-pressed="false">Erstellt am</button>
|
|
<button type="button" class="field-toggle" data-field="datlv" aria-pressed="false">Letzte Änderung</button>
|
|
<button type="button" class="field-toggle" data-field="fibuk" aria-pressed="false">Fibu-Konto</button>
|
|
<button type="button" class="field-toggle" data-field="ku_id" aria-pressed="false">Kunden-ID (intern)</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="customer-chip" id="customerChip">
|
|
<span class="cnum" id="chipNumber"></span>
|
|
<span class="cname" id="chipName"></span>
|
|
<button type="button" id="chipReset">Ändern</button>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="step" id="stepIssue" data-disabled="true">
|
|
<div class="step-label"><span class="num">2</span> Anliegen</div>
|
|
|
|
<label for="subject">Betreff</label>
|
|
<input type="text" id="subject" maxlength="200" placeholder="Kurze Zusammenfassung der Störung">
|
|
|
|
<label for="description">Beschreibung</label>
|
|
<textarea id="description" placeholder="Was ist passiert? Fehlermeldungen, betroffene Systeme, Ansprechpartner ..."></textarea>
|
|
|
|
<div class="actions">
|
|
<button type="button" class="submit" id="submitButton" disabled>Ticket anlegen</button>
|
|
</div>
|
|
<div class="feedback" id="feedback"></div>
|
|
</section>
|
|
|
|
<footer>Der Kundenbezug wird serverseitig gegen die Stammdaten geprüft, bevor das Ticket erstellt wird.</footer>
|
|
</main>
|
|
|
|
<script src="index.js"></script>
|
|
</body>
|
|
</html>
|