From dd56136fef60bcc7318b3788993fc33756fd3dad Mon Sep 17 00:00:00 2001
From: Peter <peter@codebuffet.co>
Date: Tue, 25 Jul 2017 16:33:57 +0200
Subject: [PATCH] settings with defaults made

---
 tangle-explorer-web/src/components/TopBar.vue |  4 +++-
 tangle-explorer-web/src/pages/Settings.vue    | 17 ++++++++++++++++
 tangle-explorer-web/src/router/index.js       | 20 ++++++++++++-------
 tangle-explorer-web/src/utils/iota-node.js    |  3 ++-
 tangle-explorer-web/src/utils/settings.js     | 13 ++++++++++++
 5 files changed, 48 insertions(+), 9 deletions(-)
 create mode 100644 tangle-explorer-web/src/pages/Settings.vue
 create mode 100644 tangle-explorer-web/src/utils/settings.js

diff --git a/tangle-explorer-web/src/components/TopBar.vue b/tangle-explorer-web/src/components/TopBar.vue
index 50e1abb..ccead11 100644
--- a/tangle-explorer-web/src/components/TopBar.vue
+++ b/tangle-explorer-web/src/components/TopBar.vue
@@ -8,7 +8,9 @@
       </div>
       <div class='right'>
         <div class="bar-button">
-          <ceri-icon class="icon" name="fa-gear"></ceri-icon>
+          <router-link :to="{ name: 'Settings' }">
+            <ceri-icon class="icon" name="fa-gear"></ceri-icon>
+          </router-link>
         </div>
         <div class='search'>
           <search-field></search-field>
diff --git a/tangle-explorer-web/src/pages/Settings.vue b/tangle-explorer-web/src/pages/Settings.vue
new file mode 100644
index 0000000..4472185
--- /dev/null
+++ b/tangle-explorer-web/src/pages/Settings.vue
@@ -0,0 +1,17 @@
+<template lang="html">
+
+</template>
+
+<script>
+export default {
+  data() {
+    settings = store.get('settings') || {}
+    return {
+      settings
+    }
+  }
+}
+</script>
+
+<style lang="css">
+</style>
diff --git a/tangle-explorer-web/src/router/index.js b/tangle-explorer-web/src/router/index.js
index 850d9d1..b45f06e 100644
--- a/tangle-explorer-web/src/router/index.js
+++ b/tangle-explorer-web/src/router/index.js
@@ -1,10 +1,11 @@
-import Vue from 'vue';
-import Router from 'vue-router';
-import Home from '@/pages/Home';
-import Transaction from '@/pages/Transaction';
-import Address from '@/pages/Address';
-import Search from '@/pages/Search';
-import Bundle from '@/pages/Bundle';
+import Vue from 'vue'
+import Router from 'vue-router'
+import Home from '@/pages/Home'
+import Transaction from '@/pages/Transaction'
+import Address from '@/pages/Address'
+import Search from '@/pages/Search'
+import Bundle from '@/pages/Bundle'
+import Settings from '@/pages/Settings'
 
 Vue.use(Router);
 
@@ -30,6 +31,11 @@ export default new Router({
       name: 'Home',
       component: Home,
     },
+    {
+      path: '/settings',
+      name: 'Settings',
+      component: Settings,
+    },
     {
       path: '/search/:query',
       name: 'Search',
diff --git a/tangle-explorer-web/src/utils/iota-node.js b/tangle-explorer-web/src/utils/iota-node.js
index 8198a40..c50f699 100644
--- a/tangle-explorer-web/src/utils/iota-node.js
+++ b/tangle-explorer-web/src/utils/iota-node.js
@@ -1,4 +1,5 @@
 const log = require('@/utils/log')
+const settings = require('@/utils/settings.js').default
 
 // The global object for node info etc.
 var obj = {
@@ -25,7 +26,7 @@ var obj = {
 
 // Create IOTA instance directly with provider
 var iota = new IOTA({
-    'provider': 'https://n1.iota.nu:443'
+    'provider': settings.get().nodeUrl
 });
 obj.iota = iota
 
diff --git a/tangle-explorer-web/src/utils/settings.js b/tangle-explorer-web/src/utils/settings.js
new file mode 100644
index 0000000..89c2ce7
--- /dev/null
+++ b/tangle-explorer-web/src/utils/settings.js
@@ -0,0 +1,13 @@
+const store = require('store')
+const defaultSettings = {
+  nodeUrl: 'https://n1.iota.nu:443'
+}
+
+export default {
+  set(settings) {
+    store.set('settings', settings)
+  },
+  get() {
+    return Object.assign({}, defaultSettings, store.get('settings'))
+  }
+}