Add a report detail page.
This commit is contained in:
parent
c99a5a3f62
commit
4eebb6b88a
4 changed files with 153 additions and 0 deletions
|
|
@ -82,6 +82,13 @@ func getReport(w http.ResponseWriter, r *http.Request) {
|
|||
respondError(w, "Failed to generate report page", err, http.StatusInternalServerError)
|
||||
}
|
||||
}
|
||||
func getReportDetail(w http.ResponseWriter, r *http.Request) {
|
||||
code := chi.URLParam(r, "code")
|
||||
err := htmlReportDetail(w, code)
|
||||
if err != nil {
|
||||
respondError(w, "Failed to generate report page", err, http.StatusInternalServerError)
|
||||
}
|
||||
}
|
||||
|
||||
func getRoot(w http.ResponseWriter, r *http.Request) {
|
||||
user, err := getAuthenticatedUser(r)
|
||||
|
|
|
|||
12
html.go
12
html.go
|
|
@ -16,6 +16,7 @@ import (
|
|||
var (
|
||||
dashboard = newBuiltTemplate("dashboard", "authenticated")
|
||||
report = newBuiltTemplate("report", "base")
|
||||
reportDetail = newBuiltTemplate("report-detail", "base")
|
||||
signin = newBuiltTemplate("signin", "base")
|
||||
signup = newBuiltTemplate("signup", "base")
|
||||
)
|
||||
|
|
@ -30,6 +31,9 @@ type Link struct {
|
|||
Href string
|
||||
Title string
|
||||
}
|
||||
type ContentReportDetail struct {
|
||||
NextURL string
|
||||
}
|
||||
type ContentReportDiagnostic struct {
|
||||
URL string
|
||||
}
|
||||
|
|
@ -97,6 +101,14 @@ func htmlReport(w io.Writer) error {
|
|||
return report.ExecuteTemplate(w, data)
|
||||
}
|
||||
|
||||
func htmlReportDetail(w io.Writer, code string) error {
|
||||
nextURL := BaseURL + "/report/" + code + "/evidence"
|
||||
data := ContentReportDetail{
|
||||
NextURL: nextURL,
|
||||
}
|
||||
return reportDetail.ExecuteTemplate(w, data)
|
||||
}
|
||||
|
||||
func htmlSignin(w io.Writer, errorCode string) error {
|
||||
data := ContentSignin{
|
||||
InvalidCredentials: errorCode == "invalid-credentials",
|
||||
|
|
|
|||
1
main.go
1
main.go
|
|
@ -60,6 +60,7 @@ func main() {
|
|||
r.Get("/", getRoot)
|
||||
r.Get("/qr-code/report/{code}", getQRCodeReport)
|
||||
r.Get("/report", getReport)
|
||||
r.Get("/report/{code}", getReportDetail)
|
||||
r.Post("/signin", postSignin)
|
||||
r.Get("/signup", getSignup)
|
||||
r.Post("/signup", postSignup)
|
||||
|
|
|
|||
133
templates/report-detail.html
Normal file
133
templates/report-detail.html
Normal file
|
|
@ -0,0 +1,133 @@
|
|||
{{template "base.html" .}}
|
||||
|
||||
{{define "title"}}Login{{end}}
|
||||
{{define "style"}}
|
||||
body {
|
||||
background-color: #f8f9fa;
|
||||
}
|
||||
.page-container {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
.content-card {
|
||||
background-color: white;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||
padding: 25px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.logo-area {
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.logo-placeholder {
|
||||
height: 50px;
|
||||
max-width: 200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.map-container {
|
||||
height: 300px;
|
||||
background-color: #e9ecef;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 20px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.map-placeholder {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
background-image: url('https://placehold.co/600x300/e9ecef/adb5bd?text=Map+View');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
.map-pin {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -100%);
|
||||
color: #dc3545;
|
||||
font-size: 30px;
|
||||
}
|
||||
.address-container {
|
||||
background-color: #f8f9fa;
|
||||
border-radius: 10px;
|
||||
padding: 15px;
|
||||
margin-bottom: 20px;
|
||||
border-left: 4px solid #0d6efd;
|
||||
}
|
||||
.action-buttons {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
.progress-container {
|
||||
margin: 30px 0 20px;
|
||||
}
|
||||
.progress {
|
||||
height: 8px;
|
||||
}
|
||||
{{end}}
|
||||
{{define "content"}}
|
||||
<div class="page-container">
|
||||
<!-- Logo -->
|
||||
<div class="logo-area">
|
||||
<img src="https://placehold.co/200x50/e9ecef/adb5bd?text=County+Vector+Control" alt="County Vector Control" class="logo-placeholder">
|
||||
</div>
|
||||
|
||||
<!-- Progress Bar -->
|
||||
<div class="progress-container">
|
||||
<div class="d-flex justify-content-between mb-1">
|
||||
<span class="text-muted small">Location</span>
|
||||
<span class="text-muted small">1 of 4</span>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Main Content -->
|
||||
<div class="content-card">
|
||||
<h1 class="h4 mb-4">Confirm Property Location</h1>
|
||||
|
||||
<!-- Map View -->
|
||||
<div class="map-container">
|
||||
<div class="map-placeholder"></div>
|
||||
<div class="map-pin">
|
||||
<i class="bi bi-geo-alt-fill"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Address Information -->
|
||||
<div class="address-container">
|
||||
<div class="mb-2"><strong>Detected Address:</strong></div>
|
||||
<h5>123 Maple Street, Riverside, CA 92501</h5>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<p>Is this the correct location of the property in question?</p>
|
||||
</div>
|
||||
|
||||
<!-- Action Buttons -->
|
||||
<div class="action-buttons">
|
||||
<a href="{{ .NextURL }}">
|
||||
<button type="button" class="btn btn-success flex-grow-1">
|
||||
<i class="bi bi-check-circle me-2"></i> Correct
|
||||
</button>
|
||||
</a>
|
||||
<button type="button" class="btn btn-outline-primary flex-grow-1">
|
||||
<i class="bi bi-geo-alt me-2"></i> Update Location
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Help Text -->
|
||||
<div class="text-center text-muted small">
|
||||
<p>If you need assistance, please contact Vector Control at (555) 123-4567</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{end}}
|
||||
Loading…
Add table
Add a link
Reference in a new issue