Verfied response system for electeds

This commit is contained in:
2025-10-16 12:12:54 -06:00
parent 84e2283976
commit ba3b685a8d
17 changed files with 2163 additions and 89 deletions

View File

@@ -83,9 +83,30 @@
<span class="close" id="modal-close-btn">&times;</span>
<h2>Share a Representative Response</h2>
<form id="submit-response-form" enctype="multipart/form-data">
<!-- Postal Code Lookup -->
<div class="form-group">
<label for="modal-postal-code">Find Your Representative by Postal Code</label>
<div class="postal-lookup-container">
<input type="text" id="modal-postal-code" placeholder="Enter postal code (e.g., T5K 2J1)" maxlength="7">
<button type="button" class="btn btn-secondary" id="lookup-rep-btn">🔍 Search</button>
</div>
<small>Search for representatives by postal code to auto-fill details</small>
</div>
<!-- Representatives Selection (Hidden by default) -->
<div class="form-group" id="rep-select-group" style="display: none;">
<label for="rep-select">Select Representative *</label>
<select id="rep-select" size="5">
<!-- Options will be populated by JavaScript -->
</select>
<small>Click on a representative to auto-fill the form</small>
</div>
<!-- Manual Entry Fields -->
<div class="form-group">
<label for="representative-name">Representative Name *</label>
<input type="text" id="representative-name" name="representative_name" required>
<small>Or enter manually if not found above</small>
</div>
<div class="form-group">
@@ -104,6 +125,9 @@
</select>
</div>
<!-- Hidden field to store representative email for verification -->
<input type="hidden" id="representative-email" name="representative_email">
<div class="form-group">
<label for="response-type">Response Type *</label>
<select id="response-type" name="response_type" required>
@@ -150,6 +174,14 @@
</label>
</div>
<div class="form-group">
<label>
<input type="checkbox" id="send-verification" name="send_verification">
Send verification request to representative
</label>
<small>This will email the representative to verify this response is authentic</small>
</div>
<div class="form-actions">
<button type="button" class="btn btn-secondary" id="cancel-submit-btn">Cancel</button>
<button type="submit" class="btn btn-primary">Submit Response</button>
@@ -158,6 +190,7 @@
</div>
</div>
<script src="/js/api-client.js"></script>
<script src="/js/response-wall.js"></script>
</body>
</html>