word.plp

   1 <(common.inc.plp)><:
   2
   3 our $lang = $get{lang} || 'en';
   4 our $wordlistbase = "data/wordlist";
   5
   6 if ($Request and $Request =~ m{\A([^/]+)}) {
   7         my $name = $1;
   8         my $page = "word/$name.plp";
   9         $wordlistbase .= ".$lang";
  10         if (-e $page) {
  11                 utf8::downgrade($page); # unicode filename breaks contents encoding
  12                 Include $page;
  13         }
  14         else {
  15                 Html({
  16                         raw => join("\n", map qq(<script src="/word/$_"></script>),
  17                                 'put.min.js', 'quiz.js', "$name.js",
  18                         ),
  19                         lang => $lang,
  20                 });
  21                 say '<h1>Words</h1>';
  22                 say '<section id="gallery"></section>';
  23                 say "<script>new Word\u$name('/$wordlistbase.json')</script>";
  24         }
  25         exit;
  26 }
  27
  28 my $limit = $get{v} // (exists $get{v} ? 5 : 3);
  29
  30 Html({
  31         title => 'words cheat sheet',
  32         version => '1.0',
  33         lang => $lang,
  34         description => "Visual words",
  35         keywords => [qw'
  36                 language
  37         '],
  38         data => ["$wordlistbase.inc.pl"],
  39         raw => exists $get{q} ? <<'EOT' : undef,
  40 <style>
  41 .gallery figure {
  42         grid-row: span 1 !important;
  43         grid-column: span 1 !important;
  44 }
  45 .gallery figcaption {
  46         /* keep hover position */
  47         right: 50%;
  48         bottom: 50%;
  49         transform: translate(50%, 50%);
  50         /* hide */
  51         visibility: hidden;
  52         font-size: 0 !important;
  53 }
  54 .gallery figure:active > figcaption {
  55         visibility: visible;
  56         font-size: 175% !important;
  57 }
  58 </style>
  59 EOT
  60 });
  61
  62 if (exists $get{debug}) {
  63         say '<style>';
  64         include 'word-debug.css';
  65         say '</style>';
  66 }
  67 :>
  68 <h1>Words</h1>
  69
  70 <p>
  71 Under construction.
  72 Zie ook <a href="/dieren">dieren</a>.
  73 <a href="?q">Omit translations</a> to test.
  74 </p>
  75
  76 <:
  77 my $table = Data($wordlistbase);
  78
  79 sub showimg {
  80         my ($id, $name) = @_;
  81         my ($imgname) = $name =~ m{^([^/]+)};
  82         ($name, my @morenames) = split m{/}, $name;
  83         $name =~ s{\( ([^/]+) \)}{<small>$1</small>}x;
  84         $name .= " <small>($_)</small>" for @morenames;
  85         my $hidden = $name =~ s/\?$//;
  86         $name = "<q>$name</q>" if $name =~ s/\?$//;
  87         $name = "<figcaption>$name</figcaption>";
  88
  89         if ($id and -e (my $img = "data/word/32/$id.jpg")) {
  90                 $name .= sprintf '<img src="/%s" alt="%s" />', $img, $imgname;
  91         }
  92         return sprintf '<figure%s>%s</figure>', $hidden && !exists $get{v} && ' hidden', $name;
  93 }
  94
  95 sub printimgs {
  96         say '<ul>';
  97         for my $row (@_) {
  98                 my ($id, $level, $title) = @{$row};
  99                 $id or die "empty reference"; # assertion to prevent loops
 100                 my @type;
 101                 push @type, 'parent' if defined $table->{$id};
 102                 push @type, 'large'  if $level =~ s/c$//;
 103                 push @type, 'level'.($level || 0);
 104                 printf '<li%s>', @type ? sprintf ' class="%s"', join ' ', @type : '';
 105                 print showimg($id, $title) if $level <= $limit;
 106                 printimgs(@{$_}) for $table->{$id} // ();
 107                 print '</li>';
 108         }
 109         say '</ul>';
 110 }
 111
 112 say '<section class="gallery">';
 113 if (exists $get{q}) {
 114         my @rows;
 115         if ($Request) {
 116                 my @query = $Request;
 117                 while (@query) {
 118                         push @rows, grep { $_->[1] <= $limit } @query;
 119                         $_ = $_->[0] for @query;
 120                         @query = map {$_ ? @{$_} : ()} @{$table}{@query};
 121                 }
 122         }
 123         else {
 124                 @rows = map {ref ? @$_ : $_} values %{$table}; # flatten categories
 125         }
 126         @rows = sort { rand <=> .5 } @rows;
 127         $table = {};
 128         printimgs(@rows);
 129 }
 130 elsif ($Request and $Request =~ /^\d+$/) {
 131         printimgs([$Request]);
 132 }
 133 else {
 134         printimgs($table->{''}->[0]);
 135 }
 136 say '</section>';