File

projects/angular-calendar/src/modules/common/calendar-event-title-formatter/calendar-event-title-formatter.provider.ts

Description

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
}]

Index

Methods

Methods

day
day(event: CalendarEvent, title: string)

The day view event title.

Parameters :
Name Type Optional
event CalendarEvent No
title string No
Returns : string
dayTooltip
dayTooltip(event: CalendarEvent, title: string)

The day view event tooltip. Return a falsey value from this to disable the tooltip.

Parameters :
Name Type Optional
event CalendarEvent No
title string No
Returns : string
month
month(event: CalendarEvent, title: string)

The month view event title.

Parameters :
Name Type Optional
event CalendarEvent No
title string No
Returns : string
monthTooltip
monthTooltip(event: CalendarEvent, title: string)

The month view event tooltip. Return a falsey value from this to disable the tooltip.

Parameters :
Name Type Optional
event CalendarEvent No
title string No
Returns : string
week
week(event: CalendarEvent, title: string)

The week view event title.

Parameters :
Name Type Optional
event CalendarEvent No
title string No
Returns : string
weekTooltip
weekTooltip(event: CalendarEvent, title: string)

The week view event tooltip. Return a falsey value from this to disable the tooltip.

Parameters :
Name Type Optional
event CalendarEvent No
title string No
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;
  }
}

results matching ""

    No results matching ""