nwhittaker

CSSOff 2013 Submission

A Pen by Nathan Whittaker on CodePen.

License.

nwhittaker

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  store: Ember.inject.service(),
  
  modelNameFromModelFor: Ember.computed(function() {
    return this.get('store').modelFor('my-model').modelName;
  }),
  

nwhittaker

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  foo: Ember.computed({
    get() {
      return 'foo';
    },
    set(key, value) {

nwhittaker

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

nwhittaker

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() {

nwhittaker

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

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 optionOne = 'one'

  @action toggleVisibility() {

nwhittaker

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() {

nwhittaker

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

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])
  }