Skip to content

Instantly share code, notes, and snippets.

View tylerbecks's full-sized avatar

Tyler Becks tylerbecks

View GitHub Profile
@tylerbecks
tylerbecks / controllers.application\.js
Created June 21, 2022 21:42
wow how nice Ember never fails
import Controller from '@ember/controller';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
}
import Controller from '@ember/controller';
import { A } from '@ember/array';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
constructor() {
super(...arguments);
const array = A(['a', 'b', 'c'])
console.log(array)
import Component from '@ember/component';
import { classNameBindings } from '@ember-decorators/component';
@classNameBindings('orientationClasses')
export default class extends Component {
@computed('placement')
get orientationClasses() {
switch (this.placement) {
case 'top':
return 'hovercard fade-in-down';
@tylerbecks
tylerbecks / components.child\.js
Created October 26, 2021 21:31
Constructor vs arg
import Component from '@ember/component';
export default class extends Component {
constructor() {
super(...arguments)
this.title = 'Titled defined on Child'
}
}
@tylerbecks
tylerbecks / components.blank-component\.js
Created September 13, 2021 22:36
component helper attrs
import Component from '@glimmer/component';
export default class extends Component {
}
@tylerbecks
tylerbecks / controllers.application\.js
Created May 14, 2021 14:38
Extend with Native Class
class Adapter extends Ember.Object {
foo = 'bar'
}
class DataLayer extends Adapter {
baz() {
return 'spam'
}
}
@tylerbecks
tylerbecks / components.checkbox-tree\.js
Last active August 14, 2020 23:41
CheckboxTree 3.8
import Component from '@glimmer/component';
import { get } from '@ember/object';
import { schedule } from '@ember/runloop';
export default class extends Component {
constructor() {
super(...arguments);
this.children = this.children || [];
this.args.registerChild?.(this);
import Component from '@glimmer/component';
import { schedule } from '@ember/runloop';
import { action } from '@ember/object';
import { tracked } from 'tracked-built-ins';
import { cached, trackedReset } from 'tracked-toolbox';
export default class extends Component {
@trackedReset('args.checked') children = tracked([]);
constructor() {
@tylerbecks
tylerbecks / components.nested-checkboxes\.js
Last active August 3, 2020 19:11
Recursive Nested Checkboxes
import Component from '@glimmer/component';
export default class extends Component {
}
# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
# editor.onDidSave ->