Add translation keys and usage

www/app/templates/index.hbs

@@ -5,35 +5,35 @@
         <h1 style="font-size: 24px">
           <strong>Open Ethereum Pool</strong>
         </h1>
-        <strong>Min. payout threshold: {{config.PayoutThreshold}}</strong>, Payouts run twice per day.<br/>
-        <span class="label label-success">PROP</span> Stable and profitable pool with regular payouts.
+        <strong>{{t 'Payout.Minimum' htmlSafe=true}} {{config.PayoutThreshold}}</strong>, {{t 'Payout.Run' htmlSafe=true}}.<br/>
+        <span class="label label-success">PROP</span> {{t 'Payout.Description' htmlSafe=true}}.
       </div>
       <div class="col-md-3 stats">
-        <div><i class="fa fa-users"></i> Miners Online: <span id="poolHashrate">{{format-number stats.model.minersTotal}}</span></div>
-        <div><i class="fa fa-tachometer"></i> Pool Hash Rate: <span id="poolHashrate">{{format-hashrate stats.model.hashrate}}</span></div>
-        <div><i class="fa fa-money"></i> Pool Fee: <span id="poolFee" class="label label-success">{{config.PoolFee}}</span></div>
+        <div><i class="fa fa-users"></i> {{t 'Network.Difficulty' htmlSafe=true}}: <span id="poolHashrate">{{format-number stats.model.minersTotal}}</span></div>
+        <div><i class="fa fa-tachometer"></i> {{t 'Pool.HashRate' htmlSafe=true}}: <span id="poolHashrate">{{format-hashrate stats.model.hashrate}}</span></div>
+        <div><i class="fa fa-money"></i> {{t 'Pool.Fee' htmlSafe=true}}: <span id="poolFee" class="label label-success">{{config.PoolFee}}</span></div>
         {{#if stats.model.stats.lastBlockFound}}
-        <div><i class="fa fa-clock-o"></i> Last Block Found: <span>{{format-relative (seconds-to-ms stats.model.stats.lastBlockFound)}}</span></div>
+        <div><i class="fa fa-clock-o"></i> {{t 'Block.LastFound' htmlSafe=true}}: <span>{{format-relative (seconds-to-ms stats.model.stats.lastBlockFound)}}</span></div>
         {{/if}}
       </div>
       <div class="col-md-4 stats">
-        <div><i class="fa fa-unlock-alt"></i> Network Difficulty: <span>{{with-metric-prefix stats.difficulty}}</span></div>
-        <div><i class="fa fa-tachometer"></i> Network Hash Rate: <span>{{format-hashrate stats.hashrate}}</span></div>
-        <div><i class="fa fa-bars"></i> Blockchain Height: <span>{{format-number stats.height}}</span></div>
-        <div><i class="fa fa-clock-o"></i> Current Round Variance: <span>{{format-number stats.roundVariance style='percent'}}</span></div>
+        <div><i class="fa fa-unlock-alt"></i>  {{t 'Network.Difficulty' htmlSafe=true}}: <span>{{with-metric-prefix stats.difficulty}}</span></div>
+        <div><i class="fa fa-tachometer"></i> {{t 'Network.HashRate' htmlSafe=true}}: <span>{{format-hashrate stats.hashrate}}</span></div>
+        <div><i class="fa fa-bars"></i> {{t 'Block.Height' htmlSafe=true}}: <span>{{format-number stats.height}}</span></div>
+        <div><i class="fa fa-clock-o"></i> {{t 'Network.RoundVariance' htmlSafe=true}}: <span>{{format-number stats.roundVariance style='percent'}}</span></div>
       </div>
     </div>
   </div>
 </div>
 
 <div class="container">
   <div class="stats">
-    <h4>Your Stats &amp; Payment History</h4>
+    <h4>{{t 'Your.Stats' htmlSafe=true}} &amp; {{t 'Your.PayHistory' htmlSafe=true}}</h4>
     <div class="input-group">
-      {{input value=cachedLogin class="form-control" placeholder="Enter Your Ethereum Address"}}
+      {{input value=cachedLogin class="form-control" placeholder= (t 'Search.Address') }}
       <span class="input-group-btn">
         <button class="btn btn-primary" type="button" {{action 'lookup' cachedLogin}}>
-          <span style="display: inline;"><i class="fa fa-search"></i> Lookup</span>
+          <span style="display: inline;"><i class="fa fa-search"></i> {{t 'Search.Lookup'}}</span>
         </button>
       </span>
     </div>

www/translations/en-us.yaml

@@ -1,5 +1,34 @@
-product:
-  info: '{product} will cost {price, number, USD} if ordered by {deadline, date, time}'
-  title: 'Hello world!'
-  html:
-    info: '<strong>{product}</strong> will cost <em>{price, number, USD}</em> if ordered by {deadline, date, time}'
+# product:
+#   info: '{product} will cost {price, number, USD} if ordered by {deadline, date, time}'
+#   title: 'Hello world!'
+#   html:
+#     info: '<strong>{product}</strong> will cost <em>{price, number, USD}</em> if ordered by {deadline, date, time}'
+Network:
+  Difficulty: 'Network Difficulty'
+  HashRate: 'Network Hash Rate'
+  RoundVariance: 'Current Round Variance'
+
+Pool:
+  HashRate: 'Pool Hash Rate'
+  Fee: 'Pool Fee'
+
+Block:
+  Height: 'Blockchain Height'
+  LastFound: 'Last Block Found'
+
+Miners:
+  Online: 'Miners Online'
+
+Your:
+  Stats: 'Your Stats'
+  PayHistory: 'Payment History'
+
+Payout:
+  Minimum: 'Min. payout threshold'
+  Run: 'Payouts run twicer per day'
+  Description: 'Stable and profitable pool with regular payouts'
+
+Search:
+  Address: 'Enter Your Ethereum Address'
+  Lookup: 'Lookup'
+