70 lines
1.8 KiB
TypeScript
70 lines
1.8 KiB
TypeScript
// Note: No generated DTO available for RaceListItem yet
|
|
interface RaceListItemDTO {
|
|
id: string;
|
|
name: string;
|
|
leagueId: string;
|
|
leagueName: string;
|
|
scheduledTime: string;
|
|
status: string;
|
|
trackName?: string;
|
|
}
|
|
|
|
export class RaceListItemViewModel {
|
|
id: string;
|
|
name: string;
|
|
leagueId: string;
|
|
leagueName: string;
|
|
scheduledTime: string;
|
|
status: string;
|
|
trackName?: string;
|
|
|
|
constructor(dto: RaceListItemDTO) {
|
|
this.id = dto.id;
|
|
this.name = dto.name;
|
|
this.leagueId = dto.leagueId;
|
|
this.leagueName = dto.leagueName;
|
|
this.scheduledTime = dto.scheduledTime;
|
|
this.status = dto.status;
|
|
if (dto.trackName !== undefined) this.trackName = dto.trackName;
|
|
}
|
|
|
|
/** UI-specific: Formatted scheduled time */
|
|
get formattedScheduledTime(): string {
|
|
return new Date(this.scheduledTime).toLocaleString();
|
|
}
|
|
|
|
/** UI-specific: Badge variant for status */
|
|
get statusBadgeVariant(): string {
|
|
switch (this.status) {
|
|
case 'upcoming': return 'info';
|
|
case 'live': return 'success';
|
|
case 'finished': return 'secondary';
|
|
default: return 'default';
|
|
}
|
|
}
|
|
|
|
/** UI-specific: Whether race is upcoming */
|
|
get isUpcoming(): boolean {
|
|
return this.status === 'upcoming';
|
|
}
|
|
|
|
/** UI-specific: Whether race is live */
|
|
get isLive(): boolean {
|
|
return this.status === 'live';
|
|
}
|
|
|
|
/** UI-specific: Time until start in minutes */
|
|
get timeUntilStart(): number {
|
|
const now = new Date();
|
|
const scheduled = new Date(this.scheduledTime);
|
|
return Math.max(0, Math.floor((scheduled.getTime() - now.getTime()) / (1000 * 60)));
|
|
}
|
|
|
|
/** UI-specific: Display for time until start */
|
|
get timeUntilStartDisplay(): string {
|
|
const minutes = this.timeUntilStart;
|
|
if (minutes < 60) return `${minutes}m`;
|
|
const hours = Math.floor(minutes / 60);
|
|
return `${hours}h ${minutes % 60}m`;
|
|
}
|
|
} |