ionic2-calendar-scheduler/calendar.metadata.json

Ionic5 calendar scheduler component

[{"__symbolic":"module","version":4,"metadata":{"IBooking":{"__symbolic":"interface"},"IRange":{"__symbolic":"interface"},"IView":{"__symbolic":"interface"},"IWeekView":{"__symbolic":"interface"},"IWeekViewDayHeaderRow":{"__symbolic":"interface"},"IWeekViewRow":{"__symbolic":"interface"},"IDisplayBooking":{"__symbolic":"interface"},"IDisplayWeekViewHeader":{"__symbolic":"interface"},"ICalendarComponent":{"__symbolic":"interface"},"IWeekViewNormalEventSectionTemplateContext":{"__symbolic":"interface"},"IDateFormatter":{"__symbolic":"interface"},"CalendarMode":{"__symbolic":"interface"},"QueryMode":{"__symbolic":"interface"},"Step":{"Hour":60},"CalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":78,"character":1},"arguments":[{"selector":"calendar","template":"\n        <ng-template #defaultWeekviewHeaderTemplate let-dayHeader=\"dayHeader\">\n            {{ dayHeader[\"dayHeaderString\"] }}\n        </ng-template>\n\n        <ng-template #defaultNormalEventTemplate let-booking=\"booking\">\n            <div class=\"calendar-event-inner\"\n                 [ngStyle]=\"{ 'background-color' : getBackgroundColor(booking.event.status), 'color' : getTextColor(booking.event.status) }\">{{booking.event.name}}\n                <br>{{booking.event.phone}}</div>\n        </ng-template>\n\n        <ng-template #defaultNormalEventSectionTemplate let-roomDayData=\"roomDayData\" let-dayIndex=\"dayIndex\"\n                     let-eventTemplate=\"eventTemplate\">\n            <div [ngClass]=\"{'calendar-event-wrap': roomDayData['roomEvents']}\" *ngIf=\"roomDayData['roomEvents']\"\n                 style=\"height: 100%\">\n                <div *ngFor=\"let displayBooking of roomDayData['roomEvents']\" class=\"calendar-event-wrap\" tappable\n                     (click)=\"eventSelected(displayBooking.event)\"\n                     [ngStyle]=\"{'width': getEventWidth(displayBooking, dayIndex),\n                                 'height': '100%',\n                                 'margin-left': displayBooking['startedPreviousWeek'] ? '0%' : '50%'}\">\n                    <ng-template [ngTemplateOutlet]=\"eventTemplate\"\n                                 [ngTemplateOutletContext]=\"{booking:displayBooking}\"></ng-template>\n                </div>\n            </div>\n        </ng-template>\n\n        <div class=\"weekview-container\">\n            <weekview [formatViewTitle]=\"formatWeekTitle\"\n                      [formatWeekViewDayHeader]=\"formatWeekViewDayHeader\"\n                      [bookingsSource]=\"bookingsSource\"\n                      [roomNamesSource]=\"roomNamesSource\"\n                      [weekviewHeaderTemplate]=\"weekviewHeaderTemplate||defaultWeekviewHeaderTemplate\"\n                      [weekviewNormalEventTemplate]=\"weekviewNormalEventTemplate||defaultNormalEventTemplate\"\n                      [weekviewNormalEventSectionTemplate]=\"weekviewNormalEventSectionTemplate||defaultNormalEventSectionTemplate\"\n                      [locale]=\"locale\"\n                      [dateFormatter]=\"dateFormatter\"\n                      (onRangeChanged)=\"rangeChanged($event)\"\n                      (onEventSelected)=\"eventSelected($event)\"\n                      (onTitleChanged)=\"titleChanged($event)\">\n            </weekview>\n        </div>","styles":["\n        :host > div {\n            height: 100%;\n        }\n\n        .calendar-event-inner {\n            overflow: hidden;\n            background-color: #3a87ad;\n            color: white;\n            height: 100%;\n            width: 100%;\n            padding: 2px;\n            line-height: 15px;\n            text-align: center;\n            text-overflow: ellipsis;\n        }\n\n        @media (max-width: 750px) {\n            .calendar-event-inner {\n                font-size: 12px;\n            }\n        }\n    "],"providers":[{"__symbolic":"reference","module":"./calendar.service","name":"CalendarService","line":144,"character":16}]}]}],"members":{"currentDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":5}}]}],"bookingsSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":5}}]}],"roomNamesSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":5}}]}],"calendarMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":164,"character":5}}]}],"formatWeekTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":5}}]}],"formatWeekViewDayHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":166,"character":5}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":5}}]}],"weekviewHeaderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":5}}]}],"weekviewNormalEventTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":5}}]}],"weekviewNormalEventSectionTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":5}}]}],"dateFormatter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":171,"character":5}}]}],"locale":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":5}}]}],"onCurrentDateChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":174,"character":5}}]}],"onRangeChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":175,"character":5}}]}],"onEventSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":176,"character":5}}]}],"onTitleChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":177,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":182,"character":59},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"LOCALE_ID","line":182,"character":66}]}]],"parameters":[{"__symbolic":"reference","module":"./calendar.service","name":"CalendarService","line":182,"character":41},{"__symbolic":"reference","name":"string"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"rangeChanged":[{"__symbolic":"method"}],"eventSelected":[{"__symbolic":"method"}],"titleChanged":[{"__symbolic":"method"}],"getBackgroundColor":[{"__symbolic":"method"}],"getTextColor":[{"__symbolic":"method"}],"getEventWidth":[{"__symbolic":"method"}]}}}}]