2013-05-02 12:34:20 +00:00
|
|
|
<div id="graph_wrapper{{id}}" class="graph_wrapper">
|
2013-04-26 14:50:59 +00:00
|
|
|
<form action="/api/query_range" method="GET" class="query_form">
|
|
|
|
<div class="grouping_box">
|
2013-04-02 17:14:02 +00:00
|
|
|
<div class="head">
|
|
|
|
<div class="expr">
|
|
|
|
<input placeholder="Expression" type="text" name="expr" id="expr{{id}}" size="80" value="{{expr}}">
|
|
|
|
<select name="insert_metric">
|
|
|
|
<option value="">- Insert Metric -</option>
|
|
|
|
</select>
|
2013-04-26 14:50:59 +00:00
|
|
|
<input type="submit" value="Graph" name="submit">
|
2013-04-02 17:14:02 +00:00
|
|
|
</div>
|
2013-04-26 14:50:59 +00:00
|
|
|
</div>
|
|
|
|
<div class="eval_stats"></div>
|
|
|
|
<img src="/static/img/ajax-loader.gif" class="spinner" alt="ajax_spinner">
|
|
|
|
</div>
|
|
|
|
<div class="grouping_box tabs">
|
|
|
|
<ul>
|
|
|
|
<li><a href="#graph{{id}}">Graph</a></li>
|
|
|
|
<li><a href="#console{{id}}">Console</a></li>
|
|
|
|
</ul>
|
|
|
|
<div id="graph{{id}}" class="graph_container reload">
|
2013-04-02 17:14:02 +00:00
|
|
|
<div class="config">
|
|
|
|
<label for="range_input{{id}}">Range:</label>
|
|
|
|
<input type="button" value="-" name="dec_range">
|
2013-04-26 14:50:59 +00:00
|
|
|
<input title="Time range of graph" type="text" name="range_input" id="range_input{{id}}" size="3" value="{{range_input}}" >
|
2013-04-02 17:14:02 +00:00
|
|
|
<input type="button" value="+" name="inc_range">
|
2013-04-17 14:49:21 +00:00
|
|
|
<input type="hidden" name="range">
|
2013-05-02 12:34:20 +00:00
|
|
|
|
2013-04-02 17:14:02 +00:00
|
|
|
<input type="button" value="←" name="dec_end">
|
2013-04-17 14:49:21 +00:00
|
|
|
<input title="End time of graph" placeholder="Until" type="text" name="end_input" id="end{{id}}" size="16" value="{{end }}">
|
2013-04-02 17:14:02 +00:00
|
|
|
<input type="button" value="→" name="inc_end">
|
|
|
|
<input type="hidden" name="end">
|
2013-05-02 12:34:20 +00:00
|
|
|
|
2013-04-17 14:49:21 +00:00
|
|
|
<input title="Resolution in seconds" placeholder="Res. (s)" type="text" name="step_input" id="step_input{{id}}" value="{{step_input}}" size="6">
|
2013-04-02 17:14:02 +00:00
|
|
|
<input type="hidden" name="step">
|
2013-04-17 14:49:21 +00:00
|
|
|
<label for="refresh">↻</label>
|
|
|
|
<select title="Auto-refresh interval" name="refresh" class="refresh_interval">
|
|
|
|
<option>disabled</option>
|
|
|
|
<option>2m</option>
|
|
|
|
<option>3m</option>
|
|
|
|
<option>5m</option>
|
|
|
|
<option>10m</option>
|
|
|
|
<option>15m</option>
|
|
|
|
</select>
|
2013-04-02 17:14:02 +00:00
|
|
|
<span class="opts">
|
|
|
|
<input type="checkbox" name="stacked" id="stacked{{id}}" {{stacked_checked}}>
|
|
|
|
<label for="stacked{{id}}">Stacked</label>
|
|
|
|
</span>
|
|
|
|
</div>
|
2013-04-26 14:50:59 +00:00
|
|
|
|
|
|
|
<div class="graph"></div>
|
|
|
|
<div class="legend"></div>
|
2013-04-02 17:14:02 +00:00
|
|
|
</div>
|
2013-04-26 14:50:59 +00:00
|
|
|
<div id="console{{id}}" class="console reload"></div>
|
2013-04-02 17:14:02 +00:00
|
|
|
</div>
|
2013-04-26 14:50:59 +00:00
|
|
|
</form>
|
2013-04-02 17:14:02 +00:00
|
|
|
</div>
|