Skip to content

Instantly share code, notes, and snippets.

View magistrula's full-sized avatar

Anna Andresian magistrula

View GitHub Profile
@magistrula
magistrula / controllers.application.js
Last active February 1, 2019 21:12
Feature Flagged Routing
import Ember from 'ember';
export default Ember.Controller.extend({
featureFlags: Ember.inject.service(),
actions: {
toggleFeatureFlag(flagName) {
this.get('featureFlags').toggleFeatureFlag(flagName);
}
}
@magistrula
magistrula / controllers.application.js
Last active January 9, 2019 18:50
Template Sort Helper
import Ember from 'ember';
const LETTERS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
function _generateBaz() {
const index = Math.floor(Math.random() * LETTERS.length);
return LETTERS[index];
}
const { get, set } = Ember;
@magistrula
magistrula / controllers.application.js
Last active December 19, 2018 16:42
Flexbox Vertical Centering
import Ember from 'ember';
export default Ember.Controller.extend({
actions: {
clickContent() {
alert('You clicked me!');
}
}
});
@magistrula
magistrula / controllers.application.js
Last active December 5, 2018 23:19
computed.empty
import Ember from 'ember';
const { computed } = Ember;
export default Ember.Controller.extend({
foo: null,
fooLabel: 'null',
fooIsEmpty: computed.empty('foo'),
bar: '',
@magistrula
magistrula / controllers.application.js
Last active December 5, 2018 17:13
Model & AfterModel
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@magistrula
magistrula / controllers.application.js
Created September 29, 2018 22:47
Transition queryParams
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@magistrula
magistrula / components.my-face.js
Last active September 12, 2018 04:15
Build-a-Face
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' },
@magistrula
magistrula / components.my-component.js
Last active July 1, 2018 18:49
Binding Promise Callbacks
import Ember from 'ember';
export default Ember.Component.extend({
foo: 'component-foo',
logFoo() {
alert(this.get('foo'));
},
actions: {
@magistrula
magistrula / controllers.application.js
Last active June 29, 2018 22:51
Watching @each properties
import Ember from 'ember';
const { computed, get, set } = Ember;
const CHESS = { id: 'chess', name: 'Chess' };
const SPORTS = { id: 'sports', name: 'Sports' };
const MUSIC = { id: 'music', name: 'Music' };
const ART = { id: 'art', name: 'Art' };
function buildStudents() {
@magistrula
magistrula / components.my-component.js
Last active October 18, 2019 21:45
Native vs Ember Actions
import Ember from 'ember';
export default Ember.Component.extend({
});