diff options
Diffstat (limited to 'sbhs/templates/dashboard/test_boards.html')
| -rw-r--r-- | sbhs/templates/dashboard/test_boards.html | 145 |
1 files changed, 145 insertions, 0 deletions
diff --git a/sbhs/templates/dashboard/test_boards.html b/sbhs/templates/dashboard/test_boards.html new file mode 100644 index 0000000..11362df --- /dev/null +++ b/sbhs/templates/dashboard/test_boards.html @@ -0,0 +1,145 @@ +{% extends 'dashboard/dashboard_index.html' %} +{% load staticfiles %} +{% load custom_filter %} +{% block title %} + Test Boards +{% endblock %} + +{% block style_block %} + <style type="text/css"> + .highlight{ + background-color: lightblue; + } + + </style> +{% endblock %} +{% block main %} +<div class = "container"> + <div class = "row"> + <div class = "span7"> + <table class = "table table-striped" id = "tableId"> + <thead> + <tr> + <th>Board MID</th> + <th>Status</th> + <th>Occupied</th> + </tr> + </thead> + <tbody> + {% for board in boards %} + <tr style="cursor:pointer;" title="Test/Monitor board" data-toggle="modal" data-target="#myModal"> + <td>{{board.mid}}</td> + <td> + <span class = "label label-{% if board.online %}success{% else %}danger{% endif %}">{% if board.online %}Online{% else %}Offline{% endif %}</span> + </td> + <td> + {% vacant_slot slot_history.start_time slot_history.end_time now as slot_status %} + {% if slot_status == "vacant" %} + <p class="label label-{% if board.online %}success{% else %}danger{% endif %}">{% if board.online %}Vacant{% else %}Not available{% endif %}</p> + {% elif slot_status == "occupied" %} + <p class = "label label-danger">Occupied</p> + {% endif %} + + </td> + </tr> + {% endfor %} + </tbody> + </table> + </div> + + <!-- Modal code starts here --> + + <div id="myModal" class="modal fade test-modal" id="" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> + <h3>Test Board</h3> + </div> + <div id="orderDetails" class="modal-body"> + <div class = "input-group"> + <input type="text" class = "form-control" id = temp" disabled = "true"name=""> + <span class = "input-group-btn"> + <button class = "btn btn-primary" onclick="getTemp()">Get Temperature</button> + </span> + </div> + <br> + <div class = "input-group"> + Heater Input: <input type="number" size="3" min="0" max="250" id="heater-val"> + Fan Input: <input type="number" size="3" min="0" max="250" id="fan-val" name=""> + <span class = "input-group-btn"> + <button class = "btn btn-primary" onclick="setParams()">Set Parameters</button> + </span> + </div> + <br> + <div class = "input-group"> + <span class = "input-group-btn"> + <button class = "btn btn-primary" onclick="resetParams()">Reset Parameters</button> + </span> + </div> + </div> + <div class="modal-footer"> + <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> + </div> + </div> + </div> + </div> + + <!-- Modal code ends here --> + + <!-- Modal code starts here --> + + <div id="myModal" class="modal fade monitor-modal" id="" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> + <h3>Monitor Experiment</h3> + </div> + <div id="orderDetails" class="modal-body"> + <div class = "input-group"> + <strong><p id = "username"></p></strong> + <p id = "log-data" style="word-spacing:4em"></p> + <span class = "input-group-btn"> + <button class = "btn btn-primary" onclick="getLogs()">Refresh Logs</button> + </span> + </div> + </div> + <div class="modal-footer"> + <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> + </div> + </div> + </div> + </div> + + <!-- Modal code ends here --> + </div> +</div> + +<script type="text/javascript"> + $("#tableId").on("click", "tr", function(e) { + $("#tableId").find("tr.highlight").removeClass("highlight"); + $(this).addClass("highlight"); + + label = e.currentTarget.getElementsByClassName("label")[1]; + console.log(label) + isSelectedMachineVacant = label.className.indexOf("label-success") > -1; + console.log(isSelectedMachineVacant); + + if (isSelectedMachineVacant) { + $("#temp").val(""); + $("#fan-val").val(""); + $("#heater-val").val(""); + $(".test-modal").modal('show'); + } + else { + $(".test-modal").modal('hide'); + $(".montor-modal").modal('show'); + getLogs(); + } + }); + function getLogs(){ + console.log('hello from getLogs'); + } +</script> +{% endblock %}
\ No newline at end of file |