From 3b127b0e81ba7f9915df5bf83b7eb814480356ed Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Sat, 27 Jun 2020 13:36:28 +0200
Subject: [PATCH] WIP Budget route and basic layout

---
 app/router.js                             |  3 ++
 app/routes/budget.js                      |  4 ++
 app/routes/budget/expenses.js             |  4 ++
 app/templates/budget.hbs                  | 50 +++++++++++++++++++++++
 app/templates/budget/expenses.hbs         |  1 +
 jsconfig.json                             |  5 +++
 tests/unit/routes/budget-test.js          | 11 +++++
 tests/unit/routes/budget/expenses-test.js | 11 +++++
 8 files changed, 89 insertions(+)
 create mode 100644 app/routes/budget.js
 create mode 100644 app/routes/budget/expenses.js
 create mode 100644 app/templates/budget.hbs
 create mode 100644 app/templates/budget/expenses.hbs
 create mode 100644 jsconfig.json
 create mode 100644 tests/unit/routes/budget-test.js
 create mode 100644 tests/unit/routes/budget/expenses-test.js

diff --git a/app/router.js b/app/router.js
index 578bb62..52d8cf8 100644
--- a/app/router.js
+++ b/app/router.js
@@ -29,4 +29,7 @@ Router.map(function() {
     this.route('eth-account');
     this.route('complete');
   });
+  this.route('budget', function() {
+    this.route('expenses');
+  });
 });
diff --git a/app/routes/budget.js b/app/routes/budget.js
new file mode 100644
index 0000000..551250a
--- /dev/null
+++ b/app/routes/budget.js
@@ -0,0 +1,4 @@
+import Route from '@ember/routing/route';
+
+export default class BudgetRoute extends Route {
+}
diff --git a/app/routes/budget/expenses.js b/app/routes/budget/expenses.js
new file mode 100644
index 0000000..7eb9882
--- /dev/null
+++ b/app/routes/budget/expenses.js
@@ -0,0 +1,4 @@
+import Route from '@ember/routing/route';
+
+export default class BudgetExpensesRoute extends Route {
+}
diff --git a/app/templates/budget.hbs b/app/templates/budget.hbs
new file mode 100644
index 0000000..eade3ae
--- /dev/null
+++ b/app/templates/budget.hbs
@@ -0,0 +1,50 @@
+<main id="budget">
+
+  <section id="main-nav">
+    <header>
+      <h2>Budget</h2>
+    </header>
+    <div class="content">
+      <ul>
+        <li>
+          <LinkTo @route="budget.expenses">Expenses</LinkTo>
+        </li>
+        <li>
+          <a href="#">Rewards</a>
+        </li>
+      </ul>
+    </div>
+  </section>
+
+  <section id="funds">
+    <header>
+      <h2>Community funds</h2>
+    </header>
+    <div class="content">
+      <table>
+        <thead>
+          <tr>
+            <td>Token</td>
+            <td>Amount</td>
+            <td>Fiat value</td>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>WBTC</td>
+            <td>1.17215</td>
+            <td>11031.15 USD</td>
+          </tr>
+          <tr>
+            <td>ETH</td>
+            <td>0.5</td>
+            <td>115.60 USD</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </section>
+
+  {{outlet}}
+
+</main>
\ No newline at end of file
diff --git a/app/templates/budget/expenses.hbs b/app/templates/budget/expenses.hbs
new file mode 100644
index 0000000..e2147ca
--- /dev/null
+++ b/app/templates/budget/expenses.hbs
@@ -0,0 +1 @@
+{{outlet}}
\ No newline at end of file
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000..504cd64
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,5 @@
+{
+  "compilerOptions": {
+    "experimentalDecorators": true
+  }
+}
diff --git a/tests/unit/routes/budget-test.js b/tests/unit/routes/budget-test.js
new file mode 100644
index 0000000..122704e
--- /dev/null
+++ b/tests/unit/routes/budget-test.js
@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Route | budget', function(hooks) {
+  setupTest(hooks);
+
+  test('it exists', function(assert) {
+    let route = this.owner.lookup('route:budget');
+    assert.ok(route);
+  });
+});
diff --git a/tests/unit/routes/budget/expenses-test.js b/tests/unit/routes/budget/expenses-test.js
new file mode 100644
index 0000000..c79b55e
--- /dev/null
+++ b/tests/unit/routes/budget/expenses-test.js
@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Route | budget/expenses', function(hooks) {
+  setupTest(hooks);
+
+  test('it exists', function(assert) {
+    let route = this.owner.lookup('route:budget/expenses');
+    assert.ok(route);
+  });
+});