From 18a575e02816622706f740e9938515869b58a375 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ale=C5=A1=20Smodi=C5=A1?= <aless@guru.si>
Date: Mon, 14 Sep 2015 14:52:30 +0200
Subject: Reimplemented communication with the server.  * Using engine.io to
 use web sockets or long polling.  * Changed to a single-page app.

---
 js/codeq/startup.js | 97 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 97 insertions(+)
 create mode 100644 js/codeq/startup.js

(limited to 'js/codeq/startup.js')

diff --git a/js/codeq/startup.js b/js/codeq/startup.js
new file mode 100644
index 0000000..980d3d7
--- /dev/null
+++ b/js/codeq/startup.js
@@ -0,0 +1,97 @@
+$(document).ready(function () {
+    codeq.comms.connect().then(function () {
+        return codeq.comms.send({'action': 'list_problems'});
+    }).then(
+        function success(data) {
+            var i, groups, group, problems, problem, first_group,
+                jqGroup = $('#problem_group'),
+                jqProblems = $('#problems'),
+                html = [],
+                mapping = {},
+                onGroupChange = function () {
+                    var problems = mapping[jqGroup.val()],
+                        html = [],
+                        i, p;
+                    if (problems) {
+                        for (i = 0; i < problems.length; i++) {
+                            p = problems[i];
+                            html.push('<option value="', p.identifier, '">', p.name, '</option>\n')
+                        }
+                    }
+                    jqProblems.html(html.join(''));
+                };
+
+            if (data && (data.code === 0)) {
+                $('#disabled').css('display', 'none');
+                groups = data.problems;
+                for (i = 0; i < groups.length; i++) {
+                    group = groups[i];
+                    var identifier = group.identifier.language + '/' + group.identifier.group;
+                    var name = group.name.language + ': ' + group.name.group;
+                    html.push('<option value="', identifier, '">', name, '</option>\n');
+                    mapping[identifier] = group.problems;
+                }
+                jqGroup.html(html.join(''));
+                first_group = html[1];
+                html = null;
+
+                jqGroup.on('click', onGroupChange);
+                jqGroup.val(first_group);
+                onGroupChange();
+
+                $("#submit").on('click', function () {
+                    var identifier = $('#problem_group').val().split('/'),
+                        problem = $('#problems').val();
+                    if (identifier.length < 2) alert('Choose a problem group');
+                    else if (!problem) alert('Choose a problem');
+                    else {
+                        $('#disabled').css('display', '');
+                        codeq.comms.login($('#username').val(), $('#password').val())
+                            .then(function (data) {
+                                $('#disabled').css('display', 'none');
+                                if (data.code !== 0) throw new Error('Login failed, code: ' + data.code + ', message: ' + data.message);
+                            })
+                            .then(function () {
+                                return codeq.comms.getProblem(identifier[0], identifier[1], problem);
+                            })
+                            .then(function (data) {
+                                if (data.code !== 0) throw new Error('Failed to obtain problem data, code: ' + data.code + ', message: ' + data.message);
+                                $('#disabled').css('display', 'none');
+                                switch (identifier[0]) {
+                                    case 'prolog':
+                                        // TODO: assignment to window for debug only
+                                        $('#screen_login').css('display', 'none');
+                                        $('#screen_prolog').css('display', '');
+                                        window.phandler = codeq.createPrologHandler(data.data);
+                                        break;
+                                    case 'python':
+                                        // TODO: assignment to window for debug only
+                                        $('#screen_login').css('display', 'none');
+                                        $('#screen_prolog').css('display', '');
+                                        window.phandler = codeq.createPythonHandler(data.data);
+                                        break;
+                                    default:
+                                        alert('Unknown language: ' + identifier[0]);
+                                        break;
+                                }
+                            })
+                            .fail(function (reason) {
+                                $('#disabled').css('display', 'none');
+                                alert('Login request failed: ' + reason);
+                            })
+                            .done();
+                    }
+                });
+            }
+            else {
+                $('#disabled').css('cursor', '');
+                alert('Obtaining list of problems failed: code=' + data.code + ', reason=' + data.message);
+            }
+        },
+
+        function failure(reason) {
+            $('#disabled').css('cursor', '');
+            alert('Request to obtain list of problems failed: ' + reason);
+        }
+    ).done();
+});
\ No newline at end of file
-- 
cgit v1.2.1