Matthias Mees 3bd03b0129 Add jQuery tooltips.
There are responsive and touch-friendly, including a tweakable
timeout so they don't get too annoying when used on a collection
of icon buttons. Demoed on reset timestamp button in entry editor.
2013-06-23 18:25:37 +02:00

118 lines
7.1 KiB
Smarty

<h2>{if $entry_vars.entry.title}{$entry_vars.entry.title|@escape|string_format:"{$CONST.EDIT_THIS_CAT}"}{else}{$CONST.NEW_ENTRY}{/if}</h2>
{if $entry_vars.errMsg}
<span class="msg_error"><span class="icon-attention-circled"></span> {$entry_vars.errMsg}</span>
{/if}
<form id="serendipityEntry" name="serendipityEntry" {$entry_vars.entry.entry_form} action="{$entry_vars.targetURL}" method="post">
{foreach $entry_vars.hiddens as $key => $value}
<input type="hidden" name="{$key}" value="{$value}" />
{/foreach}
<input type="hidden" id="entryid" name="serendipity[id]" value="{$entry_vars.entry.id}" />
<input type="hidden" name="serendipity[timestamp]" value="{$entry_vars.timestamp}" />
<input type="hidden" name="serendipity[preview]" value="false" />
{$entry_vars.formToken}
<div id="edit_entry_title" class="form_field">
<label for="entryTitle">{$CONST.TITLE}</label>
<input id="entryTitle" name="serendipity[title]" type="text" value="{$entry_vars.entry.title|@escape}">
</div>
<div id="edit_entry_metadata" class="clearfix">
{if $entry_vars.allowDateManipulation}
<div id="edit_entry_timestamp" class="form_field">
<input name="serendipity[chk_timestamp]" type="hidden" value="{$entry_vars.timestamp}">
<label for="serendipityNewTimestamp">{$CONST.DATE}</label>
<input id="serendipityNewTimestamp" name="serendipity[new_timestamp]" type="datetime-local" value="{$entry_vars.timestamp|@formatTime:'o-m-d\TH:i':true:false:true}">
<a id="reset_timestamp" class="button_link" href="#serendipityNewTimestamp" data-currtime="{$entry_vars.reset_timestamp|@formatTime:'o-m-d\TH:i':true:false:true}" title="{$CONST.RESET_DATE_DESC}" rel="tooltip"><span class="icon-clock"></span><span class="visuallyhidden"> {$CONST.RESET_DATE}</span></a>
</div>
{/if}
<div id="edit_entry_category" class="form_select">
<label for="categoryselector">{$CONST.CATEGORY}</label>
<select id="categoryselector" name="serendipity[categories][]" multiple>
<option value="0">{$CONST.NO_CATEGORY}</option>
{foreach from=$entry_vars.category_options item="entry_cat"}
<option value="{$entry_cat.categoryid}"{if $entry_cat.is_selected} selected{/if}>{$entry_cat.depth_pad}{$entry_cat.category_name}</option>
{/foreach}
</select>
</div>
</div>
<div class="form_area">
<label for="serendipity[body]">{$CONST.ENTRY_BODY}</label>
{if NOT $entry_vars.wysiwyg}
<div id="tools_entry" class="editor_toolbar">
{if $iso2br}
<input class="wrap_selection" type="button" name="insX" value="NoBR" data-tag="nl" data-tarea="body">
{/if}
<input class="hilite_i wrap_selection" type="button" name="insI" value="I" data-tag="em" data-tarea="body">
<input class="hilite_b wrap_selection" type="button" name="insB" value="B" data-tag="strong" data-tarea="body">
<input class="hilite_u wrap_selection" type="button" name="insU" value="U" data-tag="u" data-tarea="body">
<input class="wrap_selection" type="button" name="insQ" value="{$CONST.QUOTE}" data-tag="blockquote" data-tarea="body">
<input class="wrap_insimg" type="button" name="insJ" value="img" data-tarea="body">
<input class="wrap_insmedia" type="button" name="insImage" value="{$CONST.MEDIA}" data-tarea="body">
<input class="wrap_insurl" type="button" name="insURL" value="URL" data-tarea="body">
{serendipity_hookPlugin hook="backend_entry_toolbar_body" data=$entry_data.entry hookAll="true"}
</div>
{/if}
<textarea id="serendipity[body]" name="serendipity[body]" rows="20">{$entry_vars.entry.body|@escape}</textarea>
</div>
<div id="edit_entry_status_comments" class="clearfix">
<div class="form_check">
<input id="checkbox_allow_comments" name="serendipity[allow_comments]" type="checkbox" value="true"{if $entry_vars.allow_comments} checked="checked"{/if}><label for="checkbox_allow_comments">{$CONST.COMMENTS_ENABLE}</label>
</div>
<div class="form_check">
<input id="checkbox_moderate_comments" name="serendipity[moderate_comments]" type="checkbox" value="true"{if $entry_vars.moderate_comments} checked="checked"{/if}><label for="checkbox_moderate_comments">{$CONST.COMMENTS_MODERATE}</label>
</div>
</div>
<div id="edit_entry_submit" class="clearfix">
<div id="edit_entry_status" class="form_select">
<label for="entry_status">Entry status</label> {* i18n *}
<select id="entry_status" name="serendipity[isdraft]">
{if $entry_vars.serendipityRightPublish}
<option value="false"{if $entry_vars.draft_mode == 'publish'} selected{/if}>{$CONST.PUBLISH}</option>
{/if}
<option value="true"{if $entry_vars.draft_mode == 'draft'} selected{/if}>{$CONST.DRAFT}</option>
</select>
</div>
<div class="form_buttons">
<input class="entry_preview" type="submit" value="{$CONST.PREVIEW}">
<input type="submit" value="{$CONST.SAVE}">
</div>
</div>
<div class="form_area">
<label for="serendipity[extended]">{$CONST.EXTENDED_BODY}</label>
{if NOT $entry_vars.wysiwyg}
<div id="tools_extended" class="editor_toolbar">
{if $iso2br}
<input class="wrap_selection" type="button" name="insX" value="NoBR" data-tag="nl" data-tarea="extended">
{/if}
<input class="hilite_i wrap_selection" type="button" name="insI" value="I" data-tag="em" data-tarea="extended">
<input class="hilite_b wrap_selection" type="button" name="insB" value="B" data-tag="strong" data-tarea="extended">
<input class="hilite_u wrap_selection" type="button" name="insU" value="U" data-tag="u" data-tarea="extended">
<input class="wrap_selection" type="button" name="insQ" value="{$CONST.QUOTE}" data-tag="blockquote" data-tarea="extended">
<input class="wrap_insimg" type="button" name="insJ" value="img" data-tarea="extended">
<input class="wrap_insmedia" type="button" name="insImage" value="{$CONST.MEDIA}" data-tarea="extended">
<input class="wrap_insurl" type="button" name="insURL" value="URL" data-tarea="extended">
{serendipity_hookPlugin hook="backend_entry_toolbar_extended" data=$entry_data.entry hookAll="true"}
</div>
{/if}
<textarea id="serendipity[extended]" name="serendipity[extended]" rows="20">{$entry_vars.entry.extended|@escape}</textarea>
</div>
<fieldset>
<legend><span>{$CONST.ADVANCED_OPTIONS}</span></legend>
{$entry_vars.entry|@serendipity_refhookPlugin:'backend_display'}
</fieldset>
</form>
{if $entry_vars.wysiwyg}
{foreach from=$entry_vars.wysiwyg_blocks item="wysiwyg_block_item" key="wysiwyg_block_jsname"}
{$wysiwyg_block_item|emit_htmlarea_code:$wysiwyg_block_jsname}
{/foreach}
{$entry_vars.wysiwyg_blocks|@serendipity_refhookPlugin:'backend_wysiwyg_finish'}
{/if}