940 lines
33 KiB
HTML
940 lines
33 KiB
HTML
<div class="navbar navbar-fixed-top ui-layout-north">
|
|
<div class="navbar-inner">
|
|
|
|
<ul class="nav">
|
|
<li><div id="wmd-button-bar"></div></li>
|
|
</ul>
|
|
<ul class="nav pull-right">
|
|
<li id="extension-buttons"></li>
|
|
<li class="btn-group"><button
|
|
class="btn btn-success action-create-file"
|
|
title="New local document">
|
|
<i class="icon-file"></i>
|
|
</button>
|
|
<button class="btn btn-success" title="Delete local document"
|
|
data-toggle="modal" data-target="#modal-remove-file-confirm">
|
|
<i class="icon-trash"></i>
|
|
</button></li>
|
|
<li>
|
|
<button data-toggle="dropdown" class="action-open-file hide"></button>
|
|
<ul class="dropdown-menu file-selector">
|
|
<li class="stick">
|
|
<div class="input-group">
|
|
<span class="input-group-addon"><i class="icon-search"></i></span><input
|
|
type="text" id="file-search" class="col-lg-3 form-control">
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<ul class="nav pull-right">
|
|
<li><i class="working-indicator icon-none"></i></li>
|
|
<li><a class="btn btn-success" id="file-title" href="#"
|
|
title="Rename current document"> </a></li>
|
|
<li class="navbar-form"><input id="file-title-input" type="text"
|
|
class="col-lg-3 form-control hide" placeholder="Document title" /></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<textarea id="wmd-input" class="ui-layout-center form-control"></textarea>
|
|
<div class="ui-layout-east preview-container"></div>
|
|
<div class="ui-layout-south preview-container"></div>
|
|
|
|
|
|
<div class="document-panel nav-collapse collapse">
|
|
<button class="btn btn-success document-button" data-toggle="collapse"
|
|
data-target=".document-panel" title="Menu">
|
|
<i class="icon-folder-open"></i> <i class="icon-right-dir"></i>
|
|
</button>
|
|
<div class="document-container"></div>
|
|
</div>
|
|
<div class="menu-panel nav-collapse collapse">
|
|
<button class="btn btn-success menu-button" data-toggle="collapse"
|
|
data-target=".menu-panel" title="Menu">
|
|
<i class="icon-left-dir"></i> <img src="img/stackedit-64.png"
|
|
width="32" height="32" />
|
|
</button>
|
|
<div class="menu-container">
|
|
<div class="list-group">
|
|
<a href="viewer.html" title="StackEdit Viewer"
|
|
class="list-group-item"><i class="icon-resize-full"></i>
|
|
StackEdit Viewer</a> <a href="#" data-toggle="collapse"
|
|
data-target=".collapse-open-from" class="list-group-item"><i
|
|
class="icon-hdd"></i> Open from...</a>
|
|
<ul class="nav collapse collapse-open-from">
|
|
<li><a data-toggle="modal"
|
|
data-target="#modal-import-harddrive-markdown"
|
|
class="action-reset-input" href="#">Import from hard drive</a></li>
|
|
<li><a data-toggle="modal"
|
|
data-target="#modal-import-harddrive-html"
|
|
class="action-reset-input" href="#">Convert HTML to Markdown</a></li>
|
|
</ul>
|
|
|
|
<a href="#" data-toggle="collapse" data-target=".collapse-save-as"
|
|
class="list-group-item"><i class="icon-hdd"></i> Save as...</a>
|
|
<ul class="nav collapse collapse-save-as">
|
|
<li><a class="action-download-md" href="#">Save as Markdown</a></li>
|
|
<li><a class="action-download-html" href="#">Save as HTML</a></li>
|
|
<li><a class="action-download-template" href="#">Save using
|
|
template</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class=dropdown-header>SYNCHRONIZE</div>
|
|
<div class="list-group">
|
|
<a href="#" data-toggle="collapse"
|
|
data-target=".collapse-sync-gdrive" class="list-group-item"><i
|
|
class="icon-provider-gdrive"></i> Google Drive</a>
|
|
<ul class="nav collapse collapse-sync-gdrive">
|
|
<li><a href="#" class="action-sync-import-gdrive">Import
|
|
from Google Drive</a></li>
|
|
<li><a href="#" class="action-sync-export-dialog-gdrive">Export
|
|
to Google Drive</a></li>
|
|
</ul>
|
|
<a href="#" data-toggle="collapse"
|
|
data-target=".collapse-sync-dropbox" class="list-group-item"><i
|
|
class="icon-provider-dropbox"></i> Dropbox</a>
|
|
<ul class="nav collapse collapse-sync-dropbox">
|
|
<li><a class="action-sync-import-dropbox" href="#">Import
|
|
from Dropbox</a></li>
|
|
<li><a href="#" class="action-sync-export-dialog-dropbox">Export
|
|
to Dropbox</a></li>
|
|
</ul>
|
|
<a href="#" data-toggle="modal" data-target="#modal-manage-sync"
|
|
class="action-reset-input list-group-item"><i
|
|
class="icon-refresh"></i> Manage synchronization</a>
|
|
</div>
|
|
<div class=dropdown-header>PUBLISH</div>
|
|
<div class="list-group">
|
|
<a href="#" data-toggle="collapse" data-target=".collapse-publish-on"
|
|
class="list-group-item"><i class="icon-share"></i> Publish on...</a>
|
|
<ul class="nav collapse collapse-publish-on">
|
|
</ul>
|
|
<a href="#" data-toggle="modal" data-target="#modal-manage-publish"
|
|
class="action-reset-input list-group-item"><i class="icon-share"></i>
|
|
Manage publication</a>
|
|
</div>
|
|
<ul class="nav">
|
|
<li><a href="#" data-toggle="modal"
|
|
data-target="#modal-settings"
|
|
class="action-load-settings list-group-item"><i class="icon-cog"></i>
|
|
Settings</a></li>
|
|
<li><a href="#" data-toggle="modal" data-target="#modal-about"
|
|
class=" list-group-item"><i class="icon-help-circled"></i> About</a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="modal-insert-link" class="modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<button type="button" class="close action-close-insert-link"
|
|
data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h3 class="modal-title">Hyperlink</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Please provide the link URL and an optional title:</p>
|
|
<div class="input-group">
|
|
<span class="input-group-addon"><i class="icon-globe"></i></span><input
|
|
id="input-insert-link" type="text" class="col-lg-5 form-control"
|
|
placeholder='http://example.com/ "optional title"'></input>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a>
|
|
<a href="#" class="btn btn-primary action-insert-link"
|
|
data-dismiss="modal">OK</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="modal-insert-image" class="modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<button type="button" class="close action-close-insert-link"
|
|
data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h3 class="modal-title">Image</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Please provide the image URL and an optional title:</p>
|
|
<div class="input-group">
|
|
<span class="input-group-addon"><i class="icon-picture"></i></span><input
|
|
id="input-insert-image" type="text" class="col-lg-5 form-control"
|
|
placeholder='http://example.com/image.jpg "optional title"'></input>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-default action-import-image-gplus"
|
|
data-dismiss="modal"><i class="icon-provider-gplus"></i> Import
|
|
from Google+</a> <a href="#" class="btn btn-default"
|
|
data-dismiss="modal">Cancel</a> <a href="#"
|
|
class="btn btn-primary action-insert-image" data-dismiss="modal">OK</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="modal-import-image" class="modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<button type="button" class="close action-close-insert-link"
|
|
data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h3 class="modal-title">Google+ image import</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-horizontal">
|
|
<div class="form-group">
|
|
<div class="col-lg-7">
|
|
<img>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-import-image-title">Title (optional)</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-import-image-title"
|
|
placeholder="Image title" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-import-image-size">Size limit (optional)</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-import-image-size" placeholder="123"
|
|
class="col-lg-3 form-control"> px
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a>
|
|
<a href="#" class="btn btn-primary action-import-image"
|
|
data-dismiss="modal">OK</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="modal-remove-file-confirm" class="modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-hidden="true">×</button>
|
|
<h3 class="modal-title">Delete</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>
|
|
Are you sure you want to delete "<span class="file-title"></span>"?
|
|
</p>
|
|
<blockquote class="muted">
|
|
<b>NOTE:</b> This will not delete the file on synchronized
|
|
locations.
|
|
</blockquote>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a>
|
|
<a href="#" class="btn btn-primary action-remove-file"
|
|
data-dismiss="modal">Delete</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="modal-import-harddrive-markdown" class="modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-hidden="true">×</button>
|
|
<h3 class="modal-title">Import from hard drive</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Please select your Markdown files here:</p>
|
|
<p>
|
|
<input type="file" id="input-file-import-harddrive-markdown"
|
|
multiple class="form-control" />
|
|
</p>
|
|
<p>Or drag and drop your Markdown files here:</p>
|
|
<p id="dropzone-import-harddrive-markdown" class="drop-zone">Drop
|
|
files here</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-primary" data-dismiss="modal">Close</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="modal-import-harddrive-html" class="modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-hidden="true">×</button>
|
|
<h3 class="modal-title">Convert HTML to Markdown</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Please select your HTML files here:</p>
|
|
<p>
|
|
<input type="file" id="input-file-import-harddrive-html" multiple
|
|
class="form-control" />
|
|
</p>
|
|
<p>Or drag and drop your HTML files here:</p>
|
|
<p id="dropzone-import-harddrive-html" class="drop-zone">Drop
|
|
files here</p>
|
|
<p>Or insert your HTML code here:</p>
|
|
<textarea id="input-convert-html"></textarea>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-default" data-dismiss="modal">Close</a> <a
|
|
href="#" class="btn btn-primary action-convert-html"
|
|
data-dismiss="modal">OK</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="modal-upload-gdrive" class="modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-hidden="true">×</button>
|
|
<h3 class="modal-title">Export to Google Drive</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<blockquote class="muted">This will save the current
|
|
document to your Google Drive account and keep it synchronized.</blockquote>
|
|
<p>
|
|
Please specify a <b>folder ID</b> (optional):
|
|
</p>
|
|
<div class="input-prepend">
|
|
<span class="add-on"><i class="icon-provider-gdrive"></i></span><input
|
|
id="input-sync-export-gdrive-parentid" type="text"
|
|
class="col-lg-5 form-control" placeholder="FolderID"></input>
|
|
</div>
|
|
<br /> <br />
|
|
<blockquote class="muted">
|
|
<b>NOTE:</b>
|
|
<ul>
|
|
<li>If no folder ID is supplied, the file will be created in
|
|
your root folder.</li>
|
|
<li>You can move or rename the file afterwards within Google
|
|
Drive.</li>
|
|
</ul>
|
|
</blockquote>
|
|
<div class="checkbox">
|
|
<label> <input id="input-sync-export-gdrive-realtime"
|
|
type="checkbox"> Create a real time collaborative document
|
|
</label>
|
|
</div>
|
|
<br /> <br />
|
|
<blockquote class="muted">
|
|
<b>NOTE:</b>
|
|
<ul>
|
|
<li>Real time collaborative documents can't be open outside
|
|
StackEdit.</li>
|
|
<li>Real time collaborative documents can't have multiple
|
|
synchronized locations.</li>
|
|
</ul>
|
|
</blockquote>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a>
|
|
<a href="#" data-dismiss="modal"
|
|
class="btn btn-primary action-sync-export-gdrive">OK</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="modal-upload-dropbox" class="modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-hidden="true">×</button>
|
|
<h3 class="modal-title">Export to Dropbox</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<blockquote class="muted">This will save the current
|
|
document to your Dropbox account and keep it synchronized.</blockquote>
|
|
<p>
|
|
Please specify a <b>file path</b> for "<span class="file-title"></span>":
|
|
</p>
|
|
<div class="input-prepend">
|
|
<span class="add-on"><i class="icon-provider-dropbox"></i></span><input
|
|
id="input-sync-export-dropbox-path" type="text"
|
|
class="col-lg-5 form-control"
|
|
placeholder="/path/to/My Document.md"></input>
|
|
</div>
|
|
<br /> <br />
|
|
<blockquote class="muted">
|
|
<b>NOTE:</b>
|
|
<ul>
|
|
<li>Dropbox file path does not depend on document title.</li>
|
|
<li>The title of your document will not be synchronized.</li>
|
|
<li>Destination folder must exist.</li>
|
|
<li>Any existing file at this location will be overwritten.</li>
|
|
</ul>
|
|
</blockquote>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a>
|
|
<a href="#" data-dismiss="modal"
|
|
class="btn btn-primary action-sync-export-dropbox">OK</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="modal-manage-sync" class="modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-hidden="true">×</button>
|
|
<h3 class="modal-title">Synchronization</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p class="msg-sync-list hide">
|
|
"<span class="file-title"></span>" is synchronized with the
|
|
following location(s):
|
|
</p>
|
|
<p id="manage-sync-list"></p>
|
|
<blockquote class="msg-sync-list hide muted">
|
|
<b>NOTE:</b> Removing a synchronized location will not delete any
|
|
file.
|
|
</blockquote>
|
|
<blockquote class="msg-no-sync hide muted">
|
|
"<span class="file-title"></span>" is not synchronized yet.
|
|
</blockquote>
|
|
<p>Add a synchronized location manually:</p>
|
|
<div class="input-prepend input-append sync-manual">
|
|
<span class="add-on" title="Google Drive"><i
|
|
class="icon-provider-gdrive"></i></span><input
|
|
id="input-sync-manual-gdrive-id" type="text"
|
|
class="col-lg-5 form-control" placeholder="GoogleDriveFileID"></input>
|
|
<a class="btn btn-default action-sync-manual-gdrive"
|
|
title="Add location" data-dismiss="modal"><i class="icon-ok"></i></a>
|
|
</div>
|
|
<div class="input-prepend input-append sync-manual">
|
|
<span class="add-on" title="Dropbox"><i
|
|
class="icon-provider-dropbox"></i></span><input
|
|
id="input-sync-manual-dropbox-path" type="text"
|
|
class="col-lg-5 form-control" placeholder="/dropbox/file/path"></input>
|
|
<a class="btn btn-default action-sync-manual-dropbox"
|
|
title="Add location" data-dismiss="modal"><i class="icon-ok"></i></a>
|
|
</div>
|
|
<blockquote class="muted">
|
|
<b>NOTE:</b> This will first upload the document and overwrite the
|
|
existing file on the server.
|
|
</blockquote>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-primary" data-dismiss="modal">Close</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="modal-publish" class="modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-hidden="true">×</button>
|
|
<h3 class="modal-title">
|
|
Publish on <span class="publish-provider-name"></span>
|
|
</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-horizontal">
|
|
<div class="form-group modal-publish-ssh">
|
|
<label class="col-lg-4 control-label" for="input-publish-ssh-host">Host</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-publish-ssh-host"
|
|
placeholder="host.name.or.ip" class="form-control"> <span
|
|
class="help-block"> Host must be accessible publicly,
|
|
unless you are hosting your own <a target="_blank"
|
|
href="https://github.com/benweet/stackedit-ssh-proxy">SSH
|
|
proxy</a>.
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group modal-publish-ssh">
|
|
<label class="col-lg-4 control-label" for="input-publish-ssh-port">Port
|
|
(optional)</label>
|
|
<div class="col-lg-2">
|
|
<input type="text" id="input-publish-ssh-port" placeholder="22"
|
|
class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group modal-publish-ssh">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-publish-ssh-username">Username</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-publish-ssh-username"
|
|
placeholder="username" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group modal-publish-ssh">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-publish-ssh-password">Password</label>
|
|
<div class="col-lg-7">
|
|
<input type="password" id="input-publish-ssh-password"
|
|
placeholder="password" class="form-control"> <span
|
|
class="help-block"> Passwords are transmitted in clear,
|
|
unless you are hosting your own <a target="_blank"
|
|
href="https://github.com/benweet/stackedit-ssh-proxy">SSH
|
|
proxy</a>.
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group modal-publish-github">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-publish-github-reponame">Repository</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-publish-github-reponame"
|
|
placeholder="repository-name" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group modal-publish-github">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-publish-github-username">Username (optional)</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-publish-github-username"
|
|
placeholder="username" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group modal-publish-github">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-publish-github-branch">Branch</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-publish-github-branch"
|
|
placeholder="branch-name" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group modal-publish-ssh modal-publish-github">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-publish-file-path">File path</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-publish-file-path"
|
|
placeholder="path/to/file.md" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group modal-publish-gist">
|
|
<label class="col-lg-4 control-label" for="input-publish-filename">Filename</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-publish-filename"
|
|
placeholder="filename" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group modal-publish-gist">
|
|
<label class="col-lg-4 control-label" for="input-publish-gist-id">Existing
|
|
ID (optional)</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-publish-gist-id"
|
|
placeholder="GistID" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group modal-publish-gist">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-publish-gist-public">Public</label>
|
|
<div class="col-lg-7">
|
|
<div class="checkbox">
|
|
<input type="checkbox" id="input-publish-gist-public"
|
|
checked="checked" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group modal-publish-blogger">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-publish-blogger-url">Blog URL</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-publish-blogger-url"
|
|
placeholder="http://exemple.blogger.com/" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group modal-publish-tumblr">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-publish-tumblr-hostname">Blog hostname</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-publish-tumblr-hostname"
|
|
placeholder="exemple.tumblr.com" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group modal-publish-wordpress">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-publish-tumblr-hostname">WordPress site</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-publish-wordpress-site"
|
|
placeholder="exemple.wordpress.com" class="form-control">
|
|
<span class="help-block"> <a target="_blank"
|
|
href="http://jetpack.me/">Jetpack plugin</a> is required for
|
|
self-hosted sites.
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="form-group modal-publish-blogger modal-publish-tumblr modal-publish-wordpress">
|
|
<label class="col-lg-4 control-label" for="input-publish-postid">Update
|
|
existing post ID (optional)</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-publish-postid" placeholder="PostID"
|
|
class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group modal-publish-blogger">
|
|
<label class="col-lg-4 control-label" for="input-publish-labels">Labels
|
|
(comma separated)</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-publish-labels"
|
|
placeholder="Label1, Label2" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="form-group modal-publish-tumblr modal-publish-wordpress">
|
|
<label class="col-lg-4 control-label" for="input-publish-tags">Tags
|
|
(comma separated)</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-publish-tags"
|
|
placeholder="Tag1, Tag2" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group modal-publish-dropbox">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-publish-dropbox-path">File path</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-publish-dropbox-path"
|
|
placeholder="/path/to/My Document.html" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group modal-publish-gdrive">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-publish-gdrive-fileid">File ID (optional)</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-publish-gdrive-fileid"
|
|
placeholder="FileID" class="form-control"> <span
|
|
class="help-block">If no file ID is supplied, a new file
|
|
will be created in your Google Drive root folder. You can move
|
|
the file afterwards within Google Drive.</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group modal-publish-gdrive">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-publish-gdrive-filename">Force filename
|
|
(optional)</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-publish-gdrive-filename"
|
|
placeholder="Filename" class="form-control"> <span
|
|
class="help-block">If no file name is supplied, the
|
|
document title will be used.</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="col-lg-4 control-label">Format</label>
|
|
<div class="col-lg-7">
|
|
<div class="radio">
|
|
<label> <input type="radio" name="radio-publish-format"
|
|
value="markdown"> Markdown
|
|
</label>
|
|
</div>
|
|
<div class="radio">
|
|
<label> <input type="radio" name="radio-publish-format"
|
|
value="html"> HTML
|
|
</label>
|
|
</div>
|
|
<div class="radio">
|
|
<label> <input type="radio" name="radio-publish-format"
|
|
value="template"> Template
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a>
|
|
<a href="#" data-dismiss="modal"
|
|
class="btn btn-primary action-process-publish">OK</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="modal-manage-publish" class="modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-hidden="true">×</button>
|
|
<h3 class="modal-title">Publication</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p class="msg-publish-list hide">
|
|
"<span class="file-title"></span>" is published on the following
|
|
location(s):
|
|
</p>
|
|
<div id="manage-publish-list"></div>
|
|
<blockquote class="muted">
|
|
<div class="msg-no-publish hide">
|
|
"<span class="file-title"></span>" is not published yet. <br /> <br />
|
|
</div>
|
|
<b>NOTE:</b> You can add publications using "Publish on" sub-menu.
|
|
</blockquote>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-primary" data-dismiss="modal">Close</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="modal-settings" class="modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-hidden="true">×</button>
|
|
<h3 class="modal-title">Settings</h3>
|
|
<ul class="nav nav-tabs">
|
|
<li class="active"><a class="action-load-settings"
|
|
href="#tabpane-settings-editor" data-toggle="tab">Editor</a></li>
|
|
<li><a class="action-load-settings"
|
|
href="#tabpane-settings-publish" data-toggle="tab">Publish</a></li>
|
|
<li><a class="action-load-settings"
|
|
href="#tabpane-settings-extensions" data-toggle="tab">Extensions</a></li>
|
|
<li><a class="action-load-settings"
|
|
href="#tabpane-settings-utils" data-toggle="tab">Utils</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="modal-body">
|
|
|
|
<div class="tab-content">
|
|
<div class="tab-pane active" id="tabpane-settings-editor">
|
|
<div class="form-horizontal">
|
|
<div class="form-group">
|
|
<label class="col-lg-4 control-label">Layout orientation</label>
|
|
<div class="col-lg-7">
|
|
<div class="radio">
|
|
<label> <input type="radio"
|
|
name="radio-layout-orientation" value="horizontal">
|
|
Horizontal
|
|
</label>
|
|
</div>
|
|
<div class="radio">
|
|
<label> <input type="radio"
|
|
name="radio-layout-orientation" value="vertical">
|
|
Vertical
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-lg-4 control-label" for="input-settings-theme">Theme</label>
|
|
<div class="col-lg-7">
|
|
<select id="input-settings-theme" class="form-control">
|
|
</select> <span class="help-block"><a target="_blank"
|
|
href="https://github.com/benweet/stackedit/blob/master/doc/theming.md#stackedit-theming-guide">Create
|
|
your own theme...</a></span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-settings-lazy-rendering">Lazy rendering <a
|
|
href="#" class="tooltip-lazy-rendering">(?)</a>
|
|
</label>
|
|
<div class="col-lg-7">
|
|
<div class="checkbox">
|
|
<input type="checkbox" id="input-settings-lazy-rendering" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-settings-editor-font-family">Editor font</label>
|
|
<div class="col-lg-8 form-inline">
|
|
<input type="text" id="input-settings-editor-font-family"
|
|
class="form-control col-lg-7"> <input type="text"
|
|
id="input-settings-editor-font-size"
|
|
class="form-control col-lg-2"> px
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-lg-4 control-label"
|
|
for="textarea-settings-default-content">Default content
|
|
<a href="#" class="tooltip-default-content">(?)</a>
|
|
</label>
|
|
<div class="col-lg-7">
|
|
<textarea id="textarea-settings-default-content"
|
|
class="form-control"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane" id="tabpane-settings-publish">
|
|
<div class="form-horizontal">
|
|
<div class="form-group">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-settings-publish-commit-msg">Commit message</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-settings-publish-commit-msg"
|
|
class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-lg-4 control-label"
|
|
for="textarea-settings-publish-template">Template <a
|
|
href="#" class="tooltip-template">(?)</a>
|
|
</label>
|
|
<div class="col-lg-7">
|
|
<textarea id="textarea-settings-publish-template"
|
|
class="form-control"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-lg-4 control-label"
|
|
for="input-settings-ssh-proxy">SSH proxy</label>
|
|
<div class="col-lg-7">
|
|
<input type="text" id="input-settings-ssh-proxy"
|
|
class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane" id="tabpane-settings-extensions">
|
|
<div class="accordion" id="accordion-extensions"></div>
|
|
<span class="help-block pull-right"><a target="_blank"
|
|
href="https://github.com/benweet/stackedit/blob/master/doc/developer-guide.md#architecture">Create
|
|
your own extension...</a></span>
|
|
</div>
|
|
<div class="tab-pane" id="tabpane-settings-utils">
|
|
<div class="tab-pane-button-container">
|
|
<a href="#"
|
|
class="btn btn-block btn-primary action-import-settings"><i
|
|
class="icon-wrench icon-white"></i> Import settings</a> <a href="#"
|
|
class="btn btn-block btn-primary action-export-settings"
|
|
data-dismiss="modal"><i class="icon-wrench icon-white"></i>
|
|
Export settings</a> <a href="#"
|
|
class="btn btn-block btn-primary action-default-settings"
|
|
data-dismiss="modal"><i class="icon-wrench icon-white"></i>
|
|
Load default settings</a> <input type="file"
|
|
id="input-file-import-settings" class="hide">
|
|
</div>
|
|
<div class="tab-pane-button-container">
|
|
<a href="#" class="btn btn-block btn-primary action-welcome-file"
|
|
data-dismiss="modal"><i class="icon-help-circled icon-white"></i>
|
|
Welcome document</a> <a href="#" class="btn btn-block btn-primary"
|
|
data-dismiss="modal" data-toggle="modal"
|
|
data-target="#modal-app-reset"><i
|
|
class="icon-fire icon-white"></i> Reset application</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a>
|
|
<a href="#" class="btn btn-primary action-apply-settings"
|
|
data-dismiss="modal">OK</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="modal-about" class="modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-hidden="true">×</button>
|
|
<img src="img/stackedit-promo.png" />
|
|
</div>
|
|
<div class="modal-body"></div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-primary" data-dismiss="modal">Close</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="modal-non-unique" class="modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<h3 class="modal-title">Ooops...</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>StackEdit has stopped because another instance was running in
|
|
the same browser.</p>
|
|
<blockquote class="muted">If you want to reopen
|
|
StackEdit, click on "Reload".</blockquote>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="javascript:window.location.reload();"
|
|
class="btn btn-primary">Reload</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="modal-app-reset" class="modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<h3 class="modal-title">Reset application</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>This will delete all your local documents.</p>
|
|
<blockquote class="muted">Are you sure?</blockquote>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a>
|
|
<a href="#" class="btn btn-primary action-app-reset"
|
|
data-dismiss="modal">OK</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<textarea id="md-section-helper" class="form-control"></textarea>
|
|
<div class="lock-ui hide"></div>
|
|
<div id="dropboxjs" data-app-key="x0k2l8puemfvg0o"></div> |