Skip to content

Instantly share code, notes, and snippets.

View feanor07's full-sized avatar

Alptug Dilek feanor07

  • Tekmetric
  • Ankara
View GitHub Profile
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
onFirst() {
let onNewNumber = this.get('onCalculateNewNumber') || Ember.K;
onNewNumber(Math.random() * 10);
},
onSecond() {
@feanor07
feanor07 / components.my-component.js
Last active December 7, 2016 10:54 — forked from cinkonaap/components.my-component.js
Mutable property passed from template
import Ember from 'ember';
export default Ember.Component.extend({
init() {
this._super(...arguments);
this.set('value', 0);
},
actions: {
up() {
@feanor07
feanor07 / components.paginator-component.js
Created December 11, 2016 17:36
helper to determine active class
import Ember from 'ember';
export default Ember.Component.extend({
curr_page_idx: 0,
actions: {
get_page_idx_clicked(idx) {
this.set('curr_page_idx', idx);
},
}
});
@feanor07
feanor07 / components.child-component.js
Last active December 11, 2016 18:34
parent getting property from child
import Ember from 'ember';
export default Ember.Component.extend({
fieldToBeRetrievedFromParent: 'Hi this property is retrieved from my parent',
init: function(){
this._super(...arguments);
this.get('parent').registerChild(this);
}
});
@feanor07
feanor07 / components.my-component.js
Created December 13, 2016 06:08
component unit-testing
import Ember from 'ember';
import SampleMixin from '../sample-mixin';
export default Ember.Component.extend(SampleMixin, {
computedText: Ember.computed.alias('text')
});
@feanor07
feanor07 / components.my-component.js
Last active December 18, 2016 08:16
eventPropagation
import Ember from 'ember';
export default Ember.Component.extend({
options: [1,2,3,4],
actions: {
divClicked() {
console.log('div clicked');
},
import Ember from 'ember';
export default Ember.Component.extend({
tagName:'input',
attributeBindings:['type','style','value'],
init() {
this._super(...arguments);
this.on('paste', this, this._elementValueDidChange);
this.on('cut', this, this._elementValueDidChange);
@feanor07
feanor07 / controllers.application.js
Created December 20, 2016 17:46
Input Example 1
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
width:100,
actions:{
setWidth(value){
console.log(value);
}
}
@feanor07
feanor07 / controllers.application.js
Last active December 23, 2016 07:09
route playing
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
category: 'my-category',
actions: {
makeTransition() {
let category = this.get('category');
this.transitionToRoute('my-route');
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
onFetchPhoto() {
this.set('errorOccurred', false);
this.get('retrievePhoto')(this.get('photoId'));
}
}
});