Skip to content

Instantly share code, notes, and snippets.

View gokatz's full-sized avatar
🎯
Focusing

Gokul Kathirvel gokatz

🎯
Focusing
View GitHub Profile
import Ember from 'ember';
import scss from '../styles/app';
export default Ember.Controller.extend({
init() {
this._super(...arguments);
Sass.compile(scss, function(result) {
Ember.$('head').append(`<style>${result.text}</style>`);
});
},
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
firstName: 'Alex',
lastName: 'Matchneer',
fullName: auto(get =>
@gokatz
gokatz / 0_reuse_code.js
Created September 14, 2017 06:22
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
import Ember from 'ember';
import testMixin from 'twiddle/file';
export default Ember.Component.extend(testMixin, {
getName: Ember.computed(function() {
let name = this.get('myService').testName;
console.log('GK', name);
return 'gokul';
})
});
import Ember from 'ember';
import TestFile from 'twiddle/file';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
actions: {
testaction() {
this.testing();
}
}
import Ember from 'ember';
export default Ember.Controller.extend({
appName: Ember.String.htmlSafe('<h1>test</h1>'),
app: '<h1>test</h1>'
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
import { task, timeout } from 'ember-concurrency';
function asyncComputed(...deps) {
let taskFn = deps.pop();
let fn = task(taskFn).restartable().toFunction();
return Ember.computed(...deps, function() {
let args = deps.map(dep => this.get(dep));
return fn(...args);
});
@gokatz
gokatz / components.chat-box.js
Created November 4, 2016 15:40 — forked from samselikoff/components.chat-box.js
Sticky Chatbox - willRender
import Ember from 'ember';
export default Ember.Component.extend({
classNames: 'chat-box',
willUpdate() {
this._super(...arguments);
let box = this.$('ul')[0];
import Ember from 'ember';
export default Ember.Controller.extend({
appName: Ember.computed(function() {
return '<h6>someString</h6>';
}),
appName1: Ember.computed(function() {
return Ember.String.htmlSafe('<h2>someString</h2>');
})