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