Commit | Line | Data |
---|---|---|
8e1382a4 W |
1 | <div class="codeBox collapsibleBbcode jsCollapsibleBbcode {if $lines > 10} collapsed{/if}"> |
2 | <div class="codeBoxHeader"> | |
3 | <div class="codeBoxHeadline">{$title}{if $filename}: {$filename}{/if}</div> | |
4 | ||
2cadac30 | 5 | {if $lines > 10} |
54ffc6a0 | 6 | <span class="toggleButton jsTooltip pointer" title="{lang}wcf.bbcode.button.showAll{/lang}" data-title-collapse="{lang}wcf.bbcode.button.collapse{/lang}" data-title-expand="{lang}wcf.bbcode.button.showAll{/lang}" role="button" tabindex="0"> |
b54e4ff8 | 7 | {icon size=24 name='up-right-and-down-left-from-center'} |
54ffc6a0 | 8 | </span> |
8e1382a4 W |
9 | {/if} |
10 | </div> | |
11 | ||
12 | {assign var='lineNumber' value=$startLineNumber} | |
13 | <pre class="codeBoxCode collapsibleBbcodeOverflow"><code{if $language} class="language-{$language}"{/if}>{foreach from=$content item=line}{* | |
c8abd7df | 14 | *}<span class="codeBoxLine" id="#codeLine_{$lineNumber}_{$codeID}"><a href="#codeLine_{$lineNumber}_{$codeID|rawurlencode}" class="lineAnchor" title="{@$lineNumber}" tabindex="-1" aria-hidden="true"></a><span>{$line}</span></span>{* |
8e1382a4 W |
15 | *}{assign var='lineNumber' value=$lineNumber+1}{* |
16 | *}{/foreach}</code></pre> | |
17 | ||
2cadac30 | 18 | {if $lines > 10} |
8e1382a4 W |
19 | <span class="toggleButton" data-title-collapse="{lang}wcf.bbcode.button.collapse{/lang}" data-title-expand="{lang}wcf.bbcode.button.showAll{/lang}">{lang}wcf.bbcode.button.showAll{/lang}</span> |
20 | {/if} | |
21 | </div> | |
2cadac30 MW |
22 | <script data-relocate="true"> |
23 | require(['Language', 'WoltLabSuite/Core/Bbcode/Collapsible', 'WoltLabSuite/Core/Bbcode/Code'], function (Language, BbcodeCollapsible, BbcodeCode) { | |
24 | Language.addObject({ | |
25 | 'wcf.message.bbcode.code.copy': '{jslang}wcf.message.bbcode.code.copy{/jslang}', | |
26 | 'wcf.message.bbcode.code.copy.success': '{jslang}wcf.message.bbcode.code.copy.success{/jslang}' | |
8e1382a4 | 27 | }); |
2cadac30 MW |
28 | BbcodeCollapsible.observe(); |
29 | BbcodeCode.processAll(); | |
30 | }); | |
31 | </script> |