Skip to content

Instantly share code, notes, and snippets.

View alexdiliberto's full-sized avatar

Alex DiLiberto alexdiliberto

View GitHub Profile
@alexdiliberto
alexdiliberto / controllers.application.js
Last active April 3, 2017 13:39
Route Loading Substate
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@alexdiliberto
alexdiliberto / components.got-hodor.js
Created March 30, 2017 02:38
Spotlight: Ember Closure Actions
import Ember from 'ember';
import { log } from '../log';
export default Ember.Component.extend({
actions: {
hodorSigil() {
log('HODOR!!!');
}
}
});
@alexdiliberto
alexdiliberto / controllers.application.js
Last active July 5, 2017 17:48
Ember 'Toggle All' Checkbox #2
import Ember from 'ember';
var COLORS = 'peachpuff khaki papayawhip cadetblue orchid seashell gainsboro thistle olivedrab aquamarine azure crimson darkslategray goldenrod cornsilk chartreuse darksalmon firebrick honeydew'.w();
var ID = 4;
export default Ember.ObjectController.extend({
toggles: function(){ return Ember.A([]) }.property(),
allChecked: function(key, value){
if (arguments.length === 1) {
@alexdiliberto
alexdiliberto / controllers.application.js
Last active March 30, 2017 02:20
Ember 'Toggle All' Checkbox #1
import Ember from 'ember';
export default Ember.ArrayController.extend({
itemController: 'checkboxableItem',
selectedItems: Ember.computed.filterBy('', 'selected', true),
selectedCount: Ember.computed.alias('selectedItems.length'),
actions: {
removeSelected: function() {
var selectedItems = this.get('selectedItems').toArray();
@alexdiliberto
alexdiliberto / controllers.application.js
Last active March 21, 2017 22:15
Architecture: Nested Loading Routes
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@alexdiliberto
alexdiliberto / controllers.application.js
Created March 21, 2017 03:46
Architecture: Progressive Model Loading: Loading Templates + Immediate On-Screen Content
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
/* the page should not change width as content is loaded */
body {
overflow-y: scroll;
}
/* block scrolling without losing the scroll bar and shifting the page */
/* add this class when a modal is open */
body.block-scroll {
overflow: hidden;
overflow-y: scroll !important;
@alexdiliberto
alexdiliberto / controllers.application.js
Created January 25, 2017 15:24
Basic select with `selected` template logic
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
vehicle: "toyota",
vehicles: [
{id:1, name:'ford'},
{id:2, name:'toyota'},