wcfsetup/install/files/acp/templates/__iconFormField.tpl

   1 {include file='__formFieldHeader'}
   2
   3 <span{if $field->getValue()} class="icon icon64 fa-{$field->getValue()}"{/if} id="{@$field->getPrefixedId()}_icon"></span>
   4 <a href="#" class="button small" id="{@$field->getPrefixedId()}_openIconDialog">{lang}wcf.global.button.edit{/lang}</a>
   5 <input type="hidden" id="{@$field->getPrefixedId()}" name="{@$field->getPrefixedId()}" value="{$field->getValue()}">
   6
   7 {if $__iconFormFieldIncludeJavaScript}
   8         {include file='fontAwesomeJavaScript'}
   9 {/if}
  10
  11 <script data-relocate="true">
  12         require(['WoltLabSuite/Core/Ui/Style/FontAwesome'], function(UiStyleFontAwesome) {
  13                 var button = elById('{@$field->getPrefixedId()}_openIconDialog');
  14                 var icon = elById('{@$field->getPrefixedId()}_icon');
  15                 var input = elById('{@$field->getPrefixedId()}');
  16
  17                 var callback = function(iconName) {
  18                         icon.className = 'icon icon64 fa-' + iconName;
  19                         input.value = iconName;
  20                 };
  21
  22                 button.addEventListener('click', function() {
  23                         UiStyleFontAwesome.open(callback);
  24                 });
  25         });
  26 </script>
  27
  28 {include file='__formFieldFooter'}