diff options
| -rw-r--r-- | templates/admin/testexp.html | 83 |
1 files changed, 51 insertions, 32 deletions
diff --git a/templates/admin/testexp.html b/templates/admin/testexp.html index 079a540..4379952 100644 --- a/templates/admin/testexp.html +++ b/templates/admin/testexp.html @@ -36,7 +36,7 @@ </thead> <tbody> {% for b in boards %} - <tr> + <tr style="cursor : pointer;" title="Test/Monitor board"> <td>{{ b.mid }}</td> <td><span class="label label-{% if b.online %}success{% else %}important{% endif %}">{% if b.online %}Online{% else %}Offline{% endif %}</span></td> <td><span class="label label-{% if b.mid in mids %}important{% else %}success{% endif %}">{% if b.mid in mids %}Ongoing{% else %}Vacant{% endif %}</span></td> @@ -45,33 +45,50 @@ </tbody> </table> </div> - <div id="test-device" class="span5"> - <div> - <input type="text" id="temp" disabled="true"><br/> - <button class="btn btn-primary" onclick="getTemp()">Get Temperature</button> + <!-- Modal code starts here --> + + <div class="modal hide fade" id="test-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> + <div class="modal-header"> + <h3>Test board</h3> </div> - <br><br> - - <div> - Heater Input: <input type="number" size="3" min="0" max="250" id="heater_val"><br/> - Fan Input:<input type="number" size="3" min="0" max="250" id="fan_val" style="margin-left: 20px"><br/> - <button class="btn btn-primary" onclick="setParams()">Set Parameters</button> + <div class="modal-body"> + <div> + <input type="text" id="temp" disabled="true"><br/> + <button class="btn btn-primary" onclick="getTemp()">Get Temperature</button> + </div> <br><br> - </div> - <br><br> - <div> - <button class="btn btn-primary" onclick="resetParams()">Reset Parameters</button> - </div> + <div> + Heater Input: <input type="number" size="3" min="0" max="250" id="heater-val"><br/> + Fan Input:<input type="number" size="3" min="0" max="250" id="fan-val" style="margin-left: 20px"><br/> + <button class="btn btn-primary" onclick="setParams()">Set Parameters</button> + <br><br> + </div> + <br><br> + <div> + <button class="btn btn-primary" onclick="resetParams()">Reset Parameters</button> + </div> + </div> + <div class="modal-footer"> + <a data-dismiss="modal" aria-hidden="true" class="btn">Close</a> + </div> </div> - <div class="span5" id="monitor-logs"> - <strong><p id="username"></p></strong> - <p id="log-data" style="word-spacing: 4em"></p> - <button class="btn btn-primary" onclick="getLogs()">Refresh Logs</button> + <div class="modal hide fade" id="monitor-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> + <div class="modal-header"> + <h3>Monitor experiment</h3> + </div> + <div class="modal-body"> + <strong><p id="username"></p></strong> + <p id="log-data" style="word-spacing: 4em"></p> + <button class="btn btn-primary" onclick="getLogs()">Refresh Logs</button> + </div> + <div class="modal-footer"> + <a data-dismiss="modal" aria-hidden="true" class="btn">Close</a> + </div> </div> - + <!-- Modal code ends here --> </div> </div> <script> @@ -84,12 +101,14 @@ isSelectedMachineVacant = columns[columns.length-1].childNodes[0].className.indexOf("label-success") > -1 if (isSelectedMachineVacant) { - $("#test-device").show(); - $("#monitor-logs").hide(); + $("#temp").val(""); + $("#heater-val").val(""); + $("#fan-val").val(""); + $("#test-modal").modal(); } else { - $("#monitor-logs").show(); - $("#test-device").hide(); + $("#monitor-modal").modal(); + getLogs(); } }); @@ -114,8 +133,8 @@ request.done(function(data){ if (data.status_code == 200) { document.getElementById("temp").value = data.message; - document.getElementById("fan_val").value = 100; - document.getElementById("heater_val").value = 0; + document.getElementById("fan-val").value = 100; + document.getElementById("heater-val").value = 0; } else { alert(data.message); @@ -133,10 +152,10 @@ return; } var selected_mid = selected_machine[0].getElementsByTagName('td')[0].innerHTML; - var fan_value = document.getElementById("fan_val").value; - var heater_value = document.getElementById("heater_val").value; + var fanValue = document.getElementById("fan-val").value; + var heaterValue = document.getElementById("heater-val").value; - var isInputOK = !isNaN(fan_value) && fan_value != "" && fan_value >=0 && fan_value <= MAX_VALUE && !isNaN(heater_value) && heater_value != "" && heater_value >=0 && heater_value <= MAX_VALUE; + var isInputOK = !isNaN(fanValue) && fanValue != "" && fanValue >=0 && fanValue <= MAX_VALUE && !isNaN(heaterValue) && heaterValue != "" && heaterValue >=0 && heaterValue <= MAX_VALUE; if (!isInputOK) { alert("Please enter a value between 0 and " + MAX_VALUE); return; @@ -148,8 +167,8 @@ method : 'POST', data : { 'mid' : selected_mid, - 'fan' : fan_value, - 'heat' : heater_value + 'fan' : fanValue, + 'heat' : heaterValue } }); |