Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
ionic2-calendar
Advanced tools
ionic2-calendar - npm Package Compare versions
Comparing version 0.0.10 to 0.0.11
@@ -35,10 +35,10 @@ /** | ||
| import * as import27 from '@angular/core/src/di/injector'; | ||
| import * as import28 from 'ionic-angular/components/action-sheet/action-sheet-component.ngfactory'; | ||
| import * as import29 from 'ionic-angular/components/alert/alert-component.ngfactory'; | ||
| import * as import30 from 'ionic-angular/components/app/app-root.ngfactory'; | ||
| import * as import31 from 'ionic-angular/components/loading/loading-component.ngfactory'; | ||
| import * as import32 from 'ionic-angular/components/modal/modal-component.ngfactory'; | ||
| import * as import33 from 'ionic-angular/components/picker/picker-component.ngfactory'; | ||
| import * as import34 from 'ionic-angular/components/popover/popover-component.ngfactory'; | ||
| import * as import35 from 'ionic-angular/components/toast/toast-component.ngfactory'; | ||
| import * as import28 from '../node_modules/ionic-angular/components/action-sheet/action-sheet-component.ngfactory'; | ||
| import * as import29 from '../node_modules/ionic-angular/components/alert/alert-component.ngfactory'; | ||
| import * as import30 from '../node_modules/ionic-angular/components/app/app-root.ngfactory'; | ||
| import * as import31 from '../node_modules/ionic-angular/components/loading/loading-component.ngfactory'; | ||
| import * as import32 from '../node_modules/ionic-angular/components/modal/modal-component.ngfactory'; | ||
| import * as import33 from '../node_modules/ionic-angular/components/picker/picker-component.ngfactory'; | ||
| import * as import34 from '../node_modules/ionic-angular/components/popover/popover-component.ngfactory'; | ||
| import * as import35 from '../node_modules/ionic-angular/components/toast/toast-component.ngfactory'; | ||
| import * as import36 from './calendar.ngfactory'; | ||
@@ -61,3 +61,2 @@ import * as import37 from '@angular/core/src/application_tokens'; | ||
| import * as import52 from '@angular/http/src/http'; | ||
| import * as import53 from '@angular/core/src/i18n/tokens'; | ||
| class NgCalendarModuleInjector extends import0.NgModuleInjector<import1.NgCalendarModule> { | ||
@@ -105,3 +104,2 @@ _CommonModule_0:import2.CommonModule; | ||
| __FormBuilder_40:import26.FormBuilder; | ||
| __TRANSLATIONS_FORMAT_41:any; | ||
| constructor(parent:import27.Injector) { | ||
@@ -122,3 +120,3 @@ super(parent,[ | ||
| get _LOCALE_ID_9():any { | ||
| if ((this.__LOCALE_ID_9 == (null as any))) { (this.__LOCALE_ID_9 = (null as any)); } | ||
| if ((this.__LOCALE_ID_9 == (null as any))) { (this.__LOCALE_ID_9 = 'en-US'); } | ||
| return this.__LOCALE_ID_9; | ||
@@ -239,6 +237,2 @@ } | ||
| } | ||
| get _TRANSLATIONS_FORMAT_41():any { | ||
| if ((this.__TRANSLATIONS_FORMAT_41 == (null as any))) { (this.__TRANSLATIONS_FORMAT_41 = (null as any)); } | ||
| return this.__TRANSLATIONS_FORMAT_41; | ||
| } | ||
| createInternal():import1.NgCalendarModule { | ||
@@ -302,3 +296,2 @@ this._CommonModule_0 = new import2.CommonModule(); | ||
| if ((token === import26.FormBuilder)) { return this._FormBuilder_40; } | ||
| if ((token === import53.TRANSLATIONS_FORMAT)) { return this._TRANSLATIONS_FORMAT_41; } | ||
| return notFoundResult; | ||
@@ -310,2 +303,2 @@ } | ||
| } | ||
| export const NgCalendarModuleNgFactory:import0.NgModuleFactory<import1.NgCalendarModule> = new import0.NgModuleFactory(NgCalendarModuleInjector,import1.NgCalendarModule); | ||
| export const NgCalendarModuleNgFactory:import0.NgModuleFactory<import1.NgCalendarModule> = new import0.NgModuleFactory(NgCalendarModuleInjector,import1.NgCalendarModule); |
@@ -22,7 +22,6 @@ /** | ||
| import * as import14 from './monthview.ngfactory'; | ||
| import * as import15 from '@angular/core/src/i18n/tokens'; | ||
| import * as import16 from './weekview'; | ||
| import * as import17 from './weekview.ngfactory'; | ||
| import * as import18 from './dayview'; | ||
| import * as import19 from './dayview.ngfactory'; | ||
| import * as import15 from './weekview'; | ||
| import * as import16 from './weekview.ngfactory'; | ||
| import * as import17 from './dayview'; | ||
| import * as import18 from './dayview.ngfactory'; | ||
| var renderType_CalendarComponent_Host:import0.RenderComponentType = (null as any); | ||
@@ -193,3 +192,3 @@ class _View_CalendarComponent_Host0 extends import1.AppView<any> { | ||
| var compView_0:any = import14.viewFactory_MonthViewComponent0(this.viewUtils,this.injector(0),this._appEl_0); | ||
| this._MonthViewComponent_0_4 = new import13.MonthViewComponent(this.parent.parentInjector.get(import15.LOCALE_ID),this.parent.parentInjector.get(import3.CalendarService)); | ||
| this._MonthViewComponent_0_4 = new import13.MonthViewComponent(this.parent.parentInjector.get(import3.CalendarService)); | ||
| this._appEl_0.initComponent(this._MonthViewComponent_0_4,[],compView_0); | ||
@@ -320,3 +319,3 @@ this._text_1 = this.renderer.createText((null as any),'\n ',(null as any)); | ||
| /*private*/ _appEl_0:import2.AppElement; | ||
| _WeekViewComponent_0_4:import16.WeekViewComponent; | ||
| _WeekViewComponent_0_4:import15.WeekViewComponent; | ||
| _text_1:any; | ||
@@ -337,4 +336,4 @@ /*private*/ _expr_4:any; | ||
| this._appEl_0 = new import2.AppElement(0,(null as any),this,this._el_0); | ||
| var compView_0:any = import17.viewFactory_WeekViewComponent0(this.viewUtils,this.injector(0),this._appEl_0); | ||
| this._WeekViewComponent_0_4 = new import16.WeekViewComponent(this.parent.parentInjector.get(import15.LOCALE_ID),this.parent.parentInjector.get(import3.CalendarService)); | ||
| var compView_0:any = import16.viewFactory_WeekViewComponent0(this.viewUtils,this.injector(0),this._appEl_0); | ||
| this._WeekViewComponent_0_4 = new import15.WeekViewComponent(this.parent.parentInjector.get(import3.CalendarService)); | ||
| this._appEl_0.initComponent(this._WeekViewComponent_0_4,[],compView_0); | ||
@@ -379,3 +378,3 @@ this._text_1 = this.renderer.createText((null as any),'\n ',(null as any)); | ||
| injectorGetInternal(token:any,requestNodeIndex:number,notFoundResult:any):any { | ||
| if (((token === import16.WeekViewComponent) && ((0 <= requestNodeIndex) && (requestNodeIndex <= 1)))) { return this._WeekViewComponent_0_4; } | ||
| if (((token === import15.WeekViewComponent) && ((0 <= requestNodeIndex) && (requestNodeIndex <= 1)))) { return this._WeekViewComponent_0_4; } | ||
| return notFoundResult; | ||
@@ -472,3 +471,3 @@ } | ||
| /*private*/ _appEl_0:import2.AppElement; | ||
| _DayViewComponent_0_4:import18.DayViewComponent; | ||
| _DayViewComponent_0_4:import17.DayViewComponent; | ||
| _text_1:any; | ||
@@ -487,4 +486,4 @@ /*private*/ _expr_4:any; | ||
| this._appEl_0 = new import2.AppElement(0,(null as any),this,this._el_0); | ||
| var compView_0:any = import19.viewFactory_DayViewComponent0(this.viewUtils,this.injector(0),this._appEl_0); | ||
| this._DayViewComponent_0_4 = new import18.DayViewComponent(this.parent.parentInjector.get(import15.LOCALE_ID),this.parent.parentInjector.get(import3.CalendarService)); | ||
| var compView_0:any = import18.viewFactory_DayViewComponent0(this.viewUtils,this.injector(0),this._appEl_0); | ||
| this._DayViewComponent_0_4 = new import17.DayViewComponent(this.parent.parentInjector.get(import3.CalendarService)); | ||
| this._appEl_0.initComponent(this._DayViewComponent_0_4,[],compView_0); | ||
@@ -527,3 +526,3 @@ this._text_1 = this.renderer.createText((null as any),'\n ',(null as any)); | ||
| injectorGetInternal(token:any,requestNodeIndex:number,notFoundResult:any):any { | ||
| if (((token === import18.DayViewComponent) && ((0 <= requestNodeIndex) && (requestNodeIndex <= 1)))) { return this._DayViewComponent_0_4; } | ||
| if (((token === import17.DayViewComponent) && ((0 <= requestNodeIndex) && (requestNodeIndex <= 1)))) { return this._DayViewComponent_0_4; } | ||
| return notFoundResult; | ||
@@ -530,0 +529,0 @@ } |
@@ -6,3 +6,2 @@ import { Slides } from 'ionic-angular'; | ||
| export declare class DayViewComponent implements ICalendarComponent, OnInit, OnChanges { | ||
| private locale; | ||
| private calendarService; | ||
@@ -30,3 +29,3 @@ slider: Slides; | ||
| private inited; | ||
| constructor(locale: string, calendarService: CalendarService); | ||
| constructor(calendarService: CalendarService); | ||
| ngOnInit(): void; | ||
@@ -33,0 +32,0 @@ ngOnChanges(changes: SimpleChanges): void; |
| import { DatePipe } from '@angular/common'; | ||
| import { Inject, LOCALE_ID, Component, HostBinding, Input, Output, EventEmitter, ViewChild, ViewEncapsulation } from '@angular/core'; | ||
| import { Component, HostBinding, Input, Output, EventEmitter, ViewChild, ViewEncapsulation } from '@angular/core'; | ||
| import { CalendarService } from './calendar.service'; | ||
| export var DayViewComponent = (function () { | ||
| function DayViewComponent(locale, calendarService) { | ||
| this.locale = locale; | ||
| function DayViewComponent(calendarService) { | ||
| this.calendarService = calendarService; | ||
@@ -40,23 +39,20 @@ this.class = true; | ||
| DayViewComponent.prototype.onSlideChanged = function () { | ||
| var _this = this; | ||
| setTimeout(function () { | ||
| var currentSlideIndex = _this.slider.getActiveIndex(), direction = 0, currentViewIndex = _this.currentViewIndex; | ||
| currentSlideIndex = (currentSlideIndex + 2) % 3; | ||
| if (currentSlideIndex - currentViewIndex === 1) { | ||
| direction = 1; | ||
| } | ||
| else if (currentSlideIndex === 0 && currentViewIndex === 2) { | ||
| direction = 1; | ||
| _this.slider.slideTo(1, 0, false); | ||
| } | ||
| else if (currentViewIndex - currentSlideIndex === 1) { | ||
| direction = -1; | ||
| } | ||
| else if (currentSlideIndex === 2 && currentViewIndex === 0) { | ||
| direction = -1; | ||
| _this.slider.slideTo(3, 0, false); | ||
| } | ||
| _this.currentViewIndex = currentSlideIndex; | ||
| _this.move(direction); | ||
| }, 200); | ||
| var currentSlideIndex = this.slider.getActiveIndex(), direction = 0, currentViewIndex = this.currentViewIndex; | ||
| currentSlideIndex = (currentSlideIndex + 2) % 3; | ||
| if (currentSlideIndex - currentViewIndex === 1) { | ||
| direction = 1; | ||
| } | ||
| else if (currentSlideIndex === 0 && currentViewIndex === 2) { | ||
| direction = 1; | ||
| this.slider.slideTo(1, 0, false); | ||
| } | ||
| else if (currentViewIndex - currentSlideIndex === 1) { | ||
| direction = -1; | ||
| } | ||
| else if (currentSlideIndex === 2 && currentViewIndex === 0) { | ||
| direction = -1; | ||
| this.slider.slideTo(3, 0, false); | ||
| } | ||
| this.currentViewIndex = currentSlideIndex; | ||
| this.move(direction); | ||
| }; | ||
@@ -189,3 +185,3 @@ DayViewComponent.prototype.move = function (direction) { | ||
| var startingDate = this.range.startTime; | ||
| return new DatePipe(this.locale).transform(startingDate, this.formatDayTitle); | ||
| return new DatePipe(undefined).transform(startingDate, this.formatDayTitle); | ||
| }; | ||
@@ -307,3 +303,2 @@ DayViewComponent.compareEventByStartOffset = function (eventA, eventB) { | ||
| DayViewComponent.ctorParameters = [ | ||
| { type: undefined, decorators: [{ type: Inject, args: [LOCALE_ID,] },] }, | ||
| { type: CalendarService, }, | ||
@@ -310,0 +305,0 @@ ]; |
@@ -1,1 +0,1 @@ | ||
| {"__symbolic":"module","version":1,"metadata":{"DayViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dayview","template":"\n <ion-slides #daySlider [options]=\"slideOption\" (ionDidChange)=\"onSlideChanged()\">\n <ion-slide *ngFor=\"let view of views; let viewIndex=index\">\n <div class=\"dayview-allday-table\">\n <div class=\"dayview-allday-label\">{{allDayLabel}}</div>\n <ion-scroll scrollY=\"true\" zoom=\"false\" class=\"dayview-allday-content-wrapper\">\n <table class=\"table table-bordered dayview-allday-content-table\">\n <tbody>\n <tr>\n <td class=\"calendar-cell\" [ngClass]=\"{'calendar-event-wrap':view.allDayEvents.length>0}\"\n [ngStyle]=\"{height: 25*view.allDayEvents.length+'px'}\"\n *ngIf=\"viewIndex===currentViewIndex\">\n <div *ngFor=\"let displayEvent of view.allDayEvents; let eventIndex=index\"\n class=\"calendar-event\"\n (click)=\"eventSelected(displayEvent.event)\"\n [ngStyle]=\"{top: 25*eventIndex+'px',width: '100%',height:'25px'}\">\n <div class=\"calendar-event-inner\">{{displayEvent.event.title}}</div>\n </div>\n </td>\n <td class=\"calendar-cell\" *ngIf=\"viewIndex!==currentViewIndex\">\n </td>\n </tr>\n </tbody>\n </table>\n </ion-scroll>\n </div>\n <ion-scroll scrollY=\"true\" class=\"dayview-normal-event-container\">\n <table class=\"table table-bordered table-fixed dayview-normal-event-table\"\n *ngIf=\"viewIndex===currentViewIndex\">\n <tbody>\n <tr *ngFor=\"let tm of view.rows\">\n <td class=\"calendar-hour-column text-center\">\n {{tm.time | date: formatHourColumn}}\n </td>\n <td class=\"calendar-cell\" (click)=\"select(tm.time, tm.events)\">\n <div [ngClass]=\"{'calendar-event-wrap': tm.events}\" *ngIf=\"tm.events\">\n <div *ngFor=\"let displayEvent of tm.events\" class=\"calendar-event\"\n (click)=\"eventSelected(displayEvent.event)\"\n [ngStyle]=\"{top: (37*displayEvent.startOffset/hourParts)+'px', left: 100/displayEvent.overlapNumber*displayEvent.position+'%', width: 100/displayEvent.overlapNumber+'%', height: 37*(displayEvent.endIndex -displayEvent.startIndex - (displayEvent.endOffset + displayEvent.startOffset)/hourParts)+'px'}\">\n <div class=\"calendar-event-inner\">{{displayEvent.event.title}}</div>\n </div>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n <table class=\"table table-bordered table-fixed dayview-normal-event-table\"\n *ngIf=\"viewIndex!==currentViewIndex\">\n <tbody>\n <tr *ngFor=\"let tm of view.rows\">\n <td class=\"calendar-hour-column text-center\">\n {{tm.time | date: formatHourColumn}}\n </td>\n <td class=\"calendar-cell\">\n </td>\n </tr>\n </tbody>\n </table>\n </ion-scroll>\n </ion-slide>\n </ion-slides>\n ","styles":["\n .table-fixed {\n table-layout: fixed;\n }\n\n .table {\n width: 100%;\n max-width: 100%;\n background-color: transparent;\n }\n\n .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td,\n .table > tbody > tr > td, .table > tfoot > tr > td {\n padding: 8px;\n line-height: 20px;\n vertical-align: top;\n }\n\n .table > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid #ddd;\n }\n\n .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {\n border-top: 0\n }\n\n .table > tbody + tbody {\n border-top: 2px solid #ddd;\n }\n\n .table-bordered {\n border: 1px solid #ddd;\n }\n\n .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th,\n .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {\n border: 1px solid #ddd;\n }\n\n .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {\n border-bottom-width: 2px;\n }\n\n .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {\n background-color: #f9f9f9\n }\n\n .calendar-hour-column {\n width: 50px;\n white-space: nowrap;\n }\n\n .calendar-event-wrap {\n position: relative;\n width: 100%;\n height: 100%;\n }\n\n .calendar-event {\n position: absolute;\n padding: 2px;\n cursor: pointer;\n z-index: 10000;\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 }\n\n .calendar-cell {\n padding: 0 !important;\n height: 37px;\n }\n\n .dayview-allday-label {\n float: left;\n height: 100%;\n line-height: 50px;\n text-align: center;\n width: 50px;\n }\n\n .dayview-allday-content-wrapper {\n margin-left: 50px;\n overflow: hidden;\n height: 51px;\n }\n\n .dayview-allday-content-table {\n min-height: 50px;\n }\n\n .dayview-allday-content-table td {\n border-left: 1px solid #ddd;\n border-right: 1px solid #ddd;\n }\n\n .dayview {\n height: 100%;\n }\n\n .dayview-allday-table {\n height: 50px;\n position: relative;\n border-bottom: 1px solid #ddd;\n font-size: 14px;\n }\n\n .dayview-normal-event-container {\n margin-top: 50px;\n overflow: hidden;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n font-size: 14px;\n }\n\n .dayview .slide-zoom {\n height: 100%;\n }\n\n .dayview-allday-content-wrapper scroll-content {\n width: 100%;\n }\n\n ::-webkit-scrollbar,\n *::-webkit-scrollbar {\n display: none;\n }\n\n .table > tbody > tr > td.calendar-hour-column {\n padding-left: 0;\n padding-right: 0;\n vertical-align: middle;\n }\n\n @media (max-width: 750px) {\n .dayview-allday-label, .calendar-hour-column {\n width: 31px;\n font-size: 12px;\n }\n\n .dayview-allday-label {\n padding-top: 4px;\n }\n\n .table > tbody > tr > td.calendar-hour-column {\n padding-left: 0;\n padding-right: 0;\n vertical-align: middle;\n line-height: 12px;\n }\n\n .dayview-allday-label {\n line-height: 20px;\n }\n\n .dayview-allday-content-wrapper {\n margin-left: 31px;\n }\n\n .calendar-event-inner {\n font-size: 12px;\n }\n }\n "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"slider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["daySlider"]}]}],"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.dayview"]}]}],"formatHourColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"formatDayTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"allDayLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hourParts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"eventSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onRangeChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onEventSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onTimeSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onTitleChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"LOCALE_ID"}]}],null],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"./calendar.service","name":"CalendarService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onSlideChanged":[{"__symbolic":"method"}],"move":[{"__symbolic":"method"}],"getViewData":[{"__symbolic":"method"}],"getRange":[{"__symbolic":"method"}],"onDataLoaded":[{"__symbolic":"method"}],"refreshView":[{"__symbolic":"method"}],"getTitle":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"placeEvents":[{"__symbolic":"method"}],"placeAllDayEvents":[{"__symbolic":"method"}],"overlap":[{"__symbolic":"method"}],"calculatePosition":[{"__symbolic":"method"}],"eventSelected":[{"__symbolic":"method"}]},"statics":{"compareEventByStartOffset":{"__symbolic":"function","parameters":["eventA","eventB"],"value":{"__symbolic":"binop","operator":"-","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"eventA"},"member":"startOffset"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"eventB"},"member":"startOffset"}}}}}}} | ||
| {"__symbolic":"module","version":1,"metadata":{"DayViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dayview","template":"\n <ion-slides #daySlider [options]=\"slideOption\" (ionDidChange)=\"onSlideChanged()\">\n <ion-slide *ngFor=\"let view of views; let viewIndex=index\">\n <div class=\"dayview-allday-table\">\n <div class=\"dayview-allday-label\">{{allDayLabel}}</div>\n <ion-scroll scrollY=\"true\" zoom=\"false\" class=\"dayview-allday-content-wrapper\">\n <table class=\"table table-bordered dayview-allday-content-table\">\n <tbody>\n <tr>\n <td class=\"calendar-cell\" [ngClass]=\"{'calendar-event-wrap':view.allDayEvents.length>0}\"\n [ngStyle]=\"{height: 25*view.allDayEvents.length+'px'}\"\n *ngIf=\"viewIndex===currentViewIndex\">\n <div *ngFor=\"let displayEvent of view.allDayEvents; let eventIndex=index\"\n class=\"calendar-event\"\n (click)=\"eventSelected(displayEvent.event)\"\n [ngStyle]=\"{top: 25*eventIndex+'px',width: '100%',height:'25px'}\">\n <div class=\"calendar-event-inner\">{{displayEvent.event.title}}</div>\n </div>\n </td>\n <td class=\"calendar-cell\" *ngIf=\"viewIndex!==currentViewIndex\">\n </td>\n </tr>\n </tbody>\n </table>\n </ion-scroll>\n </div>\n <ion-scroll scrollY=\"true\" class=\"dayview-normal-event-container\">\n <table class=\"table table-bordered table-fixed dayview-normal-event-table\"\n *ngIf=\"viewIndex===currentViewIndex\">\n <tbody>\n <tr *ngFor=\"let tm of view.rows\">\n <td class=\"calendar-hour-column text-center\">\n {{tm.time | date: formatHourColumn}}\n </td>\n <td class=\"calendar-cell\" (click)=\"select(tm.time, tm.events)\">\n <div [ngClass]=\"{'calendar-event-wrap': tm.events}\" *ngIf=\"tm.events\">\n <div *ngFor=\"let displayEvent of tm.events\" class=\"calendar-event\"\n (click)=\"eventSelected(displayEvent.event)\"\n [ngStyle]=\"{top: (37*displayEvent.startOffset/hourParts)+'px', left: 100/displayEvent.overlapNumber*displayEvent.position+'%', width: 100/displayEvent.overlapNumber+'%', height: 37*(displayEvent.endIndex -displayEvent.startIndex - (displayEvent.endOffset + displayEvent.startOffset)/hourParts)+'px'}\">\n <div class=\"calendar-event-inner\">{{displayEvent.event.title}}</div>\n </div>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n <table class=\"table table-bordered table-fixed dayview-normal-event-table\"\n *ngIf=\"viewIndex!==currentViewIndex\">\n <tbody>\n <tr *ngFor=\"let tm of view.rows\">\n <td class=\"calendar-hour-column text-center\">\n {{tm.time | date: formatHourColumn}}\n </td>\n <td class=\"calendar-cell\">\n </td>\n </tr>\n </tbody>\n </table>\n </ion-scroll>\n </ion-slide>\n </ion-slides>\n ","styles":["\n .table-fixed {\n table-layout: fixed;\n }\n\n .table {\n width: 100%;\n max-width: 100%;\n background-color: transparent;\n }\n\n .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td,\n .table > tbody > tr > td, .table > tfoot > tr > td {\n padding: 8px;\n line-height: 20px;\n vertical-align: top;\n }\n\n .table > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid #ddd;\n }\n\n .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {\n border-top: 0\n }\n\n .table > tbody + tbody {\n border-top: 2px solid #ddd;\n }\n\n .table-bordered {\n border: 1px solid #ddd;\n }\n\n .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th,\n .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {\n border: 1px solid #ddd;\n }\n\n .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {\n border-bottom-width: 2px;\n }\n\n .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {\n background-color: #f9f9f9\n }\n\n .calendar-hour-column {\n width: 50px;\n white-space: nowrap;\n }\n\n .calendar-event-wrap {\n position: relative;\n width: 100%;\n height: 100%;\n }\n\n .calendar-event {\n position: absolute;\n padding: 2px;\n cursor: pointer;\n z-index: 10000;\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 }\n\n .calendar-cell {\n padding: 0 !important;\n height: 37px;\n }\n\n .dayview-allday-label {\n float: left;\n height: 100%;\n line-height: 50px;\n text-align: center;\n width: 50px;\n }\n\n .dayview-allday-content-wrapper {\n margin-left: 50px;\n overflow: hidden;\n height: 51px;\n }\n\n .dayview-allday-content-table {\n min-height: 50px;\n }\n\n .dayview-allday-content-table td {\n border-left: 1px solid #ddd;\n border-right: 1px solid #ddd;\n }\n\n .dayview {\n height: 100%;\n }\n\n .dayview-allday-table {\n height: 50px;\n position: relative;\n border-bottom: 1px solid #ddd;\n font-size: 14px;\n }\n\n .dayview-normal-event-container {\n margin-top: 50px;\n overflow: hidden;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n font-size: 14px;\n }\n\n .dayview .slide-zoom {\n height: 100%;\n }\n\n .dayview-allday-content-wrapper scroll-content {\n width: 100%;\n }\n\n ::-webkit-scrollbar,\n *::-webkit-scrollbar {\n display: none;\n }\n\n .table > tbody > tr > td.calendar-hour-column {\n padding-left: 0;\n padding-right: 0;\n vertical-align: middle;\n }\n\n @media (max-width: 750px) {\n .dayview-allday-label, .calendar-hour-column {\n width: 31px;\n font-size: 12px;\n }\n\n .dayview-allday-label {\n padding-top: 4px;\n }\n\n .table > tbody > tr > td.calendar-hour-column {\n padding-left: 0;\n padding-right: 0;\n vertical-align: middle;\n line-height: 12px;\n }\n\n .dayview-allday-label {\n line-height: 20px;\n }\n\n .dayview-allday-content-wrapper {\n margin-left: 31px;\n }\n\n .calendar-event-inner {\n font-size: 12px;\n }\n }\n "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"slider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["daySlider"]}]}],"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.dayview"]}]}],"formatHourColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"formatDayTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"allDayLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hourParts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"eventSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onRangeChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onEventSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onTimeSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onTitleChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./calendar.service","name":"CalendarService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onSlideChanged":[{"__symbolic":"method"}],"move":[{"__symbolic":"method"}],"getViewData":[{"__symbolic":"method"}],"getRange":[{"__symbolic":"method"}],"onDataLoaded":[{"__symbolic":"method"}],"refreshView":[{"__symbolic":"method"}],"getTitle":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"placeEvents":[{"__symbolic":"method"}],"placeAllDayEvents":[{"__symbolic":"method"}],"overlap":[{"__symbolic":"method"}],"calculatePosition":[{"__symbolic":"method"}],"eventSelected":[{"__symbolic":"method"}]},"statics":{"compareEventByStartOffset":{"__symbolic":"function","parameters":["eventA","eventB"],"value":{"__symbolic":"binop","operator":"-","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"eventA"},"member":"startOffset"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"eventB"},"member":"startOffset"}}}}}}} |
@@ -15,18 +15,18 @@ /** | ||
| import * as import7 from '@angular/core/src/change_detection/change_detection'; | ||
| import * as import8 from '@angular/core/src/i18n/tokens'; | ||
| import * as import9 from './calendar.service'; | ||
| import * as import10 from '@angular/core/src/metadata/view'; | ||
| import * as import11 from '@angular/core/src/linker/component_factory'; | ||
| import * as import12 from '@angular/core/src/linker/query_list'; | ||
| import * as import13 from 'ionic-angular/components/slides/slides'; | ||
| import * as import14 from '@angular/common/src/directives/ng_for'; | ||
| import * as import15 from '@angular/common/src/pipes/date_pipe'; | ||
| import * as import16 from 'ionic-angular/components/slides/slides.ngfactory'; | ||
| import * as import17 from 'ionic-angular/config/config'; | ||
| import * as import18 from '@angular/core/src/linker/element_ref'; | ||
| import * as import19 from '@angular/core/src/linker/template_ref'; | ||
| import * as import20 from '@angular/core/src/change_detection/differs/iterable_differs'; | ||
| import * as import8 from './calendar.service'; | ||
| import * as import9 from '@angular/core/src/metadata/view'; | ||
| import * as import10 from '@angular/core/src/linker/component_factory'; | ||
| import * as import11 from '@angular/core/src/linker/query_list'; | ||
| import * as import12 from 'ionic-angular/components/slides/slides'; | ||
| import * as import13 from '@angular/common/src/directives/ng_for'; | ||
| import * as import14 from '@angular/common/src/pipes/date_pipe'; | ||
| import * as import15 from '../node_modules/ionic-angular/components/slides/slides.ngfactory'; | ||
| import * as import16 from 'ionic-angular/config/config'; | ||
| import * as import17 from '@angular/core/src/linker/element_ref'; | ||
| import * as import18 from '@angular/core/src/linker/template_ref'; | ||
| import * as import19 from '@angular/core/src/change_detection/differs/iterable_differs'; | ||
| import * as import20 from '@angular/core/src/i18n/tokens'; | ||
| import * as import21 from 'ionic-angular/components/scroll/scroll'; | ||
| import * as import22 from '@angular/common/src/directives/ng_if'; | ||
| import * as import23 from 'ionic-angular/components/scroll/scroll.ngfactory'; | ||
| import * as import23 from '../node_modules/ionic-angular/components/scroll/scroll.ngfactory'; | ||
| import * as import24 from '@angular/common/src/directives/ng_class'; | ||
@@ -48,3 +48,3 @@ import * as import25 from '@angular/common/src/directives/ng_style'; | ||
| var compView_0:any = viewFactory_DayViewComponent0(this.viewUtils,this.injector(0),this._appEl_0); | ||
| this._DayViewComponent_0_4 = new import3.DayViewComponent(this.parentInjector.get(import8.LOCALE_ID),this.parentInjector.get(import9.CalendarService)); | ||
| this._DayViewComponent_0_4 = new import3.DayViewComponent(this.parentInjector.get(import8.CalendarService)); | ||
| this._appEl_0.initComponent(this._DayViewComponent_0_4,[],compView_0); | ||
@@ -72,14 +72,14 @@ compView_0.create(this._DayViewComponent_0_4,this.projectableNodes,(null as any)); | ||
| function viewFactory_DayViewComponent_Host0(viewUtils:import4.ViewUtils,parentInjector:import5.Injector,declarationEl:import2.AppElement):import1.AppView<any> { | ||
| if ((renderType_DayViewComponent_Host === (null as any))) { (renderType_DayViewComponent_Host = viewUtils.createRenderComponentType('',0,import10.ViewEncapsulation.None,[],{})); } | ||
| if ((renderType_DayViewComponent_Host === (null as any))) { (renderType_DayViewComponent_Host = viewUtils.createRenderComponentType('',0,import9.ViewEncapsulation.None,[],{})); } | ||
| return new _View_DayViewComponent_Host0(viewUtils,parentInjector,declarationEl); | ||
| } | ||
| export const DayViewComponentNgFactory:import11.ComponentFactory<import3.DayViewComponent> = new import11.ComponentFactory<import3.DayViewComponent>('dayview',viewFactory_DayViewComponent_Host0,import3.DayViewComponent); | ||
| export const DayViewComponentNgFactory:import10.ComponentFactory<import3.DayViewComponent> = new import10.ComponentFactory<import3.DayViewComponent>('dayview',viewFactory_DayViewComponent_Host0,import3.DayViewComponent); | ||
| const styles_DayViewComponent:any[] = ['\n .table-fixed {\n table-layout: fixed;\n }\n\n .table {\n width: 100%;\n max-width: 100%;\n background-color: transparent;\n }\n\n .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td,\n .table > tbody > tr > td, .table > tfoot > tr > td {\n padding: 8px;\n line-height: 20px;\n vertical-align: top;\n }\n\n .table > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid #ddd;\n }\n\n .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {\n border-top: 0\n }\n\n .table > tbody + tbody {\n border-top: 2px solid #ddd;\n }\n\n .table-bordered {\n border: 1px solid #ddd;\n }\n\n .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th,\n .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {\n border: 1px solid #ddd;\n }\n\n .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {\n border-bottom-width: 2px;\n }\n\n .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {\n background-color: #f9f9f9\n }\n\n .calendar-hour-column {\n width: 50px;\n white-space: nowrap;\n }\n\n .calendar-event-wrap {\n position: relative;\n width: 100%;\n height: 100%;\n }\n\n .calendar-event {\n position: absolute;\n padding: 2px;\n cursor: pointer;\n z-index: 10000;\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 }\n\n .calendar-cell {\n padding: 0 !important;\n height: 37px;\n }\n\n .dayview-allday-label {\n float: left;\n height: 100%;\n line-height: 50px;\n text-align: center;\n width: 50px;\n }\n\n .dayview-allday-content-wrapper {\n margin-left: 50px;\n overflow: hidden;\n height: 51px;\n }\n\n .dayview-allday-content-table {\n min-height: 50px;\n }\n\n .dayview-allday-content-table td {\n border-left: 1px solid #ddd;\n border-right: 1px solid #ddd;\n }\n\n .dayview {\n height: 100%;\n }\n\n .dayview-allday-table {\n height: 50px;\n position: relative;\n border-bottom: 1px solid #ddd;\n font-size: 14px;\n }\n\n .dayview-normal-event-container {\n margin-top: 50px;\n overflow: hidden;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n font-size: 14px;\n }\n\n .dayview .slide-zoom {\n height: 100%;\n }\n\n .dayview-allday-content-wrapper scroll-content {\n width: 100%;\n }\n\n ::-webkit-scrollbar,\n *::-webkit-scrollbar {\n display: none;\n }\n\n .table > tbody > tr > td.calendar-hour-column {\n padding-left: 0;\n padding-right: 0;\n vertical-align: middle;\n }\n\n @media (max-width: 750px) {\n .dayview-allday-label, .calendar-hour-column {\n width: 31px;\n font-size: 12px;\n }\n\n .dayview-allday-label {\n padding-top: 4px;\n }\n\n .table > tbody > tr > td.calendar-hour-column {\n padding-left: 0;\n padding-right: 0;\n vertical-align: middle;\n line-height: 12px;\n }\n\n .dayview-allday-label {\n line-height: 20px;\n }\n\n .dayview-allday-content-wrapper {\n margin-left: 31px;\n }\n\n .calendar-event-inner {\n font-size: 12px;\n }\n }\n ']; | ||
| var renderType_DayViewComponent:import0.RenderComponentType = (null as any); | ||
| class _View_DayViewComponent0 extends import1.AppView<import3.DayViewComponent> { | ||
| _viewQuery_daySlider_0:import12.QueryList<any>; | ||
| _viewQuery_daySlider_0:import11.QueryList<any>; | ||
| _text_0:any; | ||
| _el_1:any; | ||
| /*private*/ _appEl_1:import2.AppElement; | ||
| _Slides_1_4:import13.Slides; | ||
| _Slides_1_4:import12.Slides; | ||
| _text_2:any; | ||
@@ -89,3 +89,3 @@ _anchor_3:any; | ||
| _TemplateRef_3_5:any; | ||
| _NgFor_3_6:import14.NgFor; | ||
| _NgFor_3_6:import13.NgFor; | ||
| _text_4:any; | ||
@@ -95,3 +95,3 @@ _text_5:any; | ||
| /*private*/ _expr_2:any; | ||
| _pipe_date_0:import15.DatePipe; | ||
| _pipe_date_0:import14.DatePipe; | ||
| constructor(viewUtils:import4.ViewUtils,parentInjector:import5.Injector,declarationEl:import2.AppElement) { | ||
@@ -102,8 +102,8 @@ super(_View_DayViewComponent0,renderType_DayViewComponent,import6.ViewType.COMPONENT,viewUtils,parentInjector,declarationEl,import7.ChangeDetectorStatus.CheckAlways); | ||
| const parentRenderNode:any = this.renderer.createViewRoot(this.declarationAppElement.nativeElement); | ||
| this._viewQuery_daySlider_0 = new import12.QueryList<any>(); | ||
| this._viewQuery_daySlider_0 = new import11.QueryList<any>(); | ||
| this._text_0 = this.renderer.createText(parentRenderNode,'\n ',(null as any)); | ||
| this._el_1 = this.renderer.createElement(parentRenderNode,'ion-slides',(null as any)); | ||
| this._appEl_1 = new import2.AppElement(1,(null as any),this,this._el_1); | ||
| var compView_1:any = import16.viewFactory_Slides0(this.viewUtils,this.injector(1),this._appEl_1); | ||
| this._Slides_1_4 = new import13.Slides(this.parentInjector.get(import17.Config),new import18.ElementRef(this._el_1),this.renderer); | ||
| var compView_1:any = import15.viewFactory_Slides0(this.viewUtils,this.injector(1),this._appEl_1); | ||
| this._Slides_1_4 = new import12.Slides(this.parentInjector.get(import16.Config),new import17.ElementRef(this._el_1),this.renderer); | ||
| this._appEl_1.initComponent(this._Slides_1_4,[],compView_1); | ||
@@ -113,4 +113,4 @@ this._text_2 = this.renderer.createText((null as any),'\n ',(null as any)); | ||
| this._appEl_3 = new import2.AppElement(3,1,this,this._anchor_3); | ||
| this._TemplateRef_3_5 = new import19.TemplateRef_(this._appEl_3,viewFactory_DayViewComponent1); | ||
| this._NgFor_3_6 = new import14.NgFor(this._appEl_3.vcRef,this._TemplateRef_3_5,this.parentInjector.get(import20.IterableDiffers),this.ref); | ||
| this._TemplateRef_3_5 = new import18.TemplateRef_(this._appEl_3,viewFactory_DayViewComponent1); | ||
| this._NgFor_3_6 = new import13.NgFor(this._appEl_3.vcRef,this._TemplateRef_3_5,this.parentInjector.get(import19.IterableDiffers),this.ref); | ||
| this._text_4 = this.renderer.createText((null as any),'\n ',(null as any)); | ||
@@ -128,3 +128,3 @@ compView_1.create(this._Slides_1_4,[[].concat([ | ||
| this._expr_2 = import7.UNINITIALIZED; | ||
| this._pipe_date_0 = new import15.DatePipe(this.parentInjector.get(import8.LOCALE_ID)); | ||
| this._pipe_date_0 = new import14.DatePipe(this.parentInjector.get(import20.LOCALE_ID)); | ||
| this._viewQuery_daySlider_0.reset([this._Slides_1_4]); | ||
@@ -144,5 +144,5 @@ this.context.slider = this._viewQuery_daySlider_0.first; | ||
| injectorGetInternal(token:any,requestNodeIndex:number,notFoundResult:any):any { | ||
| if (((token === import19.TemplateRef) && (3 === requestNodeIndex))) { return this._TemplateRef_3_5; } | ||
| if (((token === import14.NgFor) && (3 === requestNodeIndex))) { return this._NgFor_3_6; } | ||
| if (((token === import13.Slides) && ((1 <= requestNodeIndex) && (requestNodeIndex <= 4)))) { return this._Slides_1_4; } | ||
| if (((token === import18.TemplateRef) && (3 === requestNodeIndex))) { return this._TemplateRef_3_5; } | ||
| if (((token === import13.NgFor) && (3 === requestNodeIndex))) { return this._NgFor_3_6; } | ||
| if (((token === import12.Slides) && ((1 <= requestNodeIndex) && (requestNodeIndex <= 4)))) { return this._Slides_1_4; } | ||
| return notFoundResult; | ||
@@ -182,3 +182,3 @@ } | ||
| export function viewFactory_DayViewComponent0(viewUtils:import4.ViewUtils,parentInjector:import5.Injector,declarationEl:import2.AppElement):import1.AppView<import3.DayViewComponent> { | ||
| if ((renderType_DayViewComponent === (null as any))) { (renderType_DayViewComponent = viewUtils.createRenderComponentType('/Users/twinssbc/WebstormProjects/Ionic2-Calendar/src/dayview.ts class DayViewComponent - inline template',0,import10.ViewEncapsulation.None,styles_DayViewComponent,{})); } | ||
| if ((renderType_DayViewComponent === (null as any))) { (renderType_DayViewComponent = viewUtils.createRenderComponentType('/Users/twinssbc/WebstormProjects/Ionic2-Calendar/src/dayview.ts class DayViewComponent - inline template',0,import9.ViewEncapsulation.None,styles_DayViewComponent,{})); } | ||
| return new _View_DayViewComponent0(viewUtils,parentInjector,declarationEl); | ||
@@ -189,3 +189,3 @@ } | ||
| /*private*/ _appEl_0:import2.AppElement; | ||
| _Slide_0_4:import13.Slide; | ||
| _Slide_0_4:import12.Slide; | ||
| _text_1:any; | ||
@@ -255,4 +255,4 @@ _el_2:any; | ||
| this._appEl_0 = new import2.AppElement(0,(null as any),this,this._el_0); | ||
| var compView_0:any = import16.viewFactory_Slide0(this.viewUtils,this.injector(0),this._appEl_0); | ||
| this._Slide_0_4 = new import13.Slide(new import18.ElementRef(this._el_0),(<_View_DayViewComponent0>this.parent)._Slides_1_4); | ||
| var compView_0:any = import15.viewFactory_Slide0(this.viewUtils,this.injector(0),this._appEl_0); | ||
| this._Slide_0_4 = new import12.Slide(new import17.ElementRef(this._el_0),(<_View_DayViewComponent0>this.parent)._Slides_1_4); | ||
| this._appEl_0.initComponent(this._Slide_0_4,[],compView_0); | ||
@@ -273,3 +273,3 @@ this._text_1 = this.renderer.createText((null as any),'\n ',(null as any)); | ||
| var compView_7:any = import23.viewFactory_Scroll0(this.viewUtils,this.injector(7),this._appEl_7); | ||
| this._Scroll_7_4 = new import21.Scroll(new import18.ElementRef(this._el_7)); | ||
| this._Scroll_7_4 = new import21.Scroll(new import17.ElementRef(this._el_7)); | ||
| this._appEl_7.initComponent(this._Scroll_7_4,[],compView_7); | ||
@@ -286,3 +286,3 @@ this._text_8 = this.renderer.createText((null as any),'\n ',(null as any)); | ||
| this._appEl_15 = new import2.AppElement(15,13,this,this._anchor_15); | ||
| this._TemplateRef_15_5 = new import19.TemplateRef_(this._appEl_15,viewFactory_DayViewComponent2); | ||
| this._TemplateRef_15_5 = new import18.TemplateRef_(this._appEl_15,viewFactory_DayViewComponent2); | ||
| this._NgIf_15_6 = new import22.NgIf(this._appEl_15.vcRef,this._TemplateRef_15_5); | ||
@@ -292,3 +292,3 @@ this._text_16 = this.renderer.createText(this._el_13,'\n ',(null as any)); | ||
| this._appEl_17 = new import2.AppElement(17,13,this,this._anchor_17); | ||
| this._TemplateRef_17_5 = new import19.TemplateRef_(this._appEl_17,viewFactory_DayViewComponent4); | ||
| this._TemplateRef_17_5 = new import18.TemplateRef_(this._appEl_17,viewFactory_DayViewComponent4); | ||
| this._NgIf_17_6 = new import22.NgIf(this._appEl_17.vcRef,this._TemplateRef_17_5); | ||
@@ -312,3 +312,3 @@ this._text_18 = this.renderer.createText(this._el_13,'\n ',(null as any)); | ||
| var compView_24:any = import23.viewFactory_Scroll0(this.viewUtils,this.injector(24),this._appEl_24); | ||
| this._Scroll_24_4 = new import21.Scroll(new import18.ElementRef(this._el_24)); | ||
| this._Scroll_24_4 = new import21.Scroll(new import17.ElementRef(this._el_24)); | ||
| this._appEl_24.initComponent(this._Scroll_24_4,[],compView_24); | ||
@@ -318,3 +318,3 @@ this._text_25 = this.renderer.createText((null as any),'\n ',(null as any)); | ||
| this._appEl_26 = new import2.AppElement(26,24,this,this._anchor_26); | ||
| this._TemplateRef_26_5 = new import19.TemplateRef_(this._appEl_26,viewFactory_DayViewComponent5); | ||
| this._TemplateRef_26_5 = new import18.TemplateRef_(this._appEl_26,viewFactory_DayViewComponent5); | ||
| this._NgIf_26_6 = new import22.NgIf(this._appEl_26.vcRef,this._TemplateRef_26_5); | ||
@@ -324,3 +324,3 @@ this._text_27 = this.renderer.createText((null as any),'\n ',(null as any)); | ||
| this._appEl_28 = new import2.AppElement(28,24,this,this._anchor_28); | ||
| this._TemplateRef_28_5 = new import19.TemplateRef_(this._appEl_28,viewFactory_DayViewComponent9); | ||
| this._TemplateRef_28_5 = new import18.TemplateRef_(this._appEl_28,viewFactory_DayViewComponent9); | ||
| this._NgIf_28_6 = new import22.NgIf(this._appEl_28.vcRef,this._TemplateRef_28_5); | ||
@@ -394,13 +394,13 @@ this._text_29 = this.renderer.createText((null as any),'\n ',(null as any)); | ||
| injectorGetInternal(token:any,requestNodeIndex:number,notFoundResult:any):any { | ||
| if (((token === import19.TemplateRef) && (15 === requestNodeIndex))) { return this._TemplateRef_15_5; } | ||
| if (((token === import18.TemplateRef) && (15 === requestNodeIndex))) { return this._TemplateRef_15_5; } | ||
| if (((token === import22.NgIf) && (15 === requestNodeIndex))) { return this._NgIf_15_6; } | ||
| if (((token === import19.TemplateRef) && (17 === requestNodeIndex))) { return this._TemplateRef_17_5; } | ||
| if (((token === import18.TemplateRef) && (17 === requestNodeIndex))) { return this._TemplateRef_17_5; } | ||
| if (((token === import22.NgIf) && (17 === requestNodeIndex))) { return this._NgIf_17_6; } | ||
| if (((token === import21.Scroll) && ((7 <= requestNodeIndex) && (requestNodeIndex <= 21)))) { return this._Scroll_7_4; } | ||
| if (((token === import19.TemplateRef) && (26 === requestNodeIndex))) { return this._TemplateRef_26_5; } | ||
| if (((token === import18.TemplateRef) && (26 === requestNodeIndex))) { return this._TemplateRef_26_5; } | ||
| if (((token === import22.NgIf) && (26 === requestNodeIndex))) { return this._NgIf_26_6; } | ||
| if (((token === import19.TemplateRef) && (28 === requestNodeIndex))) { return this._TemplateRef_28_5; } | ||
| if (((token === import18.TemplateRef) && (28 === requestNodeIndex))) { return this._TemplateRef_28_5; } | ||
| if (((token === import22.NgIf) && (28 === requestNodeIndex))) { return this._NgIf_28_6; } | ||
| if (((token === import21.Scroll) && ((24 <= requestNodeIndex) && (requestNodeIndex <= 29)))) { return this._Scroll_24_4; } | ||
| if (((token === import13.Slide) && ((0 <= requestNodeIndex) && (requestNodeIndex <= 30)))) { return this._Slide_0_4; } | ||
| if (((token === import12.Slide) && ((0 <= requestNodeIndex) && (requestNodeIndex <= 30)))) { return this._Slide_0_4; } | ||
| return notFoundResult; | ||
@@ -497,3 +497,3 @@ } | ||
| _TemplateRef_2_5:any; | ||
| _NgFor_2_6:import14.NgFor; | ||
| _NgFor_2_6:import13.NgFor; | ||
| _text_3:any; | ||
@@ -512,9 +512,9 @@ /*private*/ _expr_0:any; | ||
| this.renderer.setElementAttribute(this._el_0,'class','calendar-cell'); | ||
| this._NgClass_0_3 = new import24.NgClass(this.parent.parent.parentInjector.get(import20.IterableDiffers),this.parent.parent.parentInjector.get(import26.KeyValueDiffers),new import18.ElementRef(this._el_0),this.renderer); | ||
| this._NgStyle_0_4 = new import25.NgStyle(this.parent.parent.parentInjector.get(import26.KeyValueDiffers),new import18.ElementRef(this._el_0),this.renderer); | ||
| this._NgClass_0_3 = new import24.NgClass(this.parent.parent.parentInjector.get(import19.IterableDiffers),this.parent.parent.parentInjector.get(import26.KeyValueDiffers),new import17.ElementRef(this._el_0),this.renderer); | ||
| this._NgStyle_0_4 = new import25.NgStyle(this.parent.parent.parentInjector.get(import26.KeyValueDiffers),new import17.ElementRef(this._el_0),this.renderer); | ||
| this._text_1 = this.renderer.createText(this._el_0,'\n ',(null as any)); | ||
| this._anchor_2 = this.renderer.createTemplateAnchor(this._el_0,(null as any)); | ||
| this._appEl_2 = new import2.AppElement(2,0,this,this._anchor_2); | ||
| this._TemplateRef_2_5 = new import19.TemplateRef_(this._appEl_2,viewFactory_DayViewComponent3); | ||
| this._NgFor_2_6 = new import14.NgFor(this._appEl_2.vcRef,this._TemplateRef_2_5,this.parent.parent.parentInjector.get(import20.IterableDiffers),this.parent.parent.ref); | ||
| this._TemplateRef_2_5 = new import18.TemplateRef_(this._appEl_2,viewFactory_DayViewComponent3); | ||
| this._NgFor_2_6 = new import13.NgFor(this._appEl_2.vcRef,this._TemplateRef_2_5,this.parent.parent.parentInjector.get(import19.IterableDiffers),this.parent.parent.ref); | ||
| this._text_3 = this.renderer.createText(this._el_0,'\n ',(null as any)); | ||
@@ -541,4 +541,4 @@ this._expr_0 = import7.UNINITIALIZED; | ||
| injectorGetInternal(token:any,requestNodeIndex:number,notFoundResult:any):any { | ||
| if (((token === import19.TemplateRef) && (2 === requestNodeIndex))) { return this._TemplateRef_2_5; } | ||
| if (((token === import14.NgFor) && (2 === requestNodeIndex))) { return this._NgFor_2_6; } | ||
| if (((token === import18.TemplateRef) && (2 === requestNodeIndex))) { return this._TemplateRef_2_5; } | ||
| if (((token === import13.NgFor) && (2 === requestNodeIndex))) { return this._NgFor_2_6; } | ||
| if (((token === import24.NgClass) && ((0 <= requestNodeIndex) && (requestNodeIndex <= 3)))) { return this._NgClass_0_3; } | ||
@@ -600,3 +600,3 @@ if (((token === import25.NgStyle) && ((0 <= requestNodeIndex) && (requestNodeIndex <= 3)))) { return this._NgStyle_0_4; } | ||
| this.renderer.setElementAttribute(this._el_0,'class','calendar-event'); | ||
| this._NgStyle_0_3 = new import25.NgStyle(this.parent.parent.parent.parentInjector.get(import26.KeyValueDiffers),new import18.ElementRef(this._el_0),this.renderer); | ||
| this._NgStyle_0_3 = new import25.NgStyle(this.parent.parent.parent.parentInjector.get(import26.KeyValueDiffers),new import17.ElementRef(this._el_0),this.renderer); | ||
| this._text_1 = this.renderer.createText(this._el_0,'\n ',(null as any)); | ||
@@ -685,3 +685,3 @@ this._el_2 = this.renderer.createElement(this._el_0,'div',(null as any)); | ||
| _TemplateRef_4_5:any; | ||
| _NgFor_4_6:import14.NgFor; | ||
| _NgFor_4_6:import13.NgFor; | ||
| _text_5:any; | ||
@@ -701,4 +701,4 @@ _text_6:any; | ||
| this._appEl_4 = new import2.AppElement(4,2,this,this._anchor_4); | ||
| this._TemplateRef_4_5 = new import19.TemplateRef_(this._appEl_4,viewFactory_DayViewComponent6); | ||
| this._NgFor_4_6 = new import14.NgFor(this._appEl_4.vcRef,this._TemplateRef_4_5,this.parent.parent.parentInjector.get(import20.IterableDiffers),this.parent.parent.ref); | ||
| this._TemplateRef_4_5 = new import18.TemplateRef_(this._appEl_4,viewFactory_DayViewComponent6); | ||
| this._NgFor_4_6 = new import13.NgFor(this._appEl_4.vcRef,this._TemplateRef_4_5,this.parent.parent.parentInjector.get(import19.IterableDiffers),this.parent.parent.ref); | ||
| this._text_5 = this.renderer.createText(this._el_2,'\n ',(null as any)); | ||
@@ -720,4 +720,4 @@ this._text_6 = this.renderer.createText(this._el_0,'\n ',(null as any)); | ||
| injectorGetInternal(token:any,requestNodeIndex:number,notFoundResult:any):any { | ||
| if (((token === import19.TemplateRef) && (4 === requestNodeIndex))) { return this._TemplateRef_4_5; } | ||
| if (((token === import14.NgFor) && (4 === requestNodeIndex))) { return this._NgFor_4_6; } | ||
| if (((token === import18.TemplateRef) && (4 === requestNodeIndex))) { return this._TemplateRef_4_5; } | ||
| if (((token === import13.NgFor) && (4 === requestNodeIndex))) { return this._NgFor_4_6; } | ||
| return notFoundResult; | ||
@@ -776,3 +776,3 @@ } | ||
| this._appEl_7 = new import2.AppElement(7,5,this,this._anchor_7); | ||
| this._TemplateRef_7_5 = new import19.TemplateRef_(this._appEl_7,viewFactory_DayViewComponent7); | ||
| this._TemplateRef_7_5 = new import18.TemplateRef_(this._appEl_7,viewFactory_DayViewComponent7); | ||
| this._NgIf_7_6 = new import22.NgIf(this._appEl_7.vcRef,this._TemplateRef_7_5); | ||
@@ -801,3 +801,3 @@ this._text_8 = this.renderer.createText(this._el_5,'\n ',(null as any)); | ||
| injectorGetInternal(token:any,requestNodeIndex:number,notFoundResult:any):any { | ||
| if (((token === import19.TemplateRef) && (7 === requestNodeIndex))) { return this._TemplateRef_7_5; } | ||
| if (((token === import18.TemplateRef) && (7 === requestNodeIndex))) { return this._TemplateRef_7_5; } | ||
| if (((token === import22.NgIf) && (7 === requestNodeIndex))) { return this._NgIf_7_6; } | ||
@@ -838,3 +838,3 @@ return notFoundResult; | ||
| _TemplateRef_2_5:any; | ||
| _NgFor_2_6:import14.NgFor; | ||
| _NgFor_2_6:import13.NgFor; | ||
| _text_3:any; | ||
@@ -849,8 +849,8 @@ _map_0:any; | ||
| this._el_0 = this.renderer.createElement((null as any),'div',(null as any)); | ||
| this._NgClass_0_3 = new import24.NgClass(this.parent.parent.parent.parent.parentInjector.get(import20.IterableDiffers),this.parent.parent.parent.parent.parentInjector.get(import26.KeyValueDiffers),new import18.ElementRef(this._el_0),this.renderer); | ||
| this._NgClass_0_3 = new import24.NgClass(this.parent.parent.parent.parent.parentInjector.get(import19.IterableDiffers),this.parent.parent.parent.parent.parentInjector.get(import26.KeyValueDiffers),new import17.ElementRef(this._el_0),this.renderer); | ||
| this._text_1 = this.renderer.createText(this._el_0,'\n ',(null as any)); | ||
| this._anchor_2 = this.renderer.createTemplateAnchor(this._el_0,(null as any)); | ||
| this._appEl_2 = new import2.AppElement(2,0,this,this._anchor_2); | ||
| this._TemplateRef_2_5 = new import19.TemplateRef_(this._appEl_2,viewFactory_DayViewComponent8); | ||
| this._NgFor_2_6 = new import14.NgFor(this._appEl_2.vcRef,this._TemplateRef_2_5,this.parent.parent.parent.parent.parentInjector.get(import20.IterableDiffers),this.parent.parent.parent.parent.ref); | ||
| this._TemplateRef_2_5 = new import18.TemplateRef_(this._appEl_2,viewFactory_DayViewComponent8); | ||
| this._NgFor_2_6 = new import13.NgFor(this._appEl_2.vcRef,this._TemplateRef_2_5,this.parent.parent.parent.parent.parentInjector.get(import19.IterableDiffers),this.parent.parent.parent.parent.ref); | ||
| this._text_3 = this.renderer.createText(this._el_0,'\n ',(null as any)); | ||
@@ -872,4 +872,4 @@ this._map_0 = import4.pureProxy1((p0:any):{[key: string]:any} => { | ||
| injectorGetInternal(token:any,requestNodeIndex:number,notFoundResult:any):any { | ||
| if (((token === import19.TemplateRef) && (2 === requestNodeIndex))) { return this._TemplateRef_2_5; } | ||
| if (((token === import14.NgFor) && (2 === requestNodeIndex))) { return this._NgFor_2_6; } | ||
| if (((token === import18.TemplateRef) && (2 === requestNodeIndex))) { return this._TemplateRef_2_5; } | ||
| if (((token === import13.NgFor) && (2 === requestNodeIndex))) { return this._NgFor_2_6; } | ||
| if (((token === import24.NgClass) && ((0 <= requestNodeIndex) && (requestNodeIndex <= 3)))) { return this._NgClass_0_3; } | ||
@@ -919,3 +919,3 @@ return notFoundResult; | ||
| this.renderer.setElementAttribute(this._el_0,'class','calendar-event'); | ||
| this._NgStyle_0_3 = new import25.NgStyle(this.parent.parent.parent.parent.parent.parentInjector.get(import26.KeyValueDiffers),new import18.ElementRef(this._el_0),this.renderer); | ||
| this._NgStyle_0_3 = new import25.NgStyle(this.parent.parent.parent.parent.parent.parentInjector.get(import26.KeyValueDiffers),new import17.ElementRef(this._el_0),this.renderer); | ||
| this._text_1 = this.renderer.createText(this._el_0,'\n ',(null as any)); | ||
@@ -984,3 +984,3 @@ this._el_2 = this.renderer.createElement(this._el_0,'div',(null as any)); | ||
| _TemplateRef_4_5:any; | ||
| _NgFor_4_6:import14.NgFor; | ||
| _NgFor_4_6:import13.NgFor; | ||
| _text_5:any; | ||
@@ -1000,4 +1000,4 @@ _text_6:any; | ||
| this._appEl_4 = new import2.AppElement(4,2,this,this._anchor_4); | ||
| this._TemplateRef_4_5 = new import19.TemplateRef_(this._appEl_4,viewFactory_DayViewComponent10); | ||
| this._NgFor_4_6 = new import14.NgFor(this._appEl_4.vcRef,this._TemplateRef_4_5,this.parent.parent.parentInjector.get(import20.IterableDiffers),this.parent.parent.ref); | ||
| this._TemplateRef_4_5 = new import18.TemplateRef_(this._appEl_4,viewFactory_DayViewComponent10); | ||
| this._NgFor_4_6 = new import13.NgFor(this._appEl_4.vcRef,this._TemplateRef_4_5,this.parent.parent.parentInjector.get(import19.IterableDiffers),this.parent.parent.ref); | ||
| this._text_5 = this.renderer.createText(this._el_2,'\n ',(null as any)); | ||
@@ -1019,4 +1019,4 @@ this._text_6 = this.renderer.createText(this._el_0,'\n ',(null as any)); | ||
| injectorGetInternal(token:any,requestNodeIndex:number,notFoundResult:any):any { | ||
| if (((token === import19.TemplateRef) && (4 === requestNodeIndex))) { return this._TemplateRef_4_5; } | ||
| if (((token === import14.NgFor) && (4 === requestNodeIndex))) { return this._NgFor_4_6; } | ||
| if (((token === import18.TemplateRef) && (4 === requestNodeIndex))) { return this._TemplateRef_4_5; } | ||
| if (((token === import13.NgFor) && (4 === requestNodeIndex))) { return this._NgFor_4_6; } | ||
| return notFoundResult; | ||
@@ -1097,2 +1097,2 @@ } | ||
| return new _View_DayViewComponent10(viewUtils,parentInjector,declarationEl); | ||
| } | ||
| } |
@@ -6,3 +6,2 @@ import { OnInit, OnChanges, EventEmitter, SimpleChanges } from '@angular/core'; | ||
| export declare class MonthViewComponent implements ICalendarComponent, OnInit, OnChanges { | ||
| private locale; | ||
| private calendarService; | ||
@@ -33,3 +32,3 @@ slider: Slides; | ||
| private inited; | ||
| constructor(locale: string, calendarService: CalendarService); | ||
| constructor(calendarService: CalendarService); | ||
| ngOnInit(): void; | ||
@@ -36,0 +35,0 @@ ngOnChanges(changes: SimpleChanges): void; |
@@ -1,7 +0,6 @@ | ||
| import { Inject, LOCALE_ID, Component, Input, Output, EventEmitter, ViewChild } from '@angular/core'; | ||
| import { Component, Input, Output, EventEmitter, ViewChild } from '@angular/core'; | ||
| import { DatePipe } from '@angular/common'; | ||
| import { CalendarService } from './calendar.service'; | ||
| export var MonthViewComponent = (function () { | ||
| function MonthViewComponent(locale, calendarService) { | ||
| this.locale = locale; | ||
| function MonthViewComponent(calendarService) { | ||
| this.calendarService = calendarService; | ||
@@ -40,23 +39,20 @@ this.onRangeChanged = new EventEmitter(); | ||
| MonthViewComponent.prototype.onSlideChanged = function () { | ||
| var _this = this; | ||
| setTimeout(function () { | ||
| var currentSlideIndex = _this.slider.getActiveIndex(), direction = 0, currentViewIndex = _this.currentViewIndex; | ||
| currentSlideIndex = (currentSlideIndex + 2) % 3; | ||
| if (currentSlideIndex - currentViewIndex === 1) { | ||
| direction = 1; | ||
| } | ||
| else if (currentSlideIndex === 0 && currentViewIndex === 2) { | ||
| direction = 1; | ||
| _this.slider.slideTo(1, 0, false); | ||
| } | ||
| else if (currentViewIndex - currentSlideIndex === 1) { | ||
| direction = -1; | ||
| } | ||
| else if (currentSlideIndex === 2 && currentViewIndex === 0) { | ||
| direction = -1; | ||
| _this.slider.slideTo(3, 0, false); | ||
| } | ||
| _this.currentViewIndex = currentSlideIndex; | ||
| _this.move(direction); | ||
| }, 200); | ||
| var currentSlideIndex = this.slider.getActiveIndex(), direction = 0, currentViewIndex = this.currentViewIndex; | ||
| currentSlideIndex = (currentSlideIndex + 2) % 3; | ||
| if (currentSlideIndex - currentViewIndex === 1) { | ||
| direction = 1; | ||
| } | ||
| else if (currentSlideIndex === 0 && currentViewIndex === 2) { | ||
| direction = 1; | ||
| this.slider.slideTo(1, 0, false); | ||
| } | ||
| else if (currentViewIndex - currentSlideIndex === 1) { | ||
| direction = -1; | ||
| } | ||
| else if (currentSlideIndex === 2 && currentViewIndex === 0) { | ||
| direction = -1; | ||
| this.slider.slideTo(3, 0, false); | ||
| } | ||
| this.currentViewIndex = currentSlideIndex; | ||
| this.move(direction); | ||
| }; | ||
@@ -81,3 +77,3 @@ MonthViewComponent.prototype.move = function (direction) { | ||
| events: [], | ||
| label: new DatePipe(this.locale).transform(date, format), | ||
| label: new DatePipe('en-US').transform(date, format), | ||
| secondary: false | ||
@@ -248,3 +244,3 @@ }; | ||
| var currentViewStartDate = this.range.startTime, date = currentViewStartDate.getDate(), month = (currentViewStartDate.getMonth() + (date !== 1 ? 1 : 0)) % 12, year = currentViewStartDate.getFullYear() + (date !== 1 && month === 0 ? 1 : 0), headerDate = new Date(year, month, 1); | ||
| return new DatePipe(this.locale).transform(headerDate, this.formatMonthTitle); | ||
| return new DatePipe(undefined).transform(headerDate, this.formatMonthTitle); | ||
| }; | ||
@@ -331,3 +327,2 @@ MonthViewComponent.prototype.compareEvent = function (event1, event2) { | ||
| MonthViewComponent.ctorParameters = [ | ||
| { type: undefined, decorators: [{ type: Inject, args: [LOCALE_ID,] },] }, | ||
| { type: CalendarService, }, | ||
@@ -334,0 +329,0 @@ ]; |
@@ -1,1 +0,1 @@ | ||
| {"__symbolic":"module","version":1,"metadata":{"MonthViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"monthview","template":"\n <div>\n <ion-slides #monthSlider [options]=\"slideOption\" (ionDidChange)=\"onSlideChanged()\">\n <ion-slide *ngFor=\"let view of views; let viewIndex=index\">\n <table *ngIf=\"viewIndex===currentViewIndex\" class=\"table table-bordered table-fixed monthview-datetable\">\n <thead>\n <tr>\n <th *ngFor=\"let day of view.dates.slice(0,7)\">\n <small>{{day.date | date: formatDayHeader}}</small>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let row of [0,1,2,3,4,5]\">\n <td *ngFor=\"let col of [0,1,2,3,4,5,6]\" (click)=\"select(view.dates[row*7+col].date, view.dates[row*7+col].events)\"\n [ngClass]=\"getHighlightClass(view.dates[row*7+col])\">{{view.dates[row*7+col].label}}\n </td>\n </tr>\n </tbody>\n </table>\n <table *ngIf=\"viewIndex!==currentViewIndex\" class=\"table table-bordered table-fixed monthview-datetable\">\n <thead>\n <tr class=\"text-center\">\n <th *ngFor=\"let day of view.dates.slice(0,7)\">\n <small>{{day.date | date: formatDayHeader}}</small>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let row of [0,1,2,3,4,5]\">\n <td *ngFor=\"let col of [0,1,2,3,4,5,6]\">\n {{view.dates[row*7+col].label}}\n </td>\n <tr>\n </tbody>\n </table>\n </ion-slide>\n </ion-slides>\n <ion-list class=\"event-detail-container2\" has-bouncing=\"false\" *ngIf=\"showEventDetail\" overflow-scroll=\"false\">\n <ion-item *ngFor=\"let event of selectedDate?.events\" (click)=\"eventSelected(event)\">\n <span *ngIf=\"!event.allDay\" class=\"monthview-eventdetail-timecolumn\">{{event.startTime|date: 'HH:mm'}}\n -\n {{event.endTime|date: 'HH:mm'}}\n </span>\n <span *ngIf=\"event.allDay\" class=\"monthview-eventdetail-timecolumn\">All day</span>\n <span class=\"event-detail\"> | {{event.title}}</span>\n </ion-item>\n <ion-item *ngIf=\"!selectedDate?.events\">\n <td class=\"no-events-label\">{{noEventsLabel}}</td>\n </ion-item>\n </ion-list>\n </div>\n ","styles":["\n .text-muted {\n color: #999;\n }\n\n .table-fixed {\n table-layout: fixed;\n }\n\n .table {\n width: 100%;\n max-width: 100%;\n background-color: transparent;\n }\n\n .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td,\n .table > tbody > tr > td, .table > tfoot > tr > td {\n padding: 8px;\n line-height: 20px;\n vertical-align: top;\n }\n\n .table > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid #ddd;\n }\n\n .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {\n border-top: 0\n }\n\n .table > tbody + tbody {\n border-top: 2px solid #ddd;\n }\n\n .table-bordered {\n border: 1px solid #ddd;\n }\n\n .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th,\n .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {\n border: 1px solid #ddd;\n }\n\n .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {\n border-bottom-width: 2px;\n }\n\n .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {\n background-color: #f9f9f9\n }\n\n .no-event-label {\n font-weight: bold;\n color: darkgrey;\n text-align: center;\n }\n\n .event-detail-container {\n border-top: 2px darkgrey solid;\n margin-top: 262px;\n }\n\n .event-detail {\n cursor: pointer;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n .monthview-primary-with-event {\n background-color: #3a87ad;\n color: white;\n }\n\n .monthview-current {\n background-color: lightgrey;\n }\n\n .monthview-selected {\n background-color: #009900;\n color: white;\n }\n\n .monthview-eventdetail-timecolumn {\n width: 110px;\n overflow: hidden;\n }\n\n .monthview-datetable th {\n text-align: center;\n }\n\n .monthview-datetable td {\n cursor: pointer;\n text-align: center;\n }\n\n .monthview-secondary-with-event {\n background-color: #d9edf7;\n }\n\n ::-webkit-scrollbar,\n *::-webkit-scrollbar {\n display: none;\n }\n\n @media (max-width: 750px) {\n .table > tbody > tr > td.calendar-hour-column {\n padding-left: 0;\n padding-right: 0;\n vertical-align: middle;\n line-height: 12px;\n }\n }\n "]}]}],"members":{"slider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["monthSlider"]}]}],"formatDay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"formatDayHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"formatMonthTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"eventSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"startingDayMonth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showEventDetail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"noEventsLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onRangeChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onEventSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onTimeSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onTitleChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"LOCALE_ID"}]}],null],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"./calendar.service","name":"CalendarService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onSlideChanged":[{"__symbolic":"method"}],"move":[{"__symbolic":"method"}],"createDateObject":[{"__symbolic":"method"}],"getViewData":[{"__symbolic":"method"}],"getHighlightClass":[{"__symbolic":"method"}],"getRange":[{"__symbolic":"method"}],"onDataLoaded":[{"__symbolic":"method"}],"refreshView":[{"__symbolic":"method"}],"getTitle":[{"__symbolic":"method"}],"compareEvent":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"slideView":[{"__symbolic":"method"}],"updateCurrentView":[{"__symbolic":"method"}],"eventSelected":[{"__symbolic":"method"}]}}}} | ||
| {"__symbolic":"module","version":1,"metadata":{"MonthViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"monthview","template":"\n <div>\n <ion-slides #monthSlider [options]=\"slideOption\" (ionDidChange)=\"onSlideChanged()\">\n <ion-slide *ngFor=\"let view of views; let viewIndex=index\">\n <table *ngIf=\"viewIndex===currentViewIndex\" class=\"table table-bordered table-fixed monthview-datetable\">\n <thead>\n <tr>\n <th *ngFor=\"let day of view.dates.slice(0,7)\">\n <small>{{day.date | date: formatDayHeader}}</small>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let row of [0,1,2,3,4,5]\">\n <td *ngFor=\"let col of [0,1,2,3,4,5,6]\" (click)=\"select(view.dates[row*7+col].date, view.dates[row*7+col].events)\"\n [ngClass]=\"getHighlightClass(view.dates[row*7+col])\">{{view.dates[row*7+col].label}}\n </td>\n </tr>\n </tbody>\n </table>\n <table *ngIf=\"viewIndex!==currentViewIndex\" class=\"table table-bordered table-fixed monthview-datetable\">\n <thead>\n <tr class=\"text-center\">\n <th *ngFor=\"let day of view.dates.slice(0,7)\">\n <small>{{day.date | date: formatDayHeader}}</small>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let row of [0,1,2,3,4,5]\">\n <td *ngFor=\"let col of [0,1,2,3,4,5,6]\">\n {{view.dates[row*7+col].label}}\n </td>\n <tr>\n </tbody>\n </table>\n </ion-slide>\n </ion-slides>\n <ion-list class=\"event-detail-container2\" has-bouncing=\"false\" *ngIf=\"showEventDetail\" overflow-scroll=\"false\">\n <ion-item *ngFor=\"let event of selectedDate?.events\" (click)=\"eventSelected(event)\">\n <span *ngIf=\"!event.allDay\" class=\"monthview-eventdetail-timecolumn\">{{event.startTime|date: 'HH:mm'}}\n -\n {{event.endTime|date: 'HH:mm'}}\n </span>\n <span *ngIf=\"event.allDay\" class=\"monthview-eventdetail-timecolumn\">All day</span>\n <span class=\"event-detail\"> | {{event.title}}</span>\n </ion-item>\n <ion-item *ngIf=\"!selectedDate?.events\">\n <td class=\"no-events-label\">{{noEventsLabel}}</td>\n </ion-item>\n </ion-list>\n </div>\n ","styles":["\n .text-muted {\n color: #999;\n }\n\n .table-fixed {\n table-layout: fixed;\n }\n\n .table {\n width: 100%;\n max-width: 100%;\n background-color: transparent;\n }\n\n .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td,\n .table > tbody > tr > td, .table > tfoot > tr > td {\n padding: 8px;\n line-height: 20px;\n vertical-align: top;\n }\n\n .table > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid #ddd;\n }\n\n .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {\n border-top: 0\n }\n\n .table > tbody + tbody {\n border-top: 2px solid #ddd;\n }\n\n .table-bordered {\n border: 1px solid #ddd;\n }\n\n .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th,\n .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {\n border: 1px solid #ddd;\n }\n\n .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {\n border-bottom-width: 2px;\n }\n\n .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {\n background-color: #f9f9f9\n }\n\n .no-event-label {\n font-weight: bold;\n color: darkgrey;\n text-align: center;\n }\n\n .event-detail-container {\n border-top: 2px darkgrey solid;\n margin-top: 262px;\n }\n\n .event-detail {\n cursor: pointer;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n .monthview-primary-with-event {\n background-color: #3a87ad;\n color: white;\n }\n\n .monthview-current {\n background-color: lightgrey;\n }\n\n .monthview-selected {\n background-color: #009900;\n color: white;\n }\n\n .monthview-eventdetail-timecolumn {\n width: 110px;\n overflow: hidden;\n }\n\n .monthview-datetable th {\n text-align: center;\n }\n\n .monthview-datetable td {\n cursor: pointer;\n text-align: center;\n }\n\n .monthview-secondary-with-event {\n background-color: #d9edf7;\n }\n\n ::-webkit-scrollbar,\n *::-webkit-scrollbar {\n display: none;\n }\n\n @media (max-width: 750px) {\n .table > tbody > tr > td.calendar-hour-column {\n padding-left: 0;\n padding-right: 0;\n vertical-align: middle;\n line-height: 12px;\n }\n }\n "]}]}],"members":{"slider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["monthSlider"]}]}],"formatDay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"formatDayHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"formatMonthTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"eventSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"startingDayMonth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showEventDetail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"noEventsLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onRangeChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onEventSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onTimeSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onTitleChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./calendar.service","name":"CalendarService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onSlideChanged":[{"__symbolic":"method"}],"move":[{"__symbolic":"method"}],"createDateObject":[{"__symbolic":"method"}],"getViewData":[{"__symbolic":"method"}],"getHighlightClass":[{"__symbolic":"method"}],"getRange":[{"__symbolic":"method"}],"onDataLoaded":[{"__symbolic":"method"}],"refreshView":[{"__symbolic":"method"}],"getTitle":[{"__symbolic":"method"}],"compareEvent":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"slideView":[{"__symbolic":"method"}],"updateCurrentView":[{"__symbolic":"method"}],"eventSelected":[{"__symbolic":"method"}]}}}} |
| { | ||
| "name": "ionic2-calendar", | ||
| "version": "0.0.10", | ||
| "version": "0.0.11", | ||
| "description": "Ionic2 calendar component", | ||
@@ -19,3 +19,5 @@ "keywords": [ | ||
| "build": "rm -rf dist && tsc && npm run copy_package", | ||
| "copy_package": "cp -r package.json README.md LICENSE tsconfig.json typings.json typings dist/", | ||
| "build-prod": "rm -rf aot && node_modules/.bin/ngc -p tsconfig-aot.json && node_modules/.bin/ngc src && mv src/*ngfactory.ts aot && rm -r aot/waste", | ||
| "copy_static_files": "cp -r package.json README.md LICENSE tsconfig.json typings.json typings dist/", | ||
| "copy_static_files_prod": "cp -r package.json README.md LICENSE tsconfig.json typings.json typings aot/", | ||
| "dev": "tsc --watch", | ||
@@ -30,11 +32,11 @@ "postinstall": "typings install" | ||
| "typings": "1.3.1", | ||
| "@angular/common": "2.0.0", | ||
| "@angular/compiler": "2.0.0", | ||
| "@angular/common": "2.0.1", | ||
| "@angular/compiler": "2.0.1", | ||
| "@angular/compiler-cli": "0.6.2", | ||
| "@angular/core": "2.0.0", | ||
| "@angular/forms": "2.0.0", | ||
| "@angular/http": "2.0.0", | ||
| "@angular/platform-browser": "2.0.0", | ||
| "@angular/platform-browser-dynamic": "2.0.0", | ||
| "@angular/platform-server": "2.0.0", | ||
| "@angular/core": "2.0.1", | ||
| "@angular/forms": "2.0.1", | ||
| "@angular/http": "2.0.1", | ||
| "@angular/platform-browser": "2.0.1", | ||
| "@angular/platform-browser-dynamic": "2.0.1", | ||
| "@angular/platform-server": "2.0.1", | ||
| "ionic-angular": "2.0.0-rc.1", | ||
@@ -41,0 +43,0 @@ "rxjs": "5.0.0-beta.12", |
@@ -8,2 +8,6 @@ # Ionic2-Calendar directive (Unstable) | ||
| # Dependency | ||
| The latest version has dependency on Angular 2.0.1, due to below issue | ||
| https://github.com/angular/angular/issues/11896 | ||
| # Usage | ||
@@ -66,4 +70,4 @@ | ||
| # Note for Ionic Build command | ||
| ionic serve uses tsc to compile the code, while ionic build uses npc to compile the code. | ||
| # Note for Ionic Build/Run command | ||
| ionic serve uses tsc to compile the code, while ionic build/run uses ngc to compile the code. | ||
| It requires explicit dependency on the compiled ngfactory files for each component. | ||
@@ -70,0 +74,0 @@ I couldn’t find a way to configure the build command includes the ngfactory of the child components automatically. |
@@ -6,3 +6,2 @@ import { Slides } from 'ionic-angular'; | ||
| export declare class WeekViewComponent implements ICalendarComponent, OnInit, OnChanges { | ||
| private locale; | ||
| private calendarService; | ||
@@ -32,3 +31,3 @@ slider: Slides; | ||
| private inited; | ||
| constructor(locale: string, calendarService: CalendarService); | ||
| constructor(calendarService: CalendarService); | ||
| ngOnInit(): void; | ||
@@ -35,0 +34,0 @@ ngOnChanges(changes: SimpleChanges): void; |
| import { DatePipe } from '@angular/common'; | ||
| import { Inject, LOCALE_ID, Component, HostBinding, Input, Output, EventEmitter, ViewChild, ViewEncapsulation } from '@angular/core'; | ||
| import { Component, HostBinding, Input, Output, EventEmitter, ViewChild, ViewEncapsulation } from '@angular/core'; | ||
| import { CalendarService } from './calendar.service'; | ||
| export var WeekViewComponent = (function () { | ||
| function WeekViewComponent(locale, calendarService) { | ||
| this.locale = locale; | ||
| function WeekViewComponent(calendarService) { | ||
| this.calendarService = calendarService; | ||
@@ -40,23 +39,20 @@ this.class = true; | ||
| WeekViewComponent.prototype.onSlideChanged = function () { | ||
| var _this = this; | ||
| setTimeout(function () { | ||
| var currentSlideIndex = _this.slider.getActiveIndex(), direction = 0, currentViewIndex = _this.currentViewIndex; | ||
| currentSlideIndex = (currentSlideIndex + 2) % 3; | ||
| if (currentSlideIndex - currentViewIndex === 1) { | ||
| direction = 1; | ||
| } | ||
| else if (currentSlideIndex === 0 && currentViewIndex === 2) { | ||
| direction = 1; | ||
| _this.slider.slideTo(1, 0, false); | ||
| } | ||
| else if (currentViewIndex - currentSlideIndex === 1) { | ||
| direction = -1; | ||
| } | ||
| else if (currentSlideIndex === 2 && currentViewIndex === 0) { | ||
| direction = -1; | ||
| _this.slider.slideTo(3, 0, false); | ||
| } | ||
| _this.currentViewIndex = currentSlideIndex; | ||
| _this.move(direction); | ||
| }, 200); | ||
| var currentSlideIndex = this.slider.getActiveIndex(), direction = 0, currentViewIndex = this.currentViewIndex; | ||
| currentSlideIndex = (currentSlideIndex + 2) % 3; | ||
| if (currentSlideIndex - currentViewIndex === 1) { | ||
| direction = 1; | ||
| } | ||
| else if (currentSlideIndex === 0 && currentViewIndex === 2) { | ||
| direction = 1; | ||
| this.slider.slideTo(1, 0, false); | ||
| } | ||
| else if (currentViewIndex - currentSlideIndex === 1) { | ||
| direction = -1; | ||
| } | ||
| else if (currentSlideIndex === 2 && currentViewIndex === 0) { | ||
| direction = -1; | ||
| this.slider.slideTo(3, 0, false); | ||
| } | ||
| this.currentViewIndex = currentSlideIndex; | ||
| this.move(direction); | ||
| }; | ||
@@ -266,3 +262,3 @@ WeekViewComponent.prototype.move = function (direction) { | ||
| WeekViewComponent.prototype.getTitle = function () { | ||
| var firstDayOfWeek = this.range.startTime, weekFormat = '$n', weekNumberIndex = this.formatWeekTitle.indexOf(weekFormat), title = new DatePipe(this.locale).transform(firstDayOfWeek, this.formatWeekTitle); | ||
| var firstDayOfWeek = this.range.startTime, weekFormat = '$n', weekNumberIndex = this.formatWeekTitle.indexOf(weekFormat), title = new DatePipe(undefined).transform(firstDayOfWeek, this.formatWeekTitle); | ||
| if (weekNumberIndex !== -1) { | ||
@@ -398,3 +394,2 @@ var weekNumber = String(WeekViewComponent.getISO8601WeekNumber(firstDayOfWeek)); | ||
| WeekViewComponent.ctorParameters = [ | ||
| { type: undefined, decorators: [{ type: Inject, args: [LOCALE_ID,] },] }, | ||
| { type: CalendarService, }, | ||
@@ -401,0 +396,0 @@ ]; |
@@ -1,1 +0,1 @@ | ||
| {"__symbolic":"module","version":1,"metadata":{"WeekViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"weekview","template":"\n <ion-slides #weekSlider [options]=\"slideOption\" (ionDidChange)=\"onSlideChanged()\">\n <ion-slide *ngFor=\"let view of views; let viewIndex=index\">\n <table class=\"table table-bordered table-fixed weekview-header\">\n <thead>\n <tr>\n <th class=\"calendar-hour-column\"></th>\n <th class=\"weekview-header text-center\" *ngFor=\"let dt of view.dates\">{{dt.date|date:\n formatWeekViewDayHeader}}\n </th>\n </tr>\n </thead>\n </table>\n <div *ngIf=\"viewIndex===currentViewIndex\">\n <div class=\"weekview-allday-table\">\n <div class=\"weekview-allday-label\">{{allDayLabel}}</div>\n <ion-scroll scrollY=\"true\" class=\"weekview-allday-content-wrapper\" zoom=\"false\">\n <table class=\"table table-fixed weekview-allday-content-table\">\n <tbody>\n <tr>\n <td *ngFor=\"let day of view.dates\" class=\"calendar-cell\">\n <div [ngClass]=\"{'calendar-event-wrap': day.events}\" *ngIf=\"day.events\"\n [ngStyle]=\"{height: 25*day.events.length+'px'}\">\n <div *ngFor=\"let displayEvent of day.events\" class=\"calendar-event\"\n (click)=\"eventSelected(displayEvent.event)\"\n [ngStyle]=\"{top: 25*displayEvent.position+'px', width: 100*(displayEvent.endIndex-displayEvent.startIndex)+'%', height: '25px'}\">\n <div class=\"calendar-event-inner\">{{displayEvent.event.title}}</div>\n </div>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </ion-scroll>\n </div>\n <ion-scroll scrollY=\"true\" class=\"weekview-normal-event-container\" zoom=\"false\">\n <table class=\"table table-bordered table-fixed weekview-normal-event-table\">\n <tbody>\n <tr *ngFor=\"let row of view.rows\">\n <td class=\"calendar-hour-column text-center\">\n {{row[0].time | date: formatHourColumn}}\n </td>\n <td *ngFor=\"let tm of row\" class=\"calendar-cell\" (click)=\"select(tm.time, tm.events)\">\n <div [ngClass]=\"{'calendar-event-wrap': tm.events}\" *ngIf=\"tm.events\">\n <div *ngFor=\"let displayEvent of tm.events\" class=\"calendar-event\"\n (click)=\"eventSelected(displayEvent.event)\"\n [ngStyle]=\"{top: (37*displayEvent.startOffset/hourParts)+'px',left: 100/displayEvent.overlapNumber*displayEvent.position+'%', width: 100/displayEvent.overlapNumber+'%', height: 37*(displayEvent.endIndex -displayEvent.startIndex - (displayEvent.endOffset + displayEvent.startOffset)/hourParts)+'px'}\">\n <div class=\"calendar-event-inner\">{{displayEvent.event.title}}</div>\n </div>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </ion-scroll>\n </div>\n <div *ngIf=\"viewIndex!==currentViewIndex\">\n <div class=\"weekview-allday-table\">\n <div class=\"weekview-allday-label\">{{allDayLabel}}</div>\n <ion-scroll scrollY=\"true\" class=\"weekview-allday-content-wrapper\" zoom=\"false\">\n <table class=\"table table-fixed weekview-allday-content-table\">\n <tbody>\n <tr>\n <td *ngFor=\"let day of views[1].dates\" class=\"calendar-cell\">\n </td>\n </tr>\n </tbody>\n </table>\n </ion-scroll>\n </div>\n <ion-scroll scrollY=\"true\" class=\"weekview-normal-event-container\" zoom=\"false\">\n <table class=\"table table-bordered table-fixed weekview-normal-event-table\">\n <tbody>\n <tr *ngFor=\"let row of views[1].rows\">\n <td class=\"calendar-hour-column text-center\">\n {{row[0].time | date: formatHourColumn}}\n </td>\n <td *ngFor=\"let tm of row\" class=\"calendar-cell\">\n </td>\n </tr>\n </tbody>\n </table>\n </ion-scroll>\n </div>\n </ion-slide>\n </ion-slides>\n ","styles":["\n .table-fixed {\n table-layout: fixed;\n }\n\n .table {\n width: 100%;\n max-width: 100%;\n background-color: transparent;\n }\n\n .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td,\n .table > tbody > tr > td, .table > tfoot > tr > td {\n padding: 8px;\n line-height: 20px;\n vertical-align: top;\n }\n\n .table > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid #ddd;\n }\n\n .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {\n border-top: 0\n }\n\n .table > tbody + tbody {\n border-top: 2px solid #ddd;\n }\n\n .table-bordered {\n border: 1px solid #ddd;\n }\n\n .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th,\n .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {\n border: 1px solid #ddd;\n }\n\n .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {\n border-bottom-width: 2px;\n }\n\n .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {\n background-color: #f9f9f9\n }\n\n .calendar-hour-column {\n width: 50px;\n white-space: nowrap;\n }\n\n .calendar-event-wrap {\n position: relative;\n width: 100%;\n height: 100%;\n }\n\n .calendar-event {\n position: absolute;\n padding: 2px;\n cursor: pointer;\n z-index: 10000;\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 }\n\n .calendar-cell {\n padding: 0 !important;\n height: 37px;\n }\n\n .weekview-allday-label {\n float: left;\n height: 100%;\n line-height: 50px;\n text-align: center;\n width: 50px;\n }\n\n .weekview-allday-content-wrapper {\n margin-left: 50px;\n overflow: hidden;\n height: 51px;\n }\n\n .weekview-allday-content-table {\n min-height: 50px;\n }\n\n .weekview-allday-content-table td {\n border-left: 1px solid #ddd;\n border-right: 1px solid #ddd;\n }\n\n .weekview {\n height: 100%;\n }\n\n .weekview-header th {\n overflow: hidden;\n white-space: nowrap;\n font-size: 14px;\n }\n\n .weekview-allday-table {\n height: 50px;\n position: relative;\n border-bottom: 1px solid #ddd;\n font-size: 14px;\n }\n\n .weekview-normal-event-container {\n margin-top: 87px;\n overflow: hidden;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n font-size: 14px;\n }\n\n .weekview .slide-zoom {\n height: 100%;\n }\n\n .weekview-allday-content-wrapper scroll-content {\n width: 100%;\n }\n\n ::-webkit-scrollbar,\n *::-webkit-scrollbar {\n display: none;\n }\n\n .table > tbody > tr > td.calendar-hour-column {\n padding-left: 0;\n padding-right: 0;\n vertical-align: middle;\n }\n\n @media (max-width: 750px) {\n .weekview-allday-label, .calendar-hour-column {\n width: 31px;\n font-size: 12px;\n }\n\n .weekview-allday-label {\n padding-top: 4px;\n }\n\n .table > tbody > tr > td.calendar-hour-column {\n padding-left: 0;\n padding-right: 0;\n vertical-align: middle;\n line-height: 12px;\n }\n\n .table > thead > tr > th.weekview-header {\n padding-left: 0;\n padding-right: 0;\n font-size: 12px;\n }\n\n .weekview-allday-label {\n line-height: 20px;\n }\n\n .weekview-allday-content-wrapper {\n margin-left: 31px;\n }\n\n .calendar-event-inner {\n font-size: 12px;\n }\n }\n "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"slider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["weekSlider"]}]}],"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.weekview"]}]}],"formatWeekTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"formatWeekViewDayHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"formatHourColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"startingDayWeek":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"allDayLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hourParts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"eventSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onRangeChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onEventSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onTimeSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onTitleChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"LOCALE_ID"}]}],null],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"./calendar.service","name":"CalendarService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onSlideChanged":[{"__symbolic":"method"}],"move":[{"__symbolic":"method"}],"getViewData":[{"__symbolic":"method"}],"getRange":[{"__symbolic":"method"}],"onDataLoaded":[{"__symbolic":"method"}],"refreshView":[{"__symbolic":"method"}],"getTitle":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"placeEvents":[{"__symbolic":"method"}],"placeAllDayEvents":[{"__symbolic":"method"}],"overlap":[{"__symbolic":"method"}],"calculatePosition":[{"__symbolic":"method"}],"eventSelected":[{"__symbolic":"method"}]},"statics":{"compareEventByStartOffset":{"__symbolic":"function","parameters":["eventA","eventB"],"value":{"__symbolic":"binop","operator":"-","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"eventA"},"member":"startOffset"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"eventB"},"member":"startOffset"}}}}}}} | ||
| {"__symbolic":"module","version":1,"metadata":{"WeekViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"weekview","template":"\n <ion-slides #weekSlider [options]=\"slideOption\" (ionDidChange)=\"onSlideChanged()\">\n <ion-slide *ngFor=\"let view of views; let viewIndex=index\">\n <table class=\"table table-bordered table-fixed weekview-header\">\n <thead>\n <tr>\n <th class=\"calendar-hour-column\"></th>\n <th class=\"weekview-header text-center\" *ngFor=\"let dt of view.dates\">{{dt.date|date:\n formatWeekViewDayHeader}}\n </th>\n </tr>\n </thead>\n </table>\n <div *ngIf=\"viewIndex===currentViewIndex\">\n <div class=\"weekview-allday-table\">\n <div class=\"weekview-allday-label\">{{allDayLabel}}</div>\n <ion-scroll scrollY=\"true\" class=\"weekview-allday-content-wrapper\" zoom=\"false\">\n <table class=\"table table-fixed weekview-allday-content-table\">\n <tbody>\n <tr>\n <td *ngFor=\"let day of view.dates\" class=\"calendar-cell\">\n <div [ngClass]=\"{'calendar-event-wrap': day.events}\" *ngIf=\"day.events\"\n [ngStyle]=\"{height: 25*day.events.length+'px'}\">\n <div *ngFor=\"let displayEvent of day.events\" class=\"calendar-event\"\n (click)=\"eventSelected(displayEvent.event)\"\n [ngStyle]=\"{top: 25*displayEvent.position+'px', width: 100*(displayEvent.endIndex-displayEvent.startIndex)+'%', height: '25px'}\">\n <div class=\"calendar-event-inner\">{{displayEvent.event.title}}</div>\n </div>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </ion-scroll>\n </div>\n <ion-scroll scrollY=\"true\" class=\"weekview-normal-event-container\" zoom=\"false\">\n <table class=\"table table-bordered table-fixed weekview-normal-event-table\">\n <tbody>\n <tr *ngFor=\"let row of view.rows\">\n <td class=\"calendar-hour-column text-center\">\n {{row[0].time | date: formatHourColumn}}\n </td>\n <td *ngFor=\"let tm of row\" class=\"calendar-cell\" (click)=\"select(tm.time, tm.events)\">\n <div [ngClass]=\"{'calendar-event-wrap': tm.events}\" *ngIf=\"tm.events\">\n <div *ngFor=\"let displayEvent of tm.events\" class=\"calendar-event\"\n (click)=\"eventSelected(displayEvent.event)\"\n [ngStyle]=\"{top: (37*displayEvent.startOffset/hourParts)+'px',left: 100/displayEvent.overlapNumber*displayEvent.position+'%', width: 100/displayEvent.overlapNumber+'%', height: 37*(displayEvent.endIndex -displayEvent.startIndex - (displayEvent.endOffset + displayEvent.startOffset)/hourParts)+'px'}\">\n <div class=\"calendar-event-inner\">{{displayEvent.event.title}}</div>\n </div>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </ion-scroll>\n </div>\n <div *ngIf=\"viewIndex!==currentViewIndex\">\n <div class=\"weekview-allday-table\">\n <div class=\"weekview-allday-label\">{{allDayLabel}}</div>\n <ion-scroll scrollY=\"true\" class=\"weekview-allday-content-wrapper\" zoom=\"false\">\n <table class=\"table table-fixed weekview-allday-content-table\">\n <tbody>\n <tr>\n <td *ngFor=\"let day of views[1].dates\" class=\"calendar-cell\">\n </td>\n </tr>\n </tbody>\n </table>\n </ion-scroll>\n </div>\n <ion-scroll scrollY=\"true\" class=\"weekview-normal-event-container\" zoom=\"false\">\n <table class=\"table table-bordered table-fixed weekview-normal-event-table\">\n <tbody>\n <tr *ngFor=\"let row of views[1].rows\">\n <td class=\"calendar-hour-column text-center\">\n {{row[0].time | date: formatHourColumn}}\n </td>\n <td *ngFor=\"let tm of row\" class=\"calendar-cell\">\n </td>\n </tr>\n </tbody>\n </table>\n </ion-scroll>\n </div>\n </ion-slide>\n </ion-slides>\n ","styles":["\n .table-fixed {\n table-layout: fixed;\n }\n\n .table {\n width: 100%;\n max-width: 100%;\n background-color: transparent;\n }\n\n .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td,\n .table > tbody > tr > td, .table > tfoot > tr > td {\n padding: 8px;\n line-height: 20px;\n vertical-align: top;\n }\n\n .table > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid #ddd;\n }\n\n .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {\n border-top: 0\n }\n\n .table > tbody + tbody {\n border-top: 2px solid #ddd;\n }\n\n .table-bordered {\n border: 1px solid #ddd;\n }\n\n .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th,\n .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {\n border: 1px solid #ddd;\n }\n\n .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {\n border-bottom-width: 2px;\n }\n\n .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {\n background-color: #f9f9f9\n }\n\n .calendar-hour-column {\n width: 50px;\n white-space: nowrap;\n }\n\n .calendar-event-wrap {\n position: relative;\n width: 100%;\n height: 100%;\n }\n\n .calendar-event {\n position: absolute;\n padding: 2px;\n cursor: pointer;\n z-index: 10000;\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 }\n\n .calendar-cell {\n padding: 0 !important;\n height: 37px;\n }\n\n .weekview-allday-label {\n float: left;\n height: 100%;\n line-height: 50px;\n text-align: center;\n width: 50px;\n }\n\n .weekview-allday-content-wrapper {\n margin-left: 50px;\n overflow: hidden;\n height: 51px;\n }\n\n .weekview-allday-content-table {\n min-height: 50px;\n }\n\n .weekview-allday-content-table td {\n border-left: 1px solid #ddd;\n border-right: 1px solid #ddd;\n }\n\n .weekview {\n height: 100%;\n }\n\n .weekview-header th {\n overflow: hidden;\n white-space: nowrap;\n font-size: 14px;\n }\n\n .weekview-allday-table {\n height: 50px;\n position: relative;\n border-bottom: 1px solid #ddd;\n font-size: 14px;\n }\n\n .weekview-normal-event-container {\n margin-top: 87px;\n overflow: hidden;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n font-size: 14px;\n }\n\n .weekview .slide-zoom {\n height: 100%;\n }\n\n .weekview-allday-content-wrapper scroll-content {\n width: 100%;\n }\n\n ::-webkit-scrollbar,\n *::-webkit-scrollbar {\n display: none;\n }\n\n .table > tbody > tr > td.calendar-hour-column {\n padding-left: 0;\n padding-right: 0;\n vertical-align: middle;\n }\n\n @media (max-width: 750px) {\n .weekview-allday-label, .calendar-hour-column {\n width: 31px;\n font-size: 12px;\n }\n\n .weekview-allday-label {\n padding-top: 4px;\n }\n\n .table > tbody > tr > td.calendar-hour-column {\n padding-left: 0;\n padding-right: 0;\n vertical-align: middle;\n line-height: 12px;\n }\n\n .table > thead > tr > th.weekview-header {\n padding-left: 0;\n padding-right: 0;\n font-size: 12px;\n }\n\n .weekview-allday-label {\n line-height: 20px;\n }\n\n .weekview-allday-content-wrapper {\n margin-left: 31px;\n }\n\n .calendar-event-inner {\n font-size: 12px;\n }\n }\n "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"slider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["weekSlider"]}]}],"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.weekview"]}]}],"formatWeekTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"formatWeekViewDayHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"formatHourColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"startingDayWeek":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"allDayLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hourParts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"eventSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onRangeChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onEventSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onTimeSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onTitleChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./calendar.service","name":"CalendarService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onSlideChanged":[{"__symbolic":"method"}],"move":[{"__symbolic":"method"}],"getViewData":[{"__symbolic":"method"}],"getRange":[{"__symbolic":"method"}],"onDataLoaded":[{"__symbolic":"method"}],"refreshView":[{"__symbolic":"method"}],"getTitle":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"placeEvents":[{"__symbolic":"method"}],"placeAllDayEvents":[{"__symbolic":"method"}],"overlap":[{"__symbolic":"method"}],"calculatePosition":[{"__symbolic":"method"}],"eventSelected":[{"__symbolic":"method"}]},"statics":{"compareEventByStartOffset":{"__symbolic":"function","parameters":["eventA","eventB"],"value":{"__symbolic":"binop","operator":"-","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"eventA"},"member":"startOffset"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"eventB"},"member":"startOffset"}}}}}}} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Number of lines in readme file
- increased by1.93%
211
- Number of medium supply chain risk alerts
- decreased by-100%
0
Worsened metrics
- Total package byte prevSize
- decreased by-0.6%
571209
- Lines of code
- decreased by-0.43%
6964
No dependency changes