Files
cgm-remote-monitor/static/index.html
T

179 lines
9.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="apple-touch-icon" href="/images/logomobile.png">
<title>NightScout</title>
<link href="/images/round1.png" rel="icon" id="favicon" type="image/png" />
<link rel="stylesheet" type="text/css" href="/css/main.css?v=0.3.3" />
<link rel="stylesheet" type="text/css" href="/css/dropdown.css" />
<link rel="stylesheet" type="text/css" href="/css/drawer.css" />
<link rel="stylesheet" type="text/css" href="/bower_components/tipsy-jmalonzo/src/stylesheets/tipsy.css" />
</head>
<body>
<div id="toolbar">
<div id="buttonbar">
<div style="visibility:hidden" id="battery" class="tip" original-title="Uploader Battery 75%"><i class="icon-battery-75"></i></div>
<a id="testAlarms" class="tip" original-title="Alarm Test / Smartphone Enable" href="#"><i class="icon-volume"></i></a>
<a id="hideToolbar" class="tip" original-title="Hides the toolbar" href="#"><i class="icon-angle-double-up"></i></a>
<a id="drawerToggle" class="tip" original-title="Settings" href="#"><i class="icon-cog"></i></a>
<a id="treatmentDrawerToggle" class="tip" original-title="Treatments" href="#"><i class="icon-plus"></i></a>
</div>
<h1 class="customTitle">Nightscout</h1>
</div>
<div id="notification">
<a href="#"><span></span><i class="icon-cancel-circled"></i></a>
</div>
<div id="showToolbar">
<a class="tip" original-title="Open the toolbar" href="#"><i class="icon-angle-double-down"></i></a>
</div>
<div class="container" id="container">
<div class="status">
<div class="bgStatus current">
<div id="noButton">
<span class="currentBG">---</span>
<span class="currentDirection">-</span>
</div>
<div id="bgButton" hidden="true">
<span class="currentBG">---</span>
<span class="currentDirection">-</span>
</div>
<ul class="dropdown-menu" id="silenceBtn">
<li><a href="#" data-snooze-time="1800000">Silence for 30 minutes</a></li>
<li><a href="#" data-snooze-time="3600000">Silence for 60 minutes</a></li>
<li><a href="#" data-snooze-time="5400000">Silence for 90 minutes</a></li>
<li><a href="#" data-snooze-time="7200000">Silence for 120 minutes</a></li>
</ul>
</div>
<div class="time">
<div class="timebox">
<div id="currentTime">---</div>
<div class="timeOther">
<span id="lastEntry">---</span>
</div>
</div>
</div>
</div>
<div class="row-fluid section1">
<div id="chartContainer"></div>
</div>
</div>
<div id="drawer">
<form id="settings-form">
<fieldset class="browserSettings">
<legend>Settings</legend>
<dl class="radio">
<dt>Units</dt>
<dd><input type="radio" name="units-browser" id="mgdl-browser" value="mg/dl" checked /><label for="mgdl-browser">mg/dL</label><br />
<dd><input type="radio" name="units-browser" id="mmol-browser" value="mmol" /><label for="mmol-browser">mmol/L</label>
</dl>
<dl class="toggle">
<dt>Enable Alarms <a class="tip" original-title="When enabled the an alarm will sound."><i class="icon-help-circled"></i></a></dt>
<dd><input type="checkbox" name="alarmhigh-browser" id="alarmhigh-browser" /><label for="alarmhigh-browser">High Alarm</label></dd>
<dd><input type="checkbox" name="alarmlow-browser" id="alarmlow-browser" /><label for="alarmlow-browser">Low Alarm</label></dd>
</dl>
<dl class="toggle">
<dt>Night Mode <a class="tip" original-title="When enabled the page will be dimmed from 10pm - 6am."><i class="icon-help-circled"></i></a></dt>
<dd><input type="checkbox" name="nightmode-browser" id="nightmode-browser" /><label for="nightmode-browser">Enable</label></dd>
</dl>
<dl>
<dt>Custom Title</dt>
<dd><input type="text" id="customTitle" value="Nightscout" /></dd>
</dl>
<dl class="radio">
<dt>Theme</dt>
<dd><input type="radio" name="theme-browser" id="theme-default-browser" value="default" checked /><label for="theme-default-browser">Default</label><br />
<dd><input type="radio" name="theme-browser" id="theme-colors-browser" value="colors" /><label for="theme-colors-browser">Colors</label>
</dl>
</fieldset>
<input type="submit" id="save" value="Save" />
<fieldset class="experiments">
<legend>Experiments</legend>
<div style="text-align:center; vertical-align:middle;">
<b>Hamburger?</b><br />
<a class="glyphToggle tip" href="#" original-title="icon-menu"><i class="icon-menu"></i></a>
<a class="glyphToggle tip" href="#" original-title="icon-cog"><i class="icon-cog"></i></a>
</div>
</fieldset>
<fieldset id="about">
<legend>About</legend>
<div class="appName"></div>
<div>version <span class="version"></span></div>
<div class="links">
<a href="https://github.com/nightscout/cgm-remote-monitor/releases">Release Notes</a><br />
<a href="http://github.com/nightscout/cgm-remote-monitor">Open Source</a><br />
<a href="http://www.nightscout.info">Community</a><br />
</div>
</fieldset>
</form>
</div>
<div id="treatmentDrawer">
<form id="treatment-form" onsubmit="return treatmentSubmit();">
<fieldset class="treatmentData">
<legend>Log a Treatment</legend>
<dl>
<dt>Entered By:</dt>
<dd><input type="text" id="enteredBy" value="" /></dd>
</dl>
<label for="eventType">Event Type:</label>
<select id="eventType">
<option value="BG Check">Blood Glucose Check</option>
<option value="Snack Bolus">Snack Bolus</option>
<option value="Meal Bolus">Meal Bolus</option>
<option value="Correction Bolus">Correction Bolus</option>
<option value="Food Correction">Food Correction</option>
<option value="Question">Note or Question to Parents</option>
</select>
<fieldset>
<legend>Glucose Reading</legend>
<input type="number" step="any" id="glucoseValue" />
<label><br>Measurement Method:<br></label>
<label for="meter">
<input type="radio" name="glucoseType" id="meter" value="Finger"/>
<span>Meter</span>
</label>
<label for="sensor">
<input type="radio" name="glucoseType" id="sensor" value="Sensor"/>
<span>Sensor<br></span>
</label>
</fieldset>
<label for="carbsGiven">Carbs Given (mass in grams):<br></label>
<input type="number" step="any" min="0" id="carbsGiven" />
<br>
<label for="insulinGiven"><br>Insulin Given (units):<br></label>
<input type="number" step="any" min="0" id="insulinGiven" />
<br>
<!-- Label and textarea -->
<label for="notes"><br>Additional Notes, Comments:<br></label>
<textarea id="notes"></textarea><br>
<button type="submit">Submit Form</button>
</fieldset>
<a href="/treatments.html" target="treatments">View all treatments</a>
</form>
</div>
<div class="audio alarms">
<audio src="/audio/alarm.mp3" preload="auto" loop="true" class="alarm mp3" type="audio/mp3"></audio>
<audio src="/audio/alarm2.mp3" preload="auto" loop="true" class="urgent alarm2 mp3" type="audio/mp3"></audio>
</div>
<script src="/socket.io/socket.io.js"></script>
<script src="/api/v1/status.js"></script>
<script src="/bower_components/d3/d3.min.js"></script>
<script src="/bower_components/jquery/dist/jquery.min.js"></script>
<script src="/bower_components/jQuery-Storage-API/jquery.storageapi.min.js"></script>
<script src="/bower_components/tipsy-jmalonzo/src/javascripts/jquery.tipsy.js"></script>
<script src="/js/ui-utils.js"></script>
<script src="/js/client.js?v=0.3.3"></script>
<script src="/js/experiments.js"></script>
</body>
</html>