86 lines
3.7 KiB
HTML
86 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Maschine — SDS CRM</title>
|
|
<link rel="stylesheet" href="/css/style.css" />
|
|
<link rel="stylesheet" href="/css/pages/detail.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>
|
|
<div id="machine-bad-id" hidden>
|
|
<p class="error">Ungültige oder fehlende Maschinen-ID.</p>
|
|
<p><a href="/machines.html">← Zur Übersicht</a></p>
|
|
</div>
|
|
<p id="page-error" class="error" hidden></p>
|
|
<div id="page-main" class="stack" hidden>
|
|
<p><a href="/machines.html">← Alle Maschinen</a></p>
|
|
<h2 id="machine-title"></h2>
|
|
|
|
<div id="panel-machine-view">
|
|
<div class="card" id="mach-view">
|
|
<p><strong>Typ:</strong> <span id="m-typ"></span></p>
|
|
<p><strong>Seriennummer:</strong> <span id="m-serial"></span></p>
|
|
<p><strong>Standort:</strong> <span id="m-standort"></span></p>
|
|
<p id="m-extras-name-row" hidden>
|
|
<strong>Name (Anlagenliste):</strong> <span id="m-extras-name"></span>
|
|
</p>
|
|
<div class="row">
|
|
<button type="button" id="btn-m-edit">Bearbeiten</button>
|
|
<button type="button" class="secondary" id="btn-m-dup">Duplizieren</button>
|
|
<a
|
|
class="badge"
|
|
id="m-link-tickets"
|
|
href="#"
|
|
style="align-self: center"
|
|
>Tickets dieser Maschine</a
|
|
>
|
|
<button type="button" class="danger" id="btn-m-del">Löschen</button>
|
|
</div>
|
|
</div>
|
|
<div id="machine-extras-view"></div>
|
|
</div>
|
|
|
|
<form id="form-m" class="stack" hidden>
|
|
<div class="card">
|
|
<h3 class="machine-detail-card-title">Stammdaten</h3>
|
|
<div class="row machine-detail-actions">
|
|
<button type="submit">Speichern</button>
|
|
<button type="button" class="secondary" id="m-cancel">Abbrechen</button>
|
|
<a class="badge" id="m-link-tickets-edit" href="#">Tickets dieser Maschine</a>
|
|
<button type="button" class="danger" id="btn-m-del-edit">Löschen</button>
|
|
</div>
|
|
<div class="row">
|
|
<label>Name <input name="name" id="input-m-name" required /></label>
|
|
<label>Typ <input name="typ" id="input-m-typ" required /></label>
|
|
</div>
|
|
<div class="row">
|
|
<label>Seriennummer <input name="seriennummer" id="input-m-serial" required /></label>
|
|
<label>Standort <input name="standort" id="input-m-standort" required /></label>
|
|
</div>
|
|
<label
|
|
>Status (Liste)
|
|
<select name="listStatus" id="input-m-list-status">
|
|
<option value="">— keiner —</option>
|
|
<option value="PRUEFEN">Prüfen!</option>
|
|
<option value="VERSCHROTTET">Verschrottet</option>
|
|
<option value="SN_GEAENDERT">SN geändert</option>
|
|
<option value="IN_BEARBEITUNG">In Bearbeitung</option>
|
|
<option value="UPDATE_RAUS">Update raus</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
<div id="machine-extras-edit"></div>
|
|
</form>
|
|
</div>
|
|
</main>
|
|
<script type="module" src="/js/pages/machine-detail.js"></script>
|
|
</body>
|
|
</html>
|