index: release v1.18 with only altgr index linked

[sheet.git] / countries.plp

diff --git a/countries.plp b/countries.plp
index 18b986073695f91c1c530520bd3dcc4ff6c667c8..efd2f256407351c0c88973d6d165ccc398e56d32 100644 (file)
--- a/countries.plp
+++ b/countries.plp
@@ -2,21 +2,22 @@
 
 Html({
        title => 'country code cheat sheet',
-       version => 'v1.1',
+       version => '1.3',
        description =>
                "Table of ISO-3166-1 country codes with the names of reserved territories.",
        keywords => [qw'country code cc tld cctld continent territory land table'],
        stylesheet => [qw'light dark circus mono red'],
+       data => ['data/countries.inc.pl'],
 });
 
 :>
 <h1>ISO-3166-1α2 Country codes</h1>
 
 <:
-my $cc = do 'countries.inc.pl';
+my $cc = Data('data/countries');
 
 {
-       printf '<table class="mcmap">';
+       printf '<table class="ccmap">';
        print '<col><colgroup span="26">';
        for my $section (qw{thead}) {
                print "<$section><tr><th>↳";
@@ -45,7 +46,7 @@ my $cc = do 'countries.inc.pl';
                                }
 
                                $cell = showflag($code) // join(' ',
-                                       map { showflag($_) || $_ } split / /, $ref
+                                       map { showflag($_) || $_ } split(/ /, $ref)
                                );
                        }
                        else {
@@ -56,7 +57,7 @@ my $cc = do 'countries.inc.pl';
                }
                print "\n";
        }
-       print "</table>\n";
+       say '</table>';
 }
 
 :>
@@ -88,3 +89,26 @@ my $cc = do 'countries.inc.pl';
        </div>
 </div>
 
+<: exit unless exists $get{v}; :>
+<script type="text/javascript"><!--
+       const table = document.querySelector('.ccmap');
+       const label = Array.prototype.map.call(table.tHead.rows[0].children, i => i.textContent);
+       const flagchr = 0x1F1E5; // regional indicator symbol letter base
+       let nowidth;
+       for (let row = 0; row < label.length; row++) {
+               for (let col = 0; col < label.length; col++) {
+                       let cell = table.rows[row].cells[col];
+                       if (!cell.className) continue;
+                       let flag = String.fromCodePoint(flagchr + row) + String.fromCodePoint(flagchr + col);
+                       cell.innerHTML = `<big>${flag}</big>&nbsp;` + cell.innerHTML;
+                       if (nowidth === undefined) {
+                               // assume AA is invalid, compare its size to validate following glyphs
+                               nowidth = cell.firstChild.offsetWidth;
+                       }
+                       if (cell.firstChild.offsetWidth == nowidth) {
+                               cell.firstChild.remove();
+                       }
+               }
+       }
+//--></script>
+