mudhorn/prometheus
1
0
Fork 0
mirror of https://github.com/prometheus/prometheus.git synced 2024-12-26 22:19:40 -08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Add a 'Remove Graph' link to the 'Graph' screen

Browse source
This commit is contained in:
Harmen 2016-07-31 16:30:23 +02:00
parent 6633df1607
commit 0b883e24ba
2 changed files with 21 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
web/ui/static/js/graph.js
View file

@ -8,6 +8,7 @@ Handlebars.registerHelper('pathPrefix', function() { return PATH_PREFIX; });
Prometheus.Graph = function(element, options) { Prometheus.Graph = function(element, options) {
this.el = element; this.el = element;
this.graphHtml = null;
this.options = options; this.options = options;
this.changeHandler = null; this.changeHandler = null;
this.rickshawGraph = null; this.rickshawGraph = null;
@ -45,8 +46,8 @@ Prometheus.Graph.prototype.initialize = function() {
// Draw graph controls and container from Handlebars template. // Draw graph controls and container from Handlebars template.
var graphHtml = graphTemplate(self.options); self.graphHtml = $(graphTemplate(self.options));
self.el.append(graphHtml); self.el.append(self.graphHtml);
// Get references to all the interesting elements in the graph container and // Get references to all the interesting elements in the graph container and
// bind event handlers. // bind event handlers.
@ -164,6 +165,12 @@ Prometheus.Graph.prototype.initialize = function() {
self.expr.focus(); // refocusing self.expr.focus(); // refocusing
}); });
var removeBtn = graphWrapper.find("[name=remove]");
removeBtn.click(function() {
self.remove();
return false;
});
self.populateInsertableMetrics(); self.populateInsertableMetrics();
if (self.expr.val()) { if (self.expr.val()) {
@ -612,6 +619,13 @@ Prometheus.Graph.prototype.handleConsoleResponse = function(data, textStatus) {
} }
}; };
Prometheus.Graph.prototype.remove = function() {
var self = this;
$(self.graphHtml).remove();
graphs = graphs.filter(function(e) {return e !== self});
storeGraphOptionsInURL();
};
function parseGraphOptionsFromURL() { function parseGraphOptionsFromURL() {
var hashOptions = window.location.hash.slice(1); var hashOptions = window.location.hash.slice(1);
if (!hashOptions) { if (!hashOptions) {

5
web/ui/static/js/graph_template.handlebar
View file

@ -124,5 +124,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row">
<div class="col-lg-12 text-right">
<a name="remove" href="#">Remove Graph</a>
</div>
</div>
</form> </form>
</div> </div>