render arena

2015-08-27 22:29:50 -07:00
parent 6bad86730e
commit 33f94af784
10 changed files with 3954 additions and 1 deletions
@@ -0,0 +1,148 @@
+var savebot = function(name, callback){
+    data = {
+        "id": $("#robot_picker").val(),
+        "code": editor.getValue()
+    };
+
+    if (name){
+        data.name = name;
+    }
+
+    $.ajax({
+        method:"POST",
+        data: JSON.stringify(data),
+        headers: {
+            "Content-Type": "application/json",
+        },
+        url:"/api/v1/bot/" + $("#robot_picker").val() + "/",
+        success: function(data){
+            var d = new Date();
+            $("#lastsave").html("Saved at " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds());
+
+            if (callback){
+                callback();
+            }
+        }
+    });
+};
+
+var newbot = function(){
+    data = {
+        "code": editor.getValue(),
+    };
+    $.ajax({
+        method:"POST",
+        data: JSON.stringify(data),
+        headers: {
+            "Content-Type": "application/json",
+        },
+        url:"/api/v1/bot/" + $("#robot_picker").val() + "/",
+        success: function(data){
+            console.log(data);
+            if (data.id){
+                $("#robot_picker").val(data.id);
+            }
+            // I'm lazy
+            set_current_bot(data.id);
+            location.reload();
+        }
+    });
+};
+
+var set_current_bot = function(name){
+    var queryParameters = {}, queryString = location.search.substring(1),
+    re = /([^&=]+)=([^&]*)/g, m;
+
+    while (m = re.exec(queryString)) {
+        queryParameters[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
+    }
+    queryParameters['bot'] = name;
+    history.pushState(null, null, "?"+ $.param(queryParameters));
+};
+
+$(document).ready(function(){
+    $("#error").hide();
+    editor = ace.edit("editor");
+    editor.setTheme("ace/theme/monokai");
+    editor.getSession().setMode("ace/mode/javascript");
+
+    function resizeAce() {
+        return $('#editor').height($(window).height() - $("#editor").offset().top - 20);
+    };
+
+    $(window).resize(resizeAce);
+    resizeAce();
+
+    var gorobots = gorobots_init({}, true);
+
+    $("#robot_picker").change(function(e){
+        $.ajax({
+            url:"/api/v1/bot/" + $("#robot_picker").val(),
+            success: function(data){
+                editor.setValue(data.code);
+                set_current_bot($("#robot_picker").val());
+            }
+        });
+    });
+
+    $("#save").click(function(e){
+        savebot();
+    });
+
+    $("#new").click(function(e){
+        newbot();
+    });
+
+    var renaming = false;
+    $("#rename").click(function(e){
+        if (renaming){
+            // POST new name to server
+            savebot($("#newname").val(), function(){
+                // BE LAZY
+                location.reload();
+            });
+
+            $("#rename-block").hide();
+            $("#rename").html("Rename Bot");
+            renaming = false;
+        } else {
+            $("#rename-block").show();
+            $("#rename").html("Ok");
+            renaming = true;
+        }
+    });
+
+    $.ajax({
+        url:"/api/v1/bot/1/",
+        success: function(data){
+            editor.setValue(data.code);
+            $("#robot_picker").val(1);
+        }
+    });
+
+    $('#starter').click(function() {
+        savebot();
+
+        $('#tabs a[href="#arena"]').tab('show');
+        var url = "ws://{{ server.hostname }}:8666/ws/";
+        gorobots.set_spectator(false);
+        gorobots.set_server(
+                url,
+                "{{ game }}"
+                );
+    });
+    $('#watch').click(function() {
+        savebot();
+
+        $('#tabs a[href="#arena"]').tab('show');
+        var url = "ws://{{ server.hostname }}:8666/ws/";
+        gorobots.set_spectator(true);
+        gorobots.set_server(
+                url,
+                "{{ game }}"
+                );
+    });
+
+    $('#tabs a[href="#code"]').tab('show');
+
+});