Update checkin page: remove information card

This commit is contained in:
Nguyen Ngo
2025-08-06 09:51:42 -04:00
parent 1cd4080bfa
commit 233d11e260
-89
View File
@@ -107,95 +107,6 @@
</p> </p>
</div> </div>
<!-- QR Code Info Card -->
<div class="info-card">
<div class="info-header">
<h2>
<i class="fas fa-info-circle"></i>
Event Information
</h2>
</div>
<div class="info-details">
<div class="detail-item">
<div class="detail-icon">
<i class="fas fa-calendar-alt"></i>
</div>
<div class="detail-content">
<strong>Event:</strong>
<span>{{ qr_code.location_event }}</span>
</div>
</div>
<div class="detail-item">
<div class="detail-icon">
<i class="fas fa-building"></i>
</div>
<div class="detail-content">
<strong>Location:</strong>
<span>{{ qr_code.location }}</span>
</div>
</div>
<div class="detail-item">
<div class="detail-icon">
<i class="fas fa-home"></i>
</div>
<div class="detail-content">
<strong>Address:</strong>
<span>{{ qr_code.location_address }}</span>
</div>
</div>
<div class="detail-item">
<div class="detail-icon">
<i class="fas fa-clock"></i>
</div>
<div class="detail-content">
<strong>Current Time:</strong>
<span id="currentTime">Loading...</span>
</div>
</div>
</div>
</div>
<!-- LOCATION STATUS - NEW ADDITION -->
<div id="locationStatus" class="location-status">
<i class="fas fa-location-arrow"></i>
<span id="locationMessage">Getting your location...</span>
</div>
<!-- LOCATION DETAILS - NEW ADDITION -->
<div id="locationInfo" class="location-info">
<h4><i class="fas fa-map-marker-alt"></i> Location Details</h4>
<div class="coord-row">
<span>Latitude:</span>
<span class="coord-value" id="displayLatitude">-</span>
</div>
<div class="coord-row">
<span>Longitude:</span>
<span class="coord-value" id="displayLongitude">-</span>
</div>
<div class="coord-row">
<span>Accuracy:</span>
<span class="coord-value" id="displayAccuracy">-</span>
</div>
<div class="coord-row">
<span>Address:</span>
<span class="coord-value" id="displayAddress">-</span>
</div>
</div>
<!-- LOCATION CONTROLS - NEW ADDITION -->
<div class="location-controls">
<button type="button" class="btn-small" onclick="retryLocationRequest()">
<i class="fas fa-redo"></i> Retry Location
</button>
<button type="button" class="btn-small" onclick="toggleLocationInfo()">
<i class="fas fa-info-circle"></i> Show Details
</button>
</div>
<!-- Check-in Form --> <!-- Check-in Form -->
<div class="checkin-card"> <div class="checkin-card">
<div class="checkin-header"> <div class="checkin-header">