V0.1
This commit is contained in:
75
public/start.html
Normal file
75
public/start.html
Normal file
@@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Start — SDS CRM</title>
|
||||
<link rel="stylesheet" href="/css/style.css" />
|
||||
<link rel="stylesheet" href="/css/pages/start.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 home-open-tickets" hidden>
|
||||
<div class="home-kpi-bar">
|
||||
<h2>Offene Tickets</h2>
|
||||
<div class="home-kpi-pills">
|
||||
<span class="kpi-pill"
|
||||
><span id="kpi-open" class="badge badge-open">0 Offen</span></span
|
||||
>
|
||||
<span class="kpi-pill"
|
||||
><span id="kpi-waiting" class="badge badge-waiting">0 Wartend</span></span
|
||||
>
|
||||
<span id="kpi-total" class="kpi-pill muted">gesamt: 0</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="home-ticket-list" class="home-ticket-list"></div>
|
||||
<p id="home-empty" class="muted" hidden>Keine offenen Tickets.</p>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<template id="tpl-home-ticket">
|
||||
<article class="card home-ticket-card">
|
||||
<div class="home-ticket-head">
|
||||
<button
|
||||
type="button"
|
||||
class="home-ticket-collapse-btn"
|
||||
aria-expanded="false"
|
||||
title="Beschreibung und Ereignisse ein- oder ausblenden"
|
||||
>
|
||||
<span class="home-ticket-chevron" aria-hidden="true">▼</span>
|
||||
</button>
|
||||
<div class="home-ticket-head-main">
|
||||
<div class="home-ticket-titleline">
|
||||
<a class="js-ticket-link" href="#">Titel</a>
|
||||
<span class="badge js-status"></span>
|
||||
<span class="badge js-priority"></span>
|
||||
</div>
|
||||
<div class="home-ticket-meta-row">
|
||||
<span class="js-meta-machine"></span>
|
||||
<span><span class="muted">Standort:</span> <span class="js-meta-standort"></span></span>
|
||||
<span><span class="muted">Erstellt:</span> <span class="js-meta-created"></span></span>
|
||||
<span><span class="muted">Aktualisiert:</span> <span class="js-meta-updated"></span></span>
|
||||
</div>
|
||||
</div>
|
||||
<a class="home-ticket-open js-ticket-open" href="#">Ticket öffnen →</a>
|
||||
</div>
|
||||
<div class="home-ticket-collapsible" hidden>
|
||||
<div class="home-ticket-context">
|
||||
<p class="home-ticket-context-h"><strong>Beschreibung</strong></p>
|
||||
<p class="home-ticket-desc js-desc"></p>
|
||||
<div class="js-machine-block"></div>
|
||||
</div>
|
||||
<div class="home-ticket-events js-events"></div>
|
||||
</div>
|
||||
</article>
|
||||
</template>
|
||||
|
||||
<script type="module" src="/js/pages/start.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user