Skip to content

Instantly share code, notes, and snippets.

@meirish
meirish / components.foo\.js
Created November 17, 2021 17:27
New Twiddle
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
export default class extends Component {
@tracked blah = this.args.foo;
get bam() {
return this.blah;
}
import Component from '@glimmer/component';
export default class extends Component {
get query(){
console.log('@query: ', this.args.query);
return this.args.query;
}
}
@meirish
meirish / ability\.js
Last active October 23, 2020 02:27
New Twiddle
import EmberObject from '@ember/object';
import { camelize } from '@ember/string';
export default EmberObject.extend({
model: null,
/**
* Parse propertyName into ability property
* eg: `createProject` will be parsed to `canCreateProject` using default definition
* @public
@meirish
meirish / components.container\.js
Last active October 24, 2020 16:20 — forked from lifeart/components.mega-input\.js
Ember DDEU (Data Down Events Up)
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
export default class extends Component {
@tracked children = [];
@action
registerChild({detail}) {
this.children = [...this.children, detail[0]];
import Controller from '@ember/controller';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
}
import Component from '@ember/component';
export default Component.extend({
bool: 'off',
init: function() {
this._super(...arguments);
console.log(this.bool);
},
})
@meirish
meirish / components.test-select.js
Created November 21, 2019 22:22 — forked from kkincade/cloudSettings
Selected Option
import Ember from 'ember';
export default Ember.Component.extend({
init() {
this._super(...arguments);
this.set('items',
Ember.A([
{ name: 'Option 1', value: '1', isSelected: false },
@meirish
meirish / controllers.application.js
Last active December 12, 2018 16:00
Object.create(null) makes .constructor checks useless
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
hashConstructor: null,
actionArgs: null,
isObject: false,
actions: {
testHash(hash) {
this.set('actionArgs', hash);
import Ember from 'ember';
export default Ember.Component.extend({
options: null,
feed: null
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});