Add support for generating the QR code in the page.

This commit is contained in:
Eli Ribble 2025-11-05 21:21:58 +00:00
parent 24aa1b88ef
commit c99a5a3f62
No known key found for this signature in database
6 changed files with 77 additions and 47 deletions

View file

@ -102,49 +102,6 @@
}
{{end}}
{{define "content"}}
<header class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
<div class="container">
<!-- Logo -->
<a class="navbar-brand" href="#">
<div class="logo-placeholder" style="width: 100px; height: 40px; background-color: #e9ecef; display: flex; align-items: center; justify-content: center; border-radius: 4px;">
<span class="text-muted small">Your Logo</span>
</div>
</a>
<!-- Toggle Button for Mobile -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Nav Items -->
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link active" href="#">Diagnostics</a>
</li>
</ul>
<!-- User Info & Logout -->
<div class="d-flex align-items-center">
<div class="dropdown">
<a class="text-decoration-none dropdown-toggle d-flex align-items-center" href="#" role="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
<div class="avatar me-2 bg-primary rounded-circle d-flex align-items-center justify-content-center" style="width: 36px; height: 36px;">
<span class="text-white">JD</span>
</div>
<span class="me-2">John Doe</span>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown">
<li><a class="dropdown-item" href="#">Profile</a></li>
<li><a class="dropdown-item" href="#">Settings</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item text-danger" href="#">Logout</a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<div class="container py-5">
<div class="entry-container">
<div class="entry-box">
@ -168,7 +125,7 @@
<p>Customers will receive the following text message with a link to begin the reporting process:</p>
<div class="sms-mockup">
<strong>Vector Control:</strong> We noticed a potential green pool at your property. Please tap the link to report status or schedule inspection: <a href="#">https://sync.nidus.cloud/report/t78fd3</a>
<strong>Vector Control:</strong> We noticed a potential green pool at your property. Please tap the link to report status or schedule inspection: <a href="{{ .URL }}">{{ .URL }}</a>
</div>
<div class="mt-3">
@ -197,7 +154,7 @@
<img src="/qr-code/report/t78fd3" width="256" height="256"/>
<p><strong>Scan this code</strong> with your phone camera to report your pool status or schedule an inspection.</p>
<p class="small text-muted">Or visit: https://sync.nidus.cloud/report/t78fd3</p>
<p class="small text-muted">Or visit: {{ .URL }}</p>
</div>
<div class="mt-3">
@ -235,7 +192,7 @@
<a href="/report/t78fd3" class="btn btn-primary">Report Pool Status or Schedule Inspection</a>
</div>
<p>Please click the button above or visit <a href="#">https://sync.nidus.cloud/report/t78fd3</a> to complete a brief questionnaire about your pool status. This will help us determine if an inspection is needed or if you've already addressed the issue.</p>
<p>Please click the button above or visit <a href="{{ .URL }}">{{ .URL }}</a> to complete a brief questionnaire about your pool status. This will help us determine if an inspection is needed or if you've already addressed the issue.</p>
<p>Thank you for helping keep our community safe and healthy.</p>