pre-commit, organize widget params

This commit is contained in:
shamoon 2023-11-22 09:13:26 -08:00
parent 4194b57698
commit 8c1c7f5d97
4 changed files with 81 additions and 43 deletions

View File

@ -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;
} }
} }

View File

@ -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");

View File

@ -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));

View File

@ -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(":");