1 files changed, 75 insertions, 0 deletions
diff --git a/static/js/revision_diff.js b/static/js/revision_diff.js
new file mode 100644
index 00000000..86f30b41
--- /dev/null
+++ b/static/js/revision_diff.js
@@ -0,0 +1,75 @@
+"use strict";
+
+function(){
+let buttons = document.querySelectorAll("td input"); // Fetch all radio buttons
+let id_reg = /compare-(before|after)-([\w|-]+)/; // Matches compare-after/before-ID
+
+
+function getRevisionId(element
+    let e = element.id.match(id_reg); // Match ID with RegExp
+    return [e[1], e[2]]; // e is in format of [full id, after/before, ID] we only want ID & mode
+}
+
+function getRevision(id) {
+    let e = revisions.filter((x) => {
+        return x.id === id; // Filter through all revisions to find the selected one (revisions in declared in the template)
+    });
+    return e[0];
+}
+
+function radioButtonChecked(element) {
+    console.log("change detected");
+    let id = getRevisionId(element);
+    let rev = getRevision(id[1]);
+    if (id[0] === "after"){
+        document.querySelector(`#compare-before-${id[1]}`).checked = false; // Deselect the opposite checkbox to the one which has been checked
+                                                                            // because we don't want checking of the same revision
+
+        buttons.forEach(function(e){
+            if (getRevisionId(e)[0] === "after" && e.id !== element.id) {  // Deselect all checkboxes in the same row
+                e.checked = false;
+            }
+        })
+    } else { // This else does the same as above but for the before column
+        document.querySelector(`#compare-after-${id[1]}`).checked = false;
+        buttons.forEach(function(e){
+            if (getRevisionId(e)[0] === "before" && e.id !== element.id) {
+                e.checked = false;
+            }
+
+            if (getRevisionId(e)[0] === "after") { // This makes sure that you do not compare a new revision with an old one
+                let tmprev = getRevision(getRevisionId(e)[1])
+                console.log(tmprev);
+                if (tmprev.date <= rev.date) {
+                    document.querySelector(`#${e.id}`).setAttribute("disabled", "")
+                } else {
+                    document.querySelector(`#${e.id}`).removeAttribute("disabled")
+                }
+            }
+        });
+    }
+
+    let bef, aft;
+
+    buttons.forEach((button) => { // Find the selected posts
+        let id = getRevisionId(button);
+        if (button.checked && id[0] === "before") {
+            bef = id[1];
+        }
+
+        if (button.checked && id[0] === "after") {
+            aft = id[1];
+        }
+    })
+
+    document.getElementById("compare-submit").href = `/history/compare/${bef}/${aft}` // Switch the buttons HREF to point to the correct compare URL
+
+}
+
+buttons.forEach(function(button){
+    button.checked = false; // Some browsers remember if a button is checked.
+    button.onchange = function() {
+        radioButtonChecked(button);
+    }
+});
+}();