WIP Budget route and basic layout
This commit is contained in:
@@ -29,4 +29,7 @@ Router.map(function() {
|
|||||||
this.route('eth-account');
|
this.route('eth-account');
|
||||||
this.route('complete');
|
this.route('complete');
|
||||||
});
|
});
|
||||||
|
this.route('budget', function() {
|
||||||
|
this.route('expenses');
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -0,0 +1,4 @@
|
|||||||
|
import Route from '@ember/routing/route';
|
||||||
|
|
||||||
|
export default class BudgetRoute extends Route {
|
||||||
|
}
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
import Route from '@ember/routing/route';
|
||||||
|
|
||||||
|
export default class BudgetExpensesRoute extends Route {
|
||||||
|
}
|
||||||
@@ -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>
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
{{outlet}}
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"experimentalDecorators": true
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -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);
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -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);
|
||||||
|
});
|
||||||
|
});
|
||||||
Reference in New Issue
Block a user