Machiel/crm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.0.2: pre-productie (Bootstrap 5.3.3, LightPdf klant-PDF, server-setup en release-script)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Machiel
2026-10-15 11:58:52 +02:00
co-authored by Claude Opus 5.5
parent bffa053c05
commit 7d302dc405
48 changed files with 2769 additions and 698 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/portal.html
+44 -41
View File
@@ -1,70 +1,73 @@
{% extends 'base.html' %}
{% block title %}Klantportaal{% endblock %}
{% block body %}
<script>document.body.classList.add('portal')</script>
<header class="portal-top">
<div class="wrap">
<div class="container d-flex justify-content-between align-items-center gap-3">
<img src="{{ url_for('static', filename='logo.svg') }}" alt="{{ s.company_name or 'Van Emous' }}">
<a href="{{ url_for('portal_logout') }}">Uitloggen</a>
</div>
</header>
<div class="portal-main">
<div class="portal-main container">
{% with msgs = get_flashed_messages(with_categories=true) %}
{% for cat, m in msgs %}<div class="flash {{ cat }}">{{ m }}</div>{% endfor %}
{% endwith %}
<div class="head"><div><div class="kicker">Klantportaal</div><h1>Welkom, {{ c.name }}</h1></div></div>
<div class="card">
<div class="card"><div class="card-body">
<h2>Uw offertes</h2>
{% if quotes %}
<div class="table-wrap"><table>
<div class="table-responsive"><table class="table table-hover table-stack">
<thead><tr><th>Nummer</th><th>Onderwerp</th><th>Datum</th><th>Status</th><th class="num">Totaal incl. btw</th></tr></thead>
<tbody>
{% for qt in quotes %}
<tr class="link" onclick="location='{{ url_for('portal_quote', qid=qt.id) }}'">
<td><a href="{{ url_for('portal_quote', qid=qt.id) }}">{{ qt.number }}</a></td>
<td>{{ qt.title }}</td>
<td>{{ qt.date|dt('%d-%m-%Y') }}</td>
<td><span class="chip {{ qt.status }}">{{ 'Wacht op uw reactie' if qt.status == 'verzonden' else QSTATUS.get(qt.status) }}</span></td>
<td class="num">{{ qt.total|euro }}</td>
<td class="stack-title"><a href="{{ url_for('portal_quote', qid=qt.id) }}">{{ qt.number }}</a></td>
<td data-label="Onderwerp">{{ qt.title }}</td>
<td data-label="Datum">{{ qt.date|dt('%d-%m-%Y') }}</td>
<td data-label="Status"><span class="chip {{ qt.status }}">{{ 'Wacht op uw reactie' if qt.status == 'verzonden' else QSTATUS.get(qt.status) }}</span></td>
<td data-label="Totaal incl. btw" class="num">{{ qt.total|euro }}</td>
</tr>
{% endfor %}
</tbody>
</table></div>
{% else %}<p class="empty">Er staan nog geen offertes voor u klaar.</p>{% endif %}
</div>
</div></div>
<div class="grid">
<div class="card">
<h2>Bestanden</h2>
{% if files %}
<div class="files">
{% for f in files %}
<div class="file">
<a href="{{ url_for('portal_file', name=f.stored) }}" target="_blank" class="thumb">
{% if f.mime.startswith('image/') %}<img src="{{ url_for('portal_file', name=f.stored) }}" alt="{{ f.original }}" loading="lazy">
{% else %}{{ f.original.rsplit('.', 1)[-1][:4] if '.' in f.original else 'bestand' }}{% endif %}
</a>
<div class="name" title="{{ f.original }}">{{ f.original }}</div>
</div>
{% endfor %}
</div>
{% endif %}
<form method="post" action="{{ url_for('portal_upload') }}" enctype="multipart/form-data">
<label for="files">Foto's of documenten delen (bijv. van uw tuin of tekeningen)</label>
<input id="files" type="file" name="files" multiple required>
<div class="actions"><button class="btn ghost small">Uploaden</button></div>
</form>
<div class="row g-4 mb-4 card-grid">
<div class="col-md-6">
<div class="card"><div class="card-body">
<h2>Bestanden</h2>
{% if files %}
<div class="files">
{% for f in files %}
<div class="file">
<a href="{{ url_for('portal_file', name=f.stored) }}" target="_blank" class="thumb">
{% if f.mime.startswith('image/') %}<img src="{{ url_for('portal_file', name=f.stored) }}" alt="{{ f.original }}" loading="lazy">
{% else %}{{ f.original.rsplit('.', 1)[-1][:4] if '.' in f.original else 'bestand' }}{% endif %}
</a>
<div class="name" title="{{ f.original }}">{{ f.original }}</div>
</div>
{% endfor %}
</div>
{% endif %}
<form method="post" action="{{ url_for('portal_upload') }}" enctype="multipart/form-data">
<label class="form-label" for="files">Foto's of documenten delen (bijv. van uw tuin of tekeningen)</label>
<input class="form-control" id="files" type="file" name="files" multiple required>
<div class="actions"><button class="btn btn-outline-primary btn-sm">Uploaden</button></div>
</form>
</div></div>
</div>
<div class="card">
<h2>Bericht sturen</h2>
<form method="post" action="{{ url_for('portal_message') }}">
<textarea name="body" required aria-label="Bericht" placeholder="Uw vraag of opmerking"></textarea>
<div class="actions"><button class="btn">Versturen</button></div>
</form>
{% for m in messages %}
<p class="muted" style="margin:.75rem 0 0">{{ m.created_at|dt }}<br><span style="color:var(--ink);white-space:pre-line">{{ m.body[8:] }}</span></p>
{% endfor %}
<div class="col-md-6">
<div class="card"><div class="card-body">
<h2>Bericht sturen</h2>
<form method="post" action="{{ url_for('portal_message') }}">
<textarea class="form-control" name="body" required aria-label="Bericht" placeholder="Uw vraag of opmerking"></textarea>
<div class="actions"><button class="btn btn-primary">Versturen</button></div>
</form>
{% for m in messages %}
<p class="muted" style="margin:.75rem 0 0">{{ m.created_at|dt }}<br><span style="color:var(--ink);white-space:pre-line">{{ m.body[8:] }}</span></p>
{% endfor %}
</div></div>
</div>
</div>
{% if s.company_phone or s.company_email %}