X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/3d0e1e761a53934cfdadf6e7e28ced4ec6e603e3..d91598a4f20dc03e12905d7c15e63bfa16116529:/writer.plp
diff --git a/writer.plp b/writer.plp
index f4819b7..d716754 100644
--- a/writer.plp
+++ b/writer.plp
@@ -15,25 +15,27 @@ form > ul {
display: table;
border-spacing: 0 2px;
}
-form > ul li {
+form > ul > li {
display: table-row;
}
-form > ul li > * {
+form > ul > li > * {
display: table-cell;
padding-right: .5em;
}
-form > ul li > label {
+form > ul > li > label {
/* th */
text-align: right;
}
-form > ul li > label + * {
+form > ul > li > label + * {
/* td */
- width: 32em;
+ width: 40em;
}
-input:not([type]) {
+input,select {
box-sizing: border-box;
- width: 100%;
+ flex-grow: 1;
+}
+input:not([type=submit]) {
padding: .4rem;
font-family: monospace;
}
@@ -43,6 +45,11 @@ input[type=number] {
select {
padding: .3rem .2rem; /* TODO: input */
}
+#thumbpreview {
+ width: 300px;
+ align-self: start;
+ flex-shrink: 0;
+}
ul.popup {
display: flex;
@@ -64,7 +71,7 @@ h1 {
}
.inline {
display: inline-flex;
- align-items: start;
+ align-items: baseline;
margin: 0 -1ex; /* inner gap */
}
.inline > * {
@@ -72,11 +79,15 @@ h1 {
}
.inline .inline {
display: flex;
+ margin: 0;
}
-
-#nav {
- -margin-left: 1em; /* flex gap */
+.inline.multiinput {
+ flex-wrap: wrap;
+}
+.multiinput > input {
+ width: 10em;
}
+
#nav > ul,
#nav > ul strong,
#nav form {
@@ -101,21 +112,35 @@ my $db = eval {
pg_enable_utf8 => 1,
});
} or Abort('Database error', 501, $@);
+$db->abstract->{array_datatypes}++;
-my @wordcols = (
- lang => 'Language',
- cat => 'Category',
- ref => undef, # included with cat
- grade => undef, # "
- prio => 'Level',
- cover => undef, # included with prio
- form => 'Translation',
- alt => 'Synonyms',
- wptitle => 'Wikipedia',
- source => 'Image',
- thumb => 'Convert options',
+my %lang = (
+ nl => ["\N{REGIONAL INDICATOR SYMBOL LETTER N}\N{REGIONAL INDICATOR SYMBOL LETTER L}", 'nederlands'],
+ en => ["\N{REGIONAL INDICATOR SYMBOL LETTER G}\N{REGIONAL INDICATOR SYMBOL LETTER B}", 'english'],
+ eo => ['â
', 'esperanto'],
+ ru => ["\N{REGIONAL INDICATOR SYMBOL LETTER R}\N{REGIONAL INDICATOR SYMBOL LETTER U}", 'ÑÑÑÑкий'],
+);
+my @wordcols = pairkeys
+my %wordcol = (
+ lang => {-label => 'Language', -select => {
+ map { $_ => "@{$lang{$_}}" } keys %lang
+ }},
+ cat => [{-label => 'Category'}, 'ref'],
+ ref => {-label => 'Reference'},
+ prio => [
+ {-label => 'Level', -select => [qw(
+ essential basic common distinctive rare invisible
+ )]},
+ 'cover', 'grade',
+ ],
+ cover => {-label => 'Highlighted', type => 'checkbox'},
+ grade => {-label => 'Order', type => 'number'},
+ form => {-label => 'Title'},
+ alt => {-label => 'Synonyms', -multiple => 1},
+ wptitle => {-label => 'Wikipedia'},
+ source => {-label => 'Image'},
+ thumb => {-label => 'Convert options', -multiple => 1},
);
-my @prioenum = qw( essential basic common distinctive rare invisible );
my ($find) = map {{id => $_}} $fields{id} || $Request || ();
my $row;
@@ -128,9 +153,31 @@ if (exists $get{copy}) {
$row = {%{$row}{ qw(prio lang cat) }};
}
elsif ($ENV{REQUEST_METHOD} eq 'POST') {{
+ sub parseinput {
+ return if not length $_[0];
+ require Encode;
+ return Encode::decode_utf8($_[0]);
+ }
+
my $replace = $row;
- $row = {%post{ pairkeys @wordcols }};
- $_ = length ? $_ : undef for values %{$row};
+ $row = {map { $_ =>
+ ref $wordcol{$_} eq 'HASH' && $wordcol{$_}->{-multiple} ?
+ [ map { parseinput($_) } $post{'@'.$_}->@* ] :
+ scalar parseinput($post{$_})
+ } keys %wordcol};
+
+ if (!$row->{form}) {
+ if ($row->{ref} ne 'delete') {
+ Alert("Empty title",
+ "Confirm removal by setting Reference to delete
."
+ );
+ }
+ else {
+ $db->delete(word => $find);
+ Alert("Entry removed");
+ }
+ next;
+ }
eval {
my %res = (returning => '*');
@@ -142,7 +189,21 @@ elsif ($ENV{REQUEST_METHOD} eq 'POST') {{
next;
};
- my $imgpath = "data/word/org/$row->{id}.jpg";
+ eval {
+ while (my ($lang, $val) = each %post) {
+ my $field = $lang;
+ $lang =~ s/^trans-// or next;
+ $db->insert(word => {
+ ref => $row->{id},
+ lang => $lang,
+ form => $_,
+ }) for parseinput($val);
+ delete $fields{$field};
+ }
+ return 1;
+ } or Alert('Error creating translation entries', $@);
+
+ my $imgpath = Shiar_Sheet::FormRow::imagepath($row, 'source');
my $reimage = eval {
($row->{source} // '') ne ($replace->{source} // '') or return;
# copy changed remote url to local file
@@ -161,11 +222,24 @@ elsif ($ENV{REQUEST_METHOD} eq 'POST') {{
$reimage ||= $row->{cover} ~~ $replace->{cover}; # resize
$reimage++ if $fields{rethumb}; # force refresh
- my $thumbpath = "data/word/eng/$row->{form}.jpg";
+ my $thumbpath = Shiar_Sheet::FormRow::imagepath($row => 'thumb');
if ($reimage) {
if (-e $imgpath) {
my $xyres = $row->{cover} ? '600x400' : '300x200';
my @cmds = @{ $row->{thumb} // [] };
+ if (my ($cmdarg) = grep { $cmds[$_] eq '-area' } 0 .. $#cmds) {
+ # replace option by permillage crop
+ my @dim = map { $_ / 1000 } split /\D/, $cmds[$cmdarg + 1];
+ splice @cmds, $cmdarg, 2, (
+ -set => 'option:distort:viewport' => sprintf(
+ '%%[fx:w*%s]x%%[fx:h*%s]+%%[fx:w*%s]+%%[fx:h*%s]',
+ ($dim[2] || 1) - $dim[0], # width = x2 - x1
+ ($dim[3] || 1) - $dim[1], # height = y2 - y1
+ @dim[0, 1] # offset = x1,y1
+ ),
+ -distort => SRT => 0, # noop transform to apply viewport
+ );
+ }
@cmds = (
'convert',
-delete => '1--1', -background => 'white',
@@ -197,6 +271,68 @@ else {
}
my $title = $row->{id} ? "entry #$row->{id}" : 'new entry';
+
+package Shiar_Sheet::FormRow {
+ use PLP::Functions 'EscapeHTML';
+
+ sub input {
+ my ($row, $col, $attr) = @_;
+ my $val = $row->{$col} // '';
+ my $html = '';
+ $html .= qq( $_="$attr->{$_}") for sort grep {!/^-/} keys %{$attr // {}};
+
+ if (my $options = $attr->{-select}) {
+ $options = { map {$_ => $options->[$_]} 0 .. $#{$options} }
+ if ref $options eq 'ARRAY';
+ $options->{$val} //= "unknown ($val)"; # preserve current
+ return (
+ sprintf('',
+ );
+ }
+ elsif ($attr->{type} eq 'checkbox') {
+ $html .= ' checked' if $val;
+ return sprintf(
+ join('',
+ '',
+ ), $col, $html, $attr->{-label}
+ );
+ }
+ else {
+ return (
+ (map {
+ sprintf('', $col, $_)
+ } $attr->{-label} // ()),
+ ref $val ne 'ARRAY' ? () : '',
+ (map {
+ sprintf('', $col, EscapeHTML($_))
+ } ref $val eq 'ARRAY' ? @{$val} : ()),
+ sprintf('',
+ $col, ref $val eq 'ARRAY' ? '' : EscapeHTML($val), $html
+ ),
+ ref $val ne 'ARRAY' ? () : '',
+ (map {
+ sprintf '',
+ $col, $_, $row->{form}, $col eq 'source' ? ' hidden' : '';
+ } grep { -e } $row->imagepath($col)),
+ );
+ }
+ }
+
+ sub imagepath {
+ my ($row, $col) = @_;
+ return "data/word/org/$row->{id}.jpg" if $col eq 'source';
+ return "data/word/en/$row->{form}.jpg" if $col eq 'thumb';
+ return;
+ }
+}
+bless $row, 'Shiar_Sheet::FormRow';
:>
', $col, $title; printf ''; - if ($col eq 'prio') { - printf ''; + print $row->input($col => $attr); + print $row->input($_ => delete $wordcol{$_}) for @span; + print ''; + say '