Ryan Schie rjschie

## controllers.application\.js
import Controller from '@ember/controller';
import { action } from '@ember/object';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';

	@action
  runIt(model, e) {
    model.name = e.target.value;
    //console.log('inputting', model.isDirty);

## components.graph\.js
import Component from '@glimmer/component';

/**
 * Open your console when viewing this and
 * refresh your page to see the posts
 * being console logged.
 */

export default class extends Component {
  constructor() {

## controllers.application.js
import Ember from 'ember';

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

## controllers.application.js
import Ember from 'ember';

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

## D3-Line.html
<!DOCTYPE html>
<html>
<meta name="description" content="D3 Line chart that scales">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>

<style>
  svg {
    border: 1px solid red;
  }

## components.my-popover-content.js
import Ember from 'ember';

export default Ember.Component.extend({
  isVisible: false
});

## Input Focus Animation.html
<!DOCTYPE html>
<html>
<head>
  <title>Input Focus Animation</title>
  <style>

  html,body {
    padding: 0;
    margin: 0;
    height: 100%;

## racecar.js
'use strict';

function reverseString(input) {
  var result = "";
  for( var i = (input.length-1); i >= 0; i-- ) {
    result = result + input[i];
  }

  return result;
}

## LI3 Angular Pres
<div ng:controller="PersistentTodosController">

  <ul class="todos">
    <li ng:repeat="item in todos">
      <input type="checkbox" ng:model="item.completed" />

      <label
        ng:class="{ completed: item.completed }"
        ng:click="todos.remove($index)"
      >{{ item.title }}</label>
	import Controller from '@ember/controller';
	import { action } from '@ember/object';

	export default class ApplicationController extends Controller {
	appName = 'Ember Twiddle';

	@action
	runIt(model, e) {
	model.name = e.target.value;
	//console.log('inputting', model.isDirty);
	import Component from '@glimmer/component';

	/**
	* Open your console when viewing this and
	* refresh your page to see the posts
	* being console logged.
	*/

	export default class extends Component {
	constructor() {
	import Ember from 'ember';

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

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle',
	});
	<!DOCTYPE html>
	<html>
	<meta name="description" content="D3 Line chart that scales">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>

	<style>
	svg {
	border: 1px solid red;
	}
	import Ember from 'ember';

	export default Ember.Component.extend({
	isVisible: false
	});
	<!DOCTYPE html>
	<html>
	<head>
	<title>Input Focus Animation</title>
	<style>

	html,body {
	padding: 0;
	margin: 0;
	height: 100%;
	'use strict';

	function reverseString(input) {
	var result = "";
	for( var i = (input.length-1); i >= 0; i-- ) {
	result = result + input[i];
	}

	return result;
	}
	<div ng:controller="PersistentTodosController">

	<ul class="todos">
	<li ng:repeat="item in todos">
	<input type="checkbox" ng:model="item.completed" />

	<label
	ng:class="{ completed: item.completed }"
	ng:click="todos.remove($index)"
	>{{ item.title }}</label>