2018-05-22 16:56:33 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
2020-03-05 15:46:07 +00:00
|
|
|
<title>Volta</title>
|
2018-05-22 16:56:33 +00:00
|
|
|
<link rel="stylesheet" href="./index.css" charset="utf-8">
|
|
|
|
|
<link rel="stylesheet" href="./vendor/nouislider.min.css" charset="utf-8">
|
|
|
|
|
<script charset="utf-8" src="./vendor/nouislider.min.js">
|
|
|
|
|
</script>
|
|
|
|
|
<script charset="utf-8">
|
|
|
|
|
require('./index')
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div id="app">
|
|
|
|
|
|
|
|
|
|
<div class="title">Current:
|
|
|
|
|
<span id="currentBattery"></span>
|
|
|
|
|
</div>
|
2020-03-09 13:04:37 +00:00
|
|
|
<div class="subtitle">Cycle:
|
|
|
|
|
<span id="cycleNumber"></span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="subtitle">Remaining:
|
|
|
|
|
<span id="remaining"></span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="subtitle">Condition:
|
|
|
|
|
<span id="condition"></span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info">
|
|
|
|
|
<div class="infoContent"></div>
|
|
|
|
|
<span class="close">Close</span>
|
|
|
|
|
</div>
|
|
|
|
|
<hr />
|
2018-05-22 16:56:33 +00:00
|
|
|
|
|
|
|
|
<div id="settings">
|
|
|
|
|
<div class="title">Limits</div>
|
|
|
|
|
<div id="slider">
|
|
|
|
|
<div id="slider-range"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="values">
|
|
|
|
|
<div id="min">
|
|
|
|
|
<strong>Min:</strong>
|
|
|
|
|
<span id="min-value"></span>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="max">
|
|
|
|
|
<strong>Max:</strong>
|
|
|
|
|
<span id="max-value"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-03-09 13:04:37 +00:00
|
|
|
<br />
|
2018-05-22 16:56:33 +00:00
|
|
|
<small>Set at which battery level Volta should notify you</small>
|
|
|
|
|
</div>
|
2020-03-09 13:04:37 +00:00
|
|
|
<hr />
|
2018-05-22 16:56:33 +00:00
|
|
|
|
|
|
|
|
<div class="title">Start on boot
|
|
|
|
|
<input type="checkbox" id="launch">
|
|
|
|
|
</div>
|
2020-03-09 13:04:37 +00:00
|
|
|
<hr />
|
2018-05-22 16:56:33 +00:00
|
|
|
<div class="title link" id="close">Close Window</div>
|
|
|
|
|
<div class="title link" id="quit">Quit App</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
|
2020-03-05 15:46:07 +00:00
|
|
|
</html>
|
