54 lines
1.7 KiB
TypeScript
54 lines
1.7 KiB
TypeScript
import { ViewModel } from "../contracts/view-models/ViewModel";
|
|
import { CurrencyDisplay } from "../display-objects/CurrencyDisplay";
|
|
import { DateDisplay } from "../display-objects/DateDisplay";
|
|
import { MembershipFeeTypeDisplay } from "../display-objects/MembershipFeeTypeDisplay";
|
|
import type { MembershipFeeViewData } from "../view-data/MembershipFeeViewData";
|
|
|
|
export class MembershipFeeViewModel extends ViewModel {
|
|
private readonly data: MembershipFeeViewData;
|
|
|
|
constructor(data: MembershipFeeViewData) {
|
|
super();
|
|
this.data = data;
|
|
}
|
|
|
|
get id(): string { return this.data.id; }
|
|
get leagueId(): string { return this.data.leagueId; }
|
|
get seasonId(): string | undefined { return this.data.seasonId; }
|
|
get type(): string { return this.data.type; }
|
|
get amount(): number { return this.data.amount; }
|
|
get enabled(): boolean { return this.data.enabled; }
|
|
get createdAt(): string { return this.data.createdAt; }
|
|
get updatedAt(): string { return this.data.updatedAt; }
|
|
|
|
/** UI-specific: Formatted amount */
|
|
get formattedAmount(): string {
|
|
return CurrencyDisplay.format(this.amount, 'EUR');
|
|
}
|
|
|
|
/** UI-specific: Type display */
|
|
get typeDisplay(): string {
|
|
return MembershipFeeTypeDisplay.format(this.type);
|
|
}
|
|
|
|
/** UI-specific: Status display */
|
|
get statusDisplay(): string {
|
|
return this.enabled ? 'Enabled' : 'Disabled';
|
|
}
|
|
|
|
/** UI-specific: Status color */
|
|
get statusColor(): string {
|
|
return this.enabled ? 'green' : 'red';
|
|
}
|
|
|
|
/** UI-specific: Formatted created date */
|
|
get formattedCreatedAt(): string {
|
|
return DateDisplay.formatShort(this.createdAt);
|
|
}
|
|
|
|
/** UI-specific: Formatted updated date */
|
|
get formattedUpdatedAt(): string {
|
|
return DateDisplay.formatShort(this.updatedAt);
|
|
}
|
|
}
|