add refresh button

This commit is contained in:
ahr
2017-12-10 17:21:59 +01:00
parent 8e3213e2fc
commit f2dfa92966
2 changed files with 16 additions and 9 deletions

View File

@@ -24,6 +24,7 @@ $(document).ready(function(){
$('#next_image').click(next_image); $('#next_image').click(next_image);
$('#zoom_in').click(zoomIn); $('#zoom_in').click(zoomIn);
$('#refresh').click(refresh);
$('#zoom_out').click(zoomOut); $('#zoom_out').click(zoomOut);
AutoComplete({ AutoComplete({
@@ -56,6 +57,11 @@ $(document).ready(function(){
//startInvaders(); //startInvaders();
}); });
function refresh()
{
plotCurrent();
}
function zoomIn() function zoomIn()
{ {
shiftDate(0.25); shiftDate(0.25);

View File

@@ -85,25 +85,26 @@
<input type="checkbox" id="key-outside" /> <input type="checkbox" id="key-outside" />
<label for="key-outside">Legend outside</label> <label for="key-outside">Legend outside</label>
</div> </div>
<button id="search-submit"><i class="fa fa-area-chart" aria-hidden="true"></i> Plot</button> <button id="search-submit" title="Create Plot"><i class="fa fa-area-chart" aria-hidden="true"></i> Plot</button>
</div> </div>
</form> </form>
</div> </div>
<div id="navigation"> <div id="navigation">
<button id="nav_left"><i class="fa fa-angle-double-left" aria-hidden="true"></i></button> <button id="nav_left" title="Show Older Values"><i class="fa fa-angle-double-left" aria-hidden="true"></i></button>
<button id="nav_left_half"><i class="fa fa-angle-left" aria-hidden="true"></i></button> <button id="nav_left_half" title="Show Older Values"><i class="fa fa-angle-left" aria-hidden="true"></i></button>
<div> <div>
<button id="zoom_in"><i class="fa fa-plus-circle" aria-hidden="true"></i></button> <button id="zoom_in" title="Zoom In"><i class="fa fa-plus-circle" aria-hidden="true"></i></button>
<button id="zoom_out"><i class="fa fa-minus-circle" aria-hidden="true"></i></button> <button id="refresh" title="Refresh"><i class="fa fa-refresh" aria-hidden="true"></i></button>
<button id="zoom_out" title="Zoom Out"><i class="fa fa-minus-circle" aria-hidden="true"></i></button>
</div> </div>
<button id="nav_right_half"><i class="fa fa-angle-right" aria-hidden="true"></i></button> <button id="nav_right_half" title="Show Newer Values"><i class="fa fa-angle-right" aria-hidden="true"></i></button>
<button id="nav_right"><i class="fa fa-angle-double-right" aria-hidden="true"></i></button> <button id="nav_right" title="Show Newer Values"><i class="fa fa-angle-double-right" aria-hidden="true"></i></button>
</div> </div>
<div id="result"> <div id="result">
<div id="prev_image"><i class="fa fa-angle-double-left" aria-hidden="true"></i></div> <div id="prev_image" title="Previous Plot"><i class="fa fa-angle-double-left" aria-hidden="true"></i></div>
<div id="next_image"><i class="fa fa-angle-double-right" aria-hidden="true"></i></div> <div id="next_image" title="Next Plot"><i class="fa fa-angle-double-right" aria-hidden="true"></i></div>
<div id="result-image"></div> <div id="result-image"></div>
</div> </div>
</body> </body>