Merge pull request #1 from IC1101Virgo/IC1101Virgo-patch-1

Update quiz.js

site/static/js/quiz.js

@@ -38,7 +38,7 @@ function selectQuizOption(selectedId, autoselect = true) {
   }
 }
 
-function initQuiz() {
+async function initQuiz() {
   try {
     $(".option-button").click(function (e) {
       $(this).parent().find(".option-button").removeClass("active");
@@ -58,6 +58,23 @@ function initQuiz() {
       // use the name "macos" to match the button
       userOS = "macos";
     }
+    let arch = null;
+    try {
+      // currently compatible with these browsers: https://developer.mozilla.org/en-US/docs/Web/API/NavigatorUAData/getHighEntropyValues#browser_compatibility
+      let architecture = await navigator.userAgentData.getHighEntropyValues(['architecture'])
+      switch( architecture.architecture ){
+        case "arm" :{
+          arch = "arm64"
+          break
+        }
+        case "x86" :{
+          arch = "x86-64"
+          break
+        }
+      }
+    }catch(e){
+      console.log(e)
+    }
     $(".option-row[data-level=0]").removeClass("hide");
 
     const urlParams = new URLSearchParams(window.location.search);
@@ -87,6 +104,15 @@ function initQuiz() {
       const btn = $(".option-button[data-quiz-id='/" + userOS + "']").first();
       btn.addClass("active");
       selectQuizOption(btn.attr("data-quiz-id"));
+      // auto-select OS arch for user
+      if (arch){
+        const btn = $(".option-button[data-quiz-id='/" + userOS + "/" + arch + "']").first();
+        // disacitve all buttons of the row first
+        const row = $(".option-row[data-quiz-id='/" + userOS + "']").first()
+        row.find(".option-button").removeClass("active");
+        btn.addClass("active");
+        selectQuizOption(btn.attr("data-quiz-id"));
+      }
     }
   } catch (e) {
     const elements = document.getElementsByClassName("quiz-instruction");