refactor(calendar): move fullCalendar into baFullCalendar

src/app/theme/components/baFullCalendar/baFullCalendar.component.ts

@@ -0,0 +1,25 @@
+import {Component, ViewChild, ViewEncapsulation, Input, Output, ElementRef, EventEmitter} from '@angular/core';
+
+import './baFullCalendar.loader.ts';
+
+@Component({
+  selector: 'ba-full-calendar',
+  template: require('./baFullCalendar.html'),
+  encapsulation: ViewEncapsulation.None,
+})
+export class BaFullCalendar {
+
+  @Input() baFullCalendarConfiguration:Object;
+  @Input() baFullCalendarClass:string;
+  @Output() onCalendarReady = new EventEmitter<any>();
+
+  @ViewChild('baFullCalendar') private _selector:ElementRef;
+
+  constructor () {
+  }
+
+  ngAfterViewInit() {
+    let calendar = $(this._selector.nativeElement).fullCalendar(this.baFullCalendarConfiguration);
+    this.onCalendarReady.emit(calendar);
+  }
+}

src/app/theme/components/baFullCalendar/baFullCalendar.html

@@ -0,0 +1 @@
+<div #baFullCalendar class="ba-full-calendar {{baFullCalendarClass || ''}}"></div>

src/app/theme/components/baFullCalendar/baFullCalendar.loader.ts

@@ -0,0 +1,2 @@
+require('fullcalendar/dist/fullcalendar.js');
+require('style-loader!fullcalendar/dist/fullcalendar.css');

src/app/theme/components/baFullCalendar/index.ts

@@ -0,0 +1 @@
+export * from './baFullCalendar.component.ts';

src/app/theme/components/index.ts

@@ -6,3 +6,4 @@ export * from './baCard';
 export * from './baAmChart';
 export * from './baChartistChart';
 export * from './baBackTop';
+export * from './BaFullCalendar';