Added proper support for font size and color

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

{capture assign='pageTitle'}{$object->getTitle()} - {lang}wcf.edit.versions{/lang}{/capture}

{capture assign='contentTitle'}{lang}wcf.edit.versions{/lang}: {$object->getTitle()}{/capture}

{capture assign='contentHeaderNavigation'}<li><a href="{$object->getLink()}" class="button"><span class="icon icon16 fa-arrow-right"></span> <span>{lang}wcf.edit.button.goToContent{/lang}</span></a></li>{/capture}

{include file='header'}

{if $diff}
<div class="section editHistoryDiff">
	<div class="sideBySide">
		<div class="containerHeadline">
			<h3>{lang}wcf.edit.headline.old{/lang}</h3>
		</div>
		<div class="containerHeadline">
			<h3>{lang}wcf.edit.headline.new{/lang}</h3>
		</div>
	</div>

<div><div>
{assign var='prevType' value=''}
{foreach from=$diff->getRawDiff() item='line'}
{if $line[0] !== $prevType}
	</div>
	
	{* unmodified, after deletion needs a "fake" insertion *}
	{if $line[0] === ' ' && $prevType === '-'}<div></div>{/if}
	
	{* unmodified and deleted start a new container *}
	{if $line[0] === ' ' || $line[0] === '-'}</div>{/if}
	
	{* adding, without deleting needs a "fake" deletion *}
	{if $line[0] === '+' && $prevType !== '-'}
		</div>
		<div class="sideBySide">
			<div></div>
	{/if}
	
	{if $line[0] === ' '}
		<div>
	{/if}
	{if $line[0] === '-'}
		<div class="sideBySide">
	{/if}
	<div{if $line[0] === '+'} style="color: green;"{elseif $line[0] === '-'} style="color: red;"{/if}>
{/if}
{if $line[0] === ' '}{$line[1]}<br />{/if}
{if $line[0] === '-'}{$line[1]}<br />{/if}
{if $line[0] === '+'}{$line[1]}<br />{/if}
{assign var='prevType' value=$line[0]}
{/foreach}
</div></div>
</div>
{/if}

<form action="{link controller='EditHistory'}{/link}" method="post">
	<section class="section tabularBox editHistoryVersionList">
		{assign var='versionCount' value=$objects|count}
		<h2 class="sectionTitle">
			{lang}wcf.edit.versions{/lang} <span class="badge">{#$versionCount+1}</span>
		</h2>
		
		<table class="table">
			<thead>
				<tr>
					<th class="columnID columnEditID" colspan="2">{lang}wcf.edit.version{/lang}</th>
					<th class="columnText columnUser">{lang}wcf.user.username{/lang}</th>
					<th class="columnText columnEditReason">{lang}wcf.edit.reason{/lang}</th>
					<th class="columnDate columnTime">{lang}wcf.edit.time{/lang}</th>
					
					{event name='columnHeads'}
				</tr>
			</thead>
			
			<tbody>
				<tr>
					<td class="columnIcon">
						<span class="icon icon16 fa-undo disabled"></span>
						<input type="radio" name="oldID" value="current"{if $oldID === 'current'} checked="checked"{/if} /> <input type="radio" name="newID" value="current"{if $newID === 'current'} checked="checked"{/if} />
						{event name='rowButtons'}
					</td>
					<td class="columnID"><strong>{lang}wcf.edit.currentVersion{/lang}</strong></td>
					<td class="columnText columnUser"><a href="{link controller='User' id=$object->getUserID() title=$object->getUsername()}{/link}">{$object->getUsername()}</a></td>
					<td class="columnText columnEditReason">{$object->getEditReason()}</td>
					<td class="columnDate columnTime">{@$object->getTime()|time}</td>
					
					{event name='columns'}
				</tr>
				{foreach from=$objects item=edit name=edit}
					<tr class="jsEditRow">
						<td class="columnIcon">
							<span class="icon icon16 fa-undo pointer jsRevertButton jsTooltip" title="{lang}wcf.edit.revert{/lang}" data-object-id="{@$edit->entryID}" data-confirm-message="{lang}wcf.edit.revert.sure{/lang}"></span>
							<input type="radio" name="oldID" value="{@$edit->entryID}"{if $oldID == $edit->entryID} checked="checked"{/if} /> <input type="radio" name="newID" value="{@$edit->entryID}"{if $newID == $edit->entryID} checked="checked"{/if} />
							{event name='rowButtons'}
						</td>
						<td class="columnID">{#($tpl[foreach][edit][total] - $tpl[foreach][edit][iteration] + 1)}</td>
						<td class="columnText columnUser"><a href="{link controller='User' id=$edit->userID title=$edit->username}{/link}">{$edit->username}</a></td>
						<td class="columnText columnEditReason">{$edit->editReason}</td>
						<td class="columnDate columnTime">{@$edit->time|time}</td>
						
						{event name='columns'}
					</tr>
				{/foreach}
			</tbody>
			<script data-relocate="true">
				//<![CDATA[
				$(function () {
					new WCF.Message.EditHistory($('input[name=oldID]'), $('input[name=newID]'), '.jsEditRow');
				});
				//]]>
			</script>
		</table>
	</section>
	
	<div class="formSubmit">
		{@SID_INPUT_TAG}
		<input type="hidden" name="objectID" value="{$objectID}" />
		<input type="hidden" name="objectType" value="{$objectType->objectType}" />
		<button class="button buttonPrimary" data-type="submit">{lang}wcf.edit.button.compare{/lang}</button>
	</div>
</form>

{include file='footer'}