From 850836a13aaf10dc231baa8076ff190ca1fec1a8 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Sat, 17 Jun 2017 13:23:41 +0200
Subject: [PATCH] Added basic forms for custom options

See #2308
---
 .../files/acp/templates/contactOptionAdd.tpl  |  34 +++++
 .../files/acp/templates/customOptionAdd.tpl   | 136 ++++++++++++++++++
 wcfsetup/install/lang/de.xml                  |  31 ++++
 wcfsetup/install/lang/en.xml                  |  31 ++++
 4 files changed, 232 insertions(+)
 create mode 100644 wcfsetup/install/files/acp/templates/contactOptionAdd.tpl
 create mode 100644 wcfsetup/install/files/acp/templates/customOptionAdd.tpl

diff --git a/wcfsetup/install/files/acp/templates/contactOptionAdd.tpl b/wcfsetup/install/files/acp/templates/contactOptionAdd.tpl
new file mode 100644
index 0000000000..1468dd6719
--- /dev/null
+++ b/wcfsetup/install/files/acp/templates/contactOptionAdd.tpl
@@ -0,0 +1,34 @@
+{include file='header' pageTitle='wcf.acp.contact.option.'|concat:$action}
+
+<header class="contentHeader">
+	<div class="contentHeaderTitle">
+		<h1 class="contentTitle">{lang}wcf.acp.contact.option.{@$action}{/lang}</h1>
+	</div>
+	
+	<nav class="contentHeaderNavigation">
+		<ul>
+			<li><a href="{link controller='ContactSettings'}{/link}" class="button"><span class="icon icon16 fa-list"></span> <span>{lang}wcf.acp.menu.link.contact.settings{/lang}</span></a></li>
+			
+			{event name='contentHeaderNavigation'}
+		</ul>
+	</nav>
+</header>
+
+{include file='formError'}
+
+{if $success|isset}
+	<p class="success">{lang}wcf.global.success.{$action}{/lang}</p>
+{/if}
+
+<form method="post" action="{if $action === 'add'}{link controller='ContactOptionAdd'}{/link}{else}{link controller='ContactOptionEdit' id=$optionID}{/link}{/if}">
+	{include file='customOptionAdd'}
+	
+	{event name='sections'}
+	
+	<div class="formSubmit">
+		<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s">
+		{@SECURITY_TOKEN_INPUT_TAG}
+	</div>
+</form>
+
+{include file='footer'}
diff --git a/wcfsetup/install/files/acp/templates/customOptionAdd.tpl b/wcfsetup/install/files/acp/templates/customOptionAdd.tpl
new file mode 100644
index 0000000000..c9db2b2dab
--- /dev/null
+++ b/wcfsetup/install/files/acp/templates/customOptionAdd.tpl
@@ -0,0 +1,136 @@
+<script data-relocate="true">
+	$(function() {
+		var $optionTypesUsingSelectOptions = [{implode from=$optionTypesUsingSelectOptions item=optionTypeUsingSelectOptions}'{@$optionTypeUsingSelectOptions}'{/implode}];
+		
+		$('#optionType').change(function(event) {
+			var $value = $(event.currentTarget).val();
+			if (WCF.inArray($value, $optionTypesUsingSelectOptions)) {
+				$('#selectOptionsDL').show();
+			}
+			else {
+				$('#selectOptionsDL').hide();
+			}
+		});
+		$('#optionType').trigger('change');
+	});
+</script>
+
+<div class="section">
+	<dl{if $errorField == 'optionTitle'} class="formError"{/if}>
+		<dt><label for="optionTitle">{lang}wcf.global.name{/lang}</label></dt>
+		<dd>
+			<input type="text" id="optionTitle" name="optionTitle" value="{$i18nPlainValues['optionTitle']}" required autofocus class="long">
+			{if $errorField == 'optionTitle'}
+				<small class="innerError">
+					{if $errorType == 'multilingual'}
+						{lang}wcf.global.form.error.multilingual{/lang}
+					{else}
+						{lang}wcf.acp.customOption.name.error.{@$errorType}{/lang}
+					{/if}
+				</small>
+			{/if}
+		</dd>
+	</dl>
+	{include file='multipleLanguageInputJavascript' elementIdentifier='optionTitle' forceSelection=false}
+	
+	<dl{if $errorField == 'optionDescription'} class="formError"{/if}>
+		<dt><label for="optionDescription">{lang}wcf.global.description{/lang}</label></dt>
+		<dd>
+			<textarea name="optionDescription" id="optionDescription" cols="40" rows="10">{$i18nPlainValues[optionDescription]}</textarea>
+			{if $errorField == 'optionDescription'}
+				<small class="innerError">
+					{if $errorType == 'empty'}
+						{lang}wcf.global.form.error.empty{/lang}
+					{else}
+						{lang}wcf.acp.customOption.description.error.{@$errorType}{/lang}
+					{/if}
+				</small>
+			{/if}
+		</dd>
+	</dl>
+	{include file='multipleLanguageInputJavascript' elementIdentifier='optionDescription' forceSelection=false}
+	
+	<dl>
+		<dt><label for="showOrder">{lang}wcf.acp.customOption.showOrder{/lang}</label></dt>
+		<dd>
+			<input type="number" id="showOrder" name="showOrder" value="{@$showOrder}" class="short">
+		</dd>
+	</dl>
+	
+	{event name='dataFields'}
+</div>
+
+<section class="section">
+	<h2 class="sectionTitle">{lang}wcf.acp.customOption.typeData{/lang}</h2>
+	
+	<dl{if $errorField == 'optionType'} class="formError"{/if}>
+		<dt><label for="optionType">{lang}wcf.acp.customOption.optionType{/lang}</label></dt>
+		<dd>
+			<select name="optionType" id="optionType">
+				{foreach from=$availableOptionTypes item=availableOptionType}
+					<option value="{$availableOptionType}"{if $availableOptionType == $optionType} selected{/if}>{lang}wcf.acp.customOption.optionType.{$availableOptionType}{/lang}</option>
+				{/foreach}
+			</select>
+			{if $errorField == 'optionType'}
+				<small class="innerError">
+					{if $errorType == 'empty'}
+						{lang}wcf.global.form.error.empty{/lang}
+					{else}
+						{lang}wcf.acp.customOption.optionType.error.{@$errorType}{/lang}
+					{/if}
+				</small>
+			{/if}
+		</dd>
+	</dl>
+	
+	<dl>
+		<dt><label for="defaultValue">{lang}wcf.acp.customOption.defaultValue{/lang}</label></dt>
+		<dd>
+			<input type="text" id="defaultValue" name="defaultValue" value="{$defaultValue}" class="long">
+			<small>{lang}wcf.acp.customOption.defaultValue.description{/lang}</small>
+		</dd>
+	</dl>
+	
+	<dl id="selectOptionsDL"{if $errorField == 'selectOptions'} class="formError"{/if}>
+		<dt><label for="selectOptions">{lang}wcf.acp.customOption.selectOptions{/lang}</label></dt>
+		<dd>
+			<textarea name="selectOptions" id="selectOptions" cols="40" rows="10">{$selectOptions}</textarea>
+			{if $errorField == 'selectOptions'}
+				<small class="innerError">
+					{if $errorType == 'empty'}
+						{lang}wcf.global.form.error.empty{/lang}
+					{else}
+						{lang}wcf.acp.customOption.selectOptions.error.{@$errorType}{/lang}
+					{/if}
+				</small>
+			{/if}
+			<small>{lang}wcf.acp.customOption.selectOptions.description{/lang}</small>
+		</dd>
+	</dl>
+	
+	<dl{if $errorField == 'validationPattern'} class="formError"{/if}>
+		<dt><label for="validationPattern">{lang}wcf.acp.customOption.validationPattern{/lang}</label></dt>
+		<dd>
+			<input type="text" id="validationPattern" name="validationPattern" value="{$validationPattern}" class="long">
+			{if $errorField == 'validationPattern'}
+				<small class="innerError">
+					{if $errorType == 'empty'}
+						{lang}wcf.global.form.error.empty{/lang}
+					{else}
+						{lang}wcf.acp.customOption.validationPattern.error.{@$errorType}{/lang}
+					{/if}
+				</small>
+			{/if}
+			<small>{lang}wcf.acp.customOption.validationPattern.description{/lang}</small>
+		</dd>
+	</dl>
+	
+	<dl>
+		<dt></dt>
+		<dd>
+			<label><input type="checkbox" name="required" id="required" value="1"{if $required == 1} checked{/if}> {lang}wcf.acp.customOption.required{/lang}</label>
+		</dd>
+	</dl>
+	
+	{event name='typeDataFields'}
+</section>
diff --git a/wcfsetup/install/lang/de.xml b/wcfsetup/install/lang/de.xml
index 3919b6e46e..42a6af4a24 100644
--- a/wcfsetup/install/lang/de.xml
+++ b/wcfsetup/install/lang/de.xml
@@ -1302,6 +1302,37 @@ GmbH=Gesellschaft mit beschränkter Haftung]]></item>
 		<item name="wcf.acp.option.module_contact_form.description"><![CDATA[Aktiviert das Kontakt-Formular, nach Aktivierung können Sie die <a href="{link controller='ContactSettings'}{/link}">Eingabefelder und Empfänger</a> individuell konfigurieren.]]></item>
 	</category>
 	
+	<category name="wcf.acp.customOption">
+		<item name="wcf.acp.customOption.list"><![CDATA[Eingabefelder]]></item>
+		<item name="wcf.acp.customOption.optionType"><![CDATA[Feldtyp]]></item>
+		<item name="wcf.acp.customOption.optionType.boolean"><![CDATA[Ja/Nein]]></item>
+		<item name="wcf.acp.customOption.optionType.boolean.yes"><![CDATA[Ja]]></item>
+		<item name="wcf.acp.customOption.optionType.boolean.no"><![CDATA[Nein]]></item>
+		<item name="wcf.acp.customOption.optionType.checkboxes"><![CDATA[Checkboxen]]></item>
+		<item name="wcf.acp.customOption.optionType.date"><![CDATA[Datum]]></item>
+		<item name="wcf.acp.customOption.optionType.integer"><![CDATA[Ganze Zahl]]></item>
+		<item name="wcf.acp.customOption.optionType.float"><![CDATA[Dezimalzahl]]></item>
+		<item name="wcf.acp.customOption.optionType.multiSelect"><![CDATA[Multi-Select]]></item>
+		<item name="wcf.acp.customOption.optionType.radioButton"><![CDATA[Radio-Buttons]]></item>
+		<item name="wcf.acp.customOption.optionType.select"><![CDATA[Select]]></item>
+		<item name="wcf.acp.customOption.optionType.text"><![CDATA[Einzeiliger Text]]></item>
+		<item name="wcf.acp.customOption.optionType.textarea"><![CDATA[Mehrzeiliger Text]]></item>
+		<item name="wcf.acp.customOption.optionType.message"><![CDATA[Mehrzeiliger Text (BBCode-Unterstützung)]]></item>
+		<item name="wcf.acp.customOption.optionType.URL"><![CDATA[Link]]></item>
+		<item name="wcf.acp.customOption.add"><![CDATA[Eingabefeld hinzufügen]]></item>
+		<item name="wcf.acp.customOption.edit"><![CDATA[Eingabefeld bearbeiten]]></item>
+		<item name="wcf.acp.customOption.showOrder"><![CDATA[Reihenfolge]]></item>
+		<item name="wcf.acp.customOption.delete.confirmMessage"><![CDATA[{if LANGUAGE_USE_INFORMAL_VARIANT}Willst du{else}Wollen Sie{/if} das Eingabefeld <span class="confirmationObject">{$option->optionTitle|language}</span> wirklich löschen?]]></item>
+		<item name="wcf.acp.customOption.defaultValue"><![CDATA[Standardwert]]></item>
+		<item name="wcf.acp.customOption.defaultValue.description"><![CDATA[Wert, der beim erstmaligen Ausfüllen als Standard vorgegeben ist.]]></item>
+		<item name="wcf.acp.customOption.typeData"><![CDATA[Eigenschaften]]></item>
+		<item name="wcf.acp.customOption.selectOptions"><![CDATA[Auswahloptionen]]></item>
+		<item name="wcf.acp.customOption.selectOptions.description"><![CDATA[Hier {if LANGUAGE_USE_INFORMAL_VARIANT}kannst du{else}können Sie{/if} pro Zeile Auswahloptionen eintragen, beispielsweise bei einer Select-Box. {if LANGUAGE_USE_INFORMAL_VARIANT}Beachte{else}Beachten Sie{/if}, dass bei der Verwendung des Doppelpunktes der linke Teil der Zeile als interner Bezeichner verwendet wird. Dieser erlaubt es den Text zu ändern, ohne, dass die Auswahl von Benutzern verloren geht.]]></item>
+		<item name="wcf.acp.customOption.validationPattern"><![CDATA[Regulärer Ausdruck zur Validierung]]></item>
+		<item name="wcf.acp.customOption.validationPattern.description"><![CDATA[{if LANGUAGE_USE_INFORMAL_VARIANT}Trage{else}Tragen Sie{/if} hier den regulären Ausdruck ein, um die Eingabe der Benutzer zu validieren.]]></item>
+		<item name="wcf.acp.customOption.required"><![CDATA[Das Feld muss zwingend ausgefüllt werden.]]></item>
+	</category>
+	
 	<category name="wcf.acp.package">
 		<item name="wcf.acp.package.application.installed"><![CDATA[Installierte Apps]]></item>
 		<item name="wcf.acp.package.application.title"><![CDATA[Apps]]></item>
diff --git a/wcfsetup/install/lang/en.xml b/wcfsetup/install/lang/en.xml
index 4a19e61686..05fc636a62 100644
--- a/wcfsetup/install/lang/en.xml
+++ b/wcfsetup/install/lang/en.xml
@@ -1293,6 +1293,37 @@
 		<item name="wcf.acp.option.module_contact_form.description"><![CDATA[Enables the contact form, once enabled you can customize the <a href="{link controller='ContactSettings'}{/link}">input fields and recipients</a> to better suit your needs.]]></item>
 	</category>
 	
+	<category name="wcf.acp.customOption">
+		<item name="wcf.acp.customOption.list"><![CDATA[Option Fields]]></item>
+		<item name="wcf.acp.customOption.optionType"><![CDATA[Option Type]]></item>
+		<item name="wcf.acp.customOption.optionType.boolean"><![CDATA[Yes/No]]></item>
+		<item name="wcf.acp.customOption.optionType.boolean.yes"><![CDATA[Yes]]></item>
+		<item name="wcf.acp.customOption.optionType.boolean.no"><![CDATA[No]]></item>
+		<item name="wcf.acp.customOption.optionType.checkboxes"><![CDATA[Checkboxes]]></item>
+		<item name="wcf.acp.customOption.optionType.date"><![CDATA[Date]]></item>
+		<item name="wcf.acp.customOption.optionType.integer"><![CDATA[Integer]]></item>
+		<item name="wcf.acp.customOption.optionType.float"><![CDATA[Decimal]]></item>
+		<item name="wcf.acp.customOption.optionType.multiSelect"><![CDATA[Multi selection]]></item>
+		<item name="wcf.acp.customOption.optionType.radioButton"><![CDATA[Radio selection]]></item>
+		<item name="wcf.acp.customOption.optionType.select"><![CDATA[Single selection]]></item>
+		<item name="wcf.acp.customOption.optionType.text"><![CDATA[Short text]]></item>
+		<item name="wcf.acp.customOption.optionType.textarea"><![CDATA[Multiline text]]></item>
+		<item name="wcf.acp.customOption.optionType.message"><![CDATA[Multiline text (bbcode support)]]></item>
+		<item name="wcf.acp.customOption.optionType.URL"><![CDATA[Link]]></item>
+		<item name="wcf.acp.customOption.add"><![CDATA[Add Option Field]]></item>
+		<item name="wcf.acp.customOption.edit"><![CDATA[Edit Option Field]]></item>
+		<item name="wcf.acp.customOption.showOrder"><![CDATA[Display Order]]></item>
+		<item name="wcf.acp.customOption.delete.confirmMessage"><![CDATA[Do you really want to delete the option field <span class="confirmationObject">{$option->optionTitle|language}</span>?]]></item>
+		<item name="wcf.acp.customOption.defaultValue"><![CDATA[Default Value]]></item>
+		<item name="wcf.acp.customOption.defaultValue.description"><![CDATA[Default option value suggested on first edit.]]></item>
+		<item name="wcf.acp.customOption.typeData"><![CDATA[Properties]]></item>
+		<item name="wcf.acp.customOption.selectOptions"><![CDATA[Options]]></item>
+		<item name="wcf.acp.customOption.selectOptions.description"><![CDATA[You can use select options in combination with selection types, but please be aware that using the colon will cause the system to use everything to the left as an internal identifier and only the part after the colon will be displayed to the user. This allows you to change the value displayed to the user without harming existing selections unless the identifier itself is being changed. Enter one select option per line.]]></item>
+		<item name="wcf.acp.customOption.validationPattern"><![CDATA[Regular Expression]]></item>
+		<item name="wcf.acp.customOption.validationPattern.description"><![CDATA[You can provide a regular expression to validate the user input.]]></item>
+		<item name="wcf.acp.customOption.required"><![CDATA[This is a required field]]></item>
+	</category>
+	
 	<category name="wcf.acp.package">
 		<item name="wcf.acp.package.application.installed"><![CDATA[Installed Apps]]></item>
 		<item name="wcf.acp.package.application.title"><![CDATA[Apps]]></item>
-- 
2.20.1