Merge pull request #3840 from vespa-engine/vadim/native-ranking-list-table-replacement

Tables Fix: Convert NativeRank reference page tables to lists

Author: kkraune

en/reference/nativerank.html

@@ -866,7 +866,9 @@ <h2 id="variables">Variables</h2>
 <p>
   This is a list of the common variables used in the formulas above:
 </p>
-<table class="table">
+
+<!--table-to-list-->
+<table class="table" id="nativerank-variables-table">
 <thead>
 <tr><th>Variable</th><th>Description</th></tr>
 </thead><tbody>
@@ -915,7 +917,8 @@ <h2 id="configuration-properties">Configuration properties</h2>
 <p>
 This is a comprehensive list of all the configuration properties to all native rank features:
 </p>
-<table class="table">
+<!--table-to-list-->
+<table class="table" id="native-rank-parameters-table">
 <thead>
 <tr><th>Feature</th><th>Parameter</th><th>Default</th><th>Description</th></tr>
 </thead><tbody>

js/table-list-converter.js

@@ -40,3 +40,63 @@ $(window).on('load', function() {
 
   $table.replaceWith($list);
 });
+
+/* Natve Ranking Tables */
+$(window).on('load', function() {
+    let $table = $('#nativerank-variables-table');
+    let $list = $('<ul id="variable-list"></ul>');
+  
+    $table.find('tbody tr').each(function() {
+      let $row = $(this);
+      let $tds = $row.find('td');
+  
+      if ($tds.length >= 2) {
+        let variable = $tds.eq(0).html().trim(); // Keep HTML (e.g., <em>, <sub>)
+        let description = $tds.eq(1).html().trim(); // Keep inner HTML
+  
+        let $li = $('<li style="margin-bottom: 1em;"></li>');
+        $li.append('<strong>' + variable + '</strong>');
+        $li.append('<div>' + description + '</div>');
+  
+        $list.append($li);
+      }
+    });
+  
+    $table.replaceWith($list);
+  });
+  
+  $(window).on('load', function() {
+    let $table = $('#native-rank-parameters-table');
+    let $list = $('<ul id="native-rank-parameters-list"></ul>');
+  
+    $table.find('tbody tr').each(function() {
+      let $row = $(this);
+      let $tds = $row.find('td');
+  
+      // Skip rows that span all columns (e.g., deprecated notice)
+      if ($tds.length === 1 && $tds.attr('colspan') === '4') {
+        let noticeHtml = $tds.html().trim();
+        let $li = $('<li style="list-style: none; margin: 1em 0; color: red;"></li>');
+        $li.html(noticeHtml);
+        $list.append($li);
+        return;
+      }
+  
+      if ($tds.length >= 4) {
+        let feature = $tds.eq(0).html().trim();       // Feature name (keep HTML)
+        let parameter = $tds.eq(1).html().trim();     // Parameter (keep HTML)
+        let defaultValue = $tds.eq(2).text().trim();  // Default (plain text)
+        let description = $tds.eq(3).html().trim();   // Description (keep HTML)
+  
+        let $li = $('<li style="margin-bottom: 1em;"></li>');
+        $li.append('<strong>' + feature + ' → ' + parameter + '</strong>');
+        $li.append('<div><em>Default:</em> ' + defaultValue + '</div>');
+        $li.append('<div>' + description + '</div>');
+  
+        $list.append($li);
+      }
+    });
+  
+    $table.replaceWith($list);
+  });
+