pre-commit, organize widget params
This commit is contained in:
parent
4194b57698
commit
8c1c7f5d97
@ -336,49 +336,87 @@ export function cleanServiceGroups(groups) {
|
|||||||
|
|
||||||
if (cleanedService.widget) {
|
if (cleanedService.widget) {
|
||||||
// whitelisted set of keys to pass to the frontend
|
// whitelisted set of keys to pass to the frontend
|
||||||
|
// alphabetical, grouped by widget(s)
|
||||||
const {
|
const {
|
||||||
type, // all widgets
|
// all widgets
|
||||||
fields,
|
fields,
|
||||||
hideErrors,
|
hideErrors,
|
||||||
server, // docker widget
|
type,
|
||||||
container,
|
|
||||||
currency, // coinmarketcap widget
|
// azuredevops
|
||||||
symbols,
|
|
||||||
slugs,
|
|
||||||
defaultinterval,
|
|
||||||
site, // unifi widget
|
|
||||||
namespace, // kubernetes widget
|
|
||||||
app,
|
|
||||||
podSelector,
|
|
||||||
wan, // opnsense widget, pfsense widget
|
|
||||||
enableBlocks, // emby/jellyfin
|
|
||||||
enableNowPlaying,
|
|
||||||
volume, // diskstation widget,
|
|
||||||
enableQueue, // sonarr/radarr
|
|
||||||
node, // Proxmox
|
|
||||||
snapshotHost, // kopia
|
|
||||||
snapshotPath,
|
|
||||||
userEmail, // azuredevops
|
|
||||||
repositoryId,
|
repositoryId,
|
||||||
metric, // glances
|
userEmail,
|
||||||
chart, // glances
|
|
||||||
pointsLimit, // glances
|
// calendar
|
||||||
stream, // mjpeg
|
|
||||||
fit,
|
|
||||||
method, // openmediavault widget
|
|
||||||
mappings, // customapi widget
|
|
||||||
refreshInterval,
|
|
||||||
integrations, // calendar widget
|
|
||||||
firstDayInWeek,
|
firstDayInWeek,
|
||||||
view,
|
integrations,
|
||||||
maxEvents,
|
maxEvents,
|
||||||
src, // iframe widget
|
view,
|
||||||
classes,
|
|
||||||
referrerPolicy,
|
// coinmarketcap
|
||||||
allowPolicy,
|
currency,
|
||||||
|
defaultinterval,
|
||||||
|
slugs,
|
||||||
|
symbols,
|
||||||
|
|
||||||
|
// customapi
|
||||||
|
mappings,
|
||||||
|
|
||||||
|
// diskstation
|
||||||
|
volume,
|
||||||
|
|
||||||
|
// docker
|
||||||
|
container,
|
||||||
|
server,
|
||||||
|
|
||||||
|
// emby, jellyfin
|
||||||
|
enableBlocks,
|
||||||
|
enableNowPlaying,
|
||||||
|
|
||||||
|
// glances
|
||||||
|
chart,
|
||||||
|
metric,
|
||||||
|
pointsLimit,
|
||||||
|
|
||||||
|
// glances, customapi
|
||||||
|
refreshInterval,
|
||||||
|
|
||||||
|
// iframe
|
||||||
allowFullscreen,
|
allowFullscreen,
|
||||||
loadingStrategy,
|
allowPolicy,
|
||||||
allowScrolling,
|
allowScrolling,
|
||||||
|
classes,
|
||||||
|
loadingStrategy,
|
||||||
|
referrerPolicy,
|
||||||
|
src,
|
||||||
|
|
||||||
|
// kopia
|
||||||
|
snapshotHost,
|
||||||
|
snapshotPath,
|
||||||
|
|
||||||
|
// kubernetes
|
||||||
|
app,
|
||||||
|
namespace,
|
||||||
|
podSelector,
|
||||||
|
|
||||||
|
// mjpeg
|
||||||
|
fit,
|
||||||
|
stream,
|
||||||
|
|
||||||
|
// openmediavault
|
||||||
|
method,
|
||||||
|
|
||||||
|
// opnsense, pfsense
|
||||||
|
wan,
|
||||||
|
|
||||||
|
// proxmox
|
||||||
|
node,
|
||||||
|
|
||||||
|
// sonarr, radarr
|
||||||
|
enableQueue,
|
||||||
|
|
||||||
|
// unifi
|
||||||
|
site,
|
||||||
} = cleanedService.widget;
|
} = cleanedService.widget;
|
||||||
|
|
||||||
let fieldsList = fields;
|
let fieldsList = fields;
|
||||||
@ -460,10 +498,10 @@ export function cleanServiceGroups(groups) {
|
|||||||
} else {
|
} else {
|
||||||
cleanedService.widget.chart = true;
|
cleanedService.widget.chart = true;
|
||||||
}
|
}
|
||||||
if(refreshInterval && Number.isInteger(refreshInterval) && refreshInterval > 0){
|
if (refreshInterval && Number.isInteger(refreshInterval) && refreshInterval > 0) {
|
||||||
cleanedService.widget.refreshInterval = refreshInterval;
|
cleanedService.widget.refreshInterval = refreshInterval;
|
||||||
}
|
}
|
||||||
if(pointsLimit && Number.isInteger(pointsLimit) && pointsLimit > 0){
|
if (pointsLimit && Number.isInteger(pointsLimit) && pointsLimit > 0) {
|
||||||
cleanedService.widget.pointsLimit = pointsLimit;
|
cleanedService.widget.pointsLimit = pointsLimit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -21,7 +21,7 @@ export default function Component({ service }) {
|
|||||||
const [dataPoints, setDataPoints] = useState(new Array(pointsLimit).fill({ value: 0 }, 0, pointsLimit));
|
const [dataPoints, setDataPoints] = useState(new Array(pointsLimit).fill({ value: 0 }, 0, pointsLimit));
|
||||||
|
|
||||||
const { data, error } = useWidgetAPI(service.widget, "cpu", {
|
const { data, error } = useWidgetAPI(service.widget, "cpu", {
|
||||||
refreshInterval
|
refreshInterval,
|
||||||
});
|
});
|
||||||
|
|
||||||
const { data: systemData, error: systemError } = useWidgetAPI(service.widget, "system");
|
const { data: systemData, error: systemError } = useWidgetAPI(service.widget, "system");
|
||||||
|
|||||||
@ -11,13 +11,13 @@ import useWidgetAPI from "utils/proxy/use-widget-api";
|
|||||||
const ChartDual = dynamic(() => import("../components/chart_dual"), { ssr: false });
|
const ChartDual = dynamic(() => import("../components/chart_dual"), { ssr: false });
|
||||||
|
|
||||||
const defaultPointsLimit = 15;
|
const defaultPointsLimit = 15;
|
||||||
const defaultInterval = (isChart) => isChart ? 1000 : 5000;
|
const defaultInterval = (isChart) => (isChart ? 1000 : 5000);
|
||||||
|
|
||||||
export default function Component({ service }) {
|
export default function Component({ service }) {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
const { widget } = service;
|
const { widget } = service;
|
||||||
const { chart} = widget;
|
const { chart } = widget;
|
||||||
const {refreshInterval = defaultInterval(chart), pointsLimit = defaultPointsLimit } = widget;
|
const { refreshInterval = defaultInterval(chart), pointsLimit = defaultPointsLimit } = widget;
|
||||||
|
|
||||||
const [dataPoints, setDataPoints] = useState(new Array(pointsLimit).fill({ value: 0 }, 0, pointsLimit));
|
const [dataPoints, setDataPoints] = useState(new Array(pointsLimit).fill({ value: 0 }, 0, pointsLimit));
|
||||||
|
|
||||||
|
|||||||
@ -11,13 +11,13 @@ import useWidgetAPI from "utils/proxy/use-widget-api";
|
|||||||
const ChartDual = dynamic(() => import("../components/chart_dual"), { ssr: false });
|
const ChartDual = dynamic(() => import("../components/chart_dual"), { ssr: false });
|
||||||
|
|
||||||
const defaultPointsLimit = 15;
|
const defaultPointsLimit = 15;
|
||||||
const defaultInterval = (isChart) => isChart ? 1000 : 5000;
|
const defaultInterval = (isChart) => (isChart ? 1000 : 5000);
|
||||||
|
|
||||||
export default function Component({ service }) {
|
export default function Component({ service }) {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
const { widget } = service;
|
const { widget } = service;
|
||||||
const { chart, metric } = widget;
|
const { chart, metric } = widget;
|
||||||
const {refreshInterval = defaultInterval(chart), pointsLimit = defaultPointsLimit } = widget;
|
const { refreshInterval = defaultInterval(chart), pointsLimit = defaultPointsLimit } = widget;
|
||||||
|
|
||||||
const [, interfaceName] = metric.split(":");
|
const [, interfaceName] = metric.split(":");
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user