Skip to content

Instantly share code, notes, and snippets.

View mjuniper's full-sized avatar

Mike Juniper mjuniper

View GitHub Profile
@mjuniper
mjuniper / application.route.js
Last active March 29, 2017 21:53
page-layout
import Ember from 'ember';
export default Ember.Route.extend({
model() {
return {
sections: [
{
rows: [
{
className: '',
import Ember from 'ember';
export default Ember.Controller.extend({
myService: Ember.inject.service()
});
@mjuniper
mjuniper / components.my-component.js
Created May 31, 2017 18:48
didInsertElement-has-dom
import Ember from 'ember';
export default Ember.Component.extend({
didInsertElement () {
const hasDom = this.$('h1.wtf').length;
this.set('hasDom', hasDom);
}
});
import Ember from 'ember';
export default Ember.Controller.extend({
myService: Ember.inject.service(),
init () {
this._super(...arguments);
const sampleTextFromService = this.get('myService').myObjectMethod();
this.set('sampleTextFromService', sampleTextFromService);
import Ember from 'ember';
export default Ember.Controller.extend({
obj: {
appName: 'Ember Twiddle'
},
actions: {
doSomething () {
Ember.setProperties(this.get('obj'), {
@mjuniper
mjuniper / components.my-component.js
Created December 7, 2017 23:50
unintended shared state
import Ember from 'ember';
export default Ember.Component.extend({
model: [ 1 ],
actions: {
pushOne () {
const model = this.get('model');
const next = model[model.length-1];
model.pushObject(next+1);
}
import Ember from 'ember';
export default Ember.Component.extend({
classNames: [ 'my-component' ],
attributeBindings: [ 'dataTest:data-test' ],
dataTest: 'my-component'
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<a href="www.gogle.com" target="_blank">This should NOT work</a>
<br>
@mjuniper
mjuniper / controllers.application.js
Last active January 17, 2018 19:47
Calendar POC
import Ember from 'ember';
export default Ember.Controller.extend({
/*
Notes:
- dst
- internationalization
- timezones
- leap year
@mjuniper
mjuniper / components.my-pill.js
Last active February 6, 2018 17:18
New Twiddle
import Ember from 'ember';
export default Ember.Component.extend({
classNames: [ 'my-pill' ]
});