Skip to content

Instantly share code, notes, and snippets.

View jenweber's full-sized avatar

Jen Weber jenweber

  • Boston, MA
View GitHub Profile
@jenweber
jenweber / controllers.application.js
Created August 12, 2017 14:26
Minimal CRUD Example with Ember Data
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Minimal CRUD'
});
@jenweber
jenweber / application.js
Last active February 2, 2019 03:57
The simplest CRUD possible with Ember Data
import Controller from '@ember/controller';
// a controller is a place to define 'actions', such as the things that should happen
// when a user clicks a button to create/read/edit/delete a record
export default Controller.extend({
actions: {
createBoardGame() {
// get the input value from the .hbs template
let newBoardGame = this.get('newBoardGame')
@jenweber
jenweber / application.hbs
Last active August 12, 2017 21:41
Minimal CRUD with Ember Data
<div>
Read all:
<ul>
{{#each model as |game|}}
<li>{{game.title}}, id {{game.id}}</li>
{{/each}}
</ul>
</div>
<div>
@jenweber
jenweber / components.my-component.js
Last active September 4, 2017 15:41
Broken checkboxes
import Ember from 'ember';
export default Ember.Component.extend({
someValue: false,
actions: {
changeChecked(someValue) {
this.toggleProperty('someValue');
alert(this.get('someValue'))
}
}
@jenweber
jenweber / components.my-component.js
Last active September 13, 2017 17:44
New Twiddle
import Ember from 'ember';
export default Ember.Component.extend({
twoDArray: [[0, 0, 0], [0, 0, 0]],
actions: {
changeArray() {
this.set('twoDArray', [[1, 1, 1], [0, 0, 0]])
// this.notifyPropertyChange('twoDArray')
},
},
@jenweber
jenweber / components.option-0-built-in-helper.js
Last active December 15, 2018 16:45
Three ways to build a range slider
import Ember from 'ember';
export default Ember.Component.extend({
sliderValue: 2,
actions: {
sliderUpdate(size) {
// do something with size
}
}
});
@jenweber
jenweber / controllers.application.js
Created December 10, 2017 23:23
Ember Google Charts Example
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
options: {
title: 'How I spend my days',
height: 300,
width: 400,
animation: {
@jenweber
jenweber / components.another-component.js
Created January 9, 2018 04:10
Demonstrating custom data attributes
import Ember from 'ember';
export default Ember.Component.extend({
});
@jenweber
jenweber / components.block-component.js
Created April 2, 2018 18:28
Block form components
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
router: Ember.inject.service('router')
});