diff --git a/html_generator.php b/html_generator.php index 85eb036..ee8a5b9 100644 --- a/html_generator.php +++ b/html_generator.php @@ -54,9 +54,10 @@ " " . $content["description"] . "" . PHP_EOL . " " . $content["active_users"] . "" . PHP_EOL . " " . $content["preview_link"] . "" . PHP_EOL . - " " . substr($content["join_link"], 0, 32) . "..." . PHP_EOL . + /*" " . substr($content["join_link"], 0, 32) . "..." . PHP_EOL . " " . PHP_EOL . - " " . PHP_EOL . + " " . PHP_EOL .*/ + " " . $content["join_link"] . "" . PHP_EOL . " " . PHP_EOL; $table_lines[] = $line; } diff --git a/output/script.js b/output/script.js index 2a7f3f8..4e545b0 100644 --- a/output/script.js +++ b/output/script.js @@ -2,6 +2,18 @@ function onLoad(timestamp) { setLastChecked(timestamp); hideBadCommunities(); sortTable(2); // 2 == Name + createJoinLinkButtons(); +} + +function createJoinLinkButtons() { + elements = document.getElementsByClassName("td_join_url"); + Array.from(elements).forEach((td_element) => { + a_href = td_element.getElementsByTagName('a')[0]; // get first (only) element + join_link = a_href.getAttribute("href"); // get link + button_content = join_link.substring(0, 30) + "..."; + + td_element.innerHTML = button_content; + }); } function hideBadCommunities() { diff --git a/output/styles.css b/output/styles.css index abb0372..3775b36 100644 --- a/output/styles.css +++ b/output/styles.css @@ -11,7 +11,10 @@ .td_users { text-align: right; } #th_preview { width:19%; } #th_join_url { width:17%; } -.td_join_url { font-family: monospace; } +.td_join_url { + font-family: monospace; + white-space: nowrap; +} .copy_button { }