PiHole widget: added new Percentage block

public/locales/en/common.json

@@ -214,7 +214,8 @@
     "pihole": {
         "queries": "Queries",
         "blocked": "Blocked",
-        "gravity": "Gravity"
+        "gravity": "Gravity",
+        "percentage": "Percentage"
     },
     "adguard": {
         "queries": "Queries",

public/locales/it/common.json

@@ -107,6 +107,7 @@
     "pihole": {
         "queries": "Richieste",
         "blocked": "Bloccati",
+        "percentage": "Percentuale",
         "gravity": "Severità"
     },
     "npm": {

src/widgets/pihole/component.jsx

@@ -20,6 +20,7 @@ export default function Component({ service }) {
       <Container service={service}>
         <Block label="pihole.queries" />
         <Block label="pihole.blocked" />
+		<Block label="pihole.percentage" />
         <Block label="pihole.gravity" />
       </Container>
     );
@@ -29,6 +30,7 @@ export default function Component({ service }) {
     <Container service={service}>
       <Block label="pihole.queries" value={t("common.number", { value: parseInt(piholeData.dns_queries_today, 10) })} />
       <Block label="pihole.blocked" value={t("common.number", { value: parseInt(piholeData.ads_blocked_today, 10) })} />
+      <Block label="pihole.percentage" value={t("common.number", { value: parseFloat(piholeData.ads_percentage_today.toPrecision(3)) })} />
       <Block label="pihole.gravity" value={t("common.number", { value: parseInt(piholeData.domains_being_blocked, 10) })} />
     </Container>
   );

src/widgets/pihole/widget.js

@@ -10,6 +10,7 @@ const widget = {
       validate: [
         "dns_queries_today",
         "ads_blocked_today",
+        "ads_percentage_today",
         "domains_being_blocked"
       ]
     },