The generic functionality of the event_vote page has been replicated in the sense that if access is denied to event_setup or event_decrypt, a client is not directed to a page that they don't have access to. Instead, they're kept on the same page and are told why access to that page has been denied. Furthermore, the POSTing of data to the back-end on both of these updated page is now done using Ajax requests where dialogs update the user rather than redirecting to a page the user doesn't have access to.

static/js/decrypt_event.js

@@ -1,6 +1,7 @@
 // -------------- Global vars --------------------
 var filesHandleSK = document.getElementById('files_sk_upload');
 var CSRF = $( "input[name='csrfmiddlewaretoken']" ).val();
+var partialDecryptions = {};
 
 // -------------- Helper fns --------------------
 //SK checking algorithm - If PK and SK matches, it returns True; otherwise, it returns false.
@@ -15,6 +16,14 @@ function csrfSafeMethod(method) {
     return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
 }
 
+function getBytes(arr) {
+    for(var i = 0; i < arr.length; i++) {
+      arr[i] = parseInt(arr[i]);
+    }
+
+    return new Uint8Array(arr);
+}
+
 function getKeyBytes(key, byteArray) {
     for(let i = 0; i < key.length; i += 4) {
         let B64EncodedByte = key.substring(i, i + 4);
@@ -23,8 +32,8 @@ function getKeyBytes(key, byteArray) {
     }
 }
 
-function showDialog(titleTxt, bodyTxt) {
-    var modalDialog = $('#modalDialog');
+function showDecryptDialog(titleTxt, bodyTxt) {
+    var modalDialog = $('#EventDecryptionModalDialog');
     var title = modalDialog.find('.modal-title');
     var body = modalDialog.find('.modal-body');
 
@@ -79,7 +88,7 @@ function validateSKFromString(SKStr) {
     return skCheck(ctx, params, sk, pk);
 }
 
-function decryptSubmitCiphers() {
+function decryptSubmit() {
     var skString = $('#secret-key').val();
 
     if (!skString) {
@@ -96,7 +105,6 @@ function decryptSubmitCiphers() {
 
         inputs.each(function() { //for each ciphertext to decrypt
           let input = $(this);
-          console.log(input.attr('name'));
 
           var ciphertext = {
               C1: null,
@@ -116,10 +124,38 @@ function decryptSubmitCiphers() {
           var bytes = [];
           partial.D.toBytes(bytes);
           input.val(bytes.toString());
+
+          partialDecryptions[input.attr('name')] = bytes.toString();
         });
+
+        submitPartialDecryptions();
     }
 }
 
+function onAfterPartialDecryptionsSend() {
+    showDecryptDialog('Partial Decryptions Successfully Received',
+        'Thank you! You can now close down this page.');
+}
+
+function submitPartialDecryptions() {
+    $.ajaxSetup({
+        beforeSend: function(xhr, settings) {
+            if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
+                xhr.setRequestHeader("X-CSRFToken", CSRF);
+            }
+        }
+    });
+
+    $.ajax({
+         type : "POST",
+         url : window.location,
+         data : partialDecryptions,
+         success : function(){
+             onAfterPartialDecryptionsSend();
+         }
+    });
+}
+
 function processFileSKChange(event) {
     var files = event.target.files;
 
@@ -153,4 +189,9 @@ function processFileSKChange(event) {
 
 if(filesHandleSK) {
     filesHandleSK.addEventListener('change', processFileSKChange, false);
-}
+}
+
+$('#EventDecryptionModalDialog').on('hide.bs.modal', function (e) {
+    // Update page to reflect the fact that the PK submission has taken place
+    location.reload();
+});

static/js/event_setup.js

@@ -0,0 +1,105 @@
+var CSRF = $( "input[name='csrfmiddlewaretoken']" ).val();
+
+function csrfSafeMethod(method) {
+    // these HTTP methods do not require CSRF protection
+    return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
+}
+
+function showSetupDialog(titleTxt, bodyTxt) {
+    var modalDialog = $('#EventSetupModalDialog');
+    var title = modalDialog.find('.modal-title');
+    var body = modalDialog.find('.modal-body');
+
+    title.text(titleTxt);
+    var bodyText = bodyTxt;
+
+    var p = document.createElement("p");
+    p.innerHTML = bodyText;
+    body.empty();
+    body.append( p );
+
+    modalDialog.modal('show');
+}
+
+function generateKeys() {
+    var parameter = $("#event-param").val();
+    var tempParams = JSON.parse(JSON.parse(parameter).crypto);
+    //the full objects need to be initalised as per the library, then copy the values we need into it
+    //I follow Bingsheng's code as to what objects are used in the parameter object
+    var ctx = new CTX("BN254CX"); //new context we can use
+    var n = new ctx.BIG();
+    var g1 = new ctx.ECP();
+    var g2 = new ctx.ECP2();
+
+    //copying the values
+    n.copy(tempParams.n);
+    g1.copy(tempParams.g1);
+    g2.copy(tempParams.g2);
+
+    var params = {
+      n:n,
+      g1:g1,
+      g2:g2
+    }
+
+    var PKbytes = [];
+    var SKbytes = [];
+
+    var keypair = keyGen(params);
+    keypair.PK.toBytes(PKbytes);
+    keypair.SK.toBytes(SKbytes);
+
+    var PKB64Encoded = "";
+    for(let i = 0; i < PKbytes.length; i++) {
+        PKB64Encoded += btoa(PKbytes[i]);
+    }
+
+    var SKB64Encoded = "";
+    for(let j = 0; j < SKbytes.length; j++) {
+        SKB64Encoded += btoa(SKbytes[j]);
+    }
+
+    $('input#public-key').val(PKB64Encoded);
+    $('input#secret-key').val(SKB64Encoded);
+
+    //mostly code from before here
+    var blob = new Blob([SKB64Encoded], {type : 'text/plain'});
+
+    var dlBtn = $('a#download-btn');
+    var url = URL.createObjectURL(blob);
+    $(dlBtn).attr("href", url);
+
+    let fileName = "sk-" + EVENT_TITLE.replace(/[\W]/g, "-");
+    $(dlBtn).attr("download", fileName);
+    $(dlBtn).attr("disabled", false);
+    $("#public-submit").attr("disabled", false);
+}
+
+function onAfterKeySend() {
+    showSetupDialog('Public Key Successfully Received',
+        'Thank you! You can now close down this page.');
+}
+
+function submitPublicKey() {
+    $.ajaxSetup({
+        beforeSend: function(xhr, settings) {
+            if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
+                xhr.setRequestHeader("X-CSRFToken", CSRF);
+            }
+        }
+    });
+
+    $.ajax({
+         type : "POST",
+         url : window.location,
+         data : {  public_key: $('input#public-key').val() },
+         success : function(){
+             onAfterKeySend();
+         }
+    });
+}
+
+$('#EventSetupModalDialog').on('hide.bs.modal', function (e) {
+    // Update page to reflect the fact that the PK submission has taken place
+    location.reload();
+});