| 104 |
sub start_section ($%) { |
sub start_section ($%) { |
| 105 |
my ($self, %opt) = @_; |
my ($self, %opt) = @_; |
| 106 |
|
|
| 107 |
|
my $class = 'section'; |
| 108 |
if (defined $opt{role}) { |
if (defined $opt{role}) { |
| 109 |
if ($opt{role} eq 'parse-errors') { |
if ($opt{role} eq 'parse-errors') { |
| 110 |
$opt{id} ||= 'parse-errors'; |
$opt{id} ||= 'parse-errors'; |
| 111 |
$opt{title} ||= 'Parse Errors Section'; |
$opt{title} ||= 'Parse Errors Section'; |
| 112 |
$opt{short_title} ||= 'Parse Errors'; |
$opt{short_title} ||= 'Parse Errors'; |
| 113 |
|
$class .= ' errors'; |
| 114 |
delete $opt{role}; |
delete $opt{role}; |
| 115 |
} elsif ($opt{role} eq 'structure-errors') { |
} elsif ($opt{role} eq 'structure-errors') { |
| 116 |
$opt{id} ||= 'document-errors'; |
$opt{id} ||= 'document-errors'; |
| 117 |
$opt{title} ||= 'Structural Errors'; |
$opt{title} ||= 'Structural Errors'; |
| 118 |
$opt{short_title} ||= 'Struct. Errors'; |
$opt{short_title} ||= 'Struct. Errors'; |
| 119 |
|
$class .= ' errors'; |
| 120 |
|
delete $opt{role}; |
| 121 |
|
} elsif ($opt{role} eq 'transfer-errors') { |
| 122 |
|
$opt{id} ||= 'transfer-errors'; |
| 123 |
|
$opt{title} ||= 'Transfer Errors'; |
| 124 |
|
$opt{short_title} ||= 'Trans. Errors'; |
| 125 |
|
$class .= ' errors'; |
| 126 |
delete $opt{role}; |
delete $opt{role}; |
| 127 |
} elsif ($opt{role} eq 'reformatted') { |
} elsif ($opt{role} eq 'reformatted') { |
| 128 |
$opt{id} ||= 'document-tree'; |
$opt{id} ||= 'document-tree'; |
| 129 |
$opt{title} ||= 'Reformatted Document Source'; |
$opt{title} ||= 'Reformatted Document Source'; |
| 130 |
$opt{short_title} ||= 'Reformatted'; |
$opt{short_title} ||= 'Reformatted'; |
| 131 |
|
$class .= ' dump'; |
| 132 |
delete $opt{role} |
delete $opt{role} |
| 133 |
} elsif ($opt{role} eq 'tree') { |
} elsif ($opt{role} eq 'tree') { |
| 134 |
$opt{id} ||= 'document-tree'; |
$opt{id} ||= 'document-tree'; |
| 135 |
$opt{title} ||= 'Document Tree'; |
$opt{title} ||= 'Document Tree'; |
| 136 |
$opt{short_title} ||= 'Tree'; |
$opt{short_title} ||= 'Tree'; |
| 137 |
|
$class .= ' dump'; |
| 138 |
delete $opt{role}; |
delete $opt{role}; |
| 139 |
} elsif ($opt{role} eq 'structure') { |
} elsif ($opt{role} eq 'structure') { |
| 140 |
$opt{id} ||= 'document-structure'; |
$opt{id} ||= 'document-structure'; |
| 141 |
$opt{title} ||= 'Document Structure'; |
$opt{title} ||= 'Document Structure'; |
| 142 |
$opt{short_title} ||= 'Structure'; |
$opt{short_title} ||= 'Structure'; |
| 143 |
|
$class .= ' dump'; |
| 144 |
|
delete $opt{role}; |
| 145 |
|
} elsif ($opt{role} eq 'subdoc') { |
| 146 |
|
$class .= ' subdoc'; |
| 147 |
|
delete $opt{role}; |
| 148 |
|
} elsif ($opt{role} eq 'source') { |
| 149 |
|
$opt{id} ||= 'source-string'; |
| 150 |
|
$opt{title} ||= 'Document Source'; |
| 151 |
|
$opt{short_title} ||= 'Source'; |
| 152 |
|
$class .= ' source'; |
| 153 |
|
delete $opt{role}; |
| 154 |
|
} elsif ($opt{role} eq 'result') { |
| 155 |
|
$opt{id} ||= 'result-summary'; |
| 156 |
|
$opt{title} ||= 'Result'; |
| 157 |
|
$class .= ' result'; |
| 158 |
delete $opt{role}; |
delete $opt{role}; |
| 159 |
} |
} |
| 160 |
} |
} |
| 161 |
|
|
| 162 |
$self->{section_rank}++; |
$self->{section_rank}++; |
| 163 |
$self->html ('<div class=section'); |
$self->html (qq[<div class="$class"]); |
| 164 |
if (defined $opt{id}) { |
if (defined $opt{id}) { |
| 165 |
my $id = $self->input->id_prefix . $opt{id}; |
my $prefix = $self->input->id_prefix; |
| 166 |
|
$opt{parent_id} ||= $prefix; |
| 167 |
|
my $id = $prefix . $opt{id}; |
| 168 |
$self->html (' id="' . $htescape->($id) . '">'); |
$self->html (' id="' . $htescape->($id) . '">'); |
| 169 |
if ($self->{section_rank} == 2) { |
if ($self->{section_rank} == 2 or length $opt{parent_id}) { |
| 170 |
my $st = $opt{short_title} || $opt{title}; |
my $st = $opt{short_title} || $opt{title}; |
| 171 |
push @{$self->{nav}}, |
push @{$self->{nav}}, |
| 172 |
[$id => $st => $opt{text}]; |
[$id => $st => $opt{text}]; |
| 173 |
|
|
| 174 |
$self->start_tag ('script'); |
$self->start_tag ('script'); |
| 175 |
$self->html (qq[ addSectionLink ('] . $self->input->id_prefix . |
$self->html (qq[ addSectionLink ('$id', ']); |
|
qq[$id', ']); |
|
| 176 |
$self->nl_text ($st, text => $opt{text}); |
$self->nl_text ($st, text => $opt{text}); |
| 177 |
|
if (defined $opt{parent_id}) { |
| 178 |
|
$self->html (q[', '] . $opt{parent_id}); |
| 179 |
|
} |
| 180 |
$self->html (q[') ]); |
$self->html (q[') ]); |
| 181 |
$self->end_tag ('script'); |
$self->end_tag ('script'); |
| 182 |
} |
} |
| 484 |
my $options = sub ($) { |
my $options = sub ($) { |
| 485 |
my $context = shift; |
my $context = shift; |
| 486 |
|
|
| 487 |
$out->html (q[<div class=details><p class=legend onclick="nextSibling.style.display = nextSibling.style.display == 'none' ? 'block' : 'none'">]); |
$out->html (q[<div class="details default"><p class=legend onclick="nextSibling.style.display = nextSibling.style.display == 'block' ? 'none' : 'block'; parentNode.className = nextSibling.style.display == 'none' ? 'details' : 'details open'">]); |
| 488 |
$out->nl_text (q[Options]); |
$out->nl_text (q[Options]); |
| 489 |
$out->start_tag ('div'); |
$out->start_tag ('div'); |
| 490 |
|
|
| 562 |
}; # $options |
}; # $options |
| 563 |
|
|
| 564 |
$out->start_section (id => 'input', title => 'Input'); |
$out->start_section (id => 'input', title => 'Input'); |
| 565 |
|
$out->html (q[<script> insertNavSections ('input') </script>]); |
| 566 |
|
|
| 567 |
$out->start_section (id => 'input-url', title => 'By URL'); |
$out->start_section (id => 'input-url', title => 'By URL', |
| 568 |
|
parent_id => 'input'); |
| 569 |
$out->start_tag ('form', action => './#result-summary', |
$out->start_tag ('form', action => './#result-summary', |
| 570 |
'accept-charset' => 'utf-8', |
'accept-charset' => 'utf-8', |
| 571 |
method => 'get'); |
method => 'get'); |
| 581 |
value => $cgi->get_parameter ('uri')); |
value => $cgi->get_parameter ('uri')); |
| 582 |
$out->end_tag ('label'); |
$out->end_tag ('label'); |
| 583 |
|
|
|
$options->('url'); |
|
|
|
|
| 584 |
$out->start_tag ('p'); |
$out->start_tag ('p'); |
| 585 |
$out->start_tag ('button', type => 'submit'); |
$out->start_tag ('button', type => 'submit'); |
| 586 |
$out->nl_text ('Check'); |
$out->nl_text ('Check'); |
| 587 |
|
$out->end_tag ('button'); |
| 588 |
|
|
| 589 |
|
$options->('url'); |
| 590 |
|
|
| 591 |
$out->end_tag ('form'); |
$out->end_tag ('form'); |
| 592 |
$out->end_section; |
$out->end_section; |
| 595 |
|
|
| 596 |
## TODO: File upload |
## TODO: File upload |
| 597 |
|
|
| 598 |
$out->start_section (id => 'input-text', title => 'By direct input'); |
$out->start_section (id => 'input-text', title => 'By direct input', |
| 599 |
|
parent_id => 'input'); |
| 600 |
$out->start_tag ('form', action => './#result-summary', |
$out->start_tag ('form', action => './#result-summary', |
| 601 |
'accept-charset' => 'utf-8', |
'accept-charset' => 'utf-8', |
| 602 |
method => 'post'); |
method => 'post'); |
| 614 |
$out->end_tag ('textarea'); |
$out->end_tag ('textarea'); |
| 615 |
$out->end_tag ('label'); |
$out->end_tag ('label'); |
| 616 |
|
|
|
$options->('text'); |
|
|
|
|
| 617 |
$out->start_tag ('p'); |
$out->start_tag ('p'); |
| 618 |
$out->start_tag ('button', type => 'submit', |
$out->start_tag ('button', type => 'submit', |
| 619 |
onclick => 'form.method = form.s.value.length > 512 ? "post" : "get"'); |
onclick => 'form.method = form.s.value.length > 512 ? "post" : "get"'); |
| 620 |
$out->nl_text ('Check'); |
$out->nl_text ('Check'); |
| 621 |
$out->end_tag ('button'); |
$out->end_tag ('button'); |
| 622 |
|
|
| 623 |
|
$options->('text'); |
| 624 |
|
|
| 625 |
$out->end_tag ('form'); |
$out->end_tag ('form'); |
| 626 |
$out->end_section; |
$out->end_section; |
| 627 |
|
|
| 628 |
|
$out->script (q[ |
| 629 |
|
if (!document.webhaccNavigated && |
| 630 |
|
document.getElementsByTagName ('textarea')[0].value.length > 0) { |
| 631 |
|
showTab ('input-text'); |
| 632 |
|
document.webhaccNavigated = false; |
| 633 |
|
} |
| 634 |
|
]); |
| 635 |
|
|
| 636 |
$out->end_section; |
$out->end_section; |
| 637 |
} # generate_input_section |
} # generate_input_section |
| 638 |
|
|