Add 30d Graphs
This commit is contained in:
parent
2b6156ff07
commit
566b8d6086
1 changed files with 21 additions and 3 deletions
|
|
@ -677,6 +677,7 @@
|
||||||
<option value="1d">1 Day</option>
|
<option value="1d">1 Day</option>
|
||||||
<option value="3d">3 Days</option>
|
<option value="3d">3 Days</option>
|
||||||
<option value="7d">7 Days</option>
|
<option value="7d">7 Days</option>
|
||||||
|
<option value="30d">30 Days</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -767,6 +768,7 @@
|
||||||
<option value="1d">1 Day</option>
|
<option value="1d">1 Day</option>
|
||||||
<option value="3d">3 Days</option>
|
<option value="3d">3 Days</option>
|
||||||
<option value="7d">7 Days</option>
|
<option value="7d">7 Days</option>
|
||||||
|
<option value="30d">30 Days</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -836,6 +838,7 @@
|
||||||
<option value="1d">1 Day</option>
|
<option value="1d">1 Day</option>
|
||||||
<option value="3d">3 Days</option>
|
<option value="3d">3 Days</option>
|
||||||
<option value="7d">7 Days</option>
|
<option value="7d">7 Days</option>
|
||||||
|
<option value="30d">30 Days</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1700,9 +1703,9 @@
|
||||||
selectedNodeMqttMetrics: [],
|
selectedNodeMqttMetrics: [],
|
||||||
selectedNodeTraceroutes: [],
|
selectedNodeTraceroutes: [],
|
||||||
|
|
||||||
deviceMetricsTimeRange: "3d",
|
deviceMetricsTimeRange: "7d",
|
||||||
environmentMetricsTimeRange: "3d",
|
environmentMetricsTimeRange: "7d",
|
||||||
powerMetricsTimeRange: "3d",
|
powerMetricsTimeRange: "7d",
|
||||||
|
|
||||||
isPositionHistoryModalExpanded: true,
|
isPositionHistoryModalExpanded: true,
|
||||||
positionHistoryDateTimeFrom: null,
|
positionHistoryDateTimeFrom: null,
|
||||||
|
|
@ -1791,6 +1794,7 @@
|
||||||
const oneDayAgoInMilliseconds = new Date().getTime() - (86400 * 1000);
|
const oneDayAgoInMilliseconds = new Date().getTime() - (86400 * 1000);
|
||||||
const threeDaysAgoInMilliseconds = new Date().getTime() - (259200 * 1000);
|
const threeDaysAgoInMilliseconds = new Date().getTime() - (259200 * 1000);
|
||||||
const sevenDaysAgoInMilliseconds = new Date().getTime() - (604800 * 1000);
|
const sevenDaysAgoInMilliseconds = new Date().getTime() - (604800 * 1000);
|
||||||
|
const thirtyDaysAgoInMilliseconds = new Date().getTime() - (259200 * 1000 * 10);
|
||||||
|
|
||||||
// determine how long back to load device metrics from
|
// determine how long back to load device metrics from
|
||||||
var timeFrom = threeDaysAgoInMilliseconds;
|
var timeFrom = threeDaysAgoInMilliseconds;
|
||||||
|
|
@ -1807,6 +1811,10 @@
|
||||||
timeFrom = sevenDaysAgoInMilliseconds;
|
timeFrom = sevenDaysAgoInMilliseconds;
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
case "30d": {
|
||||||
|
timeFrom = thirtyDaysAgoInMilliseconds;
|
||||||
|
break;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
window.axios.get(`/api/v1/nodes/${nodeId}/device-metrics`, {
|
window.axios.get(`/api/v1/nodes/${nodeId}/device-metrics`, {
|
||||||
|
|
@ -1828,6 +1836,7 @@
|
||||||
const oneDayAgoInMilliseconds = new Date().getTime() - (86400 * 1000);
|
const oneDayAgoInMilliseconds = new Date().getTime() - (86400 * 1000);
|
||||||
const threeDaysAgoInMilliseconds = new Date().getTime() - (259200 * 1000);
|
const threeDaysAgoInMilliseconds = new Date().getTime() - (259200 * 1000);
|
||||||
const sevenDaysAgoInMilliseconds = new Date().getTime() - (604800 * 1000);
|
const sevenDaysAgoInMilliseconds = new Date().getTime() - (604800 * 1000);
|
||||||
|
const thirtyDaysAgoInMilliseconds = new Date().getTime() - (259200 * 1000 * 10);
|
||||||
|
|
||||||
// determine how long back to load environment metrics from
|
// determine how long back to load environment metrics from
|
||||||
var timeFrom = threeDaysAgoInMilliseconds;
|
var timeFrom = threeDaysAgoInMilliseconds;
|
||||||
|
|
@ -1844,6 +1853,10 @@
|
||||||
timeFrom = sevenDaysAgoInMilliseconds;
|
timeFrom = sevenDaysAgoInMilliseconds;
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
case "30d": {
|
||||||
|
timeFrom = thirtyDaysAgoInMilliseconds;
|
||||||
|
break;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
window.axios.get(`/api/v1/nodes/${nodeId}/environment-metrics`, {
|
window.axios.get(`/api/v1/nodes/${nodeId}/environment-metrics`, {
|
||||||
|
|
@ -1865,6 +1878,7 @@
|
||||||
const oneDayAgoInMilliseconds = new Date().getTime() - (86400 * 1000);
|
const oneDayAgoInMilliseconds = new Date().getTime() - (86400 * 1000);
|
||||||
const threeDaysAgoInMilliseconds = new Date().getTime() - (259200 * 1000);
|
const threeDaysAgoInMilliseconds = new Date().getTime() - (259200 * 1000);
|
||||||
const sevenDaysAgoInMilliseconds = new Date().getTime() - (604800 * 1000);
|
const sevenDaysAgoInMilliseconds = new Date().getTime() - (604800 * 1000);
|
||||||
|
const thirtyDaysAgoInMilliseconds = new Date().getTime() - (259200 * 1000 * 10);
|
||||||
|
|
||||||
// determine how long back to load power metrics from
|
// determine how long back to load power metrics from
|
||||||
var timeFrom = threeDaysAgoInMilliseconds;
|
var timeFrom = threeDaysAgoInMilliseconds;
|
||||||
|
|
@ -1881,6 +1895,10 @@
|
||||||
timeFrom = sevenDaysAgoInMilliseconds;
|
timeFrom = sevenDaysAgoInMilliseconds;
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
case "30d": {
|
||||||
|
timeFrom = thirtyDaysAgoInMilliseconds;
|
||||||
|
break;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
window.axios.get(`/api/v1/nodes/${nodeId}/power-metrics`, {
|
window.axios.get(`/api/v1/nodes/${nodeId}/power-metrics`, {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue