From fb0eac44bc52703cea23680a059081392f88ffdb Mon Sep 17 00:00:00 2001
From: Matthias Schmidt <gravatronics@live.com>
Date: Thu, 4 Aug 2016 18:50:34 +0200
Subject: [PATCH] Fix JavaScript for synonyms in tagAdd template

Fix #2072
---
 .../install/files/acp/templates/tagAdd.tpl    | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/wcfsetup/install/files/acp/templates/tagAdd.tpl b/wcfsetup/install/files/acp/templates/tagAdd.tpl
index 891b605229..b19cb7b7f3 100644
--- a/wcfsetup/install/files/acp/templates/tagAdd.tpl
+++ b/wcfsetup/install/files/acp/templates/tagAdd.tpl
@@ -62,22 +62,24 @@
 			<dl>
 				<dt><label for="synonyms">{lang}wcf.acp.tag.synonyms{/lang}</label></dt>
 				<dd>
-					<div id="synonymList" class="editableItemList"></div>
 					<input id="synonyms" type="text" value="" class="long">
 				</dd>
 			</dl>
 			
-			<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Tagging.js?v={@LAST_UPDATE_TIME}"></script>
 			<script data-relocate="true">
-				//<![CDATA[
-				$(function() {
-					var $tagList = new WCF.Tagging.TagList('#synonymList', '#synonyms');
-					
-					{if $synonyms|isset && $synonyms|count}
-						$tagList.load([ {implode from=$synonyms item='synonym'}'{$synonym|encodeJS}'{/implode} ]);
-					{/if}
+				require(['WoltLab/WCF/Ui/ItemList'], function(UiItemList) {
+					UiItemList.init(
+						'synonyms',
+						[{if !$synonyms|empty}{implode from=$synonyms item=synonym}'{$synonym|encodeJS}'{/implode}{/if}],
+						{
+							ajax: {
+								className: 'wcf\\data\\tag\\TagAction'
+							},
+							maxLength: {@TAGGING_MAX_TAG_LENGTH},
+							submitFieldName: 'tags[]'
+						}
+					);
 				});
-				//]]>
 			</script>
 		{elseif $tagObj|isset}
 			<dl>
-- 
2.20.1