Skip to content

Instantly share code, notes, and snippets.

View sduquej's full-sized avatar

Sebastián Duque sduquej

View GitHub Profile
import Component from '@glimmer/component';
export default class extends Component {
get innerNumber() {
return this.args.number;
}
}
@sduquej
sduquej / controllers.application.js
Created February 12, 2020 03:17
Editing array of strings
import Ember from 'ember';
export default Ember.Controller.extend({
primitiveFruits: ['banana' ,'apple'],
wrappedFruits: [{name: 'banana'}, {name: 'apple'}],
printPrimitiveFruits() {
console.log(this.get('primitiveFruits'));
},
printWrappedFruits() {
import Ember from 'ember';
export default Ember.Component.extend({
number: 1,
willRender() {
this._super();
console.log(typeof this.number, this.number);
},
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
appNameInUppercase: Ember.computed('appName', function() {
return this.get('appName').toUpperCase();
}).readOnly(),
actions: {
messThingsUp() {
@sduquej
sduquej / components.my-component.js
Last active January 18, 2018 18:12
New Twiddle
import Ember from 'ember';
export default Ember.Component.extend({
classNames: ['myClass'],
click() {
console.log('clicked');
}
});
@sduquej
sduquej / controllers.application.js
Last active January 10, 2018 10:33
New Twiddle
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
arr: [{isBot: true, id: 'bot'}, {isBot: false, id: 'not bot'}],
rejects: Ember.computed('arr.[]', function() {
return this.get('arr').rejectBy('isBot');
}),
filters: Ember.computed('arr.[]', function() {
return this.get('arr').filterBy('isBot', false);
import Ember from 'ember';
export default Ember.Component.extend({
classNames: ['class-0'],
init() {
this._super();
// this.classNames = this.classNames.slice();
this.classNames.pushObjects(['WOLOLO']);
}
});
@sduquej
sduquej / controllers.application.js
Last active October 4, 2017 10:03
computed without dependent keys
import Ember from 'ember';
export default Ember.Controller.extend({
i: 1,
iEven: Ember.computed(function() {
return this.get('i') % 2 === 0;
}),
actions: {
incrementI() {
this.incrementProperty('i');
@sduquej
sduquej / controllers.application.js
Created May 31, 2017 13:22
wtf computed properties
import Ember from 'ember';
export default Ember.Controller.extend({
sortAscending: true,
notSortAscending: Ember.computed.not('sortAscending'),
_items: Em.A([1, 2, 3]),
items: Ember.computed('sortAscending', function() {
if (this.get('sortAscending')) {
return this.get('ascending');
@sduquej
sduquej / controllers.application.js
Created January 24, 2017 11:18
Em.computed.alias
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
bool1: true,
bool2: Ember.computed.alias('bool1'),
actions: {
toggleBool2() {
this.toggleProperty('bool2');