Skip to content

Instantly share code, notes, and snippets.

View NullVoxPopuli's full-sized avatar

NullVoxPopuli

View GitHub Profile
import Controller from '@ember/controller';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
}
import Controller from '@ember/controller';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
}
@NullVoxPopuli
NullVoxPopuli / components.my-repository\.js
Last active May 28, 2021 12:39
Convert to derived data - Original
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
export default class MyRepository extends Component {
@tracked showDetailVisible = false;
@tracked branches = '';
@action
async showDetail(name, organizationName, token) {
import Component from '@glimmer/component';
export default class extends Component {
}
import Controller from '@ember/controller';
import EmberObject from '@ember/object';
function logged(target, key, descriptor) {
let { initializer } = descriptor;
let get = function() {
console.log(`Get ${key}`); // DOES NOT LOG!
return initializer();
};
import Controller from '@ember/controller';
import { inject as service } from '@ember/service';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
transitionToQp = () => {
this.router.transitionTo({ queryParams: { foo: 123 } });
this.router.transitionTo('foo');
this.router.transitionTo({ queryParams: { foo: 1234 } });
@NullVoxPopuli
NullVoxPopuli / a-teeny-component.component.js
Last active October 26, 2018 15:09 — forked from jenweber/components.a-teeny-component.js
Example of passing actions from controller to nested component
import Ember from 'ember';
export default Ember.Component.extend({
// this component only received args from the caller
// but it does track its own local info property
info: '', // initial form field value
});
@NullVoxPopuli
NullVoxPopuli / components.wrapping-component.js
Last active October 2, 2018 13:28 — forked from theoldcounty/components.checkbox-component.js
Parent / Child Component Communication
import Component from '@ember/component';
import { action, computed } from '@ember-decorators/object';
import { check } from 'twiddle/utils/tree-helpers';
export default class extends Component {
options = [{
id: 1,
label: 'burger',
checked: false,
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});