From f46cf906d30d6eb7133d6a5c8454b38b19d98ea8 Mon Sep 17 00:00:00 2001
From: Peng Zhong <peng@nylira.com>
Date: Mon, 27 Nov 2017 10:50:26 +0900
Subject: [PATCH] init

---
 app/src/renderer/App.vue                      |  2 +-
 .../renderer/components/common/AppFooter.vue  | 37 +++++++++++++------
 2 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/app/src/renderer/App.vue b/app/src/renderer/App.vue
index 96d2317832..ad3fe354e4 100644
--- a/app/src/renderer/App.vue
+++ b/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>
diff --git a/app/src/renderer/components/common/AppFooter.vue b/app/src/renderer/components/common/AppFooter.vue
index 807b37716b..322b9fbc2e 100644
--- a/app/src/renderer/components/common/AppFooter.vue
+++ b/app/src/renderer/components/common/AppFooter.vue
@@ -1,15 +1,24 @@
 <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>
@@ -17,14 +26,20 @@ export default {
 <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>