jaketrent/testEmberDataSerialization.html

## testEmberDataSerialization.html
<!doctype html>
<html lang="en-US">
<head>
  <meta charset="UTF-8">
  <title></title>
  <script type="text/javascript" src="bower_components/jquery/dist/jquery.js"></script>
  <script type="text/javascript" src="bower_components/handlebars/handlebars.js"></script>
  <script type="text/javascript" src="bower_components/ember/ember.js"></script>
  <script type="text/javascript" src="bower_components/ember-data/index.js"></script>

  <script>
    App = Ember.Application.create()

    App.ApplicationAdapter = DS.RESTAdapter.reopen({
      pathForType: function(type) {
        var dasherized = Ember.String.dasherize(type)
        return Ember.String.pluralize(dasherized)
      }
    })

    App.LearningObject = DS.Model.extend({
      title: DS.attr('string'),
      tags: DS.hasMany('tag')
    })

    App.LearningObjectSerializer = DS.ActiveModelSerializer.extend(DS.EmbeddedRecordsMixin, {
      attrs: {
        tags: { embedded: 'always' }
      },
      // restore RESTSerializer camelCase root property
      serializeIntoHash: function(data, type, record, options) {
        var root = type.typeKey
        data[root] = this.serialize(record, options)
      }
    })

    App.Tag = DS.Model.extend({
      name: DS.attr('string'),
      learningObject: DS.belongsTo('learningObject')
    })

    App.TagSerializer = DS.RESTSerializer.extend({
      serializeBelongsTo: function(record, json, relationship) {
        // leave it off
      }
    })

    App.ApplicationController = Ember.ObjectController.extend({
      saveLearningObject: function () {
        var obj = this.store.createRecord('learningObject', {
          title: 'Fake Title'
        })
        var tag = this.store.createRecord('tag', {
          name: 'tag1'
        })
        obj.get('tags').addObject(tag)

        obj.save()

      }.on('init')
    })

  </script>
</head>
<body>
  <h1>Testing...</h1>
  <p>Drop in /client folder of lorcrux</p>
  <p>Open network tab and observe serialization of POST /learning-objects</p>
</body>
</html>
	<!doctype html>
	<html lang="en-US">
	<head>
	<meta charset="UTF-8">
	<title></title>
	<script type="text/javascript" src="bower_components/jquery/dist/jquery.js"></script>
	<script type="text/javascript" src="bower_components/handlebars/handlebars.js"></script>
	<script type="text/javascript" src="bower_components/ember/ember.js"></script>
	<script type="text/javascript" src="bower_components/ember-data/index.js"></script>

	<script>
	App = Ember.Application.create()

	App.ApplicationAdapter = DS.RESTAdapter.reopen({
	pathForType: function(type) {
	var dasherized = Ember.String.dasherize(type)
	return Ember.String.pluralize(dasherized)
	}
	})

	App.LearningObject = DS.Model.extend({
	title: DS.attr('string'),
	tags: DS.hasMany('tag')
	})

	App.LearningObjectSerializer = DS.ActiveModelSerializer.extend(DS.EmbeddedRecordsMixin, {
	attrs: {
	tags: { embedded: 'always' }
	},
	// restore RESTSerializer camelCase root property
	serializeIntoHash: function(data, type, record, options) {
	var root = type.typeKey
	data[root] = this.serialize(record, options)
	}
	})

	App.Tag = DS.Model.extend({
	name: DS.attr('string'),
	learningObject: DS.belongsTo('learningObject')
	})

	App.TagSerializer = DS.RESTSerializer.extend({
	serializeBelongsTo: function(record, json, relationship) {
	// leave it off
	}
	})

	App.ApplicationController = Ember.ObjectController.extend({
	saveLearningObject: function () {
	var obj = this.store.createRecord('learningObject', {
	title: 'Fake Title'
	})
	var tag = this.store.createRecord('tag', {
	name: 'tag1'
	})
	obj.get('tags').addObject(tag)

	obj.save()

	}.on('init')
	})

	</script>
	</head>
	<body>
	<h1>Testing...</h1>
	<p>Drop in /client folder of lorcrux</p>
	<p>Open network tab and observe serialization of POST /learning-objects</p>
	</body>
	</html>