gtb104

import Controller from '@ember/controller';
import { later } from '@ember/runloop';

export default Controller.extend({
  appName: 'Bug ember-sortable',
  columns: [
      { title: 'AAAAA' },
      { title: 'BBBBB' },
      { title: 'CCCCC' },
      { title: 'DDDDD' },

gtb104

import Ember from 'ember';

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

gtb104

import Ember from 'ember';

const {
  Component,
  computed
} = Ember;

export default Component.extend({
  classNameBindings: ['isActive', ':pill-meta'],

gtb104

import Component from '@ember/component';
import { scheduleOnce } from '@ember/runloop';
import { isEmpty } from '@ember/utils';
import { computed } from '@ember/object';

export default Component.extend({
  classNameBindings: ['isActive', ':pill-operator'],

  isActive: false,
  meta: null,

gtb104

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  hasStyledBytes: false,

  actions: {
    toggleByteStyling(val) {
    	console.log('val', val);
      this.set('hasStyledBytes', val);

gtb104

Mostly Declarative D3

This is a mostly declarative approach to creating reusable D3 graph.

gtb104

Non Declarative D3

This is a non-declarative approach to creating reusable D3 graph.

The main method of reusability will be a library of modules used to create specific portions of a D3 graph.

gtb104

Declarative D3 v2

A version which uses a Model(which coordinates multiple scales), and the parent creates the axes.

gtb104

Declarative D3

Porting Netflix ember-nf-graph to Ember 2.7.0.

gtb104

import Ember from 'ember';

export default Ember.Controller.extend({
  a: [1,2,3],
  b: [4,5,6],
  c: false,
  
  actions: {
    toggleLabels() {
      this.toggleProperty('c');