mirror of https://github.com/status-im/codimd.git
238 lines
14 KiB
Plaintext
238 lines
14 KiB
Plaintext
<div class="row ui-content" style="display: none;">
|
|
<div class="ui-edit-area unselectable">
|
|
<textarea id="textit"></textarea>
|
|
</div>
|
|
<div class="ui-view-area">
|
|
<div class="ui-infobar container-fluid unselectable hidden-print">
|
|
<small>
|
|
<span>
|
|
<span class="ui-lastchangeuser" style="display: none;"> <i class="ui-user-icon small" data-toggle="tooltip" data-placement="right"></i></span>
|
|
<span class="ui-no-lastchangeuser"> <i class="fa fa-clock-o"></i></span>
|
|
<span class="text-uppercase ui-status-lastchange"></span>
|
|
<span class="ui-lastchange text-uppercase"></span>
|
|
</span>
|
|
<span class="ui-permission dropdown pull-right">
|
|
<a id="permissionLabel" class="ui-permission-label text-uppercase" data-target="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
|
</a>
|
|
<ul class="dropdown-menu" aria-labelledby="permissionLabel">
|
|
<li class="ui-permission-freely"><a><i class="fa fa-leaf fa-fw"></i> Freely - Anyone can edit</a></li>
|
|
<li class="ui-permission-editable"><a><i class="fa fa-shield fa-fw"></i> Editable - Signed people can edit</a></li>
|
|
<li class="ui-permission-locked"><a><i class="fa fa-lock fa-fw"></i> Locked - Only owner can edit</a></li>
|
|
<li class="ui-permission-private"><a><i class="fa fa-hand-stop-o fa-fw"></i> Private - Only owner can view & edit</a></li>
|
|
</ul>
|
|
</span>
|
|
</small>
|
|
</div>
|
|
<div id="doc" class="markdown-body container-fluid"></div>
|
|
<div class="ui-toc dropup unselectable hidden-print" style="display:none;">
|
|
<div class="pull-right dropdown">
|
|
<a id="tocLabel" class="ui-toc-label btn btn-default" data-target="#" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false" title="Table of content">
|
|
<i class="fa fa-bars"></i>
|
|
</a>
|
|
<ul id="toc" class="ui-toc-dropdown dropdown-menu" aria-labelledby="tocLabel">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="toc-affix" class="ui-affix-toc ui-toc-dropdown unselectable hidden-print" data-spy="affix" style="top:51px;display:none;"></div>
|
|
</div>
|
|
</div>
|
|
<!-- clipboard modal -->
|
|
<div class="modal fade" id="clipboardModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title" id="myModalLabel">Import from clipboard</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div contenteditable data-ph="Paste your markdown or webpage here..." id="clipboardModalContent" style="overflow:auto;max-height:50vh"></div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
|
<button type="button" class="btn btn-danger" id="clipboardModalClear">Clear</button>
|
|
<button type="button" class="btn btn-primary" id="clipboardModalConfirm">Import</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- refresh modal -->
|
|
<div class="modal fade" id="refreshModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-sm">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title" id="myModalLabel">This page need refresh</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<h5>This page have a mismatch client version or incorrect user state or errors.</h5>
|
|
<strong>Please refresh this page.</strong>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" id="refreshModalRefresh">Refresh</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- locked modal -->
|
|
<div class="modal fade locked-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-sm">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title" id="myModalLabel"><i class="fa fa-lock"></i> This note is locked</h4>
|
|
</div>
|
|
<div class="modal-body" style="color:black;">
|
|
<h5>Sorry, only owner can edit this note.</h5>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger" data-dismiss="modal">OK</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- limit modal -->
|
|
<div class="modal fade limit-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-sm">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title" id="myModalLabel"><i class="fa fa-exclamation-triangle"></i> Reach the limit</h4>
|
|
</div>
|
|
<div class="modal-body" style="color:black;">
|
|
<h5>Sorry, you've reached the max length this note can be.</h5>
|
|
<strong>Please reduce the content or divide it to more notes, thank you!</strong>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-warning" data-dismiss="modal">OK</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- message modal -->
|
|
<div class="modal fade message-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-sm">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title" id="myModalLabel"></h4>
|
|
</div>
|
|
<div class="modal-body" style="color:black;">
|
|
<h5></h5>
|
|
<a target="_blank" style="word-break: break-all;"></a>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- gist import modal -->
|
|
<div class="modal fade" id="gistImportModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title" id="myModalLabel">Import from Gist</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<input type="url" class="form-control" placeholder="Paste your gist url here... (like: https://gist.github.com/username/gistid)" id="gistImportModalContent">
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
|
<button type="button" class="btn btn-danger" id="gistImportModalClear">Clear</button>
|
|
<button type="button" class="btn btn-primary" id="gistImportModalConfirm">Import</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- snippet import modal -->
|
|
<div class="modal fade" id="snippetImportModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title" id="myModalLabel">Import from Snippet</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<input type="hidden" id="snippetImportModalAccessToken" />
|
|
<input type="hidden" id="snippetImportModalBaseURL" />
|
|
<div class="ui-field-contain" style="display:table;margin-bottom:10px;width:100%;">
|
|
<div style="display:table-row;margin-bottom:5px;">
|
|
<label style="display:table-cell;">Project:</label>
|
|
<select class="form-control" id="snippetImportModalProjects" style="display:table-cell;" disabled="disabled">
|
|
<option value="init" selected="selected" disabled="disabled">Select From Available Projects</option>
|
|
</select>
|
|
</div>
|
|
<div style="display:table-row;">
|
|
<label style="display:table-cell;">Snippet</label>
|
|
<select class="form-control" id="snippetImportModalSnippets" style="display:table-cell;" disabled="disabled">
|
|
<option value="init" selected="selected" disabled="disabled">Select From Available Snippets</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<p class="snippet-import-or">OR</p>
|
|
<input type="url" class="form-control" placeholder="/projects/:id/snippets/:snippet_id" id="snippetImportModalContent" disabled="disabled">
|
|
</div>
|
|
<div class="modal-footer">
|
|
<span id="snippetImportModalLoading"><i class="fa fa-refresh fa-spin fa-fw"></i></span>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
|
<button type="button" class="btn btn-danger" id="snippetImportModalClear">Clear</button>
|
|
<button type="button" class="btn btn-primary" id="snippetImportModalConfirm" disabled="disabled">Import</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- snippet export modal -->
|
|
<div class="modal fade" id="snippetExportModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title" id="myModalLabel">Export to Snippet</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<input type="hidden" id="snippetExportModalAccessToken" />
|
|
<input type="hidden" id="snippetExportModalBaseURL" />
|
|
<div class="ui-field-contain" style="display:table;margin-bottom:10px;width:100%;">
|
|
<div style="display:table-row;margin-bottom:5px;">
|
|
<label style="display:table-cell;">Title:</label>
|
|
<input class="form-control" placeholder="new snippet" type="text" id="snippetExportModalTitle" />
|
|
</div>
|
|
<div style="display:table-row;margin-bottom:5px;">
|
|
<label style="display:table-cell;">File Name:</label>
|
|
<input class="form-control" placeholder="new_snippet.md" type="text" id="snippetExportModalFileName" />
|
|
</div>
|
|
<div style="display:table-row;margin-bottom:5px;">
|
|
<label style="display:table-cell;">Project:</label>
|
|
<select class="form-control" id="snippetExportModalProjects" style="display:table-cell;">
|
|
<option value="init" selected="selected" disabled="disabled">Select From Available Projects</option>
|
|
</select>
|
|
</div>
|
|
<div style="display:table-row;margin-bottom:5px;">
|
|
<label style="display:table-cell;">Visibility:</label>
|
|
<select class="form-control" id="snippetExportModalVisibility" style="display:table-cell;">
|
|
<option value="" selected="selected" disabled="disabled">Select Visibility Level</option>
|
|
<option value="0">Private</option>
|
|
<option value="10">Internal</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<span id="snippetExportModalLoading"><i class="fa fa-refresh fa-spin fa-fw"></i></span>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
|
<button type="button" class="btn btn-primary" id="snippetExportModalConfirm">Export</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<%- include signin-modal %>
|
|
<%- include help-modal %> |