OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "Zfs getStats method"

Browse Source 
This reverts commit 8368b53185.
This commit is contained in:
Xinos 2023-08-17 15:17:02 +07:00
parent b6036cadd3
commit 0ec6393e0a
3 changed files with 1 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/locales/en/common.json
View File

@ -708,8 +708,6 @@
"running": "Running",
"stopped": "Stopped",
"passed": "Passed",
"failed": "Failed",
"zfsHits": "Hits",
"zfsMisses": "Misses"
"failed": "Failed"
}
}

3
src/widgets/openmediavault/component.jsx
View File

@ -1,7 +1,6 @@
import ServicesGetStatus from "./methods/services_get_status";
import SmartGetList from "./methods/smart_get_list";
import DownloaderGetDownloadList from "./methods/downloader_get_downloadlist";
import ZfsGetStats from "./methods/zfs_get_stats";
export default function Component({ service }) {
switch (service.widget.method) {
@ -11,8 +10,6 @@ export default function Component({ service }) {
return <SmartGetList service={service} />;
case "downloader.getDownloadList":
return <DownloaderGetDownloadList service={service} />;
case "zfs.getStats":
return <ZfsGetStats service={service} />;
default:
return null;
}

80
src/widgets/openmediavault/methods/zfs_get_stats.jsx
View File

@ -1,80 +0,0 @@
import dynamic from "next/dynamic";
import { useState, useEffect } from "react";
import { useTranslation } from "next-i18next";
import Error from "../../glances/components/error";
import Container from "../../glances/components/container";
import Block from "../../glances/components/block";
import useWidgetAPI from "utils/proxy/use-widget-api";
const ChartDual = dynamic(() => import("../../glances/components/chart_dual"), { ssr: false });
const POINTS_LIMIT = 15;
export default function Component({ service }) {
const { t } = useTranslation();
const { widget } = service;
const [dataPoints, setDataPoints] = useState(new Array(POINTS_LIMIT).fill({ value: 0 }, 0, POINTS_LIMIT));
const { data, error } = useWidgetAPI(widget, null, {
refreshInterval: 5000,
});
useEffect(() => {
if (data?.response) {
const { hits, misses } = data.response;
const a = parseInt(hits, 10);
const b = parseInt(misses, 10);
setDataPoints((prevDataPoints) => {
const newDataPoints = [...prevDataPoints, { a, b }];
if (newDataPoints.length > POINTS_LIMIT) {
newDataPoints.shift();
}
return newDataPoints;
});
}
}, [data]);
if (error) {
return (
<Container>
<Error error={error} />
</Container>
);
}
if (!data) {
return (
<Container>
<Block position="bottom-3 left-3">-</Block>
</Container>
);
}
const { hits, misses, hitsMisses, ratio } = data.response;
const hitsRatio = Math.round(ratio);
const missesRatio = 100 - hitsRatio;
return (
<Container>
<ChartDual
dataPoints={dataPoints}
label={[t("openmediavault.zfsHits"), t("openmediavault.zfsMisses")]}
formatter={(value) => value}
/>
<Block position="bottom-3 left-3">
<div className="text-xs opacity-50">{`${t("resources.total")}: ${hitsMisses}`}</div>
<div className="text-xs opacity-75">{`${t("openmediavault.zfsHits")}: ${hits} (${hitsRatio}%)`}</div>
</Block>
<Block position="bottom-3 right-3">
<div className="text-xs opacity-75">{`${t("openmediavault.zfsMisses")}: ${misses} (${missesRatio}%)`}</div>
</Block>
</Container>
);
}