DanChadwick / ember-cli-full-calendar

An Ember wrapper for jQuery FullCalendar

ember-cli-full-calendar

Ember wrapper for jQuery FullCalendar plugin.

Installation

npm install --save-dev ember-cli-full-calendar
ember g full-calendar

Usage

{{
  full-calendar 
  events=events
}}

Actions

To send actions to the calendar, register it with the controller.

// app/templates/application.hbs
{{
  full-calendar
  events=events
  register-as="accessToFullCalendar"
}}

// app/controllers/application.js
export default Ember.Controller.extend({
  accessToFullCalendar: null,
  actions: {
    prev: function() {
      this.get('accessToFullCalendar').send('prev');
    }
  }
});

Callbacks

// app/templates/application.hbs
{{
  full-calendar 
  events=events 
  eventClick=(action "clicked") 
}}

// app/routes/application.js
import Ember from 'ember';

export default Ember.Route.extend({
  model: function() {
    return {
      events: Ember.A([{
        title: "Hackathon", start: Date.now()
      }])
    };
  }
});

// app/controllers/application.js
import Ember from 'ember';

export default Ember.Controller.extend({
  actions: {
    clicked(event, jsEvent, view){
      console.log(`${event.title} was clicked!`)
      // Prints: Hackathon was clicked!
    }
  }
});

I18n

// ember-cli-build.js
module.exports = function(defaults) {
  var app = ...

  // Complete list of lanugages: 
  // https://github.com/fullcalendar/fullcalendar/tree/master/dist/lang
  app.import('bower_components/fullcalendar/dist/lang/es.js');
};

// app/templates/application.hbs
{{
  full-calendar 
  events=events 
  lang="es"
}}

License

Available under the MIT License.

Credits