Skip to content

Instantly share code, notes, and snippets.

import Ember from 'ember';
export default Ember.Component.extend({
mouseEnter(){
this.set('hovering', true);
},
mouseLeave(){
this.set('hovering', false);
}
});
@mistahenry
mistahenry / controllers.application.js
Created January 3, 2019 14:32
Cacheable promises
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@mistahenry
mistahenry / controllers.application.js
Created January 3, 2019 11:59
observer value change requirement
import Ember from 'ember';
import { observer } from '@ember/object';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
init(){
this._super(...arguments);
this.set('count', 0);
this.set('execute', true);
@mistahenry
mistahenry / components.number-changer.js
Last active December 13, 2018 13:12
Associating components through association of parent data and actions
import Ember from 'ember';
export default Ember.Component.extend({
});
@mistahenry
mistahenry / controllers.application.js
Created December 12, 2018 14:17
Explicit Query Params Help
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@mistahenry
mistahenry / controllers.application.js
Last active December 7, 2018 13:52
query params array
import Ember from 'ember';
export default Ember.Controller.extend({
init(){
this._super(...arguments);
this.set('queryParams', [{
state: { type: 'array'}
}])
this.set('statesArray', [1,2,3]);
},
@mistahenry
mistahenry / components.my-component.js
Last active December 5, 2018 17:30
Async actions, 1 way binding + runloop
import Ember from 'ember';
import { run } from '@ember/runloop';
export default Ember.Component.extend({
didInsertElement(){
this.set('currentIndex', 0);
this.set('currentNumber', this.numbers[this.currentIndex]);
},
actions: {
showNext(){
@mistahenry
mistahenry / components.translated-placeholder-input.js
Created December 4, 2018 14:27
Translated placeholder for 2-way bound input using tagless component wrapper
import Ember from 'ember';
const translations = {
placeholder: "Type here..."
};
export default Ember.Component.extend({
//creates the component without an enclosing div
tagName: "",
translatedPlaceholder: Ember.computed('placeholderKey', function(){
let key = this.get('placeholderKey');
if(!key){
import Ember from 'ember';
import {computed} from '@ember/object';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
actions: {
handlePaste(){
alert("paste");
}
}
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});