upload microhtml

This commit is contained in:
Shish 2021-12-14 18:10:15 +00:00
parent 5f771c0138
commit 217a36a8c5
4 changed files with 163 additions and 133 deletions

View file

@ -2,23 +2,38 @@
declare(strict_types=1);
use MicroHTML\HTMLElement;
use function MicroHTML\TABLE;
use function MicroHTML\TR;
use function MicroHTML\TD;
use function MicroHTML\SMALL;
use function MicroHTML\rawHTML;
use function MicroHTML\INPUT;
use function MicroHTML\emptyHTML;
use function MicroHTML\NOSCRIPT;
use function MicroHTML\DIV;
use function MicroHTML\BR;
use function MicroHTML\A;
use function MicroHTML\P;
class UploadTheme extends Themelet
{
protected bool $has_errors = false;
public function display_block(Page $page)
public function display_block(Page $page): void
{
$b = new Block("Upload", $this->build_upload_block(), "left", 20);
$b = new Block("Upload", (string)$this->build_upload_block(), "left", 20);
$b->is_content = false;
$page->add_block($b);
}
public function display_full(Page $page)
public function display_full(Page $page): void
{
$page->add_block(new Block("Upload", "Disk nearly full, uploads disabled", "left", 20));
}
public function display_page(Page $page)
public function display_page(Page $page): void
{
global $config, $page;
@ -26,75 +41,69 @@ class UploadTheme extends Themelet
$max_size = $config->get_int(UploadConfig::SIZE);
$max_kb = to_shorthand_int($max_size);
$upload_list = $this->h_upload_list_1();
$html = "
".make_form(make_link("upload"), "POST", $multipart=true, 'file_upload')."
<table id='large_upload_form' class='vert'>
<tr><td width='20'>Common&nbsp;Tags<td colspan='5'><input name='tags' type='text' placeholder='tagme' class='autocomplete_tags' autocomplete='off'></td></tr>
<tr><td>Common&nbsp;Source</td><td colspan='5'><input name='source' type='text'></td></tr>
$upload_list
<tr><td colspan='6'><input id='uploadbutton' type='submit' value='Post'></td></tr>
</table>
</form>
<small>(Max file size is $max_kb)</small>
";
$form = SHM_FORM(make_link("upload"), "POST", true, "file_upload");
$form->appendChild(
TABLE(
["id"=>"large_upload_form", "class"=>"vert"],
TR(
TD(["width"=>"20"], rawHTML("Common&nbsp;Tags")),
TD(["colspan"=>"5"], INPUT(["name"=>"tags", "type"=>"text", "placeholder"=>"tagme", "class"=>"autocomplete_tags", "autocomplete"=>"off"]))
),
TR(
TD(["width"=>"20"], rawHTML("Common&nbsp;Source")),
TD(["colspan"=>"5"], INPUT(["name"=>"source", "type"=>"text"]))
),
$upload_list,
TR(
TD(["colspan"=>"6"], INPUT(["id"=>"uploadbutton", "type"=>"submit", "value"=>"Post"]))
),
)
);
$html = emptyHTML(
$form,
SMALL("(Max file size is $max_kb)")
);
$page->set_title("Upload");
$page->set_heading("Upload");
$page->add_block(new NavBlock());
$page->add_block(new Block("Upload", $html, "main", 20));
$page->add_block(new Block("Upload", (string)$html, "main", 20));
if ($tl_enabled) {
$page->add_block(new Block("Bookmarklets", $this->h_bookmarklets(), "left", 20));
$page->add_block(new Block("Bookmarklets", (string)$this->h_bookmarklets(), "left", 20));
}
}
protected function h_upload_list_1(): string
protected function h_upload_list_1(): HTMLElement
{
global $config;
$upload_list = "";
$upload_list = emptyHTML();
$upload_count = $config->get_int(UploadConfig::COUNT);
$tl_enabled = ($config->get_string(UploadConfig::TRANSLOAD_ENGINE, "none") != "none");
$accept = $this->get_accept();
if ($tl_enabled) {
$upload_list .= "
<tr>
<td colspan='2'>Files</td>
<td colspan='2'>URLs</td>
<td colspan='2'>Post-Specific Tags</td>
</tr>
";
$upload_list->appendChild(
TR(
TD(["colspan"=>$tl_enabled ? 2 : 4], "Files"),
$tl_enabled ? TD(["colspan"=>"2"], "URLs") : emptyHTML(),
TD(["colspan"=>"2"], "Post-Specific Tags"),
)
);
for ($i=0; $i<$upload_count; $i++) {
$upload_list .= "
<tr>
<td colspan='2'><input type='file' name='data${i}[]' accept='$accept' multiple></td>
<td colspan='2'><input type='text' name='url$i'></td>
<td colspan='2'><input type='text' name='tags$i' class='autocomplete_tags' autocomplete='off'></td>
</tr>
";
}
} else {
$upload_list .= "
<tr>
<td colspan='4'>Files</td>
<td colspan='2'>Post-Specific Tags</td>
</tr>
";
for ($i=0; $i<$upload_count; $i++) {
$upload_list .= "
<tr>
<td colspan='4'><input type='file' name='data${i}[]' accept='$accept' multiple></td>
<td colspan='2'><input type='text' name='tags$i' class='autocomplete_tags' autocomplete='off'></td>
</tr>
";
}
for ($i=0; $i<$upload_count; $i++) {
$upload_list->appendChild(
TR(
TD(["colspan"=>$tl_enabled ? 2 : 4], INPUT(["type"=>"file", "name"=>"data${i}[]", "accept"=>$accept, "multiple"=>true])),
$tl_enabled ? TD(["colspan"=>"2"], INPUT(["type"=>"text", "name"=>"url${i}"])) : emptyHTML(),
TD(["colspan"=>"2"], INPUT(["type"=>"text", "name"=>"tags${i}", "class"=>"autocomplete_tags", "autocomplete"=>"off"])),
)
);
}
return $upload_list;
}
protected function h_bookmarklets(): string
protected function h_bookmarklets(): HTMLElement
{
global $config;
$link = make_http(make_link("upload"));
@ -103,45 +112,51 @@ class UploadTheme extends Themelet
$max_size = $config->get_int(UploadConfig::SIZE);
$max_kb = to_shorthand_int($max_size);
$delimiter = $config->get_bool('nice_urls') ? '?' : '&amp;';
$html = '';
$js='javascript:(
function() {
if(typeof window=="undefined" || !window.location || window.location.href=="about:blank") {
window.location = "'. $main_page .'";
}
else if(typeof document=="undefined" || !document.body) {
window.location = "'. $main_page .'?url="+encodeURIComponent(window.location.href);
}
else if(window.location.href.match("\/\/'. $_SERVER["HTTP_HOST"] .'.*")) {
alert("You are already at '. $title .'!");
}
else {
var tags = prompt("Please enter tags", "tagme");
if(tags != "" && tags != null) {
var link = "'. $link . $delimiter .'url="+location.href+"&tags="+tags;
var w = window.open(link, "_blank");
}
}
}
)();';
$html .= '<a href=\''.$js.'\'>Upload to '.$title.'</a>';
$html .= ' (Drag &amp; drop onto your bookmarks toolbar, then click when looking at a post)';
function() {
if(typeof window=="undefined" || !window.location || window.location.href=="about:blank") {
window.location = "'. $main_page .'";
}
else if(typeof document=="undefined" || !document.body) {
window.location = "'. $main_page .'?url="+encodeURIComponent(window.location.href);
}
else if(window.location.href.match("\/\/'. $_SERVER["HTTP_HOST"] .'.*")) {
alert("You are already at '. $title .'!");
}
else {
var tags = prompt("Please enter tags", "tagme");
if(tags != "" && tags != null) {
var link = "'. $link . $delimiter .'url="+location.href+"&tags="+tags;
var w = window.open(link, "_blank");
}
}
}
)();';
$html1 = P(
A(["href"=>$js], "Upload to $title"),
rawHTML(' (Drag &amp; drop onto your bookmarks toolbar, then click when looking at a post)')
);
// Bookmarklet checks if shimmie supports ext. If not, won't upload to site/shows alert saying not supported.
$supported_ext = join(" ", DataHandlerExtension::get_all_supported_exts());
$title = "Booru to " . $config->get_string(SetupConfig::TITLE);
// CA=0: Ask to use current or new tags | CA=1: Always use current tags | CA=2: Always use new tags
$html .= '<p><a href="javascript:
var ste=&quot;'. $link . $delimiter .'url=&quot;;
var supext=&quot;'.$supported_ext.'&quot;;
var maxsize=&quot;'.$max_kb.'&quot;;
var CA=0;
void(document.body.appendChild(document.createElement(&quot;script&quot;)).src=&quot;'.make_http(get_base_href())."/ext/upload/bookmarklet.js".'&quot;)
">'. $title . '</a> (Click when looking at a post page. Works on sites running Shimmie / Danbooru / Gelbooru. (This also grabs the tags / rating / source!))';
$js = '
javascript:
var ste=&quot;'. $link . $delimiter .'url=&quot;;
var supext=&quot;'.$supported_ext.'&quot;;
var maxsize=&quot;'.$max_kb.'&quot;;
var CA=0;
void(document.body.appendChild(document.createElement(&quot;script&quot;)).src=&quot;'.make_http(get_base_href())."/ext/upload/bookmarklet.js".'&quot;)
';
$html2 = P(
A(["href"=>$js], $title),
rawHTML("(Click when looking at a post page. Works on sites running Shimmie / Danbooru / Gelbooru. (This also grabs the tags / rating / source!))"),
);
return $html;
return emptyHTML($html1, $html2);
}
/**
@ -153,19 +168,19 @@ class UploadTheme extends Themelet
$tl_enabled = ($config->get_string(UploadConfig::TRANSLOAD_ENGINE, "none") != "none");
$accept = $this->get_accept();
$upload_list = "
<tr>
<td>File</td>
<td><input name='data[]' type='file' accept='$accept'></td>
</tr>
";
$upload_list = emptyHTML(
TR(
TD("File"),
TD(INPUT(["name"=>"data[]", "type"=>"file", "accept"=>$accept]))
)
);
if ($tl_enabled) {
$upload_list .="
<tr>
<td>or URL</td>
<td><input name='url' type='text'></td>
</tr>
";
$upload_list->appendChild(
TR(
TD("or URL"),
TD(INPUT(["name"=>"url", "type"=>"text"]))
)
);
}
$max_size = $config->get_int(UploadConfig::SIZE);
@ -174,27 +189,36 @@ class UploadTheme extends Themelet
$image = Image::by_id($image_id);
$thumbnail = $this->build_thumb_html($image);
$html = "
<p>Replacing Post ID ".$image_id."<br>Please note: You will have to refresh the post page, or empty your browser cache.</p>"
.$thumbnail."<br>"
.make_form(make_link("upload/replace/".$image_id), "POST", $multipart=true)."
<input type='hidden' name='image_id' value='$image_id'>
<table id='large_upload_form' class='vert'>
$upload_list
<tr><td>Source</td><td colspan='3'><input name='source' type='text'></td></tr>
<tr><td colspan='4'><input id='uploadbutton' type='submit' value='Post'></td></tr>
</table>
</form>
<small>(Max file size is $max_kb)</small>
";
$form = SHM_FORM(make_link("upload/replace/".$image_id), "POST", true);
$form->appendChild(emptyHTML(
INPUT(["type"=>"hidden", "name"=>"image_id", "value"=>$image_id]),
TABLE(
["id"=>"large_upload_form", "class"=>"vert"],
$upload_list,
TR(TD("Source"), TD(["colspan"=>3], INPUT(["name"=>"source", "type"=>"text"]))),
TR(TD(["colspan"=>4], INPUT(["id"=>"uploadbutton", "type"=>"submit", "value"=>"Post"]))),
)
));
$html = emptyHTML(
P(
"Replacing Post ID $image_id",
BR(),
"Please note: You will have to refresh the post page, or empty your browser cache."
),
$thumbnail,
BR(),
$form,
SMALL("(Max file size is $max_kb)"),
);
$page->set_title("Replace Post");
$page->set_heading("Replace Post");
$page->add_block(new NavBlock());
$page->add_block(new Block("Upload Replacement Post", $html, "main", 20));
$page->add_block(new Block("Upload Replacement Post", (string)$html, "main", 20));
}
public function display_upload_status(Page $page, array $image_ids)
public function display_upload_status(Page $page, array $image_ids): void
{
global $user;
@ -217,7 +241,7 @@ class UploadTheme extends Themelet
}
}
public function display_upload_error(Page $page, string $title, string $message)
public function display_upload_error(Page $page, string $title, string $message): void
{
// this message has intentional HTML in it...
$message = str_contains($message, "already has hash") ? $message : html_escape($message);
@ -225,7 +249,7 @@ class UploadTheme extends Themelet
$this->has_errors = true;
}
protected function build_upload_block(): string
protected function build_upload_block(): HTMLElement
{
global $config;
@ -235,17 +259,21 @@ class UploadTheme extends Themelet
$max_kb = to_shorthand_int($max_size);
// <input type='hidden' name='max_file_size' value='$max_size' />
return "
<div class='mini_upload'>
".make_form(make_link("upload"), "POST", $multipart=true)."
<input id='data[]' name='data[]' size='16' type='file' accept='$accept' multiple>
<input name='tags' type='text' placeholder='tagme' class='autocomplete_tags' required='required' autocomplete='off'>
<input type='submit' value='Post'>
</form>
<small>(Max file size is $max_kb)</small>
<noscript><br><a href='".make_link("upload")."'>Larger Form</a></noscript>
</div>
";
$form = SHM_FORM(make_link("upload"), "POST", true);
$form->appendChild(
emptyHTML(
INPUT(["id"=>"data[]", "name"=>"data[]", "size"=>"16", "type"=>"file", "accept"=>$accept, "multiple"=>true]),
INPUT(["name"=>"tags", "type"=>"text", "placeholder"=>"tagme", "class"=>"autocomplete_tags", "required"=>true, "autocomplete"=>"off"]),
INPUT(["type"=>"submit", "value"=>"Post"]),
)
);
return DIV(
["class"=>'mini_upload'],
$form,
SMALL("(Max file size is $max_kb)"),
NOSCRIPT(BR(), A(["href"=>make_link("upload")], "Larger Form"))
);
}
protected function get_accept(): string

View file

@ -4,13 +4,13 @@ declare(strict_types=1);
class CustomUploadTheme extends UploadTheme
{
public function display_block(Page $page)
public function display_block(Page $page): void
{
// this theme links to /upload
// $page->add_block(new Block("Upload", $this->build_upload_block(), "left", 20));
}
public function display_page(Page $page)
public function display_page(Page $page): void
{
$page->disable_left();
parent::display_page($page);

View file

@ -4,13 +4,13 @@ declare(strict_types=1);
class CustomUploadTheme extends UploadTheme
{
public function display_block(Page $page)
public function display_block(Page $page): void
{
// this theme links to /upload
// $page->add_block(new Block("Upload", $this->build_upload_block(), "left", 20));
}
public function display_page(Page $page)
public function display_page(Page $page): void
{
$page->disable_left();
parent::display_page($page);

View file

@ -1,19 +1,22 @@
<?php
use MicroHTML\HTMLElement;
use function MicroHTML\A;
class CustomUploadTheme extends UploadTheme
{
public function display_block(Page $page)
public function display_block(Page $page): void
{
$page->add_block(new Block("Upload", $this->build_upload_block(), "head", 20));
$page->add_block(new Block("Upload", $this->build_upload_block(), "left", 20));
}
public function display_full(Page $page)
public function display_full(Page $page): void
{
$page->add_block(new Block("Upload", "Disk nearly full, uploads disabled", "head", 20));
}
public function display_page(Page $page)
public function display_page(Page $page): void
{
parent::display_page($page);
$html = "
@ -22,9 +25,8 @@ class CustomUploadTheme extends UploadTheme
$page->add_block(new Block(null, $html, "main", 19));
}
protected function build_upload_block(): string
protected function build_upload_block(): HTMLElement
{
$url = make_link("upload");
return "<a href='$url' style='font-size: 2em; display: block;'>Upload</a>";
return A(["href"=>make_link("upload"), "style"=>'font-size: 2em; display: block;'], "Upload");
}
}