✨ Add pihole integration (#860)

* ✨ Add pihole integration

* Update src/widgets/adhole/AdHoleControls.tsx

Co-authored-by: Larvey <39219859+LarveyOfficial@users.noreply.github.com>

* Update src/tools/client/math.ts

Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>

* Update src/widgets/dnshole/DnsHoleSummary.tsx

Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>

---------

Co-authored-by: Larvey <39219859+LarveyOfficial@users.noreply.github.com>
Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>

public/locales/en/modules/dns-hole-controls.json

@@ -0,0 +1,16 @@
+{
+  "descriptor": {
+    "name": "DNS hole controls",
+    "description": "Control PiHole or AdGuard from your dashboard"
+  },
+  "card": {
+    "buttons": {
+      "enableAll": "Enable all",
+      "disableAll": "Disable all"
+    },
+    "status": {
+      "enabled": "Enabled",
+      "disabled": "Disabled"
+    }
+  }
+}

public/locales/en/modules/dns-hole-summary.json

@@ -0,0 +1,21 @@
+{
+  "descriptor": {
+    "name": "DNS hole summary",
+    "description": "Displays important data from PiHole or AdGuard",
+    "settings": {
+      "title": "Settings for DNS Hole summary",
+      "usePiHoleColors": {
+        "label": "Use colors from PiHole"
+      }
+    }
+  },
+  "card": {
+    "metrics": {
+      "domainsOnAdlist": "Domains on adlists",
+      "queriesToday": "Queries today",
+      "adsBlockedTodayPercentage": "{{percentage}}%",
+      "queriesBlockedTodayPercentage": "blocked today",
+      "queriesBlockedToday": "blocked today"
+    }
+  }
+}