Skip to content

Instantly share code, notes, and snippets.

View dbachet's full-sized avatar

Damien Bachet dbachet

View GitHub Profile
@dbachet
dbachet / components.main-component\.js
Last active September 10, 2021 10:00
New Twiddle
import Component from '@glimmer/component';
export default class extends Component {
constructor(owner, args) {
super(owner, args);
this.passedArgs = args;
// if (this.args.displayMode === 'list') {
// this.items = [];
// }
import Controller from '@ember/controller';
import { computed } from '@ember/object';
const values = [
0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100
];
export default Controller.extend({
sliderIndex: 1,
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
export default class extends Component {
@tracked myTrackedProperty = 0;
aFunctionWithParam(value){
return Number(value) + 100;
};
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
export default class extends Component {
@tracked updatedTimes = 0;
get somethingElse(){
return `${this.args.something} - ${this.updatedTimes}`;
import Component from '@glimmer/component';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';
export default class extends Component {
@tracked first;
@tracked somethingPlusTwenty;
@action
init(){
import Component from '@glimmer/component';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';
export default class extends Component {
@tracked fuck;
@tracked childFuck;
constructor(){
super(...arguments);
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
export default class extends Component {
@tracked memberAmount = 0;
@action
init(){
console.log(this.memberAmount)
import Component from '@glimmer/component';
import { get } from "@ember/object";
export default class extends Component {
// get isRowSelected(){
// return this.args.rowStates[this.args.rowId];
// };
}
@dbachet
dbachet / components.child\.hbs
Last active May 7, 2021 17:34 — forked from chriskrycho/components.child\.hbs
local and global state
<div>
{{@name}} is checked: {{this.isChecked}}
</div>
<Input
@type="checkbox"
@checked={{this._isChecked}}
{{on "click" (fn @onClick this._isChecked)}} />
import Controller from '@ember/controller';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
@tracked allOpen = false;
@action toggleAll(state) {
this.allOpen = state;