angular-calendar
Version:
A calendar component that can display events on a month, week or day view
34 lines • 2.18 kB
JavaScript
import { Component, Input, trigger, style, transition, animate, Output, EventEmitter } from '@angular/core';
export var CalendarOpenDayEventsComponent = (function () {
function CalendarOpenDayEventsComponent() {
this.isOpen = false;
this.eventClicked = new EventEmitter();
}
CalendarOpenDayEventsComponent.decorators = [
{ type: Component, args: [{
selector: 'mwl-calendar-open-day-events',
template: "\n <div class=\"cal-open-day-events\" [@collapse] *ngIf=\"isOpen\">\n <div\n *ngFor=\"let event of events\"\n [ngClass]=\"event?.cssClass\"\n mwlDraggable\n [dropData]=\"{event: event}\"\n [dragAxis]=\"{x: event.draggable, y: event.draggable}\">\n <span\n class=\"cal-event\"\n [style.backgroundColor]=\"event.color.primary\">\n </span>\n <mwl-calendar-event-title\n [event]=\"event\"\n view=\"month\"\n (click)=\"eventClicked.emit({event: event})\">\n </mwl-calendar-event-title>\n <mwl-calendar-event-actions [event]=\"event\"></mwl-calendar-event-actions>\n </div>\n </div>\n ",
animations: [
trigger('collapse', [
transition('void => *', [
style({ height: 0 }),
animate('150ms linear', style({ height: '*' }))
]),
transition('* => void', [
style({ height: '*' }),
animate('150ms linear', style({ height: 0 }))
])
])
]
},] },
];
/** @nocollapse */
CalendarOpenDayEventsComponent.ctorParameters = function () { return []; };
CalendarOpenDayEventsComponent.propDecorators = {
'isOpen': [{ type: Input },],
'events': [{ type: Input },],
'eventClicked': [{ type: Output },],
};
return CalendarOpenDayEventsComponent;
}());
//# sourceMappingURL=calendarOpenDayEvents.component.js.map