Skip to content

Instantly share code, notes, and snippets.

View sglanzer-fire's full-sized avatar

Steven Glanzer sglanzer-fire

  • Cisco
  • Ottawa, Canada
View GitHub Profile
import Ember from 'ember';
export default Ember.Component.extend({
classNames: ['flex-container'],
classNameBindings: ['vertical:vertical'],
vertical: false
});
import Ember from 'ember';
export default Ember.Controller.extend({
queryParams: ['activeSorting'],
activeSorting: null,
actions: {
clickHandler() {
let result =[{name: 'q'}, {value: 'a'}]
import Ember from 'ember'
export default Ember.Component.extend({
one: null,
two: null,
red: null,
blue: null
})
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
export default Ember.Controller.extend({
session: Ember.inject.service('my-service'),
foo: Ember.computed(function() {
return Ember.get(this.get('session').getSessionParams(), 'foo')
})
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
myService: Ember.inject.service('my-service'),
actions: {
foo() {
alert(this.get('myService.test'))
}
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
actions: {
foo() {
const foo = undefined
Ember.get(foo, 'x.y')
foo.get('x.y')
import BaseSvg from './base-svg';
export default BaseSvg.extend({
tagName: 'rect',
fill: Ember.computed.readOnly('layerModel.color')
});
@sglanzer-fire
sglanzer-fire / components.a-rect.js
Created December 23, 2016 01:36
Focusable svgs
import Ember from 'ember';
export default Ember.Component.extend({
attributeBindings: ['x', 'y','width', 'height', 'data-tabindex'],
tagName: 'rect',
'data-tabindex': '0'
});
this.set('selectedItems', []) // TODO prefix
this.set('previousRangeEndItemIndex', null) // TODO prefix
this.set('rangeAnchorIndex', null) // TODO prefix
this.set('actions.select', function ({isCheckboxSelect, isRangeSelect, isCurrentlySelected, isSpecificSelect, item}) {
const selectedItems = this.get('selectedItems')
// Selects are proccessed in order of precedence: checkbox, specific, range, default
if (isCheckboxSelect) {
// Checkbox select works like a specific select, the target item