From f665534b6189254cf5eb9f87e04e89cfed9bdace Mon Sep 17 00:00:00 2001 From: Julius Volz Date: Wed, 24 Jul 2013 02:21:31 +0200 Subject: [PATCH] Make quote and semicolon usage consistent in graph.js --- web/static/js/graph.js | 56 +++++++++++++++++++++--------------------- 1 file changed, 28 insertions(+), 28 deletions(-) diff --git a/web/static/js/graph.js b/web/static/js/graph.js index 459a002cc1..e91295d229 100644 --- a/web/static/js/graph.js +++ b/web/static/js/graph.js @@ -55,10 +55,10 @@ Prometheus.Graph.prototype.initialize = function() { self.id = Prometheus.Graph.numGraphs++; // Set default options. - self.options['id'] = self.id; - self.options['range_input'] = self.options['range_input'] || "1h"; - self.options['stacked_checked'] = self.options['stacked'] ? "checked" : ""; - self.options['tab'] = self.options['tab'] || 0; + self.options["id"] = self.id; + self.options["range_input"] = self.options["range_input"] || "1h"; + self.options["stacked_checked"] = self.options["stacked"] ? "checked" : ""; + self.options["tab"] = self.options["tab"] || 0; // Draw graph controls and container from Handlebars template. @@ -77,22 +77,22 @@ Prometheus.Graph.prototype.initialize = function() { self.consoleTab = graphWrapper.find(".console"); self.graphTab = graphWrapper.find(".graph_container"); - self.tabs = graphWrapper.find(".tabs");; - self.tab = $(self.tabs.find("> div")[self.options['tab']]); // active tab + self.tabs = graphWrapper.find(".tabs"); + self.tab = $(self.tabs.find("> div")[self.options["tab"]]); // active tab self.tabs.tabs({ - active: self.options['tab'], + active: self.options["tab"], activate: function(e, ui) { storeGraphOptionsInUrl(); self.tab = ui.newPanel - if (self.tab.hasClass('reload')) { // reload if flagged with class 'reload' + if (self.tab.hasClass("reload")) { // reload if flagged with class "reload" self.submitQuery(); } } }); // Return moves focus back to expr instead of submitting. - self.insertMetric.bind('keydown', 'return', function(e) { + self.insertMetric.bind("keydown", "return", function(e) { self.expr.focus(); self.expr.val(self.expr.val()); @@ -113,12 +113,12 @@ Prometheus.Graph.prototype.initialize = function() { self.endDate.val(""); } self.endDate.change(function() { self.submitQuery() }); - self.refreshInterval.change(function() { self.updateRefresh() }) + self.refreshInterval.change(function() { self.updateRefresh() }); self.stacked.change(function() { self.updateGraph(); }); self.queryForm.submit(function() { - self.consoleTab.addClass('reload'); - self.graphTab.addClass('reload'); + self.consoleTab.addClass("reload"); + self.graphTab.addClass("reload"); self.submitQuery(); return false; }); @@ -131,10 +131,10 @@ Prometheus.Graph.prototype.initialize = function() { self.queryForm.find("button[name=dec_end]").click(function() { self.decreaseEnd(); }); self.insertMetric.change(function() { - self.expr.selection('replace', {text: self.insertMetric.val(), mode: 'before'}) + self.expr.selection("replace", {text: self.insertMetric.val(), mode: "before"}); self.insertMetric.focus(); // refocusing }); - self.insertMetric.click(function() { self.expr.focus() }) + self.insertMetric.click(function() { self.expr.focus() }); self.expr.focus(); // TODO: move to external Graph method. @@ -152,12 +152,12 @@ Prometheus.Graph.prototype.populateInsertableMetrics = function() { url: "/api/metrics", dataType: "json", success: function(json, textStatus) { - var availableMetrics = [] + var availableMetrics = []; for (var i = 0; i < json.length; i++) { self.insertMetric[0].options.add(new Option(json[i], json[i])); - availableMetrics.push(json[i]) + availableMetrics.push(json[i]); } - self.expr.autocomplete({source: availableMetrics}) + self.expr.autocomplete({source: availableMetrics}); }, error: function() { alert("Error loading available metrics!"); @@ -191,7 +191,7 @@ Prometheus.Graph.prototype.getOptions = function() { } } }); - options['tab'] = self.tabs.tabs("option", "active"); + options["tab"] = self.tabs.tabs("option", "active"); return options; }; @@ -256,8 +256,8 @@ Prometheus.Graph.prototype.getOrSetEndDate = function() { Prometheus.Graph.prototype.setEndDate = function(date) { var self = this; - dateString = date.getFullYear() + '-' + (date.getMonth()+1) + '-' + date.getDate() + ' ' + - date.getHours() + ':' + date.getMinutes(); + dateString = date.getFullYear() + "-" + (date.getMonth()+1) + "-" + date.getDate() + " " + + date.getHours() + ":" + date.getMinutes(); self.endDate.val(""); self.endDate.appendDtpicker({"current": dateString}); }; @@ -277,7 +277,7 @@ Prometheus.Graph.prototype.decreaseEnd = function() { Prometheus.Graph.prototype.submitQuery = function() { var self = this; if (!self.expr.val()) { - return + return; } self.spinner.show(); @@ -326,16 +326,16 @@ Prometheus.Graph.prototype.updateRefresh = function() { var self = this; if (self.timeoutID) { - window.clearTimeout(self.timeoutID) + window.clearTimeout(self.timeoutID); } interval = self.parseDuration(self.refreshInterval.val()); if (!interval) { return }; self.timeoutID = window.setTimeout(function() { - self.submitQuery() - self.updateRefresh() - }, interval * SECOND) + self.submitQuery(); + self.updateRefresh(); + }, interval * SECOND); } Prometheus.Graph.prototype.renderLabels = function(labels) { @@ -345,7 +345,7 @@ Prometheus.Graph.prototype.renderLabels = function(labels) { labelStrings.push("" + label + ": " + labels[label]); } } - return labels = "
" + labelStrings.join("
") + "
"; + return labels = "
" + labelStrings.join("
") + "
"; } Prometheus.Graph.prototype.metricToTsName = function(labels) { @@ -353,7 +353,7 @@ Prometheus.Graph.prototype.metricToTsName = function(labels) { var labelStrings = []; for (label in labels) { if (label != "name") { - labelStrings.push(label + "='" + labels[label] + "'"); + labelStrings.push(label + "=\"" + labels[label] + "\""); } } tsName += labelStrings.join(",") + "}"; @@ -501,7 +501,7 @@ Prometheus.Graph.prototype.handleGraphResponse = function(json, textStatus) { alert("No datapoints found."); return; } - self.graphTab.removeClass('reload'); + self.graphTab.removeClass("reload"); self.updateGraph(true); }