summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--index.html29
-rw-r--r--js/codeq/language.js94
-rw-r--r--js/codeq/problem.js104
3 files changed, 132 insertions, 95 deletions
diff --git a/index.html b/index.html
index 5c5d7b9..8f4e933 100644
--- a/index.html
+++ b/index.html
@@ -62,25 +62,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;">
@@ -160,6 +174,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 78fa83a..2864098 100644
--- a/js/codeq/language.js
+++ b/js/codeq/language.js
@@ -5,97 +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');
- alert('Login request 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