k-fish

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  init() {
		const book = this.store.createRecord('book', {});
    
    const author = this.store.createRecord('author', {});
    

k-fish

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: "fancy-border"
});

k-fish

import Ember from 'ember';

class TestClass {
  someFunction() {
    return 'abc'; 
  }
}

export default Ember.Controller.extend({
  init() {

k-fish

import Ember from 'ember';
import { htmlSafe } from '@ember/template';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  wordFromAbove: 'Bird is the word',
  
  safeWord: htmlSafe('Roger that')
});

k-fish

import Ember from 'ember';

export default Ember.Component.extend({
});

k-fish

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: "component",
  
  countWas7: false,
  
  init() {
    this._super(...arguments);
    if (this.count == 7) {

k-fish

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  init() {
    const author = this.store.createRecord('author', { isRelevant: null });
    const serialized = author.serialize();
    this.set('author', author);
    this.set('serialized', JSON.stringify(serialized));

k-fish

import Ember from 'ember';

export default Ember.Component.extend({
  didInsertElement() {
    this.get('registerAPI')({
      open() { 
        window.alert('Action from component');
      }
    })
  }

k-fish

<h1>Z-index Dom Order Example</h1>
<br>
<br>
<Card as |card|>
	<h2>Both 'z-index=100'</h2>
  <div style="height: 100px"></div>
  <Circle style="position:absolute; z-index: 100"/>
  <Square style="position:absolute; z-index: 100"/>
	<h3>Second Component on top</h3>
</Card>

k-fish

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  init() {
   	const model = this.store.createRecord('my-model', {
      foo: '123',
      bar: '123'
    });