iezer

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['range-input-container'],
  style: Ember.computed('max', 'min', 'value', function () {
    let { max, min, value } = this;
    
    let width = (max - min) * value * 0.9;
    
    return `margin-left: ${width}%;`;

iezer

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

iezer

import Ember from 'ember';

// inspired by https://codesandbox.io/s/github/codedailyio/teach/tree/animatedPageIndicator
export default Ember.Component.extend({
  increment: 1,
  index: 0,
  
  init() {
    this._super(...arguments);
    this.set('items', [0, 1, 2, 3, 4, 5, 6, 7]);

iezer

import Ember from 'ember';

export default Ember.Component.extend({
  increment: 1,
  index: 0,
  
  init() {
    this._super(...arguments);
    this.set('items', [0, 1, 2, 3, 4, 5, 6, 7]);
  },

iezer

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: Ember.computed(function() {
    debugger;
    return 'Ember Twiddle';
  })
});

iezer

import { JSONAPISerializer } from 'ember-cli-mirage';
import { isArray } from '@ember/array';

export default JSONAPISerializer.extend({
  serialize(response, request) {
    if (isArray(response)) {
      response = sort(response, request);
    }

    let json = JSONAPISerializer.prototype.serialize.apply(this, [response, request]);

iezer

import Ember from 'ember';

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

iezer

import Ember from 'ember';

export default Ember.Component.extend({
  role: 'adminUser'
});

iezer

import Component from '@ember/component'
import { inject as service } from '@ember/service';
import { alias } from '@ember/object/computed';
        
export default Component.extend({
  flashMessages: service(),
	message: alias('flashMessages.message')  
});

iezer

import Ember from 'ember';

export default Ember.Component.extend({
  router: Ember.inject.service(),
   actions: {
    qpPage(page) {
      this.router.transitionTo('qp-route', { queryParams: { page: page } }); 
    }
  }
});