From 9027243052ad55ce07a37cc220a44941f77c2237 Mon Sep 17 00:00:00 2001
From: Mario Colque <colquemario@gmail.com>
Date: Tue, 13 May 2014 14:19:37 -0300
Subject: [PATCH] added the settings page

---
 config.template.js         | 17 +++++++++++--
 index.html                 | 51 +++++++++++++++++++++++++++++++++++++-
 js/app.js                  |  4 ++-
 js/controllers/settings.js | 29 ++++++++++++++++++++++
 js/routes.js               |  4 +++
 5 files changed, 101 insertions(+), 4 deletions(-)
 create mode 100644 js/controllers/settings.js

diff --git a/config.template.js b/config.template.js
index 0628849f0..f97bc0ae8 100644
--- a/config.template.js
+++ b/config.template.js
@@ -1,6 +1,7 @@
 'use strict';
 
-var config = {
+var localConfig = JSON.parse(localStorage.getItem('config'));
+var defaultConfig = {
   networkName: 'testnet',
   network: {
     // key: 'lwjd5qra8257b9', //Copay API key for public PeerJS server
@@ -11,7 +12,7 @@ var config = {
     //path: '/',
     //
     key: 'g23ihfh82h35rf', // api key for the peerjs server
-    host: '162.242.219.26', // peerjs server
+    host: '162.242.245.33', // peerjs server
     port: 10009,
     path: '/',
     maxPeers: 15,
@@ -105,6 +106,18 @@ var config = {
   verbose: 1,
 };
 
+var config = defaultConfig;
+
+// Merge localConfig
+if (localConfig) {
+  var count = 0;
+  for (name in localConfig) {
+    if (localConfig.hasOwnProperty(name)) {
+      config[name] = localConfig[name];
+    }
+  }
+}
+
 var log = function() {
   if (config.verbose) console.log(arguments);
 }
diff --git a/index.html b/index.html
index 5e168f9f1..33efc8f02 100644
--- a/index.html
+++ b/index.html
@@ -25,6 +25,8 @@
                 <a class="button radius small-icon" title="Manual Refresh"
                   ng-disabled="$root.loading"
                   ng-click="refresh()"><i class="fi-refresh"></i></a>
+                <a class="button radius small-icon" title="Settings"
+                  ng-disabled="$root.loading" href="#settings"><i class="fi-widget"></i></a>
                 <a class="button radius small-icon" title="Signout" 
                   ng-click="signout()"><i class="fi-power"></i></a>
               </div>
@@ -196,6 +198,7 @@
 
           <div class="row">
             <div class="large-12 columns text-center line-dashed">
+              <a href="#settings">Settings</a> &middot;
               <span ng-show="wallets.length">
                 <a href="#/setup">Create a new wallet</a> &middot;
               </span>
@@ -559,7 +562,7 @@
 
     <!-- BACKUP -->
     <script type="text/ng-template" id="backup.html">
-      <div class="backup" data-ng-controller="BackupController">
+      <div class="backup" ng-controller="BackupController">
         <h3>{{title}}</h3>
         <div class="row text-center">
           <div class="large-6 medium-6 columns">
@@ -578,6 +581,51 @@
       </div>
     </script>
 
+    <!-- CONFIG -->
+    <script type="text/ng-template" id="settings.html">
+      <div class="settings" ng-controller="SettingsController">
+        <h3>{{title}}</h3>
+        <div class="small-12 medium-6 medium-centered large-6 large-centered columns">
+          <fieldset>
+            <legend>Network Name</legend>
+            <input id="network-name" type="checkbox" ng-model="networkName" ng-true-value="livenet" ng-false-value="testnet">
+            <label for="network-name">Livenet</label>
+          </fieldset>
+          <fieldset>
+            <legend>Blockchain</legend>
+            <div class="row">
+              <label for="blockchain-host">Host</label>
+              <input type="text" ng-model="blockchainHost">
+            </div>
+            <div class="row">
+              <label for="blockchain-port">Port</label>
+              <input type="number" ng-model="blockchainPort">
+            </div>
+          </fieldset>
+
+          <fieldset>
+            <legend>Socket</legend>
+            <div class="row">
+              <label for="socket-host">Host</label>
+              <input type="text" ng-model="socketHost">
+            </div>
+            <div class="row">
+              <label for="socket-port">Port</label>
+              <input type="number" ng-model="socketPort">
+            </div>
+          </fieldset>
+        </div>
+        <div class="row">
+          <div class="large-12 columns line-dashed">
+            <button type="submit" class="button primary radius right ng-binding" ng-disabled="setupForm.$invalid || loading" disabled="disabled" ng-click="save()">
+             Save
+            </button>
+            <a class="button secondary radius" href="#signin" ng-hide="$root.wallet">Signin</a>
+          </div>
+        </div>
+      </div>
+    </script>
+
 <!-- / <div class="large-4 columns box-backup">Backup to Dropbox</div>
           // <div class="large-4 columns box-backup">Backup to email</div> -->
     <!-- NOT FOUND -->
@@ -626,6 +674,7 @@
     <script src="js/controllers/signin.js"></script>
     <script src="js/controllers/setup.js"></script>
     <script src="js/controllers/import.js"></script>
+    <script src="js/controllers/settings.js"></script>
 
     <script src="js/init.js"></script>
   </body>
diff --git a/js/app.js b/js/app.js
index db15e356c..30a55782e 100644
--- a/js/app.js
+++ b/js/app.js
@@ -21,7 +21,8 @@ var copayApp = window.copayApp = angular.module('copay',[
   'copay.directives',
   'copay.video',
   'copay.import',
-  'copay.passphrase'
+  'copay.passphrase',
+  'copay.settings'
 ]);
 
 angular.module('copay.header', []);
@@ -39,4 +40,5 @@ angular.module('copay.directives', []);
 angular.module('copay.video', []);
 angular.module('copay.import', []);
 angular.module('copay.passphrase', []);
+angular.module('copay.settings', []);
 
diff --git a/js/controllers/settings.js b/js/controllers/settings.js
new file mode 100644
index 000000000..4db60ffd5
--- /dev/null
+++ b/js/controllers/settings.js
@@ -0,0 +1,29 @@
+'use strict';
+
+angular.module('copay.settings').controller('SettingsController',
+  function($scope, $rootScope, $window) {
+    $scope.title = 'Settings';
+
+    $scope.networkName = config.networkName;
+    $scope.blockchainHost = config.blockchain.host;
+    $scope.blockchainPort = config.blockchain.port;
+    $scope.socketHost = config.socket.host;
+    $scope.socketPort = config.socket.port;
+
+    $scope.save = function() {
+      localStorage.setItem('config', JSON.stringify({
+          networkName: $scope.networkName,
+          blockchain: {
+            host: $scope.blockchainHost,
+            port: $scope.blockchainPort
+          },
+          socket: {
+            host: $scope.socketHost,
+            port: $scope.socketPort
+          }
+        })
+      );
+
+      $window.location.reload();
+    };
+  });
diff --git a/js/routes.js b/js/routes.js
index 36ed4654b..3f445a1fa 100644
--- a/js/routes.js
+++ b/js/routes.js
@@ -42,6 +42,10 @@ angular
         templateUrl: 'backup.html',
         validate: true
       })
+      .when('/settings', {
+        templateUrl: 'settings.html',
+        validate: false
+      })
       .otherwise({
         templateUrl: '404.html'
       });