Skip to content

Instantly share code, notes, and snippets.

@sglanzer-deprecated
Created July 8, 2016 02:36
Show Gist options
  • Save sglanzer-deprecated/ded14b934a17a17603b84bed5ce2192a to your computer and use it in GitHub Desktop.
Save sglanzer-deprecated/ded14b934a17a17603b84bed5ce2192a to your computer and use it in GitHub Desktop.
Model hook using link-to
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
export function returnJSON(status, body) {
return json(...arguments);
};
export function json(status, body) {
if (arguments.length === 1) {
body = status;
status = 200;
}
return [
status,
{ "Content-Type": "application/json" },
JSON.stringify(body)
];
};
export const server = new Pretender();
export function initialize() {
server.handledRequest = function(verb, path, request) {
console.log(`handled request to ${verb} ${path}`);
}
server.unhandledRequest = function(verb, path, request) {
console.log(`undhandled request ${verb} ${path}`);
}
};
export default {
name: 'pretender',
initialize
};
import Model from "ember-data/model";
import attr from "ember-data/attr";
import { belongsTo, hasMany } from "ember-data/relationships";
const model = Model.extend({
name: attr('string')
});
model.reopenClass({
FIXTURES: [
{ id: 1, name: 'Steven'}
]
});
export default model
import Ember from 'ember';
import config from './config/environment';
const Router = Ember.Router.extend({
location: 'none',
rootURL: config.rootURL
});
Router.map(function() {
this.route('my-route', { path: '/my-route/:person_id' })
});
export default Router;
import Ember from 'ember';
import { server, json } from '../initializers/pretender';
server.map(function() {
this.get('/users/1', function() {
return json({
data: {
type: 'user',
id: 1,
attributes: {
name: 'George Michael Bluth'
}
}
});
});
});
export default Ember.Route.extend({
model() {
return this.store.findRecord('user', 1)
}
});
import Ember from 'ember';
export default Ember.Route.extend({
model(params) {
alert('hit the model')
const id = params.person_id
return this.store.peekRecord('user', id)
}
});
<h1>Welcome to {{appName}}</h1>
<br>
<div>
Hi {{model.name}}
</div>
<div>
{{#link-to 'my-route' model.id}}My route{{/link-to}}
</div>
<br>
{{outlet}}
<br>
<br>
Welcome to my route {{model.name}}
{
"version": "0.10.1",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "2.6.0",
"ember-data": "2.6.1",
"ember-template-compiler": "2.6.0",
"route-recognizer": "https://rawgit.com/tildeio/route-recognizer/56f5fcec6ae58d8e86b5dc77609809fb91198142/dist/route-recognizer.js",
"FakeXMLHttpRequest": "https://rawgit.com/pretenderjs/FakeXMLHttpRequest/23c3a96b5b24f1bfe595867437e4f128a29c2840/fake_xml_http_request.js",
"pretender": "https://rawgit.com/pretenderjs/pretender/c6de9afe18b1472aded2592f5a80ad9a26a0e262/pretender.js"
},
"addons": {}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment