moment.default(...).tz is not a function and installation problems about ember-calendar

[willrax]

Thanks for reporting this. Will look in to it.

[igorpreston]

@willrax Thanks for quick reply! I am looking forward to fix because I really liked the calendar widget itself and want to incorporate this addon in some big project that is currently in development.

[matteodepalo]

@igorpreston Have you tried running ember generate ember-calendar?

[igorpreston]

@matteodepalo
Created an empty app and did things in following sequence:

1. ember install ember-calendar
2. ember generate ember-calendar
3. Tried running app and it throwed an error that broccoli-sass is required. Ok, installed broccoli-sass.
4. After rebooting app, the error in console: Error: Could not find module moment imported from ember-moment/helpers/moment
5. Tried running npm install and bower install but nothing has been installed.
6. Tried ember install ember-moment. It installed some bower packages.
7. After rebooting app, the error in the console: TypeError: this.get(...) is undefined (vendor.js (line 108780, col 13))

Can someone please provide detailed instruction how to install it and get it to work without any errors.

[matteodepalo]

@eugeniodepalo would you be able to help on this? I remember you were talking about some issues with dependencies not being installed.

[e-karma]

@eugeniodepalo @matteodepalo @willrax Hello Everybody, Great work on the addon!!
Very clean implementation. I am however encountering the same issue...

Any News?

Thanks!!

[matteodepalo]

Working on it #17

[matteodepalo]

The PR is ready for review. In the meanwhile if you want to help test this you can run:

• ember new calendar-test
• cd calendar-test
• npm install "git+ssh://[email protected]:alphasights/ember-calendar.git#feature/mde/fix-dependencies" --save-dev
• ember generate ember-calendar

At this point if you include the basic {{as-calendar}} component in application.hbs you should see the calendar without styles. As mentioned in the README if you want the default styles you have to install ember-cli-paint. A PR alphasights/ember-cli-paint#48 is being reviewed on that repo right now and it will bump dependencies too, fixing an issue with the dropdown.

[igorpreston]

@matteodepalo did exactly as you described and included this component.
The only error I experienced is after running ember serve, it said that there is no app.scss file. I changed app.css to app.scss and worked. However:

{{as-calendar
  title="Ember Calendar"
  occurrences=occurrences
  defaultTimeZoneQuery="New York|London|Dubai|Hong Kong"
  dayStartingTime="9:00"
  dayEndingTime="18:00"
  timeSlotDuration="00:30"
  onAddOccurrence="calendarAddOccurrence"
  onUpdateOccurrence="calendarUpdateOccurrence"
  onRemoveOccurrence="calendarRemoveOccurrence"}}

Then got an error in console:

TypeError: this.get(...) is undefined (vendor.js (line 108660, col 13))

I tried removing all properties on component and did this:

{{as-calendar}}

Got an error:

TypeError: this.get(...) is null (vendor.js (line 108660, col 13))

[matteodepalo]

Did you add the basic application controller as stated in the readme?

// app/controllers/index.js

import Ember from 'ember';

export default Ember.Controller.extend({
  occurrences: Ember.A(),

  actions: {
    calendarAddOccurrence: function(occurrence) {
      this.get('occurrences').pushObject(Ember.Object.create({
        title: occurrence.get('title'),
        startsAt: occurrence.get('startsAt'),
        endsAt: occurrence.get('endsAt')
      }));
    },

    calendarUpdateOccurrence: function(occurrence, properties) {
      occurrence.setProperties(properties);
    },

    calendarRemoveOccurrence: function(occurrence) {
      this.get('occurrences').removeObject(occurrence);
    }
  }
});

[matteodepalo]

That's mostly needed for the occurences array which is otherwise undefined.

[matteodepalo]

Version 0.1.4 is out, fixing the dependency issues you've found. I'm going to close this but feel free to open another issue if you encounter other problems!