<!-- <div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div> -->
- <button type="button" class="btn btn-default global_play_button" onClick="buttonGlobalPlayPause('toggle');" data-play-text="<span class='glyphicon glyphicon-pause'></span> Pause" data-pause-text="<span class='glyphicon glyphicon-play'></span> Play">
+ <button type="button" class="btn btn-primary global_play_button" onClick="buttonGlobalPlayPause('toggle');" data-play-text="<span class='glyphicon glyphicon-pause'></span> Pause" data-pause-text="<span class='glyphicon glyphicon-play'></span> Play" data-toggle="tooltip" data-placement="bottom" title=" click <span class='glyphicon glyphicon-play'></span> to have the graphs auto-refresh, or click <span class='glyphicon glyphicon-pause'></span> to pause the graphs.">
<span class="glyphicon glyphicon-pause"></span> Pause
- </button>
+ </button>
+ <div class="btn-group btn-group" data-toggle="buttons" role="group">
+ <label class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Show less detail to speed up the browser. Use this if your machine is old and slow.">
+ <input type="radio" name="presentation" id="presentation_speedy" onChange="setPresentationSpeedy(0);">Speedy
+ </label>
+ <label class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Balance graphs detail with browser speed. Use this on modern computers.">
+ <input type="radio" name="presentation" id="presentation_normal" onChange="setPresentationNormal(0);">Normal
+ </label>
+ <label class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Show all the detail there is. This may slow down your browser.">
+ <input type="radio" name="presentation" id="presentation_detailed" onChange="setPresentationDetailed(0);">Detailed
+ </label>
+ </div>
</form>
<div class="collapse navbar-collapse" id="main_menu_div">
<ul class="nav navbar-nav">
<tr><td align="center">
<div class="btn-group">
<form id="mainchartform">
- <div class="btn-group btn-group" data-toggle="tooltip" title=" click <span class='glyphicon glyphicon-play'></span> to have the graph auto-refresh, or click <span class='glyphicon glyphicon-pause'></span> to pause the graph. When paused the graph can be zoomed and panned horizontally." >
+ <div class="btn-group btn-group" data-toggle="tooltip" data-placement="top" title=" click <span class='glyphicon glyphicon-play'></span> to have the graph auto-refresh, or click <span class='glyphicon glyphicon-pause'></span> to pause the graph. When paused the graph can be zoomed and panned horizontally." >
<button type="button" class="btn btn-primary mainchart_play_button" data-play-text="<span class='glyphicon glyphicon-pause'></span>" data-pause-text="<span class='glyphicon glyphicon-play'></span>" onClick="setMainChartPlay('toggle');">
<span class="glyphicon glyphicon-pause"></span>
</button>
</div>
- <div class="btn-group btn-group" data-toggle="tooltip" title="use the maximum ( <span class='glyphicon glyphicon-signal'></span> ) or the average ( <span class='glyphicon glyphicon-align-justify'></span> ) value of grouped points" >
+ <div class="btn-group btn-group" data-toggle="tooltip" data-placement="top" title="use the maximum ( <span class='glyphicon glyphicon-signal'></span> ) or the average ( <span class='glyphicon glyphicon-align-justify'></span> ) value of grouped points" >
<button type="button" class="btn btn-primary mainchart_avg_button" data-max-text="<span class='glyphicon glyphicon-signal'></span>" data-average-text="<span class='glyphicon glyphicon-align-justify'></span>" onClick="setMainChartGroupMethod('toggle');">
<span class="glyphicon glyphicon-signal"></span>
</button>
</div>
<div class="btn-group btn-group" data-toggle="buttons" >
- <label class="btn btn-primary" data-toggle="tooltip" title="do not group points, show the raw data">
+ <label class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="do not group points, show the raw data">
<input type="radio" name="group" id="group1" onChange="setMainChartGroup(1);">1
</label>
- <label class="btn btn-primary" data-toggle="tooltip" title="group in half, show 1 every 2 points of data">
+ <label class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="group in half, show 1 every 2 points of data">
<input type="radio" name="group" id="group2" onChange="setMainChartGroup(2);">2
</label>
- <label class="btn btn-primary" data-toggle="tooltip" title="group every 5 points of data">
+ <label class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="group every 5 points of data">
<input type="radio" name="group" id="group5" onChange="setMainChartGroup(5);">5
</label>
- <label class="btn btn-primary" data-toggle="tooltip" title="group every 10 points of data">
+ <label class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="group every 10 points of data">
<input type="radio" name="group" id="group10" onChange="setMainChartGroup(10);">10
</label>
- <label class="btn btn-primary" data-toggle="tooltip" title="group every 15 points of data">
+ <label class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="group every 15 points of data">
<input type="radio" name="group" id="group15" onChange="setMainChartGroup(15);">15
</label>
- <label class="btn btn-primary" data-toggle="tooltip" title="group every 20 points of data">
+ <label class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="group every 20 points of data">
<input type="radio" name="group" id="group20" onChange="setMainChartGroup(20);">20
</label>
- <label class="btn btn-primary" data-toggle="tooltip" title="group every 30 points of data">
+ <label class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="group every 30 points of data">
<input type="radio" name="group" id="group30" onChange="setMainChartGroup(30);">30
</label>
- <label class="btn btn-primary" data-toggle="tooltip" title="group every 45 points of data">
+ <label class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="group every 45 points of data">
<input type="radio" name="group" id="group45" onChange="setMainChartGroup(45);">45
</label>
- <label class="btn btn-primary" data-toggle="tooltip" title="group every 60 points of data">
+ <label class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="group every 60 points of data">
<input type="radio" name="group" id="group60" onChange="setMainChartGroup(60);">60
</label>
</div>
- <div class="btn-group btn-group" data-toggle="tooltip" title="maximized ( <span class='glyphicon glyphicon-fullscreen'></span> ) or normal ( <span class='glyphicon glyphicon-resize-small'></span> ) view of the graph" >
+ <div class="btn-group btn-group" data-toggle="tooltip" data-placement="top" title="maximized ( <span class='glyphicon glyphicon-fullscreen'></span> ) or normal ( <span class='glyphicon glyphicon-resize-small'></span> ) view of the graph" >
<button type="button" class="btn btn-primary mainchart_max_button" data-maximized-text="<span class='glyphicon glyphicon-resize-small'></span>" data-normal-text="<span class='glyphicon glyphicon-fullscreen'></span>" onClick="setMainChartMax('toggle');">
<span class="glyphicon glyphicon-fullscreen"></span>
</button>
projects / netdata.git / blobdiff