Hide proposals from non-Ethereum visitors

app/components/proposal-list/template.hbs

@@ -1,5 +1,6 @@
 {{#each proposals as |proposal|}}
   <li>
+    <span class="id">#{{proposal.id}}</span>
     Issue{{#if proposal.executed}}d{{/if}}
     <span class="amount">{{proposal.amount}}</span><span class="symbol">₭S</span>
     to <span class="recipient" title="{{proposal.recipientAddress}}">{{proposal.recipientName}}</span>

app/models/proposal.js

@@ -2,6 +2,7 @@ import Ember from 'ember';
 
 export default Ember.Object.extend({
 
+  id: null,
   creator: null,
   recipient: null,
   votesCount: null,

app/services/kredits.js

@@ -87,6 +87,7 @@ export default Ember.Service.extend({
     let promise = new Ember.RSVP.Promise((resolve, reject) => {
       this.getValueFromContract('proposals', i).then(p => {
         let proposal = Proposal.create({
+          id               : i,
           creatorAddress   : p[0],
           recipientAddress : p[1],
           votesCount       : p[2].toNumber(),

app/styles/components/_proposal-list.scss

@@ -14,6 +14,10 @@ ul.proposal-list {
       border-top: 1px solid rgba(255,255,255,0.2);
     }
 
+    .id {
+      color: lightblue;
+      padding-right: 0.2rem;
+    }
     .amount {
       font-weight: 500;
     }

app/templates/index.hbs

@@ -13,27 +13,27 @@
   </div>
 </section>
 
-{{#if proposalsOpen}}
-  <section id="proposals-open">
+{{#if contractInteractionEnabled}}
+  {{#if proposalsOpen}}
+    <section id="proposals-open">
+      <header>
+        <h2>Open Proposals</h2>
+      </header>
+      <div class="content">
+        {{proposal-list proposals=proposalsOpen}}
+      </div>
+    </section>
+  {{/if}}
+
+  <section id="proposals-closed">
     <header>
-      <h2>Open Proposals</h2>
+      <h2>Closed Proposals</h2>
     </header>
     <div class="content">
-      {{proposal-list proposals=proposalsOpen}}
+      {{proposal-list proposals=proposalsClosed}}
     </div>
   </section>
-{{/if}}
 
-<section id="proposals-closed">
-  <header>
-    <h2>Closed Proposals</h2>
-  </header>
-  <div class="content">
-    {{proposal-list proposals=proposalsClosed}}
-  </div>
-</section>
-
-{{#if contractInteractionEnabled}}
   <section id="add-contributor">
     <header>
       <h2>Add Contributor</h2>