diff options
-rw-r--r-- | index.html | 29 | ||||
-rw-r--r-- | js/codeq/language.js | 95 | ||||
-rw-r--r-- | js/codeq/problem.js | 104 |
3 files changed, 132 insertions, 96 deletions
@@ -63,25 +63,39 @@ <td style="text-align: right;">Password:</td> <td><input type="password" name="password" id="password"></td> </tr> - <!--<tr> + <tr> + <td colspan="2" style="text-align: center;"> + <button type="button" id="submit">Login</button> + </td> + </tr> + </tbody> + </table> + </div> + + <div id="screen_language" style="text-align: center; display: none;"> + <h1>CodeQ Select Language</h1> + <hr> + <table style="margin: 0 auto;"> + <tbody> + <tr> <td style="text-align: right;">Problem:</td> <td> - <select name="problem_group" id="problem_group" style="min-width: 10em;"> - </select> - <select name="problem" id="problems" style="min-width: 10em;"> + <select name="language" id="language" style="min-width: 10em;"> + <option value="prolog">prolog</option> + <option value="python">python</option> </select> </td> - </tr>--> + </tr> <tr> <td colspan="2" style="text-align: center;"> - <button type="button" id="submit">Login</button> + <button type="button" id="submit_language">Select</button> </td> </tr> </tbody> </table> </div> - <div id="screen_language" style="text-align: center; display: none;"> + <div id="screen_problem" style="text-align: center; display: none;"> <h1>CodeQ Select Problem</h1> <hr> <table style="margin: 0 auto;"> @@ -162,6 +176,7 @@ <script src="js/codeq/python.js"></script> <script src="js/codeq/login.js"></script> <script src="js/codeq/language.js"></script> + <script src="js/codeq/problem.js"></script> <script src="js/codeq/startup.js"></script> </body> </html> diff --git a/js/codeq/language.js b/js/codeq/language.js index 1a87097..2864098 100644 --- a/js/codeq/language.js +++ b/js/codeq/language.js @@ -5,98 +5,15 @@ (function(){ codeq.globalStateMachine.register('language',{ 'enter': function(){ - $('#disabled').css('display', ''); - $('#disabled').css('cursor', 'wait'); - codeq.comms.send({'action': 'list_problems'})//currently problem list and the actual login are still in the same state - .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_problem").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.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': - codeq.globalStateMachine.transition('prolog', data); - break; - case 'python': - codeq.globalStateMachine.transition('python', data); - break; - default: - alert('Unknown language: ' + identifier[0]); - break; - } - }) - .fail(function (reason) { - $('#disabled').css('display', 'none'); - codeq.log.error('Getting problem definitions failed: ' + reason, reason); - alert('Getting problem definitions failed: ' + reason); - }) - .done(); - } - }); - $('#screen_language').css('display', ''); - } - 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(); + $("#screen_language").css('display', ''); + $('#submit_language').on('click',function(){ + codeq.globalStateMachine.transition('problem',$('#language').val()); + }); }, 'exit' : function(){ - $('#problem_group').off(); - $("#submit_problem").off(); - $("#problem_group option").remove();//empty the selects - $("#problems option").remove(); + $("#submit_language").off(); $("#screen_language").css('display', 'none'); + $('#language').val("prolog");//reset to the default value } }); })();
\ No newline at end of file diff --git a/js/codeq/problem.js b/js/codeq/problem.js new file mode 100644 index 0000000..6debf6d --- /dev/null +++ b/js/codeq/problem.js @@ -0,0 +1,104 @@ +/** + * Created by robert on 9/18/15. + */ + +/** + * Created by robert on 9/18/15. + */ + +(function(){ + codeq.globalStateMachine.register('problem',{ + 'enter': function(language){ + $('#disabled').css('display', ''); + $('#disabled').css('cursor', 'wait'); + codeq.comms.send({'action': 'list_problems', 'language':language}) + .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.group; + html.push('<option value="', identifier, '">', group.name.group, '</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_problem").on('click', function(){ + var identifier = $('#problem_group').val(),//.split('/'), + problem = $('#problems').val(); + if(!identifier) alert('Choose a problem group'); + else if (!problem) alert('Choose a problem'); + else { + $('#disabled').css('display', ''); + codeq.comms.getProblem(language, identifier, 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 (language) {//(identifier[0]) { + case 'prolog': + codeq.globalStateMachine.transition('prolog', data); + break; + case 'python': + codeq.globalStateMachine.transition('python', data); + break; + default: + alert('Unknown language: ' + language); + break; + } + }) + .fail(function (reason) { + $('#disabled').css('display', 'none'); + alert('Login request failed: ' + reason); + }) + .done(); + } + }); + $('#screen_problem').css('display', ''); + } + 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(); + }, + 'exit' : function(){ + $('#problem_group').off(); + $("#submit_problem").off(); + $("#problem_group option").remove();//empty the selects + $("#problems option").remove(); + $("#screen_problem").css('display', 'none'); + } + }); +})();
\ No newline at end of file |