ITSM/templates/crm_list.html

55 lines
2.2 KiB
HTML
Executable File

{% extends "base.html" %}
{% block content %}
<div class="page-head">
<h1 class="page-title">CRM — Firmen</h1>
<div class="page-actions">
<button class="btn" id="open-new-ticket">Neue Firma</button>
<a class="btn ghost" href="/crm/pipeline">Pipeline</a>
</div>
</div>
<div class="kpi-row">
{% for k in kpis %}<div class="kpi"><div class="lbl">{{ k.0 }}</div><div class="val">{{ k.1 }}</div></div>{% endfor %}
</div>
<div class="tabs">
{% for t in tabs %}<a href="{{ t.0 }}" class="{% if t.2 %}active{% endif %}">{{ t.1 }}</a>{% endfor %}
</div>
<div id="new-ticket-modal" class="modal" hidden>
<div class="modal-box">
<div class="modal-head"><h3>Neue Firma</h3><button class="linklike" id="close-new-ticket"></button></div>
<form method="post" action="/crm/neu">
<input type="hidden" name="_csrf" value="{{ ctx.csrf }}">
<div class="formrow"><label>Name</label><input name="name" required></div>
<div class="grid-2">
<div class="formrow"><label>Branche</label><input name="branche"></div>
<div class="formrow"><label>Status</label>
<select name="status">{% for s in status_opts %}<option>{{ s }}</option>{% endfor %}</select>
</div>
</div>
<div class="grid-2">
<div class="formrow"><label>Telefon</label><input name="telefon"></div>
<div class="formrow"><label>Website</label><input name="website"></div>
</div>
<div class="formrow"><label>Adresse</label><input name="adresse"></div>
<div class="formrow"><label>Notizen</label><textarea name="notizen"></textarea></div>
<button class="btn" type="submit">Anlegen</button>
</form>
</div>
</div>
<table class="tickets">
<thead><tr><th>Firma</th><th>Branche</th><th>Telefon</th><th>Status</th></tr></thead>
<tbody>
{% for r in rows %}
<tr class="row" data-href="/crm/{{ r.id }}">
<td><b>{{ r.name }}</b></td>
<td>{{ r.branche }}</td>
<td class="sz">{{ r.telefon }}</td>
<td><span class="pill {{ r.status_class }}">{{ r.status }}</span></td>
</tr>
{% endfor %}
{% if rows.is_empty() %}<tr><td colspan="4" class="sz">Keine Firmen.</td></tr>{% endif %}
</tbody>
</table>
{% endblock %}