-
Notifications
You must be signed in to change notification settings - Fork 718
Expand file tree
/
Copy pathtesting_interface.html
More file actions
144 lines (126 loc) · 7.57 KB
/
Copy pathtesting_interface.html
File metadata and controls
144 lines (126 loc) · 7.57 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ARC testing interface</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="js/common.js"></script>
<script src="js/testing_interface.js"></script>
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/testing_interface.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
<script>
selectTask();
</script>
</head>
<body>
<!-- just uncomment below and comment out the script in the head above to add back the previous title page -->
<!-- <div id="modal_bg">
<div id="modal">
<div>Welcome to the ARC testing interface. <br /> Choose a task file to start, or click on "Random task" or "First task" to load one from the ARC project on GitHub.</div>
<br />
<input type="file" class="load_task"/>
<button onclick="randomTask()" id="random_task_btn">Random task</button>
<button onclick="selectTask()" id="next_task_btn">First task</button>
</div>
</div> -->
<div id="workspace">
<div id="demonstration_examples_view">
<div class="text" id="task_demo_header">Task demonstration</div>
<div id="task_preview"></div>
</div>
<div id="evaluation_view">
<div id="evaluation-input-view">
<div class="text">Test input grid <span id="current_test_input_id_display">0</span>/<span id="total_test_input_count_display">0</span>
<button onclick="nextTestInput()">Next test input</button>
</div>
<div id="evaluation_input" class="selectable_grid"></div>
</div>
<div id="evaluation_output_editor">
<div id="load_task_control_btns">
<label> Select Subset: </label>
<select id="subset_select" onchange="loadSubset()">
<option value="training">Train</option>
<option value="evaluation">Eval</option>
</select>
<br>
<label for="load_task_file_input">Load task JSON: </label>
<input type="file" id="load_task_file_input" class="load_task" style="display: none;"/>
<input type="button" value="Browse..." onclick="document.getElementById('load_task_file_input').click();" />
<button onclick="randomTask()" id="random_task_btn"> Random... </button>
<button onclick="prevTask()" id="prev_task_btn">Previous task</button>
<button onclick="nextTask()" id="next_task_btn">Next task</button>
<label for="task_index">Task: </label>
<input type="text" id="task_index" name="task index" value="0">
<button onclick="loadTaskFromInput()" id="select_task_button">Load</button>
<p>
<label id='task_name' for="random_task_btn"> Task name: </label>
<p>
<label for="show_symbol_numbers">Show symbol numbers: </label>
<input type="checkbox" id="show_symbol_numbers" name="show_symbol_numbers"
onchange="changeSymbolVisibility()">
</div>
<div id="edition_view">
<div id="editor_grid_control_btns">
<div id="resize_control_btns">
<label for="output_grid_size">Change grid size: </label>
<input type="text" id="output_grid_size" class="grid_size_field" name="size" value="3x3">
<button onclick="resizeOutputGrid()" id="resize_btn">Resize</button>
</div>
<button onclick="copyFromInput()">Copy from input</button>
<button onclick="resetOutputGrid()">Reset grid</button>
<button onclick="submitSolution()" id="submit_solution_btn">Submit!</button>
</div>
<div id="output_grid">
<div class="edition_grid selectable_grid">
<div class="row">
<div class="cell" symbol="0" x="0" y="0"></div>
<div class="cell" symbol="0" x="0" y="1"></div>
<div class="cell" symbol="0" x="0" y="2"></div>
</div>
<div class="row">
<div class="cell" symbol="0" x="1" y="0"></div>
<div class="cell" symbol="0" x="1" y="1"></div>
<div class="cell" symbol="0" x="1" y="2"></div>
</div>
<div class="row">
<div class="cell" symbol="0" x="2" y="0"></div>
<div class="cell" symbol="0" x="2" y="1"></div>
<div class="cell" symbol="0" x="2" y="2"></div>
</div>
</div>
</div>
<div id="toolbar">
<div>
<input type="radio" id="tool_edit"
name="tool_switching" value="edit" checked>
<label for="tool_edit">Edit</label>
<input type="radio" id="tool_select"
name="tool_switching" value="select">
<label for="tool_select">Select</label>
<input type="radio" id="tool_floodfill"
name="tool_switching" value="floodfill">
<label for="tool_floodfill">Flood fill</label>
</div>
</div>
<div id="symbol_picker">
<div class="symbol_preview symbol_0 selected-symbol-preview" symbol="0"></div>
<div class="symbol_preview symbol_1" symbol="1"></div>
<div class="symbol_preview symbol_2" symbol="2"></div>
<div class="symbol_preview symbol_3" symbol="3"></div>
<div class="symbol_preview symbol_4" symbol="4"></div>
<div class="symbol_preview symbol_5" symbol="5"></div>
<div class="symbol_preview symbol_6" symbol="6"></div>
<div class="symbol_preview symbol_7" symbol="7"></div>
<div class="symbol_preview symbol_8" symbol="8"></div>
<div class="symbol_preview symbol_9" symbol="9"></div>
</div>
</div>
<div id="error_display"></div>
<div id="info_display"></div>
</div>
</div>
</div>
</body>
</html>