Implement date and datetime transforms

Author: Dustin Farris

karma.conf.js

@@ -8,6 +8,7 @@ module.exports = function(karma) {
       "adapter_tests.js",
       "adapter_embedded_tests.js",
       "adapter_polymorphic_tests.js"
+      'transforms_tests.js'
     ],
 
     logLevel: karma.LOG_ERROR,

src/initializer.js

@@ -0,0 +1,8 @@
+Ember.Application.initializer({
+  name: 'DjangoDatetimeTransforms',
+
+  initialize: function(container, application) {
+    application.register('transform:date', DS.DjangoDateTransform);
+    application.register('transform:datetime', DS.DjangoDatetimeTransform);
+  }
+});

src/main.js

@@ -1,3 +1,6 @@
 require("./serializer");
 require("./adapter");
+require('./transforms/date');
+require('./transforms/datetime');
+require("./initializer");
 require("./version");

src/transforms/date.js

@@ -0,0 +1,20 @@
+DS.DjangoDateTransform = DS.Transform.extend({
+  deserialize: function(serialized) {
+    if (typeof serialized === 'string') {
+      return new Date(Ember.Date.parse(serialized));
+    } else if (typeof serialized === 'number') {
+      return new Date(serialized);
+    } else if (Ember.isEmpty(serialized)) {
+      return serialized;
+    } else {
+      return null;
+    }
+  },
+  serialize: function(date) {
+    if (date instanceof Date && date.toString() !== 'Invalid Date') {
+      return date.toISOString().slice(0, 10);
+    } else {
+      return null;
+    }
+  }
+});

src/transforms/datetime.js

@@ -0,0 +1,20 @@
+DS.DjangoDatetimeTransform = DS.Transform.extend({
+  deserialize: function(serialized) {
+    if (typeof serialized === 'string') {
+      return new Date(Ember.Date.parse(serialized));
+    } else if (typeof serialized === 'number') {
+      return new Date(serialized);
+    } else if (Ember.isEmpty(serialized)) {
+      return serialized;
+    } else {
+      return null;
+    }
+  },
+  serialize: function(datetime) {
+    if (datetime instanceof Date && datetime.toString() !== 'Invalid Date') {
+      return datetime.toJSON();
+    } else {
+      return null;
+    }
+  }
+});

tests/app.js

@@ -159,6 +159,43 @@ App.Post = App.Message.extend({});
 App.Comment = App.Message.extend({});
 
 
+App.Obituary = DS.Model.extend({
+  publishOn: DS.attr('date'),
+  timeOfDeath: DS.attr('datetime'),
+});
+
+
+App.NewObituaryController = Ember.Controller.extend({
+  publishOn: '',
+  timeOfDeath: '',
+
+  actions: {
+
+    createObituary: function() {
+
+      var newObituary = this.store.createRecord('obituary', {
+        publishOn: new Date(this.get('publishOn')),
+        timeOfDeath: new Date(this.get('timeOfDeath')),
+      });
+
+      return newObituary.save();
+    }
+  }
+});
+
+
+App.ObituariesRoute = Ember.Route.extend({
+
+  model: function() {
+    return this.store.find('obituary');
+  }
+});
+
+
+App.ObituariesController = Ember.ArrayController.extend({
+});
+
+
 App.OthersRoute = Ember.Route.extend({
   model: function() {
     return this.store.find('other');
@@ -335,6 +372,8 @@ App.Router.map(function() {
   this.resource("tag", { path : "/tag/:tag_id" });
   this.resource("user", { path : "/user/:user_id" });
   this.resource("preserialized", { path: "/preserialized" });
+  this.resource('obituaries');
+  this.route('new-obituary');
 });
 
 App.ApplicationAdapter = DS.DjangoRESTAdapter.extend({

tests/templates/new-obituary.handlebars

@@ -0,0 +1,19 @@
+<h2>Add an Obituary</h2>
+
+<form {{action 'createObituary'}} on='submit'>
+  <div>
+    <label>Publish On</label>
+    {{input class='publish-on' value=publishOn}}
+  </div>
+  <div>
+    <label>Time of Death</label>
+    {{input class='time-of-death' value=timeOfDeath}}
+  </div>
+  <div>
+    <label>Memorandum</label>
+    {{input class='memorandum' value=memorandum}}
+  </div>
+  <div>
+    <button class="submit" type="submit">Submit</button>
+  </div>
+</form>

tests/templates/obituaries.handlebars

@@ -0,0 +1,9 @@
+<ul class="obituaries">
+  <li>Hi</li>
+  {{#each}}
+  <li class="obituary">
+  <p class="publish-on">{{publishOn}}</p>
+  <p class="time-of-death">{{timeOfDeath}}</p>
+  </li>
+  {{/each}}
+</ul>

tests/transforms_tests.js

@@ -0,0 +1,57 @@
+module('transforms integration tests', {
+  setup: function() {
+    ajaxHash = null;
+    App.reset();
+  },
+  teardown: function() {
+    $.mockjaxClear();
+  }
+});
+
+test('date attribute serializes properly', function() {
+  stubEndpointForHttpRequest('/api/new-obituary', {}, 'POST', 201);
+  visit('/new-obituary');
+  fillIn('.publish-on', '2012/08/29');
+  click('button.submit');
+
+  andThen(function() {
+    equal(
+      ajaxHash.data,
+      '{"publish_on":"2012-08-29","time_of_death":null}'
+    );
+  });
+});
+
+test('datetime attribute serializes properly', function() {
+  stubEndpointForHttpRequest('/api/new-obituary', {}, 'POST', 201);
+  visit('/new-obituary');
+  fillIn('.time-of-death', '2014-11-19T17:38:00.000Z');
+  click('button.submit');
+
+  andThen(function() {
+    equal(
+      ajaxHash.data,
+      '{"publish_on":null,"time_of_death":"2014-11-19T17:38:00.000Z"}'
+    );
+  });
+});
+
+test('date attribute deserializes properly', function() {
+  var response = '[{"id":1,"publish_on":"2012-08-29","time_of_death":null}]';
+  stubEndpointForHttpRequest('/api/obituaries/', response, 'GET', 200);
+  visit('/obituaries/');
+
+  andThen(function() {
+    equal(find('.publish-on').text(), 'Tue Aug 28 2012 20:00:00 GMT-0400 (EDT)');
+  });
+});
+
+test('datetime attribute deserializes properly', function() {
+  var response = '[{"id":1,"publish_on":null,"time_of_death":"2014-11-19T17:38:00.000Z"}]';
+  stubEndpointForHttpRequest('/api/obituaries/', response, 'GET', 200);
+  visit('/obituaries/');
+
+  andThen(function() {
+    equal(find('.time-of-death').text(), 'Wed Nov 19 2014 12:38:00 GMT-0500 (EST)');
+  });
+});