diff options
Diffstat (limited to 'sbhs/templates/dashboard/profile.html')
| -rw-r--r-- | sbhs/templates/dashboard/profile.html | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/sbhs/templates/dashboard/profile.html b/sbhs/templates/dashboard/profile.html new file mode 100644 index 0000000..8a055df --- /dev/null +++ b/sbhs/templates/dashboard/profile.html @@ -0,0 +1,49 @@ +{% extends 'dashboard/dashboard_index.html' %} +{% load staticfiles %} +{% block title %} + Dashboard - Profile +{% endblock %} +{% block headerfiles %} + + <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script> + <script type="{% static 'js/jquery-ui.js' %}"></script> + <link rel="stylesheet" type="text/css" href="{% static 'css/jquery.datetimepicker.css' %}"/> + <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}"/> + <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/dygraph/2.1.0/dygraph.min.css" /> + <script src="//cdnjs.cloudflare.com/ajax/libs/dygraph/2.1.0/dygraph.min.js"></script> +{% endblock %} +{% block main %} + <div class = "row"> + <div class = "span12"> + <h2>SBHS MID: {{ mid }} <small>Profile for past {{ delta_T }} instances</small></h2> + <h3>Heat</h3> + <div id="heat" style="width:800px; height: 80px"></div> + <h3>Fan</h3> + <div id="fan" style="width:800px; height: 80px"></div> + <h3>Temperature</h3> + <div id="temp" style="width:800px; height: 80px"></div> + </div> + </div> + <script> + (function(){ + var h = new Dygraph( + document.getElementById("heat"), + "{{ heat }}", + { + valueRange: [0,100] + } + ); + var f = new Dygraph( + document.getElementById("fan"), + "{{ fan }}", + { + valueRange: [0,100] + } + ); + var t = new Dygraph( + document.getElementById("temp"), + "{{ temp }}" + ); + })(); +</script> +{% endblock %}
\ No newline at end of file |