1<!-- templates/tiki-preview.tpl start -->
2<div class="wikipreview" {if $prefs.ajax_autosave eq "y"}style="display:none;" id="autosave_preview"><div{/if}>
3	{if $prefs.ajax_autosave eq "y"}
4		<div class="form-group float-sm-right">
5			<div class="float-sm-right" style="display:inline;margin-left: 10px;margin-top: 5px">
6				{self_link _icon_name="back" _ajax="n" _class="tips" _title=":{tr}Popup preview{/tr}" _onclick="ajax_preview( 'editwiki', autoSaveId );$('#autosave_preview').hide();return false;"}
7				{/self_link}
8				{self_link _icon_name="remove" _ajax="n" _class="tips" _title=":{tr}Close preview{/tr}" _onclick="$('#autosave_preview').hide();return false;"}
9				{/self_link}
10			</div>
11			<div class="pull-xs-right" style="display:inline">
12				<select name="diff_style" id="preview_diff_style" class="form-control">
13					<option value="" {if empty($diff_style)}selected="selected"{/if}>{tr}Preview{/tr}</option>
14					<option value="htmldiff" {if isset($diff_style) && $diff_style == "htmldiff"}selected="selected"{/if}>{tr}HTML diff{/tr}</option>
15					<option value="sidediff" {if isset($diff_style) && $diff_style == "sidediff"}selected="selected"{/if}>{tr}Side-by-side diff{/tr}</option>
16				</select>
17			</div>
18			{jq}
19				$("#preview_diff_style").change(function(){
20					ajaxLoadingShow($("#autosave_preview .wikitext"));
21					setCookie("preview_diff_style", $(this).val(), "preview", "session");
22					$.get($.service("edit", "preview"), {
23						editor_id: 'editwiki',
24						autoSaveId: autoSaveId,
25						inPage: 1,
26						{{if isset($smarty.request.hdr)}hdr: {$smarty.request.hdr},{/if}}
27						diff_style: $(this).val()
28					}, function(data) {
29						$("#autosave_preview .wikitext").html(data);
30						ajaxLoadingHide();
31					});
32				});
33			{/jq}
34		</div>
35	{/if}
36	{if $prefs.feature_jquery_ui eq "y"}
37		{jq}
38			$('#autosave_preview').resizable({
39				handles:{'s':'#autosave_preview_grippy'},
40				alsoResize:'#autosave_preview>div',
41				resize: function(event, ui) {
42					setCookie("wiki", $('#autosave_preview').height(), "preview", "session");
43				}
44			}).height(getCookie("wiki", "preview", ""));
45			$("#autosave_preview>div").height(getCookie("wiki", "preview", ""));
46		{/jq}
47	{/if}
48	<h2>{tr}Preview{/tr}: {$page|escape}</h2>
49	{if $prefs.feature_wiki_description eq 'y'}
50		<small>{$description}</small>
51	{/if}
52	<div align="center" class="attention" style="font-weight:bold">
53		{tr}Note: Remember that this is only a preview, and has not yet been saved!{/tr}
54	</div>
55	<div class="preview_contents">
56		<article class="wikitext">
57			{$parsed}
58		</article>
59		{if $has_footnote and isset($parsed_footnote)}
60			<div class="wikitext">{$parsed_footnote}</div>
61		{/if}
62	</div>
63	{if $prefs.ajax_autosave eq "y"}
64		</div>
65		<span id="autosave_preview_grippy" class="ui-resizable-handle ui-resizable-s"> </span>
66	{/if}
67</div>
68<hr style="clear:both; height:0px;"/> {* Information below the wiki content
69must not overlap the wiki content that could contain floated elements *}
70<!-- templates/tiki-preview.tpl end -->
71