Skip to content

Instantly share code, notes, and snippets.

@GCheung55
GCheung55 / controllers.application.js
Last active August 16, 2018 06:31
Demonstrate getting current path from controller
import Controller from '@ember/controller';
import { inject as service } from '@ember/service';
export default Controller.extend({
router: service(),
appName: 'Ember Twiddle'
});
@GCheung55
GCheung55 / controllers.application.js
Created August 14, 2018 19:21
Demonstrate CORS error
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@GCheung55
GCheung55 / .block
Last active July 2, 2018 22:10 — forked from domoritz/.block
Vega-Lite Bl.ocks example
license: bsd-3-clause
@GCheung55
GCheung55 / adapters.bar.js
Last active May 9, 2018 22:57
Demonstrate issue with loading/unloading record with 1-1 relationships
import DS from 'ember-data';
import RSVP from 'rsvp';
export default DS.RESTAdapter.extend({
deleteRecord() {
const response = this.handleResponse(
204,
{},
{},
undefined
@GCheung55
GCheung55 / components.my-button.js
Created May 2, 2018 18:16
Trigger Animation example
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'button',
animate: Ember.observer('animateOnProp', function() {
const element = this.get('element');
element.classList.remove('bounce-element');
element.offsetWidth; // this is need for the browser to recognize the change in class
element.classList.add('bounce-element');
@GCheung55
GCheung55 / components.my-component.js
Created April 25, 2018 00:00
Demonstrate multiple select
import Ember from 'ember';
export default Ember.Component.extend({
optionDefaults: Ember.computed(function() {
return ['foofoo', 'barbar', 'bazbaz'];
}),
optionsSelected: Ember.computed(function() {
return [];
}),
@GCheung55
GCheung55 / components.my-component.js
Created April 20, 2018 17:45
Demonstrate CSS animation on every property change
import Ember from 'ember';
export default Ember.Component.extend({
// The class names applied are automatically converted to skewer-case
classNameBindings: ['toggleA', 'toggleB'],
classNames: ['my-component'],
count: 0,
@GCheung55
GCheung55 / controllers.application.js
Last active April 20, 2018 05:33
Demonstrate multiple transition retry rejected
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
previousTransition: null,
retryErr: null,
actions: {
@GCheung55
GCheung55 / controllers.application.js
Last active April 19, 2018 18:28
Demonstating route/controller query params
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@GCheung55
GCheung55 / controllers.application.js
Created April 11, 2018 04:27
Example: pushing records into ember-data store
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});