From: Alexander Ebert <ebert@woltlab.com>
Date: Tue, 10 Jul 2018 10:46:55 +0000 (+0200)
Subject: Lookup dialog for WYSIWYG editor icons
X-Git-Tag: 5.2.0_Alpha_1~364^2~127
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=270f538900129d8af4dac9a09f97564f19058dac;p=GitHub%2FWoltLab%2FWCF.git

Lookup dialog for WYSIWYG editor icons

See #2596
---

diff --git a/wcfsetup/install/files/acp/templates/bbcodeAdd.tpl b/wcfsetup/install/files/acp/templates/bbcodeAdd.tpl
index 671bc54b4f..e22b9b1e89 100644
--- a/wcfsetup/install/files/acp/templates/bbcodeAdd.tpl
+++ b/wcfsetup/install/files/acp/templates/bbcodeAdd.tpl
@@ -189,7 +189,10 @@
 			<dl class="jsButtonSetting{if $errorField == 'wysiwygIcon'} formError{/if}">
 				<dt><label for="wysiwygIcon">{lang}wcf.acp.bbcode.wysiwygIcon{/lang}</label></dt>
 				<dd>
-					<input type="text" id="wysiwygIcon" name="wysiwygIcon" value="{$wysiwygIcon}" class="long">
+					<div class="inputAddon">
+						<input type="text" id="wysiwygIcon" name="wysiwygIcon" value="{$wysiwygIcon}" class="medium">
+						<a href="#" class="inputSuffix button jsButtonSearchWysiwygIcon"><span class="icon icon16 fa-search"></span></a>
+					</div>
 					{if $errorField == 'wysiwygIcon'}
 						<small class="innerError">
 							{if $errorType == 'empty'}
@@ -261,4 +264,17 @@
 	</div>
 </form>
 
-{include file='footer'}
\ No newline at end of file
+{include file='fontAwesomeJavaScript'}
+<script data-relocate="true">
+	require(['WoltLabSuite/Core/Ui/Style/FontAwesome'], function (UiStyleFontAwesome) {
+		elBySel('.jsButtonSearchWysiwygIcon').addEventListener(WCF_CLICK_EVENT, function(event) {
+			event.preventDefault();
+			
+			UiStyleFontAwesome.open(function(iconName) {
+				elById('wysiwygIcon').value = 'fa-' + iconName;
+			});
+		});
+	});
+</script>
+
+{include file='footer'}