feat: Add basic routes

app/account/model.js

@@ -1,5 +1,5 @@
 import DS from 'ember-data';
 
 export default DS.Model.extend({
-
+  balance: DS.attr()
 });

app/ajax/service.js

@@ -0,0 +1,6 @@
+import AjaxService from 'ember-ajax/services/ajax';
+
+export default AjaxService.extend({
+  namespace: '/rpc',
+  contentType: 'application/json; charset=utf-8'
+});

app/application/adapter.js

@@ -0,0 +1,31 @@
+import DS from 'ember-data';
+import { inject as service } from '@ember/service';
+
+export default DS.Adapter.extend({
+  namespace: 'rpc',
+
+  ajax: service(),
+
+  findRecord(store, type, id, snapshot) {
+    // return new RSVP.Promise((resolve, reject) => {
+    //   $.getJSON(`/${type.modelName}/${id}`).then(function(data) {
+    //     resolve(data);
+    //   }, function(jqXHR) {
+    //     reject(jqXHR);
+    //   });
+    // });
+
+    return this.get('ajax').request('/', {
+      method: 'POST',
+      dataType: 'json',
+      data: {
+        action: 'account_balance',
+        account: id
+      }
+    }).then((data) => {
+      const attrs = data;
+      attrs.id = id;
+      return attrs;
+    });
+  }
+});

app/application/serializer.js

@@ -1,4 +1,4 @@
 import DS from 'ember-data';
 
-export default DS.Serializer.extend({
+export default DS.JSONSerializer.extend({
 });

app/index/route.js

@@ -1,4 +1,7 @@
 import Route from '@ember/routing/route';
 
 export default Route.extend({
+  redirect() {
+    this.transitionTo('wallets');
+  }
 });

app/router.js

@@ -7,6 +7,10 @@ const Router = EmberRouter.extend({
 });
 
 Router.map(function() {
+  this.route('wallets', function() {
+    this.route('accounts', { path: '/:id' }, function() {
+    });
+  });
 });
 
 export default Router;

app/templates/application.hbs

@@ -1,46 +1,47 @@
 {{!-- <div class="container-fluid"> --}}
-<div class="row">
-  <div class="col">
-    <nav class="navbar navbar-expand-lg navbar-light bg-light">
-      <a class="navbar-brand" href="#">RaiWallet</a>
-      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-        <span class="navbar-toggler-icon"></span>
-      </button>
+<header>
+  <nav class="navbar navbar-expand-lg navbar-light bg-light">
+    <a class="navbar-brand" href="#">RaiWallet</a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-      <div class="collapse navbar-collapse" id="navbarSupportedContent">
-        <ul class="navbar-nav mr-auto">
-          <li class="nav-item active">
-            <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="#">Link</a>
-          </li>
-          <li class="nav-item dropdown">
-            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-              Dropdown
-            </a>
-            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-              <a class="dropdown-item" href="#">Action</a>
-              <a class="dropdown-item" href="#">Another action</a>
-              <div class="dropdown-divider"></div>
-              <a class="dropdown-item" href="#">Something else here</a>
-            </div>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link disabled" href="#">Disabled</a>
-          </li>
-        </ul>
-        <form class="form-inline my-2 my-lg-0">
-          <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
-          <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
-        </form>
-      </div>
-    </nav>
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+      <ul class="navbar-nav mr-auto">
+        <li class="nav-item active">
+          <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="#">Link</a>
+        </li>
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+            Dropdown
+          </a>
+          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+            <a class="dropdown-item" href="#">Action</a>
+            <a class="dropdown-item" href="#">Another action</a>
+            <div class="dropdown-divider"></div>
+            <a class="dropdown-item" href="#">Something else here</a>
+          </div>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link disabled" href="#">Disabled</a>
+        </li>
+      </ul>
+      <form class="form-inline my-2 my-lg-0">
+        <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
+        <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+      </form>
+    </div>
+  </nav>
+</header>
+<main class="container-fluid">
+  <div class="row">
+    <div class="col">
+      {{outlet}}
+    </div>
   </div>
-</div>
-<div class="row">
-  <div class="col">
-    {{outlet}}
-  </div>
-</div>
+</main>
+
 {{!-- </div> --}}

app/wallet/adapter.js

@@ -0,0 +1,4 @@
+import LSAdapter from 'ember-localstorage-adapter';
+
+export default LSAdapter.extend({
+});

app/wallets/accounts/index/route.js

@@ -0,0 +1,4 @@
+import Route from '@ember/routing/route';
+
+export default Route.extend({
+});

app/wallets/accounts/index/template.hbs

@@ -0,0 +1,2 @@
+Total Balance: {{model.balance}}
+{{qr-code content=model.id}}

app/wallets/accounts/route.js

@@ -0,0 +1,4 @@
+import Route from '@ember/routing/route';
+
+export default Route.extend({
+});

app/wallets/accounts/template.hbs

@@ -0,0 +1 @@
+{{outlet}}

app/wallets/route.js

@@ -0,0 +1,8 @@
+import Route from '@ember/routing/route';
+
+export default Route.extend({
+  redirect() {
+    const account = this.store.findRecord('account', 'xrb_1i8x3i4666yekktoc6sz5hcihegarxyrqx68hz6mhw3w61x6tghidatyioa7');
+    this.transitionTo('wallets.accounts', account);
+  }
+});

app/wallets/template.hbs

@@ -0,0 +1 @@
+{{outlet}}

mirage/config.js

@@ -24,8 +24,10 @@ export default function() {
     http://www.ember-cli-mirage.com/docs/v0.3.x/shorthands/
   */
 
-  this.post('/rpc', (schema, request) => {
+  this.namespace = 'rpc';
+
+  this.post('/', (schema, request) => {
     const params = JSON.parse(request.requestBody);
-    return schema.wallet.create(params);
+    return schema.accounts.find(params.account);
   });
 }

mirage/fixtures/account.js

@@ -0,0 +1,7 @@
+export default [
+  {
+    id: 'xrb_1i8x3i4666yekktoc6sz5hcihegarxyrqx68hz6mhw3w61x6tghidatyioa7',
+    balance: '10000',
+    pending: '10000'
+  }
+];

mirage/scenarios/default.js

@@ -1,9 +1,11 @@
-export default function(/* server */) {
+export default function(server) {
 
   /*
     Seed your development database using your factories.
     This data will not be loaded in your tests.
   */
 
   // server.createList('post', 10);
+
+  server.loadFixtures('accounts');
 }

mirage/serializers/application.js

@@ -1,4 +1,6 @@
 import { Serializer } from 'ember-cli-mirage';
 
 export default Serializer.extend({
+  root: false,
+  embed: true
 });