def show(self):
html.open_div(class_="speedometer")
html.img(html.theme_url("images/speedometer.svg"), id_="speedometerbg")
html.canvas('', width="228", height="146", id_="speedometer")
html.close_div()
html.javascript("cmk.sidebar.speedometer_show_speed(0, 0, 0);")
def create_graph(name, size, bounds, v_range, legend):
html.open_table(class_="prediction")
html.open_tr()
html.open_td()
html.canvas(
"",
class_="prediction",
id_="content_%s" % name,
style="width: %dpx; height: %dpx;" %
(int(size[0] / 2.0), int(size[1] / 2.0)),
width=size[0],
height=size[1],
)
html.close_td()
html.close_tr()
html.open_tr()
html.open_td(class_="legend")
for color, title in legend:
html.div("", class_="color", style="background-color: %s" % color)
html.div(title, class_="entry")
html.close_td()
html.close_tr()
html.close_table()
html.javascript(
'cmk.prediction.create_graph("content_%s", %.4f, %.4f, %.4f, %.4f);' %
(name, bounds[0], bounds[1], v_range[0], v_range[1]))
def show(self):
html.open_div(class_="speedometer")
html.img(theme.url("images/speedometer.svg"), id_="speedometerbg")
html.canvas("",
width=str(snapin_width),
height="146",
id_="speedometer")
html.close_div()
html.javascript("cmk.sidebar.speedometer_show_speed(0, 0, 0);")
def _show_graph_canvas(graph_render_options) -> None:
"""Create canvas where actual graph will be rendered"""
size = graph_render_options["size"]
graph_width = size[0] * html_size_per_ex
graph_height = size[1] * html_size_per_ex
html.canvas("",
style="position: relative; width: %dpx; height: %dpx;" %
(graph_width, graph_height),
width=graph_width * 2,
height=graph_height * 2)
def show(self):
pie_id = "dashlet_%d" % self._dashlet_id
pie_diameter = 130
pie_left_aspect = 0.5
pie_right_aspect = 0.8
table = self._table()
filter_headers, only_sites = visuals.get_filter_headers(
table=self._livestatus_table(),
infos=self.infos(),
context=self.context)
query = "GET %s\n" % self._livestatus_table()
for entry in table:
query += entry[3]
query += self._filter() + filter_headers
if only_sites:
try:
sites.live().set_only_sites(only_sites)
result = sites.live().query_row(query)
finally:
sites.live().set_only_sites()
else:
try:
result = sites.live().query_summed_stats(query)
except MKLivestatusNotFoundError:
result = []
pies = list(zip(table, result))
total = sum([x[1] for x in pies])
html.open_div(class_="stats")
html.canvas('',
class_="pie",
id_="%s_stats" % pie_id,
width=pie_diameter,
height=pie_diameter,
style="float: left")
html.img(html.theme_url("images/globe.png"), class_="globe")
html.open_table(class_=["hoststats"] +
(["narrow"] if len(pies) > 0 else []),
style="float:left")
table_entries = pies
while len(table_entries) < 6:
table_entries = table_entries + [(
("", None, [], ""), HTML(" "))]
table_entries.append(((_("Total"), "", [], ""), total))
for (name, color, table_url_vars, query), count in table_entries:
url_vars = [
("view_name", self._view_name()),
("filled_in", "filter"),
("search", "1"),
] + table_url_vars + self._dashlet_context_vars()
url = html.makeuri_contextless(url_vars, filename="view.py")
html.open_tr()
html.th(html.render_a(name, href=url))
html.td('',
class_="color",
style="background-color: %s" % color if color else '')
html.td(html.render_a(count, href=url))
html.close_tr()
html.close_table()
pie_parts = []
if total > 0:
# Count number of non-empty classes
num_nonzero = 0
for _info, value in pies:
if value > 0:
num_nonzero += 1
# Each non-zero class gets at least a view pixels of visible thickness.
# We reserve that space right now. All computations are done in percent
# of the radius.
separator = 0.02 # 3% of radius
remaining_separatorspace = num_nonzero * separator # space for separators
remaining_radius = 1 - remaining_separatorspace # remaining space
remaining_part = 1.0 # keep track of remaining part, 1.0 = 100%
# Loop over classes, begin with most outer sphere. Inner spheres show
# worse states and appear larger to the user (which is the reason we
# are doing all this stuff in the first place)
for (name, color, _unused, _q), value in pies[::1]:
if value > 0 and remaining_part > 0: # skip empty classes
# compute radius of this sphere *including all inner spheres!* The first
# sphere always gets a radius of 1.0, of course.
radius = remaining_separatorspace + remaining_radius * (
remaining_part**(1 / 3.0))
pie_parts.append('chart_pie("%s", %f, %f, %r, true);' %
(pie_id, pie_right_aspect, radius, color))
pie_parts.append('chart_pie("%s", %f, %f, %r, false);' %
(pie_id, pie_left_aspect, radius, color))
# compute relative part of this class
part = float(value) / total # ranges from 0 to 1
remaining_part -= part
remaining_separatorspace -= separator
html.close_div()
html.javascript(
"""
function chart_pie(pie_id, x_scale, radius, color, right_side) {
var context = document.getElementById(pie_id + "_stats").getContext('2d');
if (!context)
return;
var pie_x = %(x)f;
var pie_y = %(y)f;
var pie_d = %(d)f;
context.fillStyle = color;
context.save();
context.translate(pie_x, pie_y);
context.scale(x_scale, 1);
context.beginPath();
if(right_side)
context.arc(0, 0, (pie_d / 2) * radius, 1.5 * Math.PI, 0.5 * Math.PI, false);
else
context.arc(0, 0, (pie_d / 2) * radius, 0.5 * Math.PI, 1.5 * Math.PI, false);
context.closePath();
context.fill();
context.restore();
context = null;
}
if (cmk.dashboard.has_canvas_support()) {
%(p)s
}
""" % {
"x": int(pie_diameter / 2.0),
"y": int(pie_diameter / 2.0),
"d": pie_diameter,
'p': '\n'.join(pie_parts)
})
def show(self):
# pie_id, what, table, filter, dashlet):
pie_id = "dashlet_%d" % self._dashlet_id
pie_diameter = 130
pie_left_aspect = 0.5
pie_right_aspect = 0.8
what = self._livestatus_table()
table = self._table()
filter_ = self._filter()
if what == 'hosts':
info = 'host'
infos = [info]
else:
info = 'service'
infos = ['host', 'service']
use_filters = visuals.filters_of_visual(self._dashlet_spec, infos)
for filt in use_filters:
if filt.available() and not isinstance(filt, FilterCRESite):
filter_ += filt.filter(info)
query = "GET %s\n" % what
for entry in table:
query += entry[3]
query += filter_
site = self._dashlet_spec['context'].get('siteopt', {}).get('site')
if site:
sites.live().set_only_sites([site])
result = sites.live().query_row(query)
sites.live().set_only_sites()
else:
try:
result = sites.live().query_summed_stats(query)
except MKLivestatusNotFoundError:
result = []
pies = zip(table, result)
total = sum([x[1] for x in pies])
html.open_div(class_="stats")
html.canvas('',
class_="pie",
id_="%s_stats" % pie_id,
width=pie_diameter,
height=pie_diameter,
style="float: left")
html.img(html.theme_url("images/globe.png"), class_="globe")
html.open_table(class_=["hoststats"] +
(["narrow"] if len(pies) > 0 else []),
style="float:left")
table_entries = pies
while len(table_entries) < 6:
table_entries = table_entries + [(
("", None, "", ""), HTML(" "))]
table_entries.append(((_("Total"), "", "all%s" % what, ""), total))
for (name, color, viewurl, query), count in table_entries:
url = "view.py?view_name=" + viewurl + "&filled_in=filter&search=1"
for filter_name, url_params in self._dashlet_spec['context'].items(
):
if filter_name == "wato_folder" and html.request.has_var(
"wato_folder"):
url += "&wato_folder=" + html.request.var("wato_folder")
elif filter_name == "svcstate":
# The svcstate filter URL vars are controlled by dashlet
continue
else:
url += '&' + html.urlencode_vars(url_params.items())
html.open_tr()
html.th(html.render_a(name, href=url))
html.td('',
class_="color",
style="background-color: %s" % color if color else '')
html.td(html.render_a(count, href=url))
html.close_tr()
html.close_table()
pie_parts = []
if total > 0:
# Count number of non-empty classes
num_nonzero = 0
for info, value in pies:
if value > 0:
num_nonzero += 1
# Each non-zero class gets at least a view pixels of visible thickness.
# We reserve that space right now. All computations are done in percent
# of the radius.
separator = 0.02 # 3% of radius
remaining_separatorspace = num_nonzero * separator # space for separators
remaining_radius = 1 - remaining_separatorspace # remaining space
remaining_part = 1.0 # keep track of remaining part, 1.0 = 100%
# Loop over classes, begin with most outer sphere. Inner spheres show
# worse states and appear larger to the user (which is the reason we
# are doing all this stuff in the first place)
for (name, color, viewurl, _q), value in pies[::1]:
if value > 0 and remaining_part > 0: # skip empty classes
# compute radius of this sphere *including all inner spheres!* The first
# sphere always gets a radius of 1.0, of course.
radius = remaining_separatorspace + remaining_radius * (
remaining_part**(1 / 3.0))
pie_parts.append('chart_pie("%s", %f, %f, %r, true);' %
(pie_id, pie_right_aspect, radius, color))
pie_parts.append('chart_pie("%s", %f, %f, %r, false);' %
(pie_id, pie_left_aspect, radius, color))
# compute relative part of this class
part = float(value) / total # ranges from 0 to 1
remaining_part -= part
remaining_separatorspace -= separator
html.close_div()
html.javascript(
"""
function chart_pie(pie_id, x_scale, radius, color, right_side) {
var context = document.getElementById(pie_id + "_stats").getContext('2d');
if (!context)
return;
var pie_x = %(x)f;
var pie_y = %(y)f;
var pie_d = %(d)f;
context.fillStyle = color;
context.save();
context.translate(pie_x, pie_y);
context.scale(x_scale, 1);
context.beginPath();
if(right_side)
context.arc(0, 0, (pie_d / 2) * radius, 1.5 * Math.PI, 0.5 * Math.PI, false);
else
context.arc(0, 0, (pie_d / 2) * radius, 0.5 * Math.PI, 1.5 * Math.PI, false);
context.closePath();
context.fill();
context.restore();
context = null;
}
if (cmk.dashboard.has_canvas_support()) {
%(p)s
}
""" % {
"x": int(pie_diameter / 2.0),
"y": int(pie_diameter / 2.0),
"d": pie_diameter,
'p': '\n'.join(pie_parts)
})
def show(self):
html.open_div(class_="speedometer")
html.img(html.theme_url("images/speedometer.png"), id_="speedometerbg")
html.canvas('', width="228", height="136", id_="speedometer")
html.close_div()
html.javascript("""
function show_speed(percentage) {
var canvas = document.getElementById('speedometer');
if (!canvas)
return;
var context = canvas.getContext('2d');
if (!context)
return;
if (percentage > 100.0)
percentage = 100.0;
var orig_x = 116;
var orig_y = 181;
var angle_0 = 232.0;
var angle_100 = 307.0;
var angle = angle_0 + (angle_100 - angle_0) * percentage / 100.0;
var angle_rad = angle / 360.0 * Math.PI * 2;
var length = 120;
var end_x = orig_x + (Math.cos(angle_rad) * length);
var end_y = orig_y + (Math.sin(angle_rad) * length);
context.clearRect(0, 0, 228, 136);
context.beginPath();
context.moveTo(orig_x, orig_y);
context.lineTo(end_x, end_y);
context.closePath();
context.shadowOffsetX = 2;
context.shadowOffsetY = 2;
context.shadowBlur = 2;
context.strokeStyle = "#000000";
context.stroke();
}
function speedometer_show_speed(last_perc, program_start, scheduled_rate)
{
var url = "sidebar_ajax_speedometer.py" +
"?last_perc=" + last_perc +
"&scheduled_rate=" + scheduled_rate +
"&program_start=" + program_start;
cmk.ajax.call_ajax(url, {
response_handler: function(handler_data, response_body) {
try {
var data = JSON.parse(response_body);
oDiv = document.getElementById('speedometer');
// Terminate reschedule when the speedometer div does not exist anymore
// (e.g. the snapin has been removed)
if (!oDiv)
return;
oDiv.title = data.title
oDiv = document.getElementById('speedometerbg');
oDiv.title = data.title
move_needle(data.last_perc, data.percentage); // 50 * 100ms = 5s = refresh time
} catch(ie) {
// Ignore errors during re-rendering. Proceed with reschedule...
var data = handler_data;
}
setTimeout(function(data) {
return function() {
speedometer_show_speed(data.percentage, data.program_start, data.scheduled_rate);
};
}(data), 5000);
},
error_handler : function(handler_data, status_code, error_msg) {
setTimeout(function(data) {
return function() {
return speedometer_show_speed(data.percentage, data.program_start, data.scheduled_rate);
};
}(handler_data), 5000);
},
method : "GET",
handler_data : {
"percentage" : last_perc,
"last_perc" : last_perc,
"program_start" : program_start,
"scheduled_rate" : scheduled_rate
}
});
}
var g_needle_timeout = null;
function move_needle(from_perc, to_perc)
{
var new_perc = from_perc * 0.9 + to_perc * 0.1;
show_speed(new_perc);
if (g_needle_timeout != null)
clearTimeout(g_needle_timeout);
g_needle_timeout = setTimeout(function(new_perc, to_perc) {
return function() {
move_needle(new_perc, to_perc);
};
}(new_perc, to_perc), 50);
}
speedometer_show_speed(0, 0, 0);
""")
