Skip to content

Instantly share code, notes, and snippets.

View rossjha's full-sized avatar

Ross Haggart rossjha

  • Addepar
  • Brechin, Angus, UK
View GitHub Profile
import Controller from '@ember/controller';
export default Controller.extend({
});
@rossjha
rossjha / components.input-range\.js
Last active August 23, 2022 20:11
Range Web Component
import Component from '@glimmer/component';
import { action } from '@ember/object';
export default class extends Component {
get _value() {
return this.args.value;
}
get valueAsPercentage() {
const { min, max, value } = this.args;
import Controller from '@ember/controller';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
export default class ApplicationController extends Controller {
@tracked value = 'Bar';
@action doSomething() {
alert(this.value);
}
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
export default class extends Component {
@tracked start = 25;
@tracked end = 75;
@action setRangeValues([start, end]) {
this.start = start;
import Component from '@glimmer/component';
export default class extends Component {
update() {
console.log('foo');
}
}
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
export default class extends Component {
@tracked start = 25;
@tracked end = 75;
@action setRangeValues([start, end]) {
this.start = start;
@rossjha
rossjha / components.my-form\.js
Last active August 22, 2022 14:16
Range IIII
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
export default class extends Component {
@tracked start = 25;
@tracked end = 75;
@action setRangeValues([start, end]) {
this.start = start;
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
import { guidFor } from '@ember/object/internals';
export default class extends Component {
@tracked start = 25;
@tracked end = 75;
uniqueId = guidFor(this);
import Controller from '@ember/controller';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
export default class ApplicationController extends Controller {
@tracked start = 25;
@tracked end = 75;
@action setRangeValues([start, end]) {
this.start = start;
import Controller from '@ember/controller';
import { action } from "@ember/object";
import { tracked } from '@glimmer/tracking';
export default class ApplicationController extends Controller {
@tracked start = 10;
@tracked end = 30;
@action setInputRange([start, end]) {
this.start = start;