retrieve draft rates in card listings

2 files changed, 45 insertions, 0 deletions

diff --git a/html/js/recvDraftRates.js b/html/js/recvDraftRates.js
new file mode 100644
index 00000000..802066ec
--- /dev/null
+++ b/html/js/recvDraftRates.js
@@ -0,0 +1,41 @@
+/*
+@licstart  The following is the entire license notice for the
+JavaScript code in this page.
+
+Copyright (C) 2025 Florian Fischer
+
+The JavaScript code in this page is free software: you can
+redistribute it and/or modify it under the terms of the GNU
+General Public License (GNU GPL) as published by the Free Software
+Foundation, either version 3 of the License, or any later version.
+The code is distributed WITHOUT ANY WARRANTY;
+without even the implied warranty of MERCHANTABILITY or FITNESS
+FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
+
+As additional permission under GNU GPL version 3 section 7, you
+may distribute non-source (e.g., minimized or compacted) forms of
+that code without the copy of the GNU GPL normally required by
+section 4, provided you include this license notice and a URL
+through which recipients can access the Corresponding Source.
+
+@licend  The above is the entire license notice
+for the JavaScript code in this page.
+*/
+const draftBlogUrl = "https://muhq.space/muhqs-game/html/build/blog/draftsim.html"
+const ratesApi = "https://draft.muhq.space/stats"
+function retrieveDraftRates() {
+  console.log(ratesApi);
+  let r = new Request(ratesApi);
+  fetch(r).then((response) => {
+    let draftRates = response.json()
+    for (let e of document.querySelectorAll(".draft-rate")) {
+      const cardName = e.parentNode.getAttribute("data-canonical-name");
+      const rate = draftRates[cardName] || 0;
+      e.textContent = "DR: " + rate
+      e.onclick = () => {document.location.href = draftBlogUrl};
+    }
+  }, err => {console.log(err);});
+}
+window.onload = function() {
+  retrieveDraftRates();
+}
diff --git a/html/template.html b/html/template.html
index 00f07880..8ae9a6d9 100644
--- a/html/template.html
+++ b/html/template.html
@@ -261,6 +261,10 @@ li.linkable-rule:active, li.linkable-rule:hover {
   background-color: #d79921;
   list-style-image: url(link.svg);
 }
+
+.draft-rate {
+  padding-left: 1em;
+}
   </style>
 
 $for(css)$