Add cuda.z version to the start page (#1633)

* Add cuda.z version to the start page

* test

* test

* test

* test

* add_cuda124

* test

* test

* Generate

* test

* test

* test

* test

Author: atalman

_includes/quick-start-module.js

@@ -105,6 +105,12 @@ function getPreferredCuda(os) {
 
 // Disable compute platform not supported on OS
 function disableUnsupportedPlatforms(os) {
+
+  if(opts.ptbuild == "preview")
+    archMap = version_map.nightly
+  else
+    archMap = version_map.release
+
   for (const [arch_key, info] of archInfoMap) {
     var elems = document.querySelectorAll('[id^="'+arch_key+'"]');
     if (elems == null) {
@@ -114,6 +120,11 @@ function disableUnsupportedPlatforms(os) {
     for (var i=0; i < elems.length;i++) {
       var supported = info.platforms.has(os);
       elems[i].style.textDecoration = supported ? "" : "line-through";
+
+      // Officially supported arch but not available
+      if(!archMap[elems[i].id]) {
+        elems[i].style.textDecoration =  "line-through";
+      }
     }
   }
 }
@@ -129,7 +140,12 @@ function changeVersion(ptbuild) {
   for (const [arch_key, info] of archInfoMap) {
     var elems = document.querySelectorAll('[id^="'+arch_key+'"]');
     for (var i=0; i < elems.length;i++) {
-      elems[i].children[0].textContent = info.title + " " + archMap[elems[i].id][1]
+      if(archMap[elems[i].id]) {
+        elems[i].style.textDecoration = "";
+        elems[i].children[0].textContent = info.title + " " + archMap[elems[i].id][1]
+      } else {
+        elems[i].style.textDecoration = "line-through";
+      }
     }
   }
   var stable_element = document.getElementById("stable");
@@ -190,6 +206,8 @@ function selectedOption(option, selection, category) {
     }
   } else if (category == "ptbuild") {
     changeVersion(opts.ptbuild);
+    //make sure unsupported platforms are disabled
+    disableUnsupportedPlatforms(opts.os);
   }
   commandMessage(buildMatcher());
   if (category === "os") {

_includes/quick_start_local.html

@@ -87,11 +87,14 @@
       <div class="col-md-12 title-block mobile-heading">
         <div class="option-text">Compute Platform</div>
       </div>
-      <div class="col-md-3 option block version" id="cuda.x">
-        <div class="option-text">CUDA 11.6</div>
+      <div class="col-md-2 option block version" id="cuda.x">
+        <div class="option-text">CUDA 11.8</div>
       </div>
-      <div class="col-md-3 option block version" id="cuda.y">
-        <div class="option-text">CUDA 11.7</div>
+      <div class="col-md-2 option block version" id="cuda.y">
+        <div class="option-text">CUDA 12.1</div>
+      </div>
+      <div class="col-md-2 option block version" id="cuda.z">
+        <div class="option-text">CUDA 12.4</div>
       </div>
       <div class="col-md-3 option block version" id="rocm5.x">
         <div class="option-text">ROCm 5.2</div>