Skip to content

Instantly share code, notes, and snippets.

@SuperCoolFrog
SuperCoolFrog / components.tab-content.js
Created April 29, 2016 17:14
Passing Actions from Parent To Child Component
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
toggleActive() {
let title = this.get('title'),
icon = this.get('icon');
this.toggleProperty('tabActive');
this.get('onTabChange')({
title: title,
@SuperCoolFrog
SuperCoolFrog / controllers.application.js
Created April 27, 2016 17:57
Computed Getter And Setter Example
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
someObject1: function () {
return Ember.Object.create({ number: 0 });
}.property(),
someObject2: function () {
return Ember.Object.create({ number: 0 });
@SuperCoolFrog
SuperCoolFrog / components.my-component.js
Last active April 27, 2016 14:43
Passing Actions Example
import Ember from 'ember';
export default Ember.Component.extend({
});
@SuperCoolFrog
SuperCoolFrog / controllers.application.js
Last active March 29, 2016 20:51
On Change Example
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
selectorsData: [
{ name: 'mike', value: '1', action: 'alert', options: ["1", "2"] },
{ name: 'steve', value: '2', action: 'alert', options: ["1", "2"] }
],
targetValue: undefined,
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
x: 0,
y: 0,
actions: {
click() {
var p = new Ember.RSVP.Promise((resolve, reject) => {
@SuperCoolFrog
SuperCoolFrog / application.controller.js
Last active March 24, 2016 20:06
Computed Property Extensions
import Ember from 'ember';
Ember.ComputedProperty.prototype.andNot = function(keyName) {
let previousVal = this.get(this);
console.log(this, previousVal);
return Ember.computed(keyName, function () {
console.log(previousVal, Ember.get(this, keyName));
return previousVal && !Ember.get(this, keyName);
});
}
@SuperCoolFrog
SuperCoolFrog / application.controller.js
Last active February 5, 2016 18:34
Changing Attribute Bug
import Ember from 'ember';
export default Ember.Controller.extend({
appName:'Ember Twiddle',
time: new Date(),
actions: {
updateTime() {
this.set('time', new Date());
}
@SuperCoolFrog
SuperCoolFrog / application.controller.js
Last active January 15, 2020 05:34
Component-Reference
import Ember from 'ember';
export default Ember.Controller.extend({
appName:'Ember Twiddle',
nus: [],
actions: {
create(){
let x = this.get('nus.length');
this.get('nus').pushObject('test ' + (x + 4).toString());
import Ember from 'ember';
export default Ember.Controller.extend({
appName:'Ember Twiddle',
data: [{id: 2}, {id: 1}, {id: 4}, {id: 3}],
dataSorting : [],
sortedData: Ember.computed.sort("data", "dataSorting"),
actions: {
updateSort() {
this.set('dataSorting', ['id:desc']);
import Ember from 'ember';
export default Ember.Controller.extend({
appName:'Ember Twiddle',
images: [
Ember.Object.create({ url: "http://www.google.com" }),
Ember.Object.create({ url: "http://www.yahoo.com" })
]
});