Skip to content

Instantly share code, notes, and snippets.

@chrism

chrism/jsbin.fuzu.html

Created February 8, 2014 14:29
Show Gist options
  • Save chrism/8884563 to your computer and use it in GitHub Desktop.
Save chrism/8884563 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
jsbin.fuzu.html
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Working munging from API into Ember Data format" />
<meta charset="utf-8">
<title>Ember Starter Kit</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/2.1.0/normalize.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.2.1.js"></script>
<script src="http://builds.emberjs.com/ember-latest.js"></script>
<script src="http://builds.emberjs.com/ember-data-latest.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mockjax/1.5.3/jquery.mockjax.min.js"></script>
</head>
<body>
<script type="text/x-handlebars" data-template-name="application">
<h1>belongs to relationship munging</h1>
{{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="index">
<h2>{{model.title}}</h2>
track state... {{model.track.state}}
</script>
</body>
</html>
Raw
jsbin.fuzu.js
App = Ember.Application.create({});
App.IndexRoute = Ember.Route.extend({
model: function(){
return this.store.find('video', '8a660002-03c6-4b8e-bd8b-4ce28fa0dacd');
}
});
App.IndexController = Ember.Controller.extend({
test: function() {
var pushData = {
video: {
uuid: "8a660002-03c6-4b8e-bd8b-4ce28fa0dacd",
title: "ah yeh title",
track: 2
},
track: {
uuid: "2",
state: "lol"
}
}
this.store.pushPayload('video', pushData);
}.on('init')
});
App.Video = DS.Model.extend({
title: DS.attr('string'),
track: DS.belongsTo('track', {embedded: true} )
});
App.Track = DS.Model.extend({
state: DS.attr('string'),
videos: DS.hasMany('video')
});
App.VideoSerializer = DS.RESTSerializer.extend({
primaryKey: 'uuid',
extractSingle: function(store, type, payload, id, requestType) {
var tracks = [];
var track = payload.video.track;
var video = payload.video;
tracks.push(track);
video.track = payload.video.track.uuid;
console.log('track ... ' + JSON.stringify(tracks));
console.log('video ... ' + JSON.stringify(video));
payload = { video: video, track: tracks };
return this._super(store, type, payload, id, requestType);
}
});
App.TrackSerializer = DS.RESTSerializer.extend({
primaryKey: 'uuid'
});
$.mockjax({
url: '/videos/8a660002-03c6-4b8e-bd8b-4ce28fa0dacd',
responseText:
{
"video": {
"uuid": "8a660002-03c6-4b8e-bd8b-4ce28fa0dacd",
"state": "pending",
"theme": "basic",
"resolution": "nHD",
"title": "Test title",
"track": {
"uuid": "2",
"state": "complete",
"source": "upload"
}
}
}
});
/*
$.mockjax({
url: '/videos/8a660002-03c6-4b8e-bd8b-4ce28fa0dacd',
responseText:
{
"video": {
"id": "8a660002-03c6-4b8e-bd8b-4ce28fa0dacd",
"state": "pending",
"theme": "basic",
"resolution": "nHD",
"title": "Test title",
"track": "2"
},
"track": [{
"id": "2",
"state": "complete",
"source": "upload"
}]
}
});
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment