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

Technitium: Fix percentage display

Browse Source
This commit is contained in:
Bobby Driggs 2024-09-11 17:25:24 -07:00
parent 68c2b04090
commit b925b86352
1 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/widgets/technitium/component.jsx
View File

@ -52,8 +52,9 @@ export default function Component({ service }) {
} }
function toPercent(value, total) { function toPercent(value, total) {
const percentage = (value / total) * 100;
return t("common.percent", { return t("common.percent", {
value: !Number.isNaN(value / total) ? value / total : 0, value: !Number.isNaN(percentage) ? percentage : 0,
maximumFractionDigits: 2, maximumFractionDigits: 2,
}); });
} }
@ -64,55 +65,64 @@ export default function Component({ service }) {
<Block <Block
label="technitium.totalNoError" label="technitium.totalNoError"
value={`${t("common.number", { value: statsData.totalNoError })} (${toPercent( value={`${t("common.number", { value: statsData.totalNoError })} (${toPercent(
statsData.totalNoError / statsData.totalQueries, statsData.totalNoError,
statsData.totalQueries,
)})`} )})`}
/> />
<Block <Block
label="technitium.totalServerFailure" label="technitium.totalServerFailure"
value={`${t("common.number", { value: statsData.totalServerFailure })} (${toPercent( value={`${t("common.number", { value: statsData.totalServerFailure })} (${toPercent(
statsData.totalServerFailure / statsData.totalQueries, statsData.totalServerFailure,
statsData.totalQueries,
)})`} )})`}
/> />
<Block <Block
label="technitium.totalNxDomain" label="technitium.totalNxDomain"
value={`${t("common.number", { value: statsData.totalNxDomain })} (${toPercent( value={`${t("common.number", { value: statsData.totalNxDomain })} (${toPercent(
statsData.totalNxDomain / statsData.totalQueries, statsData.totalNxDomain,
statsData.totalQueries,
)})`} )})`}
/> />
<Block <Block
label="technitium.totalRefused" label="technitium.totalRefused"
value={`${t("common.number", { value: statsData.totalRefused })} (${toPercent( value={`${t("common.number", { value: statsData.totalRefused })} (${toPercent(
statsData.totalRefused / statsData.totalQueries, statsData.totalRefused,
statsData.totalQueries,
)})`} )})`}
/> />
<Block <Block
label="technitium.totalAuthoritative" label="technitium.totalAuthoritative"
value={`${t("common.number", { value: statsData.totalAuthoritative })} (${toPercent( value={`${t("common.number", { value: statsData.totalAuthoritative })} (${toPercent(
statsData.totalAuthoritative / statsData.totalQueries, statsData.totalAuthoritative,
statsData.totalQueries,
)})`} )})`}
/> />
<Block <Block
label="technitium.totalRecursive" label="technitium.totalRecursive"
value={`${t("common.number", { value: statsData.totalRecursive })} (${toPercent( value={`${t("common.number", { value: statsData.totalRecursive })} (${toPercent(
statsData.totalRecursive / statsData.totalQueries, statsData.totalRecursive,
statsData.totalQueries,
)})`} )})`}
/> />
<Block <Block
label="technitium.totalCached" label="technitium.totalCached"
value={`${t("common.number", { value: statsData.totalCached })} (${toPercent( value={`${t("common.number", { value: statsData.totalCached })} (${toPercent(
statsData.totalCached / statsData.totalQueries, statsData.totalCached,
statsData.totalQueries,
)})`} )})`}
/> />
<Block <Block
label="technitium.totalBlocked" label="technitium.totalBlocked"
value={`${t("common.number", { value: statsData.totalBlocked })} (${toPercent( value={`${t("common.number", { value: statsData.totalBlocked })} (${toPercent(
statsData.totalBlocked / statsData.totalQueries, statsData.totalBlocked,
statsData.totalQueries,
)})`} )})`}
/> />
<Block <Block
label="technitium.totalDropped" label="technitium.totalDropped"
value={`${t("common.number", { value: statsData.totalDropped })} (${toPercent( value={`${t("common.number", { value: statsData.totalDropped })} (${toPercent(
statsData.totalDropped / statsData.totalQueries, statsData.totalDropped,
statsData.totalQueries,
)})`} )})`}
/> />
<Block label="technitium.totalClients" value={`${t("common.number", { value: statsData.totalClients })}`} /> <Block label="technitium.totalClients" value={`${t("common.number", { value: statsData.totalClients })}`} />