Skip to content

Instantly share code, notes, and snippets.

@baroquon
baroquon / controllers.about.js
Last active November 8, 2016 16:20
whyThisDo
import Ember from 'ember';
export default Ember.Controller.extend({
queryParams: ['foo', 'bar']
});
@baroquon
baroquon / controllers.about.js
Created October 24, 2016 03:10
Observers completed
import Ember from 'ember';
export default Ember.Controller.extend({
observerCounter: 0,
nameObserver: Ember.observer('model.firstName', 'model.lastName', function(){
this.incrementProperty('observerCounter');
console.log('observer counter: ', this.get('observerCounter'));
}),
computedCounter: 0,
nameComputed: Ember.computed('model.firstName', 'model.lastName', function(){
@baroquon
baroquon / controllers.about.js
Last active October 21, 2016 00:05
Observer Some Things
import Ember from 'ember';
export default Ember.Controller.extend({
});
@baroquon
baroquon / controllers.application.js
Last active October 4, 2016 19:45
checked thingy
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
locations: [
Ember.Object.create({id: 1,name: `me - 1`, merchantId: 1 }),
Ember.Object.create({id: 2,name: `me - 2`, merchantId: 1 }),
Ember.Object.create({id: 3,name: `me - 3`, merchantId: 2 }),
Ember.Object.create({id: 4,name: `me - 4`, merchantId: 2 }),
],
@baroquon
baroquon / controllers.application.js
Created September 29, 2016 03:04
Function Vs Action
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
someFunc(){
console.log('some func');
},
actions: {
someAction(){
console.log('some action');
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Input Action',
actions: {
updateFirstName(){
let firstName = this.get('firstName') || '';
console.log('firstName ', firstName);
}
}
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Notifying a property change on a property passed into a child component',
description: 'There is a parent component with some buttons. When a user clicks on a button, the buttons\'s action changes the property. Since the changed property is passed into the wrapped component, you would expect that it\'s observer would fire also. But it does not. To try this, just type in 1233 and you will see that the last 3 will not render.'
});
@baroquon
baroquon / person.js
Created April 12, 2015 01:51
example person.js model
import DS from 'ember-data';
import Ember from 'ember';
export default DS.Model.extend({
// Attributes
first_name: DS.attr('string'),
middle_name: DS.attr('string'),
last_name: DS.attr('string'),
notes: DS.attr('string'),
date_of_birth: DS.attr('date'),
@baroquon
baroquon / application.js
Created January 23, 2015 05:37
app/serializers/application.js
import DS from 'ember-data';
export default DS.RESTSerializer.extend(DS.EmbeddedRecordsMixin, {
primaryKey: 'ID',
extractArray: function(store, type, payload) {
var payloadTemp = {};
payloadTemp[type.typeKey] = payload;
return this._super(store, type, payloadTemp);
},
extractSingle: function(store, type, payload, id) {
.history-items .history-item:not(:first-child) {
margin-top: 0;
}