feat: add confirmation date and service type to QSO table
Replace Status column with Confirmed column that displays both the QSL service type (LoTW) and confirmation date, making it ready for future QSL services like eQSL and ClubLog. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -401,7 +401,7 @@
|
||||
<th>Mode</th>
|
||||
<th>Entity</th>
|
||||
<th>Grid</th>
|
||||
<th>Status</th>
|
||||
<th>Confirmed</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@@ -415,10 +415,13 @@
|
||||
<td>{qso.entity || '-'}</td>
|
||||
<td>{qso.grid || '-'}</td>
|
||||
<td>
|
||||
{#if qso.lotwQslRstatus === 'Y'}
|
||||
<span class="badge badge-success">Confirmed</span>
|
||||
{#if qso.lotwQslRstatus === 'Y' && qso.lotwQslRdate}
|
||||
<span class="confirmation-info">
|
||||
<span class="service-type">LoTW</span>
|
||||
<span class="confirmation-date">{formatDate(qso.lotwQslRdate)}</span>
|
||||
</span>
|
||||
{:else}
|
||||
<span class="badge badge-pending">Pending</span>
|
||||
-
|
||||
{/if}
|
||||
</td>
|
||||
</tr>
|
||||
@@ -742,6 +745,25 @@
|
||||
color: #856404;
|
||||
}
|
||||
|
||||
.confirmation-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.25rem;
|
||||
}
|
||||
|
||||
.service-type {
|
||||
font-size: 0.7rem;
|
||||
font-weight: 600;
|
||||
color: #4a90e2;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.confirmation-date {
|
||||
font-size: 0.875rem;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.loading, .error, .empty {
|
||||
text-align: center;
|
||||
padding: 3rem;
|
||||
|
||||
Reference in New Issue
Block a user