nwhittaker’s gists

nwhittaker / controllers.application\.js

Last active February 24, 2023 23:04

Label switch template

	import Controller from '@ember/controller';
	import { action } from '@ember/object';
	import { tracked } from '@glimmer/tracking';

	export default class ApplicationController extends Controller {
	@tracked visible = false

	get inputId() {
	return 'input-id'
	}

nwhittaker / controllers.application\.js

Created August 2, 2022 16:55

Autofocus

	import Controller from '@ember/controller';
	import { action } from '@ember/object';
	import { tracked } from '@glimmer/tracking';

	export default class ApplicationController extends Controller {
	@tracked isAutofocused = false

	@action toggleAutofocus() {
	this.isAutofocused = !this.isAutofocused
	}

nwhittaker / controllers.application\.js

Created July 19, 2022 16:49

Stepper

	import Controller from '@ember/controller';
	import { action } from '@ember/object';
	import { tracked } from '@glimmer/tracking';

	export default class ApplicationController extends Controller {
	@tracked seededValue

	@action onStepperItemChange() {
	console.dir(arguments)
	}

nwhittaker / controllers.application\.js

Last active March 16, 2022 21:12

Focus input highlight

	import Controller from '@ember/controller';
	import { action } from '@ember/object';
	import { later } from '@ember/runloop';
	import { tracked } from '@glimmer/tracking';

	export default class ApplicationController extends Controller {
	@tracked seed = { number: NaN, string: '' }

	@action seedNumberWithDelay({ target }) {
	const value = Math.round(Math.random() * 100)

nwhittaker / controllers.application\.js

Last active May 17, 2022 19:44

New Twiddle

	import Controller from '@ember/controller';
	import { action } from '@ember/object';
	import { tracked } from '@glimmer/tracking';

	export default class ApplicationController extends Controller {
	@tracked seededValue

	@action onStepperItemChange() {
	console.dir(arguments)
	}

nwhittaker / controllers.application\.js

Last active April 20, 2022 22:25

Input focus change

	import Controller from '@ember/controller';
	import { action } from '@ember/object';
	import { tracked } from '@glimmer/tracking';

	export default class ApplicationController extends Controller {
	@tracked seededValue

	@action seedValueWithFocusShift() {
	document.getElementById('seeded').setFocus()
	this.seededValue = Math.random()

nwhittaker / controllers.application\.js

Created March 12, 2022 20:15

Input NaN value

	import Controller from '@ember/controller';
	import { action } from '@ember/object';
	import { tracked } from '@glimmer/tracking';

	export default class ApplicationController extends Controller {
	@tracked visible = true
	@tracked data = [{ value: 1 }]

	get value() {
	return this.data[0].value

nwhittaker / controllers.application\.js

Last active March 10, 2022 04:17

New Twiddle

	import Controller from '@ember/controller';
	import { action } from '@ember/object';

	export default class ApplicationController extends Controller {
	rows = [...'abcdefghijklmnopqrstuvwxyz']

	@action changeRow(row, index, { target }) {
	this.rows.replace(index, 1, [target.value])
	}

nwhittaker / controllers.application\.js

Last active December 21, 2021 21:55

New Twiddle

	import Controller from '@ember/controller';
	import { action } from '@ember/object';
	import { tracked } from '@glimmer/tracking';

	export default class ApplicationController extends Controller {
	@tracked visible = false

	@action toggleVisibility() {
	this.visible = !this.visible
	}

nwhittaker / controllers.application\.js

Last active December 8, 2021 02:15

New Twiddle

	import Controller from '@ember/controller'
	import { action } from '@ember/object'
	import { tracked } from '@glimmer/tracking'

	export default class ApplicationController extends Controller {

	@tracked show = false
	@tracked twoValue = 'two'

	@action toggleVisibility() {

Nathan Whittaker nwhittaker