From 8b96ca5fcc5140cd5ed23fcccf70c71549f04406 Mon Sep 17 00:00:00 2001
From: Sylvain Marty <sylvain@guidap.co>
Date: Wed, 8 May 2019 11:58:03 +0200
Subject: [PATCH 1/2] Fixing drawer min-height

---
 src/renderer/App.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index a5c13e1..0e8e717 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -71,6 +71,7 @@
   .md-drawer {
     width: 230px;
     max-width: calc(100vw - 125px);
+    min-height: 100vh;
   }
   
   .md-content.md-app-content {

From 27ea65f43540981248b17829a67a6b62abb9bac0 Mon Sep 17 00:00:00 2001
From: Sylvain Marty <sylvain@guidap.co>
Date: Wed, 8 May 2019 11:59:15 +0200
Subject: [PATCH 2/2] Adding card of local ip details & copy to clipboard

---
 package.json                         |  1 +
 src/renderer/App.vue                 |  4 +--
 src/renderer/components/Home.vue     |  2 +-
 src/renderer/components/Settings.vue | 38 ++++++++++++++++++++++++++++
 src/renderer/router/index.js         | 10 ++++----
 5 files changed, 47 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 76fbcd2..3ddba55 100644
--- a/package.json
+++ b/package.json
@@ -68,6 +68,7 @@
     "electron-log": "^3.0.5",
     "electron-updater": "^4.0.6",
     "express": "^4.16.4",
+    "ip": "^1.1.5",
     "material-icons": "^0.3.1",
     "morgan": "^1.9.1",
     "printer": "^0.2.2",
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 0e8e717..9482a50 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -16,10 +16,10 @@
             <span class="md-list-item-text">Printers</span>
           </md-list-item>
 
-          <!-- <md-list-item to="/settings">
+          <md-list-item to="/settings">
             <md-icon>settings</md-icon>
             <span class="md-list-item-text">Settings</span>
-          </md-list-item> -->
+          </md-list-item>
         </md-list>
 
         <p class="made-with-love">Made with <span class="heart">❤</span> by GUIDAP</p>
diff --git a/src/renderer/components/Home.vue b/src/renderer/components/Home.vue
index 4261694..c90b687 100644
--- a/src/renderer/components/Home.vue
+++ b/src/renderer/components/Home.vue
@@ -7,7 +7,7 @@
       md-label="No printer configured"
       md-description="You must configure at least one printer on your computer.">
     </md-empty-state>
-    <md-card v-else v-for="pr in printers" :key="pr.name">
+    <md-card v-else v-for="pr in printers" :key="pr.name" md-with-hover>
       <md-card-header>
         <md-card-media>
           <md-icon class="md-size-3x">print</md-icon>
diff --git a/src/renderer/components/Settings.vue b/src/renderer/components/Settings.vue
index 5adbb91..bd93689 100644
--- a/src/renderer/components/Settings.vue
+++ b/src/renderer/components/Settings.vue
@@ -1,14 +1,52 @@
 <template>
   <div>
+    <md-card md-with-hover>
+      <md-card-header>
+        <md-card-media>
+          <md-icon class="md-size-3x">router</md-icon>
+        </md-card-media>
+      
+        <md-card-header-text>
+          <div class="md-title">
+            {{ ip }} &nbsp;<md-button class="md-dense md-icon-button md-primary" @click="copyIp()"><md-icon>content_copy</md-icon></md-button>
+          </div>
+          <div class="md-subhead">Local IP</div>
+        </md-card-header-text>
+      </md-card-header>
+    </md-card>
     
+    <md-snackbar md-position="center" :md-duration="4000" :md-active.sync="showSnackbar" md-persistent>
+      <span>Local IP copied in your clipboard!</span>
+    </md-snackbar>
   </div>
 </template>
 
 <script>
+  import ip from 'ip'
+  import Vue from 'vue'
+  import { MdCard, MdSnackbar } from 'vue-material/dist/components'
+
+  Vue.use(MdCard)
+  Vue.use(MdSnackbar)
+
   export default {
     name: 'settings',
     data: function () {
       return {
+        ip: ip.address(),
+        showSnackbar: false
+      }
+    },
+
+    methods: {
+      copyIp: function () {
+        const el = document.createElement('textarea')
+        el.value = this.ip
+        document.body.appendChild(el)
+        el.select()
+        document.execCommand('copy')
+        document.body.removeChild(el)
+        this.showSnackbar = true
       }
     }
   }
diff --git a/src/renderer/router/index.js b/src/renderer/router/index.js
index f1283eb..c2e8f8f 100644
--- a/src/renderer/router/index.js
+++ b/src/renderer/router/index.js
@@ -12,11 +12,11 @@ export default new Router({
       name: 'home',
       component: require('@/components/Home').default
     },
-    // {
-    //   path: '/settings',
-    //   name: 'settings',
-    //   component: require('@/components/Settings').default
-    // },
+    {
+      path: '/settings',
+      name: 'settings',
+      component: require('@/components/Settings').default
+    },
     {
       path: '*',
       redirect: '/'