Merge pull request #15 from hunterlester/development

further debugging @ https://dashpay.atlassian.net/browse/EV-126

css/master.css

@@ -36,7 +36,6 @@ i.fa {
 }
 
 .proposalBlock {
-  /*margin-top: 6%;*/
   padding: 7%;
   background-color: #ffffff;
   box-shadow: 0px 17px 24px 0px rgba(0, 0, 0, 0.16);

index.html

@@ -53,6 +53,11 @@
                 console.log("socket.io initialized...");
             });
 
+            socket.on('disconnect', function() {
+              console.log('connection lost');
+              alert('We sorry; connection lost.');
+            });
+
             return gov;
         };
 
@@ -97,6 +102,7 @@
                     document.getElementById('step_two').click();
                     document.getElementsByClassName('progress-bar')[0].style.width = "50%";
                     document.getElementsByClassName('progress-bar')[0].innerText = "Generated wallet commands";
+                    $('#network_toggle').addClass('hidden');
 
                     proposal.walletCommands();
 
@@ -108,6 +114,7 @@
 
                     $('#btnNew').click(function() {
                         proposal.resetProposal();
+                        $('#network_toggle').removeClass('hidden');
                     });
                 }
             });
@@ -121,9 +128,19 @@
 
                 // check if tx exists in insight
                 txListener.getTx(function(err, res) {
-                    if(err) console.log(err);
+                    if(err) {
+                      console.log("Error:", err);
+                      if(err == 404) {
+                        $('#feeTxid').addClass('validationError');
+                        $('#feeTxid').val('Transaction ID not found');
+                      } else if (err == 400) {
+                        $('#feeTxid').addClass('validationError');
+                        $('#feeTxid').val('Please paste a valid transaction ID');
+                      }
+
+                    }
                     if(res) {
-                        console.log(res);
+                        console.log("Response:", res);
 
                         // transaction exists, proceed to step three
                         document.getElementById('step_three').click();
@@ -163,7 +180,7 @@
       </div>
       <div class="col-md-4">
 
-          <div class="btn-group" data-toggle="buttons">
+          <div id="network_toggle" class="btn-group" data-toggle="buttons">
               <label class="btn btn-primary">
                   <input type="radio" name="options" id="mainnet" autocomplete="off"> Mainnet
               </label>
@@ -327,6 +344,7 @@
           </div>
         </div>
         <div id="step2" class="tab-pane fade">
+          <div class="proposalBlock">
             <div class="row walletCommands hidden" id="walletCommandsHeader">
                 <div class="col-xs-12">
                     <h2>Wallet Commands</h2>
@@ -361,10 +379,10 @@
                 </div>
 
             </div>
-
+          </div>
         </div>
         <div id="step3" class="tab-pane fade">
-
+          <div class="proposalBlock">
             <div class="row walletCommands hidden" id="walletCommandsProgress">
 
                 <div class="col-xs-12">
@@ -379,7 +397,9 @@
 
             </div>
           </div>
+        </div>
         <div id="step4" class="tab-pane fade">
+          <div class="proposalBlock">
             <div class="row walletCommands hidden" id="walletCommandsSubmit">
 
                 <div class="col-xs-12">
@@ -395,6 +415,7 @@
             </div>
           </div>
         </div>
+      </div>
 
     </div>
 

js/formHandler.js

@@ -9,7 +9,9 @@ function setFormEditable(edit) {
     if (edit === true) {
         $('#btnPrepare').addClass('hidden');
         $('#btnEdit').removeClass('hidden');
+        $('#btnEdit').removeAttr('disabled');
         $('#btnNew').removeClass('hidden');
+        $('#btnNew').removeAttr('disabled');
     } else {
         $('#btnPrepare').removeClass('hidden');
         $('#btnEdit').addClass('hidden');

js/proposalGenerator.js

@@ -115,5 +115,15 @@ ProposalGenerator.prototype.resetProposal = function() {
     $('.createProposal input').each(function() {
         $(this).val('');
     });
-    setFormEditable(true);
+    $("#btnEdit").val('Edit Proposal');
+    $("#btnNew").val('New Proposal');
+    $("#btnPrepare").val('Create Proposal');
+    setFormEditable(false);
+    $('.walletCommands#walletCommandsHeader').addClass('hidden');
+    $('.walletCommands#walletCommandsPrepare').addClass('hidden');
+    $('.walletCommands#walletCommandsTx').addClass('hidden');
+    $('.walletCommands#walletCommandsProgress').addClass('hidden');
+    $('.walletCommands#walletCommandsSubmit').addClass('hidden');
+
+    this._mode = 'proposal';
 };

js/txListener.js

@@ -45,7 +45,6 @@ TXListener.prototype.getTx = function(cb) {
             format: "json"
         }
     };
-    console.log(opts);
 
     this._fetch(opts, cb);
 };
@@ -80,7 +79,8 @@ TXListener.prototype._fetch = function(opts,cb) {
                 cb(null, data);
             },
             error: function (jqXHR, status, error) {
-                var err = eval("(" + jqXHR.responseText + ")");
+                var err = jqXHR.status;
+                //var err = eval("(" + jqXHR.responseText + ")");
                 cb(err, null);
             }
         });