Skip to content

Instantly share code, notes, and snippets.

View k-fish's full-sized avatar
🐟

Kev k-fish

🐟
  • Toronto, Canada
View GitHub Profile
@k-fish
k-fish / components.input-component.js
Created November 22, 2018 17:55
onBlur multiple inputs
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
onChange(e) {
this.set('changeFired', true);
this.set('item.foo', false);
},
onBlur(e) {
@k-fish
k-fish / adapters.application.js
Last active November 21, 2018 16:22
Ember Data Example
import DS from 'ember-data';
export default DS.RESTAdapter.extend({
namespace: '/api'
});
import Ember from 'ember';
import { inject as service } from '@ember/service';
import { computed } from '@ember/object';
export default Ember.Component.extend({
store: service(),
init() {
this.store.push({
data: [{
@k-fish
k-fish / components.my-component.js
Last active September 16, 2019 13:42
Flex Tiles
import Ember from 'ember';
export default Ember.Component.extend({
tagName: ''
});
@k-fish
k-fish / components.countdown-component.js
Last active September 8, 2018 18:26
Countdown with RAF
import Ember from 'ember';
export default Ember.Component.extend({
number: Ember.computed('finishAt', 'checkedAt', function() {
return Math.max(Math.round((this.get('finishAt') - this.get('checkedAt')) / 1000), 0);
}),
isZero: Ember.computed.equal('number', 0),
checkedAt: Date.now(),
@k-fish
k-fish / controllers.application.js
Created August 23, 2018 14:28
Check wormholing rerender
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
xss: 'alice"><img src=x onerror=debugger>'
});
@k-fish
k-fish / components.tabs-component.js
Last active August 20, 2018 13:54
Contextual States example
import Ember from 'ember';
export default Ember.Component.extend({
});
@k-fish
k-fish / components.broken-component.js
Last active August 15, 2018 12:25
Htmlsafe for broken html
import Ember from 'ember';
import { computed } from '@ember/object';
import { htmlSafe } from '@ember/string';
export default Ember.Component.extend({
tagName:'',
safeValue: computed('value', function() {
return htmlSafe(this.get('value'));
})
});
@k-fish
k-fish / components.popper-component.js
Last active August 15, 2018 02:22
ember basic drop
import Ember from 'ember';
import { computed } from '@ember/object';
export default Ember.Component.extend({
_isOpen: true,
didReceiveAttrs() {
this.didReceivePlacement();
},
@k-fish
k-fish / controllers.application.js
Last active July 31, 2018 20:28
Flex box margin transition
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
actions: {
toggle() {
this.toggleProperty('isIn');
}
}