Skip to content

Instantly share code, notes, and snippets.

@greyhwndz
greyhwndz / controllers.application.js
Created April 2, 2016 09:44
@runspired- Ember Arrays
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
things: Ember.A([1, 2, 3, 4]),
init() {
this._super();
this.things[0] = 'a';
},
actions: {
@greyhwndz
greyhwndz / controllers.application.js
Created April 1, 2016 18:44
@pablobm- QueryParams
import Ember from 'ember';
export default Ember.Controller.extend({
queryParams: ['foo', 'bar'],
foo: '',
bar: '',
clear: {
isQueryParams: true,
values: {
@greyhwndz
greyhwndz / application-loading.template.hbs
Last active April 4, 2016 19:43 — forked from rwjblue/application-loading.template.hbs
@rwjblue- App Level Loading Templates
<h5>application-loading template</h5>
import Ember from 'ember';
export default Ember.Controller.extend({
appName:'Closure actions',
result: 'without news',
actions:{
myAction(){
this.set('result', 'received!');
}
}
@greyhwndz
greyhwndz / controllers.application.js
Last active March 30, 2016 21:45
Stop Event Propagation AND send Param
import Ember from 'ember';
export default Ember.Controller.extend({
actions: {
greet(name, e) {
e.stopPropagation();
console.log('Hello ' + name + '!');
}
}
});
@greyhwndz
greyhwndz / controllers.application.js
Last active March 30, 2016 19:18
Events - Stopping Event Propagation from an HTML a tag
import Ember from 'ember';
export default Ember.Controller.extend({
actions: {
stopPropagation(e) {
e.stopPropagation();
}
}
});
@greyhwndz
greyhwndz / router.js
Last active March 30, 2016 19:15
Events - Stopping Action Bubbling or Propagation
import Ember from 'ember';
import config from './config/environment';
const Router = Ember.Router.extend({
location: 'none'
});
Router.map(function() {
this.route('guava');
this.route('mango');
const MESSAGES = {
400(foo) {
// stuff
},
404(foo) {
// stuff
},
500(foo) {
// stuff
}
import Ember from 'ember';
export default Ember.Controller.extend({
appName:'Ember Twiddle',
toggle: false,
actions: {
nextVideo() {
this.toggleProperty('toggle');
}
# Usage:
# 
# post.serialize(include: ['comments'], comments: {include: ['author']})
#
# gives:
# {
#   data: {
#     attributes: {id: 1, name: 'post name'},
#     relationships: {