projects/angular-calendar/src/modules/common/calendar-event-title-formatter/calendar-event-title-formatter.provider.ts
This class is responsible for displaying all event titles within the calendar. You may override any of its methods via angulars DI to suit your requirements. For example:
import { Injectable } from '@angular/core';
import { CalendarEventTitleFormatter, CalendarEvent } from 'angular-calendar';
@Injectable()
class CustomEventTitleFormatter extends CalendarEventTitleFormatter {
month(event: CalendarEvent): string {
return `Custom prefix: ${event.title}`;
}
}
// in your component
providers: [{
provide: CalendarEventTitleFormatter,
useClass: CustomEventTitleFormatter
}]
Methods |
day | |||||||||
day(event: CalendarEvent, title: string)
|
|||||||||
The day view event title.
Parameters :
Returns :
string
|
dayTooltip | |||||||||
dayTooltip(event: CalendarEvent, title: string)
|
|||||||||
The day view event tooltip. Return a falsey value from this to disable the tooltip.
Parameters :
Returns :
string
|
month | |||||||||
month(event: CalendarEvent, title: string)
|
|||||||||
The month view event title.
Parameters :
Returns :
string
|
monthTooltip | |||||||||
monthTooltip(event: CalendarEvent, title: string)
|
|||||||||
The month view event tooltip. Return a falsey value from this to disable the tooltip.
Parameters :
Returns :
string
|
week | |||||||||
week(event: CalendarEvent, title: string)
|
|||||||||
The week view event title.
Parameters :
Returns :
string
|
weekTooltip | |||||||||
weekTooltip(event: CalendarEvent, title: string)
|
|||||||||
The week view event tooltip. Return a falsey value from this to disable the tooltip.
Parameters :
Returns :
string
|
import { CalendarEvent } from 'calendar-utils';
/**
* This class is responsible for displaying all event titles within the calendar. You may override any of its methods via angulars DI to suit your requirements. For example:
*
* ```typescript
* import { Injectable } from '@angular/core';
* import { CalendarEventTitleFormatter, CalendarEvent } from 'angular-calendar';
*
* @Injectable()
* class CustomEventTitleFormatter extends CalendarEventTitleFormatter {
*
* month(event: CalendarEvent): string {
* return `Custom prefix: ${event.title}`;
* }
*
* }
*
* // in your component
* providers: [{
* provide: CalendarEventTitleFormatter,
* useClass: CustomEventTitleFormatter
* }]
* ```
*/
export class CalendarEventTitleFormatter {
/**
* The month view event title.
*/
month(event: CalendarEvent, title: string): string {
return event.title;
}
/**
* The month view event tooltip. Return a falsey value from this to disable the tooltip.
*/
monthTooltip(event: CalendarEvent, title: string): string {
return event.title;
}
/**
* The week view event title.
*/
week(event: CalendarEvent, title: string): string {
return event.title;
}
/**
* The week view event tooltip. Return a falsey value from this to disable the tooltip.
*/
weekTooltip(event: CalendarEvent, title: string): string {
return event.title;
}
/**
* The day view event title.
*/
day(event: CalendarEvent, title: string): string {
return event.title;
}
/**
* The day view event tooltip. Return a falsey value from this to disable the tooltip.
*/
dayTooltip(event: CalendarEvent, title: string): string {
return event.title;
}
}