96 lines
4.1 KiB
HTML
96 lines
4.1 KiB
HTML
<!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>
|
|
<section class="home-ticket-section" aria-labelledby="home-heading-open">
|
|
<div class="home-kpi-bar">
|
|
<h2 id="home-heading-open">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>
|
|
</section>
|
|
|
|
<section class="home-ticket-section" aria-labelledby="home-heading-mine">
|
|
<div class="home-kpi-bar">
|
|
<h2 id="home-heading-mine">Meine Tickets</h2>
|
|
<div class="home-kpi-pills">
|
|
<span class="kpi-pill"
|
|
><span id="kpi-mine-open" class="badge badge-open">0 Offen</span></span
|
|
>
|
|
<span class="kpi-pill"
|
|
><span id="kpi-mine-waiting" class="badge badge-waiting">0 Wartend</span></span
|
|
>
|
|
<span id="kpi-mine-total" class="kpi-pill muted">gesamt: 0</span>
|
|
</div>
|
|
</div>
|
|
<div id="home-ticket-list-mine" class="home-ticket-list"></div>
|
|
</section>
|
|
</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>
|
|
<span class="badge js-assignee-tag badge-assignee" title="Zugewiesen"></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>
|
|
<span><span class="muted">Zugewiesen:</span> <span class="js-meta-assignee"></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>
|