added a message modal, added new trasaction method, adding a transaction to the transaction and getting the chain number

Author: code-architect

blockchain/blockchain.py

@@ -1,6 +1,7 @@
-from flask import Flask, render_template, jsonify
+from flask import Flask, render_template, jsonify, request
 from time import time
 from flask_cors import CORS
+from collections import OrderedDict
 
 
 class Blockchain:
@@ -25,22 +26,50 @@ def create_block(self, nonce, previous_hash):
         self.transactions = []
         self.chain.append(block)
 
+    def submit_transaction(self, sender_public_key, recipient_public_key, signature, amount):
+        # TODO: reward miner
+        # TODO: Signature validation
+
+        transaction = OrderedDict({
+            'sender_public_key': sender_public_key,
+            'recipient_public_key': recipient_public_key,
+            'signature': signature,
+            'amount': amount,
+        })
+        signature_verification = True
+        if signature_verification:
+            self.transactions.append(transaction)
+            return len(self.chain) + 1
+        else:
+            return False
+
 
 blockchain = Blockchain()
 
 # =======================================================================================================================
 app = Flask(__name__)
 CORS(app)
 
+
 @app.route("/")
 def index():
     return render_template('./index.html')
 
 
 @app.route("/transactions_new", methods=['POST'])
 def transactions_new():
-    response = {"message": "ok"}
-    return jsonify(response), 201
+    values = request.form
+
+    # TODO: check required fields
+    transaction_results = blockchain.submit_transaction(values['confirmation_sender_public_key'],
+                                                        values['confirmation_recipient_public_key'],
+                                                        values['transaction_signature'], values['confirmation_amount'])
+    if transaction_results == False:
+        response = {"message": "Invalid Transaction/Signature"}
+        return jsonify(response), 406
+    else:
+        response = {"message": "Added Transaction " + str(transaction_results)}
+        return jsonify(response), 201
 
 
 if __name__ == '__main__':

blockchain_client/templates/make_transaction.html

@@ -158,7 +158,29 @@ <h4 class="card-title">Send Coins:</h4>
       </div>
     </div>
 
+    <!-- Alert Message for successful transaction -->
+    <div class="modal modal-alert fade" id="success_transaction_modal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
+      <div class="modal-dialog">
+        <div class="modal-content">
+
+          <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+          </div>
 
+          <div class="modal-body">
+            <div class="alert alert-success" role="alert">
+              <h4 class="alert-heading">Successful Transaction!</h4>
+              <p>You successfully completed your transaction. It will be added to the next block.</p>
+            </div>
+          </div>
+
+          <div class="modal-footer">
+            <button type="button" id="button_confirm_transaction" class="btn btn-success" data-dismiss="modal">OK</button>
+          </div>
+
+        </div>
+      </div>
+    </div>
 
 
     <script src="/static/vendor/jquery/jquery.min.js"></script>
@@ -186,6 +208,31 @@ <h4 class="card-title">Send Coins:</h4>
                     }
                 });
             });
+
+            $('#button_confirm_transaction').click(function() {
+                $.ajax({
+                    url: document.getElementById('node_url').value + '/transactions_new',
+                    type: 'POST',
+                    dataType: 'json',
+                    header: {'Access-Control-Allow-Origin': '*'},
+                    data: $('#confirmation_transaction_form').serialize(),
+                    success: function(response) {
+                        $('#sender_public_key').val('');
+                        $('#sender_private_key').val('');
+                        $('#recipient_public_key').val('');
+                        $('#amount').val('');
+
+                        $('#basic_modal').modal('hide');
+                        $('#success_transaction_modal').modal('show');
+
+                    },
+                    error: function(error) {
+                        console.log(error);
+                    }
+
+                });
+            });
+
         });
     </script>
 </body>