feat: make previous versions of Nodejs pagable (#4061)

Maledong · web-flow · commit 6eba6d1b912c · 2021-08-27T15:51:55.000+08:00
Since we've now got a large table with latest versions of Nodejs, we don't need previous links but table instead.

What's more, in order to make people download the version quickly, the new feature is to offer you a quick but simple search for Nodejs's version, as well as npm version.
diff --git a/layouts/download-releases.hbs b/layouts/download-releases.hbs
@@ -14,10 +14,8 @@
           {{{ contents }}}
         </section>
 
-        <br>
-
         <section>
-          <table class="download-table full-width">
+          <table id="tbVersions" class="download-table full-width">
             <thead>
               <tr>
                 <td>Version</td>
@@ -61,5 +59,11 @@
   </main>
 
   {{> footer }}
+
+<script src="/static/js/jquery.min.js"></script>
+<script src="/static/js/fancyTable.min.js"></script>
+<script src="/static/js/previousVersion.js"></script>
+
 </body>
+
 </html>
diff --git a/locale/ar/download/releases.md b/locale/ar/download/releases.md
@@ -7,19 +7,4 @@ modules: "يشير <code>NODE_MODULE_VERSION</code> إلى رقم نسخة Node.
 ### io.js و Node.js
 لقد كانت الاصدارات من <span dir="ltr">1.x</span> إلى <span dir="ltr">3.x</span> تسمى "io.js" و كانت جزء من فرع io.js، اما بالنسبة للنود جي اس 4.0.0، فإن اسطر النسخ السابقة من io.js تلاقت مع Node.js <span dir="ltr">0.12.x</span> في نسخ موحدة
 
-<div class="highlight-box">
-
-#### هل تبحث عن آخر اصدار من فرع محدد؟
-
-* [Node.js 13.x](https://nodejs.org/dist/latest-v13.x/)
-* [Node.js 12.x](https://nodejs.org/dist/latest-v12.x/)
-* [Node.js 11.x](https://nodejs.org/dist/latest-v11.x/)
-* [Node.js 10.x](https://nodejs.org/dist/latest-v10.x/)
-* [Node.js 8.x](https://nodejs.org/dist/latest-v8.x/)
-* [Node.js 6.x](https://nodejs.org/dist/latest-v6.x/)
-* [Node.js 4.x](https://nodejs.org/dist/latest-v4.x/)
-* [Node.js 0.12.x](https://nodejs.org/dist/latest-v0.12.x/)
-* [Node.js 0.10.x](https://nodejs.org/dist/latest-v0.10.x/)
-* [جميع الاصدارات](https://nodejs.org/dist/)
-
-</div>
+### هل تبحث عن آخر اصدار من فرع محدد؟
diff --git a/locale/en/download/releases.md b/locale/en/download/releases.md
@@ -7,19 +7,4 @@ modules: "<code>NODE_MODULE_VERSION</code> refers to the ABI (application binary
 ### io.js & Node.js
 Releases 1.x through 3.x were called "io.js" as they were part of the io.js fork. As of Node.js 4.0.0 the former release lines of io.js converged with Node.js 0.12.x into unified Node.js releases.
 
-<div class="highlight-box">
-
-#### Looking for latest release of a version branch?
-
-* [Node.js 13.x](https://nodejs.org/dist/latest-v13.x/)
-* [Node.js 12.x](https://nodejs.org/dist/latest-v12.x/)
-* [Node.js 11.x](https://nodejs.org/dist/latest-v11.x/)
-* [Node.js 10.x](https://nodejs.org/dist/latest-v10.x/)
-* [Node.js 8.x](https://nodejs.org/dist/latest-v8.x/)
-* [Node.js 6.x](https://nodejs.org/dist/latest-v6.x/)
-* [Node.js 4.x](https://nodejs.org/dist/latest-v4.x/)
-* [Node.js 0.12.x](https://nodejs.org/dist/latest-v0.12.x/)
-* [Node.js 0.10.x](https://nodejs.org/dist/latest-v0.10.x/)
-* [All versions](https://nodejs.org/dist/)
-
-</div>
+### Looking for latest release of a version branch?
diff --git a/locale/es/download/releases.md b/locale/es/download/releases.md
@@ -7,20 +7,4 @@ modules: "<code>NODE_MODULE_VERSION</code> se refiere al número de versión ABI
 ### io.js & Node.js
 Las versiones de la 1.x a 3.x se llamaron "io.js", ya que formaban parte del fork io.js. A partir de Node.js 4.0.0, las versiones de lanzamiento anteriores de io.js se convergieron con Node.js 0.12.x con lanzamientos unificados de Node.js.
 
-<div class="highlight-box">
-
-#### ¿Buscando las últimas versiones de una rama específica?
-
-* [Node.js 13.x](https://nodejs.org/dist/latest-v13.x/)
-* [Node.js 12.x](https://nodejs.org/dist/latest-v12.x/)
-* [Node.js 11.x](https://nodejs.org/dist/latest-v11.x/)
-* [Node.js 10.x](https://nodejs.org/dist/latest-v10.x/)
-* [Node.js 9.x](https://nodejs.org/dist/latest-v9.x/)
-* [Node.js 8.x](https://nodejs.org/dist/latest-v8.x/)
-* [Node.js 6.x](https://nodejs.org/dist/latest-v6.x/)
-* [Node.js 4.x](https://nodejs.org/dist/latest-v4.x/)
-* [Node.js 0.12.x](https://nodejs.org/dist/latest-v0.12.x/)
-* [Node.js 0.10.x](https://nodejs.org/dist/latest-v0.10.x/)
-* [Todas las versiones](https://nodejs.org/dist/)
-
-</div>
+### ¿Buscando las últimas versiones de una rama específica?
diff --git a/locale/fr/download/releases.md b/locale/fr/download/releases.md
@@ -7,19 +7,4 @@ modules: "<code>NODE_MODULE_VERSION</code> refers to the ABI (application binary
 ### io.js & Node.js
 Releases 1.x through 3.x were called "io.js" as they were part of the io.js fork. As of Node.js 4.0.0 the former release lines of io.js converged with Node.js 0.12.x into unified Node.js releases.
 
-<div class="highlight-box">
-
-#### Looking for latest release of a version branch?
-
-* [Node.js 13.x](https://nodejs.org/dist/latest-v13.x/)
-* [Node.js 12.x](https://nodejs.org/dist/latest-v12.x/)
-* [Node.js 11.x](https://nodejs.org/dist/latest-v11.x/)
-* [Node.js 10.x](https://nodejs.org/dist/latest-v10.x/)
-* [Node.js 8.x](https://nodejs.org/dist/latest-v8.x/)
-* [Node.js 6.x](https://nodejs.org/dist/latest-v6.x/)
-* [Node.js 4.x](https://nodejs.org/dist/latest-v4.x/)
-* [Node.js 0.12.x](https://nodejs.org/dist/latest-v0.12.x/)
-* [Node.js 0.10.x](https://nodejs.org/dist/latest-v0.10.x/)
-* [All versions](https://nodejs.org/dist/)
-
-</div>
+### Looking for latest release of a version branch?
diff --git a/locale/ja/download/releases.md b/locale/ja/download/releases.md
@@ -9,19 +9,4 @@ modules: "<code>NODE_MODULE_VERSION</code>は、Node.jsのABI（アプリケー
 1.x から 3.x は、io.js のフォークにより、「io.js」と呼ばれていました。
 Node.js 0.12.x と iojsの旧リリースラインは、Node.js 4.0.0 からリリースが統一されました。
 
-<div class="highlight-box">
-
-#### 最新のリリースバージョン用ブランチをお探しですか？
-
-* [Node.js 13.x](https://nodejs.org/dist/latest-v13.x/)
-* [Node.js 12.x](https://nodejs.org/dist/latest-v12.x/)
-* [Node.js 11.x](https://nodejs.org/dist/latest-v11.x/)
-* [Node.js 10.x](https://nodejs.org/dist/latest-v10.x/)
-* [Node.js 8.x](https://nodejs.org/dist/latest-v8.x/)
-* [Node.js 6.x](https://nodejs.org/dist/latest-v6.x/)
-* [Node.js 4.x](https://nodejs.org/dist/latest-v4.x/)
-* [Node.js 0.12.x](https://nodejs.org/dist/latest-v0.12.x/)
-* [Node.js 0.10.x](https://nodejs.org/dist/latest-v0.10.x/)
-* [全てのバージョン](https://nodejs.org/dist/)
-
-</div>
+### 最新のリリースバージョン用ブランチをお探しですか？
diff --git a/locale/ko/download/releases.md b/locale/ko/download/releases.md
@@ -13,19 +13,4 @@ Releases 1.x through 3.x were called "io.js" as they were part of the io.js fork
 Node.js 4.0.0에서 io.js의 이전 릴리스 라인과 Node.js 0.12.x가 합쳐져서
 하나의 Node.js 릴리스가 되었습니다.
 
-<div class="highlight-box">
-
-#### 버전별 최신 릴리스를 찾고 있나요?
-
-* [Node.js 13.x](https://nodejs.org/dist/latest-v13.x/)
-* [Node.js 12.x](https://nodejs.org/dist/latest-v12.x/)
-* [Node.js 11.x](https://nodejs.org/dist/latest-v11.x/)
-* [Node.js 10.x](https://nodejs.org/dist/latest-v10.x/)
-* [Node.js 8.x](https://nodejs.org/dist/latest-v8.x/)
-* [Node.js 6.x](https://nodejs.org/dist/latest-v6.x/)
-* [Node.js 4.x](https://nodejs.org/dist/latest-v4.x/)
-* [Node.js 0.12.x](https://nodejs.org/dist/latest-v0.12.x/)
-* [Node.js 0.10.x](https://nodejs.org/dist/latest-v0.10.x/)
-* [모든 버전](https://nodejs.org/dist/)
-
-</div>
+### 버전별 최신 릴리스를 찾고 있나요？
diff --git a/locale/pt-br/download/releases.md b/locale/pt-br/download/releases.md
@@ -7,19 +7,4 @@ modules: "<code>NODE_MODULE_VERSION</code> Se refere ao número de versão de AB
 ### io.js & Node.js
 As versões 1.x até 3.x foram chamadas de "io.js", pois faziam parte do fork do io.js. A partir do Node.js 4.0.0 as antigas linhas de lançamento do io.js convergiram com o Node.js 0.12.x para as versões unificadas do Node.js.
 
-<div class="highlight-box">
-
-#### Procurando pelo último lançamento de uma versão?
-
-* [Node.js 13.x](https://nodejs.org/dist/latest-v13.x/)
-* [Node.js 12.x](https://nodejs.org/dist/latest-v12.x/)
-* [Node.js 11.x](https://nodejs.org/dist/latest-v11.x/)
-* [Node.js 10.x](https://nodejs.org/dist/latest-v10.x/)
-* [Node.js 8.x](https://nodejs.org/dist/latest-v8.x/)
-* [Node.js 6.x](https://nodejs.org/dist/latest-v6.x/)
-* [Node.js 4.x](https://nodejs.org/dist/latest-v4.x/)
-* [Node.js 0.12.x](https://nodejs.org/dist/latest-v0.12.x/)
-* [Node.js 0.10.x](https://nodejs.org/dist/latest-v0.10.x/)
-* [Todas versões](https://nodejs.org/dist/)
-
-</div>
+### Procurando pelo último lançamento de uma versão?
diff --git a/locale/ro/download/releases.md b/locale/ro/download/releases.md
@@ -7,19 +7,4 @@ modules: "<code>NODE_MODULE_VERSION</code> refers to the ABI (application binary
 ### io.js & Node.js
 Releases 1.x through 3.x were called "io.js" as they were part of the io.js fork. As of Node.js 4.0.0 the former release lines of io.js converged with Node.js 0.12.x into unified Node.js releases.
 
-<div class="highlight-box">
-
-#### Looking for latest release of a version branch?
-
-* [Node.js 13.x](https://nodejs.org/dist/latest-v13.x/)
-* [Node.js 12.x](https://nodejs.org/dist/latest-v12.x/)
-* [Node.js 11.x](https://nodejs.org/dist/latest-v11.x/)
-* [Node.js 10.x](https://nodejs.org/dist/latest-v10.x/)
-* [Node.js 8.x](https://nodejs.org/dist/latest-v8.x/)
-* [Node.js 6.x](https://nodejs.org/dist/latest-v6.x/)
-* [Node.js 4.x](https://nodejs.org/dist/latest-v4.x/)
-* [Node.js 0.12.x](https://nodejs.org/dist/latest-v0.12.x/)
-* [Node.js 0.10.x](https://nodejs.org/dist/latest-v0.10.x/)
-* [All versions](https://nodejs.org/dist/)
-
-</div>
+### Looking for latest release of a version branch?
diff --git a/locale/ru/download/releases.md b/locale/ru/download/releases.md
@@ -7,19 +7,4 @@ modules: "<code>NODE_MODULE_VERSION</code> относится к номеру в
 ### io.js & Node.js
 Релизы от 1.x до 3.x выходили под именем "io.js", так как они были частью форка io.js. Начиная с Node.js 4.0.0, предыдущие версии io.js перешли с Node.js 0.12.x в унифицированные версии Node.js.
 
-<div class="highlight-box">
-
-#### Ищете последнюю версию ветки версии?
-
-* [Node.js 13.x](https://nodejs.org/dist/latest-v13.x/)
-* [Node.js 12.x](https://nodejs.org/dist/latest-v12.x/)
-* [Node.js 11.x](https://nodejs.org/dist/latest-v11.x/)
-* [Node.js 10.x](https://nodejs.org/dist/latest-v10.x/)
-* [Node.js 8.x](https://nodejs.org/dist/latest-v8.x/)
-* [Node.js 6.x](https://nodejs.org/dist/latest-v6.x/)
-* [Node.js 4.x](https://nodejs.org/dist/latest-v4.x/)
-* [Node.js 0.12.x](https://nodejs.org/dist/latest-v0.12.x/)
-* [Node.js 0.10.x](https://nodejs.org/dist/latest-v0.10.x/)
-* [все версии](https://nodejs.org/dist/)
-
-</div>
+### Ищете последнюю версию ветки версии?
diff --git a/locale/uk/download/releases.md b/locale/uk/download/releases.md
@@ -7,19 +7,4 @@ modules: "<code>NODE_MODULE_VERSION</code> refers to the ABI (application binary
 ### io.js та Node.js
 Релізи від 1.x до 3.x називались "io.js", оскільки вони були частиною форку io.js. Node.js 4.0.0 є загальним релізом io.js об'єднаного з Node.js 0.12.x у спільні релізи Node.js.
 
-<div class="highlight-box">
-
-#### Шукаєте останній реліз певної версії?
-
-* [Node.js 13.x](https://nodejs.org/dist/latest-v13.x/)
-* [Node.js 12.x](https://nodejs.org/dist/latest-v12.x/)
-* [Node.js 11.x](https://nodejs.org/dist/latest-v11.x/)
-* [Node.js 10.x](https://nodejs.org/dist/latest-v10.x/)
-* [Node.js 8.x](https://nodejs.org/dist/latest-v8.x/)
-* [Node.js 6.x](https://nodejs.org/dist/latest-v6.x/)
-* [Node.js 4.x](https://nodejs.org/dist/latest-v4.x/)
-* [Node.js 0.12.x](https://nodejs.org/dist/latest-v0.12.x/)
-* [Node.js 0.10.x](https://nodejs.org/dist/latest-v0.10.x/)
-* [усі версії](https://nodejs.org/dist/)
-
-</div>
+### Шукаєте останній реліз певної версії?
diff --git a/locale/zh-cn/download/releases.md b/locale/zh-cn/download/releases.md
@@ -7,19 +7,4 @@ modules: "<code>NODE_MODULE_VERSION</code> 指的是 Node.js 的 ABI (applicatio
 ### io.js 与 Node.js
 1.x 到 3.x 版本被叫做 “io.js”，因为它们属于 io.js 的分支。从 Node.js 4.0.0 开始，之前版本的 io.js 与 Node.js 0.12.x 合并到统一的 Node.js 发行版中。
 
-<div class="highlight-box">
-
-#### 正在寻找某个大版本的最新版？
-
-* [Node.js 13.x](https://nodejs.org/dist/latest-v13.x/)
-* [Node.js 12.x](https://nodejs.org/dist/latest-v12.x/)
-* [Node.js 11.x](https://nodejs.org/dist/latest-v11.x/)
-* [Node.js 10.x](https://nodejs.org/dist/latest-v10.x/)
-* [Node.js 8.x](https://nodejs.org/dist/latest-v8.x/)
-* [Node.js 6.x](https://nodejs.org/dist/latest-v6.x/)
-* [Node.js 4.x](https://nodejs.org/dist/latest-v4.x/)
-* [Node.js 0.12.x](https://nodejs.org/dist/latest-v0.12.x/)
-* [Node.js 0.10.x](https://nodejs.org/dist/latest-v0.10.x/)
-* [所有版本](https://nodejs.org/dist/)
-
-</div>
+### 正在寻找某个版本的最新版？
diff --git a/locale/zh-tw/download/releases.md b/locale/zh-tw/download/releases.md
@@ -7,19 +7,4 @@ modules: "<code>NODE_MODULE_VERSION</code> 是 Node.js ABI (application binary i
 ### io.js 與 Node.js
 1.x 到 3.x 的版本被稱為「io.js」，因為它們屬於 io.js 的分支。從 Node.js 4.0.0 開始，io.js 與 Node.js 合併到 Node.js 的發行版本中。
 
-<div class="highlight-box">
-
-#### 在找某個主要版本的最新版嗎？
-
-* [Node.js 13.x](https://nodejs.org/dist/latest-v13.x/)
-* [Node.js 12.x](https://nodejs.org/dist/latest-v12.x/)
-* [Node.js 11.x](https://nodejs.org/dist/latest-v11.x/)
-* [Node.js 10.x](https://nodejs.org/dist/latest-v10.x/)
-* [Node.js 8.x](https://nodejs.org/dist/latest-v8.x/)
-* [Node.js 6.x](https://nodejs.org/dist/latest-v6.x/)
-* [Node.js 4.x](https://nodejs.org/dist/latest-v4.x/)
-* [Node.js 0.12.x](https://nodejs.org/dist/latest-v0.12.x/)
-* [Node.js 0.10.x](https://nodejs.org/dist/latest-v0.10.x/)
-* [所有版本](https://nodejs.org/dist/)
-
-</div>
+### 在找某個主要版本的最新版嗎？
diff --git a/static/js/fancyTable.min.js b/static/js/fancyTable.min.js
diff --git a/static/js/jquery.min.js b/static/js/jquery.min.js
diff --git a/static/js/previousVersion.js b/static/js/previousVersion.js
@@ -0,0 +1,13 @@
+/* eslint-env jquery */
+
+$(function () {
+  $('#tbVersions').fancyTable({
+    pagination: true,
+    perPage: 10,
+    globalSearch: true,
+    exactMatch: true,
+    globalSearchExcludeColumns: [2, 3, 4, 6, 7],
+    sortable: false, // We don't allow sorting because it will make orders at mass
+    inputPlaceholder: 'Type versions of Node.js or npm to search (e.g: \'Node.js 14.17.5\' or \'6.14.14\' ...)'
+  })
+})
