Paypal (#41)

* Implement Titan Tokens clientside

* Titan Tokens can be modified in the admin panel

webapp/titanembeds/static/js/admin_token_transactions.js

@@ -0,0 +1,56 @@
+/* global $, Materialize, location */
+
+function postForm(user_id, amount) {
+    var funct = $.ajax({
+        dataType: "json",
+        method: "POST",
+        data: {"user_id": user_id, "amount": amount}
+    });
+    return funct.promise();
+}
+
+function patchForm(user_id, amount) {
+    var funct = $.ajax({
+        dataType: "json",
+        method: "PATCH",
+        data: {"user_id": user_id, "amount": amount}
+    });
+    return funct.promise();
+}
+
+$(function() {
+    $("#new_submit").click(function () {
+        var user_id = $("#new_user_id").val();
+        var user_token = $("#new_user_token").val();
+        if (user_id.length < 1 || user_token.length < 1) {
+            Materialize.toast("The user ID or balance field can't be blank!", 2000);
+            return;
+        }
+        var formPost = postForm(user_id, user_token);
+        formPost.done(function (data) {
+            location.reload();
+        });
+        formPost.fail(function (data) {
+            if (data.status == 409) {
+                Materialize.toast('This user id already exists!', 10000);
+            } else {
+                Materialize.toast('Oh no! Something has failed submitting a new entry!', 10000);
+            }
+        });
+    });
+});
+
+function submit_modify_user(user_id) {
+    var amount = $("#input_"+user_id).val();
+    var formPatch = patchForm(user_id, amount);
+    formPatch.done(function (data) {
+        location.reload();
+    });
+    formPatch.fail(function (data) {
+        if (data.status == 409) {
+            Materialize.toast('This user id does not exists!', 10000);
+        } else {
+            Materialize.toast('Oh no! Something has failed changing the css toggle!', 10000);
+        }
+    });
+}

webapp/titanembeds/static/js/donate.js

@@ -0,0 +1,19 @@
+/* global $ */
+(function () {
+    $('#token-slider').on('input', function(){
+        var slider_value = $("#token-slider").val();
+        var multiplier = 100;
+        
+        $("#money-display").text(slider_value);
+        $("#token-display").text(slider_value * multiplier);
+    });
+    
+    $("#donate-btn").click(function () {
+        var slider_value = $("#token-slider").val();
+        var form = $('<form method="POST">' + 
+            '<input type="hidden" name="amount" value="' + slider_value + '">' +
+            '</form>');
+        $(document.body).append(form);
+        form.submit();
+    });
+})();