Skip to content

Instantly share code, notes, and snippets.

import Ember from 'ember';
import hbs from 'htmlbars-inline-precompile';
const templates = {
foo: hbs`<strong>Foo</strong> template`
};
export default Ember.Component.extend({
itemTemplate: templates.foo
import Ember from 'ember';
const { computed } = Ember;
export const FACE_COLOR_OPTIONS = [
{ value: 'salmon', label: 'red' },
{ value: 'orange', label: 'orange' },
{ value: 'yellow', label: 'yellow' },
{ value: 'palegreen', label: 'green' },
{ value: 'lightblue', label: 'blue' },
import Ember from 'ember';
export default Ember.Component.extend({
startDate: null,
didReceiveAttrs() {
this._super(...arguments);
},
actions: {
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'input',
attributeBindings: [ 'type', 'value', 'placeholder', 'data-stripe', 'name' ],
type: 'text',
_sanitizedValue: undefined,
input() { this._handleChangeEvent(); },
change() { this._handleChangeEvent(); },
import Ember from 'ember';
import DS from 'ember-data';
function delayedResolveWith(obj) {
return new Ember.RSVP.Promise(function(resolve, reject) {
window.setTimeout(resolve.bind(null, obj), 1000);
});
}
export default Ember.Controller.extend({
import Ember from 'ember';
export default Ember.Component.extend({
onSave() {
alert('you clicked save');
}
});
@alexgb
alexgb / measure-performance.js
Last active December 10, 2015 22:24
Ember iteration performance helper
import Ember from 'ember';
const store = {};
const makeRelative = function(collection) {
return collection.reduce(function(acc, i) {
if (acc.last) {
acc.diffs.push(i - acc.last);
}
@alexgb
alexgb / ember-console.utils.js
Created November 6, 2015 03:51
Ember console utils
// https://github.com/ebryn/ember-console-utils/blob/master/ember-console-utils.js
HTMLElement.prototype.view = function() {
var viewEl = this;
if (!viewEl.classList.contains('ember-view')) {
viewEl = $(viewEl).parents('.ember-view:first')[0];
}
return Ember.View.views[viewEl.id];
};
HTMLElement.prototype.controller = function() {
var match = location.href.match(/trello\.com\/([[cb])\/(.*)\//),
cookies, token, boardId, data;
if (match[1] === 'c') {
boardId = window.IdCache.getBoardIdForCard(match[2]);
} else {
boardId = window.IdCache.getBoardId(match[2]);
}