tyler.durden/pandorafms
1
0
Fork 0
mirror of https://github.com/pandorafms/pandorafms.git synced 2025-07-31 01:35:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added basic chart 4

Browse Source
This commit is contained in:
Daniel Maya 2021-08-04 11:11:28 +02:00
parent f9c95e0145
commit f1f7291b5e
10 changed files with 75 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
pandora_console/images/basic_chart.disabled.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 565 B

BIN
pandora_console/images/basic_chart.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 563 B

7
pandora_console/include/rest-api/models/VisualConsole/Items/BasicChart.php
View File

@ -232,14 +232,15 @@ final class BasicChart extends Item
$imgbase64 .= \grafico_modulo_sparse($params);
$data['html'] = $imgbase64;
$data['value'] = \modules_get_last_value($moduleId);
$data['status'] = \modules_get_color_status(modules_get_agentmodule_last_status($moduleId));
// Restore connection.
if ($nodeConnected === true) {
\metaconsole_restore_db();
}
$data['value'] = \modules_get_last_value($moduleId);
$data['status'] = \modules_get_color_status(modules_get_agentmodule_last_status($moduleId));
return $data;
}

8
pandora_console/include/styles/visual_maps.css
View File

@ -427,16 +427,16 @@ input.odometer_min_white[disabled] {
}
input.basic_chart_min {
background: url(../../images/odometer.png) no-repeat center;
background: url(../../images/basic_chart.png) no-repeat center;
}
input.basic_chart_min[disabled] {
background: url(../../images/odometer.disabled.png) no-repeat center;
background: url(../../images/basic_chart.disabled.png) no-repeat center;
}
input.basic_chart_min_white {
background: url(../../images/odometer.disabled.png) no-repeat center;
background: url(../../images/basic_chart.disabled.png) no-repeat center;
}
input.basic_chart_min_white[disabled] {
background: url(../../images/odometer.png) no-repeat center;
background: url(../../images/basic_chart.png) no-repeat center;
}
div#cont {

28
pandora_console/include/visual-console-client/vc.main.css
View File

@ -557,6 +557,34 @@ div.basic-chart {
justify-content: center;
}
.basic-chart-header {
height: 40%;
width: 100%;
display: flex;
}
.basic-chart-header-name {
margin: 0;
padding: 0;
height: 100%;
width: 80%;
display: flex;
align-items: center;
font-size: 2.5vmin;
margin-left: 3%;
}
.basic-chart-header-value {
margin: 0;
padding: 0;
height: 100%;
width: 20%;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.5vmin;
}
div.module-graph .gauge_d3_class {
flex: 1 1 100px;
float: none !important;

2
pandora_console/include/visual-console-client/vc.main.css.map
View File

File diff suppressed because one or more lines are too long

4
pandora_console/include/visual-console-client/vc.main.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
pandora_console/include/visual-console-client/vc.main.min.js.map
View File

File diff suppressed because one or more lines are too long

47
visual_console_client/src/items/BasicChart.ts
View File

@ -59,37 +59,20 @@ export function basicChartPropsDecoder(
export default class BasicChart extends Item<BasicChartProps> {
protected createDomElement(): HTMLElement {
const element = document.createElement("div");
const header = document.createElement("div");
header.style.height = "40%";
header.style.width = "100%";
header.style.display = "flex";
const header = document.createElement("div");
header.className = "basic-chart-header";
const moduleName = document.createElement("h2");
moduleName.className = "basic-chart-header-name";
moduleName.textContent = this.props.moduleName;
moduleName.style.margin = "0";
moduleName.style.padding = "0";
moduleName.style.height = "100%";
moduleName.style.width = "80%";
moduleName.style.display = "flex";
moduleName.style.alignItems = "center";
moduleName.style.fontSize = `2.5vmin`;
moduleName.style.marginLeft = "3%";
moduleName.style.color = `${this.props.moduleNameColor}`;
header.appendChild(moduleName);
const moduleValue = document.createElement("h2");
moduleValue.className = "basic-chart-header-value";
moduleValue.textContent = `${this.props.value}`;
moduleValue.style.margin = "0";
moduleValue.style.padding = "0";
moduleValue.style.height = "100%";
moduleValue.style.width = "20%";
moduleValue.style.display = "flex";
moduleValue.style.alignItems = "center";
moduleValue.style.justifyContent = "center";
moduleValue.style.fontSize = `2.5vmin`;
moduleValue.style.color = this.props.status;
moduleValue.style.textDecoration = "none !important";
header.appendChild(moduleValue);
element.innerHTML = this.props.html;
@ -133,33 +116,17 @@ export default class BasicChart extends Item<BasicChartProps> {
protected updateDomElement(element: HTMLElement): void {
const header = document.createElement("div");
header.style.height = "40%";
header.style.width = "100%";
header.style.display = "flex";
header.className = "basic-chart-header";
const moduleName = document.createElement("h2");
moduleName.className = "basic-chart-header-name";
moduleName.textContent = this.props.moduleName;
moduleName.style.margin = "0";
moduleName.style.padding = "0";
moduleName.style.height = "100%";
moduleName.style.width = "80%";
moduleName.style.display = "flex";
moduleName.style.alignItems = "center";
moduleName.style.fontSize = `2.5vmin`;
moduleName.style.marginLeft = "3%";
moduleName.style.color = `${this.props.moduleNameColor}`;
header.appendChild(moduleName);
const moduleValue = document.createElement("h2");
moduleValue.className = "basic-chart-header-value";
moduleValue.textContent = `${this.props.value}`;
moduleValue.style.margin = "0";
moduleValue.style.padding = "0";
moduleValue.style.height = "100%";
moduleValue.style.width = "20%";
moduleValue.style.display = "flex";
moduleValue.style.alignItems = "center";
moduleValue.style.justifyContent = "center";
moduleValue.style.fontSize = `2.5vmin`;
moduleValue.style.color = this.props.status;
header.appendChild(moduleValue);

28
visual_console_client/src/main.css
View File

@ -557,6 +557,34 @@ div.basic-chart {
justify-content: center;
}
.basic-chart-header {
height: 40%;
width: 100%;
display: flex;
}
.basic-chart-header-name {
margin: 0;
padding: 0;
height: 100%;
width: 80%;
display: flex;
align-items: center;
font-size: 2.5vmin;
margin-left: 3%;
}
.basic-chart-header-value {
margin: 0;
padding: 0;
height: 100%;
width: 20%;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.5vmin;
}
div.module-graph .gauge_d3_class {
flex: 1 1 100px;
float: none !important;