better display of the table

use flexbox do have adaptive layout (responsive design)
enable viewport (mobile view)
don't show all language as default, you can click on a arrow to see them

1 files changed, 10 insertions, 10 deletions

diff --git a/en/doc/doc.php b/en/doc/doc.php
index f15cf7c8f..a0e3f0383 100644
--- a/en/doc/doc.php
+++ b/en/doc/doc.php
@@ -78,7 +78,7 @@ function doc_list($documentation_name, $type, $version)
     $other_languages_present = FALSE;
     $note_printed = FALSE;
     $table = PHP_EOL . '<table class="dlt2 dlinfo"  style="font-size: 10pt;">' . PHP_EOL;
-    $table .= "\t<tbody>" . PHP_EOL;
+
     foreach ($documentation[$type][$version] as $lng) {
         // hopefully temporary exception for pt-br as convention for lang-abbrev in /langs.inc.php is different as link in doc.mageia.org
         $lng_name = $langs[locale_underscore_to_hyphen($lng)];
@@ -125,12 +125,12 @@ function doc_list($documentation_name, $type, $version)
     if ($your_language_present) {
         $text_your_language = '<span style="font-weight:bold">' . _r('Documentation in your language:') . '</span><br/>';
         if ($other_languages_present) {
-            $text_others = '<span style="font-weight:bold">' . _r('Other languages:') . '</span>';
+            $text_others = '<span style="font-weight:bold">' . _r('Other languages: ') . '<a href="#table-'.$name.'" onclick="toggle_visibility(\'table-'.$name.'\');"> &#x2198; </a></span>';
         }
-        $table .= sprintf("\t\t<tr><td>%s</td></tr>" . PHP_EOL .
-                        "\t\t<tr><td>&nbsp;</td></tr>" . PHP_EOL .
-                        "\t\t<tr><td>%s</td></tr>" . PHP_EOL,
-                        $your_language, $text_others);
+        $table .= sprintf("\t<caption>%s</caption>" . PHP_EOL .
+                        "\t<thead><tr><th>%s</th></tr></thead>" . PHP_EOL .
+                        '<tbody id="table-%s">' . PHP_EOL ,
+                        $your_language, $text_others, $name);
     } else {
         foreach($documentation[$type] as $single_version => $all_languages) {
             if($single_version < $version && in_array($link_locale, $all_languages)) {
@@ -143,10 +143,10 @@ function doc_list($documentation_name, $type, $version)
             }
         }
         $text_your_language = _r('Please help <a href="../community/">us</a> translate it in your language.') . '<br/>';
-        $table .= sprintf("\t\t<tr><td>%s</td></tr>" . PHP_EOL .
-                        "\t\t<tr><td>%s</td></tr>" . PHP_EOL . '%s' .
-                        "\t\t<tr><td>&nbsp;</td></tr>" . PHP_EOL,
-                        '<span style="font-weight:bold">' . $documentation_name . '</span>', $text_your_language, $language_present_before);
+        $table .= sprintf("\t<caption>%s<br/>" . PHP_EOL .
+                        "\t%s<span style=\"font-weight:bold\"><a href=\"#\" onclick=\"toggle_visibility('table-$name');\"> &#x2198; </a></span></caption>" . PHP_EOL . '%s' .
+                        "\t<tbody id=table-%s>" . PHP_EOL ,
+                        '<span style="font-weight:bold">' . $documentation_name . '</span>', $text_your_language, $language_present_before, $name);
     }
     foreach ($others as $other_languages) {
         $table .= sprintf("\t\t<tr><td>%s</td></tr>" . PHP_EOL, $other_languages);