From 48fa35d13af915ade635704071bbda4253daadef Mon Sep 17 00:00:00 2001
From: =?utf8?q?Joshua=20R=C3=BCsweg?= <josh@bastelstu.be>
Date: Mon, 28 Jan 2019 18:00:25 +0100
Subject: [PATCH] Add support for uploads in the acp See #2825

---
 syncTemplates.json                            |  2 +
 .../files/acp/templates/__uploadFormField.tpl |  5 ++
 .../acp/templates/uploadFieldComponent.tpl    | 48 +++++++++++++++++++
 .../acp/action/AJAXFileDeleteAction.class.php | 13 +++++
 .../acp/action/AJAXFileUploadAction.class.php | 13 +++++
 5 files changed, 81 insertions(+)
 create mode 100644 wcfsetup/install/files/acp/templates/__uploadFormField.tpl
 create mode 100644 wcfsetup/install/files/acp/templates/uploadFieldComponent.tpl
 create mode 100644 wcfsetup/install/files/lib/acp/action/AJAXFileDeleteAction.class.php
 create mode 100644 wcfsetup/install/files/lib/acp/action/AJAXFileUploadAction.class.php

diff --git a/syncTemplates.json b/syncTemplates.json
index 1cab808a55..a2097268ce 100644
--- a/syncTemplates.json
+++ b/syncTemplates.json
@@ -34,6 +34,7 @@
     "__tabTabMenuFormContainer",
     "__tagFormField",
     "__textFormField",
+    "__uploadFormField",
     "__userFormField",
     "__usernameFormField",
     "__valueFormFieldDependency",
@@ -62,6 +63,7 @@
     "sitemapEnd",
     "sitemapStart",
     "trophyImage",
+    "uploadFieldComponent",
     "userConditions",
     "userOptionsCondition",
     "worker",
diff --git a/wcfsetup/install/files/acp/templates/__uploadFormField.tpl b/wcfsetup/install/files/acp/templates/__uploadFormField.tpl
new file mode 100644
index 0000000000..83bcc45a13
--- /dev/null
+++ b/wcfsetup/install/files/acp/templates/__uploadFormField.tpl
@@ -0,0 +1,5 @@
+{include file='__formFieldHeader'}
+
+{@$__wcf->getUploadHandler()->renderField($field->getPrefixedId())}
+
+{include file='__formFieldFooter'}
diff --git a/wcfsetup/install/files/acp/templates/uploadFieldComponent.tpl b/wcfsetup/install/files/acp/templates/uploadFieldComponent.tpl
new file mode 100644
index 0000000000..3fa0ea00d7
--- /dev/null
+++ b/wcfsetup/install/files/acp/templates/uploadFieldComponent.tpl
@@ -0,0 +1,48 @@
+{if !$uploadField->supportMultipleFiles() && $uploadField->isImageOnly()}
+	<div class="selectedImagePreview uploadedFile" id="{$uploadFieldId}uploadFileList" data-internal-id="{$uploadField->getInternalId()}">{*
+		*}{if !$uploadFieldFiles|empty}{*
+			*}{assign var="file" value=$uploadFieldFiles|reset}{*
+			*}<img src="{$file->getImage()}" alt="" class="previewImage" id="{$uploadFieldId}Image" style="max-width: 100%" data-unique-file-id="{$file->getUniqueFileId()}">{*
+		*}
+			<ul class="buttonGroup"></ul>
+		{/if}{*
+	*}</div>
+{else}
+	<div class="formUploadHandlerContent">
+		<ul class="formUploadHandlerList" id="{$uploadFieldId}uploadFileList" data-internal-id="{$uploadField->getInternalId()}">
+			{foreach from=$uploadFieldFiles item=file}
+				<li class="box64 uploadedFile" data-unique-file-id="{$file->getUniqueFileId()}">
+					<span class="icon icon64 fa-{$file->getIconName()}"></span>
+					
+					<div>
+						<div>
+							<p>{$file->getFilename()}</p>
+							<small>{@$file->filesize|filesize}</small>
+						</div>
+						
+						<ul class="buttonGroup"></ul>
+					</div>
+				</li>
+			{/foreach}
+		</ul>
+	</div>
+{/if}
+
+<div id="{$uploadFieldId}UploadButtonDiv" class="uploadButtonDiv"></div>
+
+<input type="hidden" name="{$uploadFieldId}" value="{$uploadField->getInternalId()}">
+
+<script data-relocate="true">
+	require(['WoltLabSuite/Core/Ui/File/Upload', 'Language'], function(Upload, Language) {
+		new Upload("{$uploadFieldId}UploadButtonDiv", "{$uploadFieldId}uploadFileList", {
+			internalId: '{$uploadField->getInternalId()}',
+			{if $uploadField->getMaxFiles()}maxFiles: {$uploadField->getMaxFiles()},{/if}
+			imagePreview: {if !$uploadField->supportMultipleFiles() && $uploadField->isImageOnly()}true{else}false{/if}
+		});
+		
+		Language.addObject({
+			'wcf.upload.error.reachedRemainingLimit': '{lang}wcf.upload.error.reachedRemainingLimit{/lang}',
+			'wcf.upload.error.noImage': '{lang}wcf.upload.error.noImage{/lang}'
+		});
+	});
+</script>
\ No newline at end of file
diff --git a/wcfsetup/install/files/lib/acp/action/AJAXFileDeleteAction.class.php b/wcfsetup/install/files/lib/acp/action/AJAXFileDeleteAction.class.php
new file mode 100644
index 0000000000..48729662e1
--- /dev/null
+++ b/wcfsetup/install/files/lib/acp/action/AJAXFileDeleteAction.class.php
@@ -0,0 +1,13 @@
+<?php
+namespace wcf\acp\action;
+
+/**
+ * Action to delete files in the acp.
+ *
+ * @author	Joshua Ruesweg
+ * @copyright	2001-2018 WoltLab GmbH
+ * @license	GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @package	WoltLabSuite\Core\Acp\Action
+ * @since	5.2
+ */
+class AJAXFileDeleteAction extends \wcf\action\AJAXFileDeleteAction { }
diff --git a/wcfsetup/install/files/lib/acp/action/AJAXFileUploadAction.class.php b/wcfsetup/install/files/lib/acp/action/AJAXFileUploadAction.class.php
new file mode 100644
index 0000000000..ad01d02aeb
--- /dev/null
+++ b/wcfsetup/install/files/lib/acp/action/AJAXFileUploadAction.class.php
@@ -0,0 +1,13 @@
+<?php
+namespace wcf\acp\action;
+
+/**
+ * Action to upload files in the acp.
+ *
+ * @author	Joshua Ruesweg
+ * @copyright	2001-2018 WoltLab GmbH
+ * @license	GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @package	WoltLabSuite\Core\Acp\Action
+ * @since	5.2
+ */
+class AJAXFileUploadAction extends \wcf\action\AJAXFileUploadAction { }
-- 
2.20.1