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