Using different icon for HTML view

[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / wysiwygToolbar.tpl

diff --git a/com.woltlab.wcf/templates/wysiwygToolbar.tpl b/com.woltlab.wcf/templates/wysiwygToolbar.tpl
index 6c2f63e17861f32114bfaa52160bf1dea6915971..9f24c770ec079117ef2b24dd96f81d7523292ed2 100644 (file)
--- a/com.woltlab.wcf/templates/wysiwygToolbar.tpl
+++ b/com.woltlab.wcf/templates/wysiwygToolbar.tpl
@@ -1,73 +1,75 @@
-$buttons.push('html');
+buttonOptions = {
+       alignment: { icon: 'fa-align-left', title: '{lang}wcf.editor.button.alignment{/lang}' },
+       bold: { icon: 'fa-bold', title: '{lang}wcf.editor.button.bold{/lang}' },
+       deleted: { icon: 'fa-strikethrough', title: '{lang}wcf.editor.button.strikethrough{/lang}' },
+       format: { icon: 'fa-paragraph', title: '{lang}wcf.editor.button.format{/lang}' },
+       html: { icon: 'fa-file-code-o', title: '{lang}wcf.editor.button.html{/lang}' },
+       italic: { icon: 'fa-italic', title: '{lang}wcf.editor.button.italic{/lang}' },
+       link: { icon: 'fa-link', title: '{lang}wcf.editor.button.link{/lang}' },
+       lists: { icon: 'fa-list', title: '{lang}wcf.editor.button.lists{/lang}' },
+       redo: { icon: 'fa-repeat', title: '{lang}wcf.editor.button.redo{/lang}' },
+       subscript: { icon: 'fa-subscript', title: '{lang}wcf.editor.button.subscript{/lang}' },
+       superscript: { icon: 'fa-superscript', title: '{lang}wcf.editor.button.superscript{/lang}' },
+       table: { icon: 'fa-table', title: '{lang}wcf.editor.button.table{/lang}' },
+       underline: { icon: 'fa-underline', title: '{lang}wcf.editor.button.underline{/lang}' },
+       undo: { icon: 'fa-undo', title: '{lang}wcf.editor.button.undo{/lang}' },
+       woltlabColor: { icon: 'fa-paint-brush', title: '{lang}wcf.editor.button.color{/lang}' },
+       woltlabImage: { icon: 'fa-picture-o', title: '{lang}wcf.editor.button.image{/lang}' },
+       woltlabMedia: { icon: 'fa-file-o', title: '{lang}wcf.editor.button.media{/lang}' },
+       woltlabQuote: { icon: 'fa-comment', title: '{lang}wcf.editor.button.quote{/lang}' },
+       woltlabSize: { icon: 'fa-text-height', title: '{lang}wcf.editor.button.size{/lang}' }
+};
 
-$buttons.push('separator');
+buttonMobile = ['format', 'bold', 'italic', 'underline', 'alignment', 'link', 'woltlabImage', 'woltlabMedia'];
 
-{if $__wcf->getBBCodeHandler()->isAvailableBBCode('b')}
-       $buttons.push('bold');
-{/if}
-{if $__wcf->getBBCodeHandler()->isAvailableBBCode('i')}
-       $buttons.push('italic');
-{/if}
-{if $__wcf->getBBCodeHandler()->isAvailableBBCode('u')}
-       $buttons.push('underline');
-{/if}
+buttons.push('html');
+buttons.push('undo');
+buttons.push('redo');
 
-if ($buttons.length) {
-       $buttons.push('separator');
-}
+buttons.push('wcfSeparator');
 
-{if $__wcf->getBBCodeHandler()->isAvailableBBCode('s')}
-       $buttons.push('deleted');
-{/if}
-{if $__wcf->getBBCodeHandler()->isAvailableBBCode('sub')}
-       $buttons.push('subscript');
-{/if}
-{if $__wcf->getBBCodeHandler()->isAvailableBBCode('sup')}
-       $buttons.push('superscript');
-{/if}
+buttons.push('format');
 
-if ($buttons.length && $buttons[$buttons.length -1] != 'separator') {
-       $buttons.push('separator');
-}
+buttons.push('wcfSeparator');
 
-{if $__wcf->getBBCodeHandler()->isAvailableBBCode('list')}
-       $buttons.push('orderedlist');
-       $buttons.push('unorderedlist');
-       $buttons.push('outdent');
-       $buttons.push('indent');
-{/if}
-{if $__wcf->getBBCodeHandler()->isAvailableBBCode('align')}
-       $buttons.push('alignment');
-{/if}
+buttons.push('bold');
+buttons.push('italic');
+buttons.push('underline');
+buttons.push('deleted');
 
-if ($buttons.length && $buttons[$buttons.length -1] != 'separator') {
-       $buttons.push('separator');
-}
+buttons.push('wcfSeparator');
 
-{if $__wcf->getBBCodeHandler()->isAvailableBBCode('font')}
-       $buttons.push('fontfamily');
-{/if}
+buttons.push('subscript');
+buttons.push('superscript');
 {if $__wcf->getBBCodeHandler()->isAvailableBBCode('size')}
-       $buttons.push('fontsize');
+       buttons.push('woltlabSize');
 {/if}
 {if $__wcf->getBBCodeHandler()->isAvailableBBCode('color')}
-       $buttons.push('fontcolor');
+       buttons.push('woltlabColor');
 {/if}
 
-if ($buttons.length && $buttons[$buttons.length -1] != 'separator') {
-       $buttons.push('separator');
-}
+buttons.push('wcfSeparator');
+
+buttons.push('lists');
+buttons.push('alignment');
 
 {if $__wcf->getBBCodeHandler()->isAvailableBBCode('url')}
-       $buttons.push('link');
+       buttons.push('link');
 {/if}
 {if $__wcf->getBBCodeHandler()->isAvailableBBCode('img')}
-       $buttons.push('image');
+       buttons.push('woltlabImage');
 {/if}
-{if $__wcf->getBBCodeHandler()->isAvailableBBCode('table')}
-       $buttons.push('table');
+buttons.push('table');
+
+buttons.push('wcfSeparator');
+
+{if $__wcf->session->getPermission('admin.content.cms.canUseMedia')}
+       buttons.push('woltlabMedia');
 {/if}
+buttons.push('woltlabQuote');
 
-if ($buttons.length && $buttons[$buttons.length -1] != 'separator') {
-       $buttons.push('separator');
-}
+{foreach from=$__wcf->getBBCodeHandler()->getButtonBBCodes(true) item=__bbcode}
+       buttonOptions['{$__bbcode->bbcodeTag}'] = { icon: '{$__bbcode->wysiwygIcon}', title: '{lang}{$__bbcode->buttonLabel}{/lang}' };
+       buttons.push('{$__bbcode->bbcodeTag}');
+       customButtons.push('{$__bbcode->bbcodeTag}');
+{/foreach}