Merge pull request #114 from cosmos/peng/reinstate-app-footer

reinstate NiAppFooter

app/src/renderer/App.vue

@@ -3,7 +3,7 @@
   app-header
   #app-content
     #app-main: router-view
-    // app-footer
+    app-footer
   notifications(:notifications='notifications' theme='cosmos')
   modal-help
 </template>

app/src/renderer/components/common/AppFooter.vue

@@ -1,30 +1,45 @@
 <template lang='pug'>
 footer.app-footer
-  .container
-    .copyright &copy; 2017 Interchain Foundation
+  .app-footer-container(v-if='connected')
+    .afi.afi-success
+      i.material-icons done
+      span {{ lastHeader.chain_id }} (\#{{ lastHeader.height }})
+    .afi
+      i.material-icons settings_ethernet 
+      span {{ nodeIP }}
+  .app-footer-container(v-else)
+    .afi
+      i.material-icons.fa-spin rotate_right 
+      span Connecting&hellip;
 </template>
 
 <script>
-import {mapGetters} from 'vuex'
+import { mapGetters } from 'vuex'
 export default {
   name: 'app-footer',
   computed: {
-    ...mapGetters(['syncHeight', 'syncTime', 'syncing', 'numPeers'])
+    ...mapGetters(['lastHeader', 'nodeIP', 'connected'])
   }
 }
 </script>
 
 <style lang="stylus">
 @require '~@/styles/variables.styl'
 
-.app-footer
-  .container
-    border-top 1px solid bc
-    height 3rem
+.app-footer-container
+  border-top 1px solid bc
+  height 3rem
+  display flex
+  align-items center
+  justify-content space-between
+
+  font-label()
+  color dim
+
+  .afi
     display flex
     align-items center
-    justify-content space-between
     padding 0 1rem
-
-    color dim
+    i
+      margin-right 0.5rem
 </style>