Files
gollum/lib/gollum/templates/editor.mustache
T

161 lines
6.7 KiB
Plaintext

<div id="gollum-editor" data-escaped-name="{{escaped_name}}" class="{{#is_create_page}}create{{/is_create_page}}{{#is_edit_page}}edit{{/is_edit_page}} {{#allow_uploads}}uploads-allowed{{/allow_uploads}}">
{{#is_create_page}}
<form id="gollum-editor-form" name="gollum-editor" action="{{create_path}}" method="post">
{{/is_create_page}}
{{#is_edit_page}}
<form id="gollum-editor-form" name="gollum-editor" action="{{edit_path}}/{{escaped_name}}" method="post">
{{/is_edit_page}}
<fieldset id="gollum-editor-fields">
{{#is_create_page}}
<div id="gollum-editor-title-field" class="singleline">
<label for="page" class="jaws">Page Title</label>
<input type="text" name="page" id="gollum-editor-page-title" value="{{page_name}}">
{{#has_path}}
<p class="path_note"><strong>NOTE:</strong> This page will be created within the &quot;<strong>{{path}}</strong>&quot; directory</p>
{{/has_path}}
</div>
{{/is_create_page}}
{{#is_edit_page}}
<input type="hidden" name="page" id="gollum-editor-page-title" value="{{page_name}}">
<input type="hidden" name="etag" id="gollum-editor-etag" value="{{etag}}">
{{/is_edit_page}}
<input type="hidden" name="path" id="gollum-editor-page-path" value="{{path}}">
<div id="gollum-editor-function-bar">
<div id="gollum-editor-function-buttons">
<a href="#" id="function-bold" class="function-button" title="Bold">
<span>Bold</span></a>
<a href="#" id="function-italic" class="function-button" title="Italic">
<span>Italic</span></a>
<a href="#" id="function-code" class="function-button" title="Code">
<span>Code</span></a>
<span class="function-divider">&nbsp;</span>
<a href="#" id="function-ul" class="function-button" title="Unordered list">
<span>Unordered List</span></a>
<a href="#" id="function-ol" class="function-button" title="Ordered list">
<span>Ordered List</span></a>
<a href="#" id="function-blockquote" class="function-button" title="Blockquote">
<span>Blockquote</span></a>
<a href="#" id="function-hr" class="function-button" title="Horizontal rule">
<span>Horizontal Rule</span></a>
<span class="function-divider">&nbsp;</span>
<a href="#" id="function-h1" class="function-button" title="Heading 1">
<span>h1</span></a>
<a href="#" id="function-h2" class="function-button" title="Heading 2">
<span>h2</span></a>
<a href="#" id="function-h3" class="function-button" title="Heading 3">
<span>h3</span></a>
<span class="function-divider">&nbsp;</span>
<a href="#" id="function-link" class="function-button" title="Link">
<span>Link</span></a>
<a href="#" id="function-image" class="function-button" title="Image">
<span>Image</span></a>
{{#critic_markup}}
<a href="#" id="function-critic-accept" class="function-button" title="Accept Selected CriticMarkup">
<span>Accept Selected CriticMarkup</span></a>
<a href="#" id="function-critic-reject" class="function-button" title="Reject Selected CriticMarkup">
<span>Reject Selected CriticMarkup</span></a>
{{/critic_markup}}
<span class="function-divider">&nbsp;</span>
<a href="#" id="function-help" class="function-button" title="Help">
<span>Help</span></a>
</div>
<div id="gollum-editor-format-selector">
<label for="format">Keybinding</label>
<select id="keybinding" name="keybinding">
<option selected="selected">default</option>
<option>vim</option>
<option>emacs</option>
</select>
<label for="format">Edit Mode</label>
<select id="wiki_format" name="format">
{{#formats}}
{{#enabled}}
<option {{#selected}}selected="selected" {{/selected}}value="{{id}}">
{{name}}
</option>
{{/enabled}}
{{/formats}}
{{#formats}}
{{^enabled}}
<option class="disabled" {{#selected}}selected="selected" {{/selected}}value="{{id}}">
{{name}}
</option>
{{/enabled}}
{{/formats}}
</select>
</div>
</div>
<div id="gollum-editor-help" class="jaws">
<ul id="gollum-editor-help-parent">
<li><a href="javascript:void(0);" class="selected">Help 1</a></li>
<li><a href="javascript:void(0);">Help 1</a></li>
<li><a href="javascript:void(0);">Help 1</a></li>
</ul>
<ul id="gollum-editor-help-list">
<li><a href="javascript:void(0);">Help 2</a></li>
<li><a href="javascript:void(0);">Help 3</a></li>
<li><a href="javascript:void(0);">Help 4</a></li>
<li><a href="javascript:void(0);">Help 5</a></li>
<li><a href="javascript:void(0);">Help 6</a></li>
<li><a href="javascript:void(0);">Help 7</a></li>
<li><a href="javascript:void(0);">Help 8</a></li>
</ul>
<div id="gollum-editor-help-wrapper">
<div id="gollum-editor-help-content">
<p>
</p>
</div>
</div>
</div>
<textarea id="gollum-editor-body"
data-markup-lang="{{format}}" name="content" class="mousetrap">{{content}}</textarea>
<div>
<i class="fa fa-spinner fa-spin"></i>
Uploading file ...
</div>
{{#header}}
<div id="gollum-editor-edit-header" class="collapsed">
<a href="#" class="button"><span>Expand/Collapse</span></a>
<h4>Header</h4>
<textarea id="gollum-editor-header" name="header">{{header}}</textarea>
</div>
{{/header}}
{{#footer}}
<div id="gollum-editor-edit-footer" class="collapsed">
<a href="#" class="button"><span>Expand/Collapse</span></a>
<h4>Footer</h4>
<textarea id="gollum-editor-footer" name="footer">{{footer}}</textarea>
</div>
{{/footer}}
{{#sidebar}}
<div id="gollum-editor-edit-sidebar" class="collapsed">
<a href="#" class="button"><span>Expand/Collapse</span></a>
<h4>Sidebar</h4>
<textarea id="gollum-editor-sidebar" name="sidebar">{{sidebar}}</textarea>
</div>
{{/sidebar}}
<div id="gollum-editor-edit-summary" class="singleline">
<label for="message" class="jaws">Edit message:</label>
{{#is_create_page}}
<input type="text" name="message" id="gollum-editor-message-field" value="Created {{page_name}} ({{format}})">
{{/is_create_page}}
{{#is_edit_page}}
<input type="text" name="message" id="gollum-editor-message-field" value="Updated {{page_name}} ({{format}})">
{{/is_edit_page}}
</div>
<span class="jaws"><br></span>
<input type="submit" id="gollum-editor-submit" value="Save" title="Save current changes">
<a href="" id="gollum-editor-cancel" class="minibutton" title="Cancel editing" onClick="window.history.back()">Cancel</a>
<a href="{{preview_path}}" id="gollum-editor-preview" class="minibutton" title="Preview this Page">Preview</a>
</fieldset>
</form>
</div>