mirage-example2

adapters.adapter.js

import DS from 'ember-data';

export default DS.RESTAdapter.extend({
  namespace: 'api/v1'
});

adapters.application.js

import DS from 'ember-data';

export default DS.JSONAPIAdapter.extend({
  namespace: 'api/v1'
});

controllers.application.js

import Ember from 'ember';

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

mirage.config.js

import { Collection } from 'ember-cli-mirage';

function typeHandler(schema, type) {
  return schema.logs.all().filter((item)=>item.type===type);
}

export default function() {
  this.namespace = '/api/v1';
  this.get('logs');
  this.get('/logs/type1-logs', function(schema) {
    return typeHandler(schema,'type1');
  });
  this.get('/logs/type2-logs', function(schema) {
    return typeHandler(schema,'type2');
  });
  this.get('/logs/type3-logs', function(schema) {
    return typeHandler(schema,'type3');
  });
  this.get('/logs/type2type3-logs', function(schema) {
    let type2 = typeHandler(schema,'type2');
    let type3 = typeHandler(schema,'type3');
    let array = [];
    array.pushObjects(type2.models);
    array.pushObjects(type3.models);
    
    return new Collection('log', array);
  });
};

mirage.factories.dummy.js

import { Factory } from 'ember-cli-mirage';

export default Factory.extend({
  name(i) { return `Name ${i}`; },
});

mirage.factories.log.js

import { Factory } from 'ember-cli-mirage';

export default Factory.extend({
  type(i) { return `type${i%3+1}`; },
});

mirage.models.log.js

import { Model } from 'ember-cli-mirage';

export default Model.extend({
});

mirage.scenarios.default.js

export default function(server) {
  server.createList('dummy', 10);
  server.createList('log', 10);
}

models.dummy.js

import Model from "ember-data/model";
import DS from 'ember-data';

export default Model.extend({
    name: DS.attr()
});

models.log.js

import Model from "ember-data/model";
import DS from 'ember-data';

export default Model.extend({
    type: DS.attr("string"),
  	explanation: DS.attr("string")
});

router.js

import Ember from 'ember';
import config from './config/environment';

const Router = Ember.Router.extend({
  location: 'none',
  rootURL: config.rootURL
});
Router.map(function() {
  this.route('logs');  
  this.route('type1-logs');  
  this.route('type2-logs');    
  this.route('type3-logs');      
  this.route('type2-type3-merged');      
});

export default Router;

routes.base-logtype-route.js

import Ember from 'ember';

export default Ember.Route.extend({
  model() {
     return Ember.$.getJSON(`/api/v1/logs/${this.getType()}-logs`).then((json)=>json.data);
  },
  
  getType() {},
  
  templateName: 'type-specific-logs'
});

routes.dummy-route.js

import Ember from 'ember';

export default Ember.Route.extend({
  model() {
     return this.store.findAll('dummy');
  }
});

routes.logs.js

import Ember from 'ember';

export default Ember.Route.extend({
  model() {
     return this.store.findAll('log');
  }
});

routes.type1-logs.js

import BaseLogTypeRoute from './base-logtype-route';

export default BaseLogTypeRoute.extend({
  getType() {
     return 'type1';
  }
});

routes.type2-logs.js

import BaseLogTypeRoute from './base-logtype-route';

export default BaseLogTypeRoute.extend({
  getType() {
     return 'type2';
  }
});

routes.type2-type3-merged.js

import BaseLogTypeRoute from './base-logtype-route';

export default BaseLogTypeRoute.extend({
  getType() {
     return 'type2type3';
  }
});

routes.type3-logs.js

import BaseLogTypeRoute from './base-logtype-route';

export default BaseLogTypeRoute.extend({
  getType() {
     return 'type3';
  }
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}

<br>
{{#link-to 'logs'}}All Logs{{/link-to}}<br>
{{#link-to 'type1-logs'}}Type 1 Logs{{/link-to}}<br>
{{#link-to 'type2-logs'}}Type 2 Logs{{/link-to}}<br>
{{#link-to 'type3-logs'}}Type 3 Logs{{/link-to}}<br>
{{#link-to 'type2-type3-merged'}}Type 2 and Type 3 Logs Merged{{/link-to}}


<br>
<br>

templates.logs.hbs

{{#each model as |item|}}
	id: {{item.id}} -- {{item.type}}<br>
{{/each}}

templates.type-specific-logs.hbs

{{#each model as |item|}}
	id: {{item.id}}<br>
{{/each}}

twiddle.json

{
  "version": "0.12.1",
  "ENV": {
    "ember-cli-mirage": {
      "enabled": true
    }
  },
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
    "ember-data": "2.12.1",
    "ember-infinity": "0.2.8",
    "ember-cli-mirage": "0.3.1"
  }
}