I am attempting to utilize a model in order to generate a dynamic route that will display the date in the URL. However, I keep encountering a typedef error and I am unable to determine which 'get' is causing the issue and why the error is being thrown. Is it related to my model or my route? How can I prevent this error when creating dynamic routes? Can anyone recommend a reliable source or book that delves into the intricacies of Ember?
var App = Ember.Application.create({
LOG_TRANSITIONS: true
});
App.Router.map(function(year, month, date) {
this.resource('calendar');
this.resource('about');
this.resource('utcDate', {path: ':utcDate'});
});
App.IndexRoute = Ember.Route.extend({
redirect: function(){
this.transitionTo('calendar');
}
});
App.CalendarRoute = Ember.Route.extend({
model: function(){
return App.CalendarData.create();
},
model: function(params, transition){
return {utcDate: params.utcDate}
},
serializer: function(model){
return {utcDate: model.get('utcDate')};
},
serializer: function(model){
return {month: model.get('Today')};
}
});
// calendar controller
App.CalendarController = Ember.Controller.extend({
//something here seems to be throwing an error that I can't troubleshoot
utcDate: function() {
return this.get("model").get("utcDate");
}.property("model"),
days: function() {
return this.get("model").get("days");
}.property("model"),
date: function() {
return this.get("model").get("date");
}.property("model"),
month: function(){
return this.get('model').get('month');
}.property('model'),
dow: function(){
return this.get('model').get('dow');
}.property('model'),
year: function(){
return this.get('model').get('year');
}.property('model')
});
// calendar data
App.CalendarData = Ember.Object.extend({
today: new Date(),
utcDate: function(){
return this.get('today').getMonth()+1 + '/'+ this.get('today').getDate()+'/'+this.get('today').getFullYear();
}.property('today'),
date: function(){
return this.get("today").getDate();
}.property('today'),
days: function(){
var Mdays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
var Ndays = Mdays[this.get('today').getMonth()];
var days = [];
var cDays = 0;
for (var i = 0; i < 5; i++) {
days[i] = [];
for (j = 0; j <=6; j++) {
if (cDays <= Ndays){
days[i][j] = cDays++;
} else{
days[i][j] = " "
}
}
}
return days;
}.property('today'),
month: function(){
var MonthA = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var month = MonthA [this.get('today').getMonth()];
return month;
}.property('today'),
dow: function(){
var Weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
var dow= Weekday[this.get('today').getDay()];
return dow;
}.property('today'),
year: function(){
return this.get('today').getFullYear();
}.property('today')
});