Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<p>Saving this website</p>
</body>
</html>
@courajs
courajs / components.swap-order.js
Created November 23, 2016 23:34
yield inverse
import Ember from 'ember';
export default Ember.Component.extend({
});
@courajs
courajs / controllers.application.js
Created November 23, 2016 23:37
Named yields-ish
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
<!DOCTYPE html>
<html>
<head>
<title>jQuery Fun House Starter Code</title>
</head>
<body>
<div class="section">
<h1>What is your name?
<input id="name">
</h1>
<!DOCTYPE html>
<html>
<head>
<title>My Portfolio</title>
</head>
<body>
<h1>My Portfolio</h1>
<ul>
<li>
<h2>Elephant Gallery!</h2>
<!DOCTYPE html>
<html>
<head>
<title>Elephant Gallery</title>
</head>
<body>
<div class="section" id="gallery">
<h1>Pictures of elephants</h1>
<img class="gallery-thumb" id="pic1" src="https://upload.wikimedia.org/wikipedia/commons/f/f9/Loxodonta_africana_-_old_bull_(Ngorongoro,_2009).jpg">
<img class="gallery-thumb" id="pic2" src="https://upload.wikimedia.org/wikipedia/commons/6/63/African_elephant_warning_raised_trunk.jpg">
@courajs
courajs / controllers.application.js
Created April 12, 2017 13:25
Trampolined Properties
import Ember from 'ember';
let t = 0;
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
theKey: 'one',
one: 1,
two: 2,
@courajs
courajs / components.hider-component.js
Last active April 16, 2017 21:08
Conditionally rendered components
import Ember from 'ember';
import through from '../indirect';
// Inlined, since no addons in twiddles. Really use this:
// import through from 'ember-computed-indirect/utils/indirect';
export default Ember.Component.extend({
user: Ember.inject.service('user-permissions'),
flagName: '', // specify in extending component
flagPath: Ember.computed('flagName', function() {
return 'user.' + this.get('flagName');
@courajs
courajs / controllers.application.js
Created April 26, 2017 20:25 — forked from machty/controllers.application.js
ember-concurrency starter
import Ember from 'ember';
import { task, timeout } from 'ember-concurrency';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
myTask: task(function * () {
let didConfirm = yield this.get('getConfirmation').perform("Are you sure?");
if (didConfirm) {
alert("woot");
import Ember from 'ember';
const {
Component
} = Ember;
export default Component.extend({
willRender() {
this.set('timerStart', new Date());
},