feat(wallet): Persist wallet information

app/ajax/service.js

@@ -1,6 +1,9 @@
 import { inject as service } from '@ember/service';
 import { readOnly } from '@ember/object/computed';
+
 import AjaxService from 'ember-ajax/services/ajax';
+import AJAXPromise from 'ember-ajax/-private/promise';
+
 import retryWithBackoff from 'ember-backoff/retry-with-backoff';
 
 export default AjaxService.extend({
@@ -12,6 +15,30 @@ export default AjaxService.extend({
   contentType: 'application/json',
 
   request(...args) {
-    return retryWithBackoff(() => this._super(...args));
+    return retryWithBackoff(() => this._request(...args), 10, 500);
+  },
+
+  // https://github.com/ember-cli/ember-ajax/issues/296
+  _request(url, options) {
+    const hash = this.options(url, options);
+    const internalPromise = this._makeRequest(hash);
+
+    const ajaxPromise = new AJAXPromise((resolve, reject) => {
+      internalPromise
+        .then(({ response }) => {
+          resolve(response);
+        })
+        .catch(({ response }) => {
+          if (response instanceof Error) {
+            return reject(response);
+          }
+
+          reject(response.response);
+        });
+    }, `ember-ajax: ${hash.type} ${hash.url} response`);
+
+    ajaxPromise.xhr = internalPromise.xhr;
+
+    return ajaxPromise;
   },
 });

app/components/wallet-overview/template.hbs

@@ -1,36 +1,40 @@
 <p class="lead">
-  Wallet Balance: <span class="text-muted">&#11041;</span> {{format-amount wallet.balance}}
+  Total Balance: <span class="text-muted">&#11041;</span> {{format-amount wallet.balance}}
 </p>
 
-<table class="table table-striped table-responsive">
-  <caption class="sr-only">All your accounts</caption>
-  <thead>
-    <tr>
-      <th scope="col">Account</th>
-      <th scope="col">Balance</th>
-      <th scope="col">Pending</th>
-    </tr>
-  </thead>
-  <tbody>
-    {{#each wallet.accounts as |acc|}}
-      <tr scope="row">
-        <td>
-          {{#link-to 'wallets.accounts' wallet acc}}
-            {{truncate acc.id 30}}
-          {{/link-to}}
-        </td>
-        <td>
-          {{format-amount acc.balance}}
-        </td>
-        <td>
-          {{format-amount acc.pending}}
-        </td>
-      </tr>
-    {{/each}}
-  </tbody>
-</table>
+<p class="small text-muted">
+  Wallet: {{wallet.id}}
+</p>
 
-{{!-- {{truncate "Lorem ipsum dolor sit amet, consectetur adipiscing elit." 20}} --}}
+{{#if wallet.accounts}}
+  <table class="table table-striped table-responsive">
+    <caption class="sr-only">All your accounts</caption>
+    <thead>
+      <tr>
+        <th scope="col">Account</th>
+        <th scope="col">Balance</th>
+        <th scope="col">Pending</th>
+      </tr>
+    </thead>
+    <tbody>
+      {{#each wallet.accounts as |acc|}}
+        <tr scope="row">
+          <td>
+            {{#link-to 'wallets.accounts' wallet acc}}
+              {{truncate acc.id 30}}
+            {{/link-to}}
+          </td>
+          <td>
+            {{format-amount acc.balance}}
+          </td>
+          <td>
+            {{format-amount acc.pending}}
+          </td>
+        </tr>
+      {{/each}}
+    </tbody>
+  </table>
+{{/if}}
 
 {{#bs-button type="primary" icon="fa fa-plus-circle" value=wallet onClick=(action 'createAccount')}}
   Create Account

app/index/route.js

@@ -1,8 +1,18 @@
 import Route from '@ember/routing/route';
+import { get } from '@ember/object';
+import { inject as service } from '@ember/service';
 
 export default Route.extend({
-  redirect() {
-    const wallet = this.store.createRecord('wallet');
-    this.transitionTo('wallets', wallet.save());
+  settings: service('settings'),
+
+  async redirect() {
+    const settings = get(this, 'settings');
+    let wallet = settings.get('wallet');
+    if (!wallet) {
+      wallet = await this.store.createRecord('wallet').save();
+      settings.setProperties(this.store.serialize(wallet, { includeId: true }));
+    }
+
+    return this.transitionTo('wallets', wallet);
   },
 });

app/settings/service.js

@@ -0,0 +1,39 @@
+import Service from '@ember/service';
+import {
+  get,
+  set,
+  getProperties,
+  setProperties,
+  getWithDefault,
+} from '@ember/object';
+
+import { storageFor } from 'ember-local-storage';
+
+export default Service.extend({
+  settings: storageFor('settings'),
+
+  get(keyName) {
+    const settings = get(this, 'settings');
+    return get(settings, keyName);
+  },
+
+  set(keyName, value) {
+    const settings = get(this, 'settings');
+    return set(settings, keyName, value);
+  },
+
+  getProperties(...args) {
+    const settings = get(this, 'settings');
+    return getProperties(settings, ...args);
+  },
+
+  setProperties(hash) {
+    const settings = get(this, 'settings');
+    return setProperties(settings, hash);
+  },
+
+  getWithDefault(keyName, defaultValue) {
+    const settings = get(this, 'settings');
+    return getWithDefault(settings, keyName, defaultValue);
+  },
+});

app/settings/storage.js

@@ -0,0 +1,14 @@
+import StorageObject from 'ember-local-storage/local/object';
+
+const Storage = StorageObject.extend();
+
+// Uncomment if you would like to set initialState
+Storage.reopenClass({
+  initialState() {
+    return {
+      wallet: null,
+    };
+  }
+});
+
+export default Storage;

app/templates/application.hbs

@@ -25,6 +25,8 @@
 </header>
 
 <main role="main" class="container-fluid">
+  {{bread-crumbs tagName="ol" linkable=true crumbClass="breadcrumb-item"}}
+
   <div class="row">
     <div class="col">
       {{outlet}}

app/wallets/accounts/route.js

@@ -1,4 +1,8 @@
 import Route from '@ember/routing/route';
 
 export default Route.extend({
+  breadCrumb: {
+    title: 'Account',
+    path: 'wallets.accounts',
+  },
 });

app/wallets/accounts/send/route.js

@@ -1,9 +1,11 @@
 import Route from '@ember/routing/route';
-import { get } from '@ember/object';
-
-import { hash } from 'rsvp';
 
 export default Route.extend({
+  breadCrumb: {
+    title: 'Send',
+    path: 'wallets.accounts.send',
+  },
+
   model() {
     const wallet = this.modelFor('wallets');
     const source = this.modelFor('wallets.accounts');

app/wallets/index/route.js

@@ -1,4 +1,8 @@
 import Route from '@ember/routing/route';
 
 export default Route.extend({
+  breadCrumb: {
+    title: 'Wallet',
+    path: 'wallets.overview',
+  },
 });

app/wallets/route.js

@@ -2,8 +2,7 @@ import Route from '@ember/routing/route';
 
 export default Route.extend({
   // redirect() {
-  //   const account = this.store.findRecord('account', 'xrb_3e3j5tkog48pnny9dmfzj1r16pg8t1e76dz5tmac6iq689wyjfpiij4txtdo');
-  //   this.transitionTo('wallets.accounts', account);
+  //   this.transitionTo('wallets.overview');
   // },
 
   // actions: {