doc/install: fix Linux tab installation command

There is a command on doc/install page https://golang.org/doc/install that uses an outdated filename that is being shown as an example of how to install go for Linux:

tar -C /usr/local -xzf go1.14.3.linux-amd64.tar.gz

Currently, there is a button that allows downloading .tar file that include go1.15 and its name is different from the command, so that if you follow installation steps you'll get an error that .tar file wasn't found.

Changes purposed:
Added a function that uses a filename from the "Download" button that can be used to update Linux installation command.
This function could be used in the future for other OSes if there will be a need for adding informational data that may change in the future. So there's no need to update such data in the markup files.
If there's something wrong during running JS code (or JS is disabled in the browser) and the filename couldn't be parsed - the old filename is used as an example like before.

Fixes golang/go#41232

Change-Id: Ie389ce73de5393f151ad739b3e97873e1a9be179
GitHub-Last-Rev: 0a93f69
GitHub-Pull-Request: #15
Reviewed-on: https://go-review.googlesource.com/c/website/+/253118
Run-TryBot: Steve Traut <[email protected]>
TryBot-Result: Gobot Gobot <[email protected]>
Reviewed-by: Steve Traut <[email protected]>

Author: ipriver

content/static/doc/download.js

@@ -84,6 +84,23 @@ class DownloadsController {
     }
   }
 
+  // Updates install tab with dynamic data.
+  setInstallTabData(osName) {
+    const fnId = `#${osName}-filename`;
+    const el = document.querySelector(fnId);
+    if (!el) {
+      return;
+    }
+    switch(osName) {
+      case 'linux':
+        // Update filename for linux installation step
+        if (this.linuxFileName) {
+          el.textContent = this.linuxFileName;
+        }
+        break;
+    }
+  }
+
   // Detect the users OS for installation default.
   detectOS() {
     if (navigator.appVersion.indexOf('Linux') !== -1) {
@@ -117,6 +134,7 @@ class DownloadsController {
     const el = (e.target);
     this.activateTab(Array.prototype.indexOf.call(this.tabs, el));
     this.setDownloadForOS(el.id);
+    this.setInstallTabData(el.id);
   }
 
 }

content/static/doc/install.html

@@ -91,7 +91,7 @@ <h2 id="install">2. Go install.</h2>
           For example, run the following as root or through <code>sudo</code>:
         </p>
         <pre>
-tar -C /usr/local -xzf go1.14.3.linux-amd64.tar.gz
+tar -C /usr/local -xzf <span id="linux-filename">go1.14.3.linux-amd64.tar.gz</span>
 </pre
         >
       </li>
@@ -201,4 +201,4 @@ <h2 id="code">3. Go code.</h2>
   some simple Go code. It takes about 10 minutes to complete.
 </p>
 
-<script async src="/doc/download.js"></script>
+<script async src="/doc/download.js"></script>