common: global Data() to parse perl code includes
[sheet.git] / word.plp
index 12c90b19720203f6896b4f9fa9c3fee14ccf710b..6b42866629fa8fccc8cda75e26252604868767a7 100644 (file)
--- a/word.plp
+++ b/word.plp
@@ -1,7 +1,19 @@
 <(common.inc.plp)><:
 
-my $wordlist = 'wordlist.en.inc.pl';
-my $limit = $get{v} // (exists $get{v} ? 4 : 3);
+our $lang = $get{lang} || 'en';
+our $wordlistbase = "data/wordlist";
+
+if ($Request and $Request =~ m{\A([^/]+)}) {
+       my $page = "word/$1.plp";
+       utf8::downgrade($page); # unicode filename breaks contents encoding
+       if (-e $page) {
+               $wordlistbase .= ".$lang";
+               Include $page;
+               exit;
+       }
+}
+
+my $limit = $get{v} // (exists $get{v} ? 5 : 3);
 
 Html({
        title => 'words cheat sheet',
@@ -10,11 +22,25 @@ Html({
        keywords => [qw'
                language
        '],
-       data => [$wordlist],
-       raw => <<'EOT',
+       data => ["$wordlistbase.inc.pl"],
+       raw => exists $get{q} ? <<'EOT' : undef,
 <style>
-body {
-       margin: 8px 1px;
+.gallery figure {
+       grid-row: span 1 !important;
+       grid-column: span 1 !important;
+}
+.gallery figcaption {
+       /* keep hover position */
+       right: 50%;
+       bottom: 50%;
+       transform: translate(50%, 50%);
+       /* hide */
+       visibility: hidden;
+       font-size: 0 !important;
+}
+.gallery figure:active > figcaption {
+       visibility: visible;
+       font-size: 175% !important;
 }
 </style>
 EOT
@@ -31,10 +57,11 @@ if (exists $get{debug}) {
 <p>
 Under construction.
 Zie ook <a href="/dieren">dieren</a>.
+<a href="?q">Omit translations</a> to test.
 </p>
 
 <:
-my $table = do $wordlist or die $@ // $!;
+my $table = Data($wordlistbase);
 
 sub showimg {
        my ($id, $name) = @_;
@@ -47,7 +74,7 @@ sub showimg {
        $name = "<q>$name</q>" if $name =~ s/\?$//;
        $name = "<figcaption>$name</figcaption>";
 
-       if ($id and -e (my $img = "data/word/en/$id.jpg")) {
+       if ($id and -e (my $img = "data/word/32/$id.jpg")) {
                $name .= sprintf '<img src="/%s" alt="%s" />', $img, $imgname;
        }
        return sprintf '<figure%s>%s</figure>', $hidden && !exists $get{v} && ' hidden', $name;
@@ -56,7 +83,8 @@ sub showimg {
 sub printimgs {
        say '<ul>';
        for my $row (@_) {
-               my ($id, $level, $title) = split /:/, $row, 3;
+               my ($id, $level, $title) = @{$row};
+               $id or die "empty reference"; # assertion to prevent loops
                my @type;
                push @type, 'parent' if defined $table->{$id};
                push @type, 'large'  if $level =~ s/c$//;
@@ -70,5 +98,27 @@ sub printimgs {
 }
 
 say '<section class="gallery">';
-printimgs($table->{''}->[0]);
+if (exists $get{q}) {
+       my @rows;
+       if ($Request) {
+               my @query = $Request;
+               while (@query) {
+                       push @rows, grep { $_->[1] <= $limit } @query;
+                       $_ = $_->[0] for @query;
+                       @query = map {$_ ? @{$_} : ()} @{$table}{@query};
+               }
+       }
+       else {
+               @rows = map {ref ? @$_ : $_} values %{$table}; # flatten categories
+       }
+       @rows = sort { rand <=> .5 } @rows;
+       $table = {};
+       printimgs(@rows);
+}
+elsif ($Request and $Request =~ /^\d+$/) {
+       printimgs([$Request]);
+}
+else {
+       printimgs($table->{''}->[0]);
+}
 say '</section>';