summaryrefslogtreecommitdiff
path: root/public/views/hedgedoc
diff options
context:
space:
mode:
Diffstat (limited to 'public/views/hedgedoc')
-rw-r--r--public/views/hedgedoc/body.ejs253
-rw-r--r--public/views/hedgedoc/foot.ejs29
-rw-r--r--public/views/hedgedoc/footer.ejs0
-rw-r--r--public/views/hedgedoc/head.ejs31
-rw-r--r--public/views/hedgedoc/header.ejs177
5 files changed, 490 insertions, 0 deletions
diff --git a/public/views/hedgedoc/body.ejs b/public/views/hedgedoc/body.ejs
new file mode 100644
index 00000000..96cb8f95
--- /dev/null
+++ b/public/views/hedgedoc/body.ejs
@@ -0,0 +1,253 @@
+<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;">&thinsp;<i class="ui-user-icon small" data-toggle="tooltip" data-placement="right"></i></span>
+ <span class="ui-no-lastchangeuser">&thinsp;<i class="fa fa-clock-o fa-fw" style="width: 18px;"></i></span>&nbsp;
+ <span class="text-uppercase ui-status-lastchange changed"><%= __('changed') %></span>
+ <span class="text-uppercase ui-status-lastchange created"><%= __('created') %></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-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+ </a>
+ <ul class="dropdown-menu" aria-labelledby="permissionLabel">
+ <li class="ui-permission-freely"<% if(!allowAnonymous && !allowAnonymousEdits) { %> style="display: none;"<% } %>><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-in people can edit') %></a></li>
+ <li class="ui-permission-limited"><a><i class="fa fa-id-card fa-fw"></i> <%= __('Limited - Signed-in people can edit (forbid guests)') %></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-protected"><a><i class="fa fa-umbrella fa-fw"></i> <%= __('Protected - Only owner can edit (forbid guests)') %></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>
+ <li class="divider"></li>
+ <li class="ui-delete-note"><a><i class="fa fa-trash-o fa-fw"></i> Delete this note</a></li>
+ </ul>
+ </span>
+ <br>
+ <span class="ui-owner" style="display: none;">
+ &thinsp;<i class="ui-user-icon small" data-toggle="tooltip" data-placement="right"></i>
+ &nbsp;<span class="text-uppercase">owned this note</span>
+ </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-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false" title="Table of content">
+ <i class="fa fa-bars"></i>
+ </a>
+ <ul id="ui-toc" class="ui-toc-dropdown dropdown-menu" aria-labelledby="tocLabel">
+ </ul>
+ </div>
+ </div>
+ <div id="ui-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">&times;</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>
+<!-- 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">&times;</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">&times;</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">&times;</span>
+ </button>
+ <h4 class="modal-title" id="myModalLabel"></h4>
+ </div>
+ <div class="modal-body" style="color:black;">
+ <h5></h5>
+ <a target="_blank" rel="noopener" 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">&times;</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">&times;</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" />
+ <input type="hidden" id="snippetImportModalVersion" />
+ <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">&times;</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" />
+ <input type="hidden" id="snippetExportModalVersion" />
+ <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>
+<!-- delete modal -->
+<div class="modal fade delete-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">&times;</span>
+ </button>
+ <h4 class="modal-title" id="myModalLabel"><%= __('Are you sure?') %></h4>
+ </div>
+ <div class="modal-body">
+ <h5 class="ui-delete-modal-msg"><%= __('Do you really want to delete this note?') %></h5>
+ <strong class="ui-delete-modal-item"><%= __('All users will lose their connection.') %></strong>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-default" data-dismiss="modal"><%= __('Cancel') %></button>
+ <button type="button" class="btn btn-danger ui-delete-modal-confirm"><%= __('Yes, do it!') %></button>
+ </div>
+ </div>
+ </div>
+</div>
+<%- include ../shared/refresh-modal %>
+<%- include ../shared/signin-modal %>
+<%- include ../shared/help-modal %>
+<%- include ../shared/revision-modal %>
diff --git a/public/views/hedgedoc/foot.ejs b/public/views/hedgedoc/foot.ejs
new file mode 100644
index 00000000..9d620e29
--- /dev/null
+++ b/public/views/hedgedoc/foot.ejs
@@ -0,0 +1,29 @@
+<script src="<%= serverURL %>/js/mathjax-config-extra.js"></script>
+<% if(useCDN) { %>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/spin.js/2.3.2/spin.min.js" integrity="sha256-PieqE0QdEDMppwXrTzSZQr6tWFX3W5KkyRVyF1zN3eg=" crossorigin="anonymous" defer></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.4.0/velocity.min.js" integrity="sha256-bhm0lgEt6ITaZCDzZpkr/VXVrLa5RP4u9v2AYsbzSUk=" crossorigin="anonymous" defer></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.0/js/bootstrap.min.js" integrity="sha256-kJrlY+s09+QoWjpkOrXXwhxeaoDz9FW5SaxF8I0DibQ=" crossorigin="anonymous" defer></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js" integrity="sha256-jnOjDTXIPqall8M0MyTSt98JetJuZ7Yu+1Jm7hLTF7U=" crossorigin="anonymous" defer></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/3.7.0/js-yaml.min.js" integrity="sha256-8PanqYAVOGlOct+i65R+HqibK3KPsXINnrSfxN+Y/J0=" crossorigin="anonymous" defer></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.9/MathJax.js" integrity="sha256-DViIOMYdwlM/axqoGDPeUyf0urLoHMN4QACBKyB58Uw=" crossorigin="anonymous" defer></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.9/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-h37FgDAy5VfttFY2Jw5jcIQpvTvxY6QxTTwoDwlhg/E=" crossorigin="anonymous" defer></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.9/config/Safe.js" integrity="sha256-y9JZetUlOMMh4hOP7XzJyCxx5xFrN4qSiBRIHfns3Dk=" crossorigin="anonymous" defer></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment-with-locales.min.js" integrity="sha256-vvT7Ok9u6GbfnBPXnbM6FVDEO8E1kTdgHOFZOAXrktA=" crossorigin="anonymous" defer></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.8.2/mermaid.min.js" integrity="sha256-KqisLh8jVMBRjpNkOhH5W9VWs+F6x6vQksLqxs7+x9A=" crossorigin="anonymous" defer></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/emojify.js/1.1.0/js/emojify.min.js" integrity="sha256-VAB5tAlKBvgaxw8oJ1crWMVbdmBVl4mP/2M8MNRl+4E=" crossorigin="anonymous" defer></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.2/lodash.min.js" integrity="sha256-Cv5v4i4SuYvwRYzIONifZjoc99CkwfncROMSWat1cVA=" crossorigin="anonymous" defer></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.1/socket.io.js" integrity="sha256-0FUwWDJ65tQsnnxtK/o5aTM880+kQzktw2mfTBF36Zs=" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.6/handlebars.min.js" integrity="sha256-1O3BtOwnPyyRzOszK6P+gqaRoXHV6JXj8HkjZmPYhCI=" crossorigin="anonymous" defer></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js" integrity="sha256-eOgo0OtLL4cdq7RdwRUiGKLX9XsIJ7nGhWEKbohmVAQ=" crossorigin="anonymous" defer></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gist-embed/2.6.0/gist-embed.min.js" integrity="sha256-KyF2D6xPIJUW5sUDSs93vWyZm+1RzIpKCexxElmxl8g=" crossorigin="anonymous" defer></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/viz.js/1.7.0/viz.js" integrity="sha256-8t+rndrF+TU4JtelmOH1lDHTMe2ovhO2UbzDArp5lY8=" crossorigin="anonymous" defer></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.8/validator.min.js" integrity="sha256-LHeY7YoYJ0SSXbCx7sR14Pqna+52moaH3bhv0Mjzd/M=" crossorigin="anonymous" defer></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/abcjs/3.1.1/abcjs_basic-min.js" integrity="sha256-Sq1r2XXWXQoShQKsS0Wrf5r7fRkErd9Fat9vHYeU68s=" crossorigin="anonymous"></script>
+<%- include ../build/index-scripts %>
+<% } else { %>
+<script src="<%- serverURL %>/build/MathJax/MathJax.js" defer></script>
+<script src="<%- serverURL %>/build/MathJax/config/TeX-AMS-MML_HTMLorMML.js" defer></script>
+<script src="<%- serverURL %>/build/MathJax/config/Safe.js" defer></script>
+<%- include ../build/index-pack-scripts %>
+<% } %>
diff --git a/public/views/hedgedoc/footer.ejs b/public/views/hedgedoc/footer.ejs
new file mode 100644
index 00000000..e69de29b
--- /dev/null
+++ b/public/views/hedgedoc/footer.ejs
diff --git a/public/views/hedgedoc/head.ejs b/public/views/hedgedoc/head.ejs
new file mode 100644
index 00000000..e7b13e8a
--- /dev/null
+++ b/public/views/hedgedoc/head.ejs
@@ -0,0 +1,31 @@
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="apple-mobile-web-app-status-bar-style" content="black">
+<meta name="mobile-web-app-capable" content="yes">
+<%- include ../includes/favicon %>
+<% for (var og in opengraph) { %>
+<% if (opengraph.hasOwnProperty(og) && opengraph[og].trim() !== '') { %>
+<meta property="og:<%- og %>" content="<%- opengraph[og] %>">
+<% }} if (!opengraph.hasOwnProperty('image')) { %>
+<meta property="og:image" content="<%- serverURL %>/icons/android-chrome-512x512">
+<meta property="og:image:alt" content="HedgeDoc logo">
+<meta property="og:image:type" content="image/png">
+<% } %>
+<base href="<%- serverURL %>/">
+<title><%= title %></title>
+<link rel="icon" type="image/png" href="<%- serverURL %>/favicon.png">
+<link rel="apple-touch-icon" href="<%- serverURL %>/apple-touch-icon.png">
+<% if(useCDN) { %>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.0/css/bootstrap.min.css" integrity="sha256-H0KfTigpUV+0/5tn2HXC0CPwhhDhWgSawJdnFd0CGCo=" crossorigin="anonymous" />
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fork-awesome/1.1.3/css/fork-awesome.min.css" integrity="sha256-ZhApazu+kejqTYhMF+1DzNKjIzP7KXu6AzyXcC1gMus=" crossorigin="anonymous" />
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/4.9.0/bootstrap-social.min.css" integrity="sha256-02JtFTurpwBjQJ6q13iJe82/NF0RbZlJroDegK5g87Y=" crossorigin="anonymous" />
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css" integrity="sha256-3iu9jgsy9TpTwXKb7bNQzqWekRX7pPK+2OLj3R922fo=" crossorigin="anonymous" />
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/emojify.js/1.1.0/css/basic/emojify.min.css" integrity="sha256-UOrvMOsSDSrW6szVLe8ZDZezBxh5IoIfgTwdNDgTjiU=" crossorigin="anonymous" />
+<%- include ../build/index-header %>
+<%- include ../shared/polyfill %>
+<% } else { %>
+<link rel="stylesheet" href='<%- serverURL %>/build/emojify.js/dist/css/basic/emojify.min.css'>
+<%- include ../build/index-pack-header %>
+<% } %>
diff --git a/public/views/hedgedoc/header.ejs b/public/views/hedgedoc/header.ejs
new file mode 100644
index 00000000..f700cd5b
--- /dev/null
+++ b/public/views/hedgedoc/header.ejs
@@ -0,0 +1,177 @@
+<nav class="navbar navbar-default navbar-fixed-top unselectable hidden-print">
+ <!-- Brand and toggle get grouped for better mobile display -->
+ <div class="navbar-header">
+ <div class="pull-right" style="margin-top: 17px; color: #777;">
+ <div class="visible-xs">&nbsp;</div>
+ <div class="visible-sm">&nbsp;</div>
+ <div class="visible-md">&nbsp;</div>
+ <div class="visible-lg">&nbsp;</div>
+ </div>
+ <div class="nav-mobile nav-status visible-xs" id="short-online-user-list">
+ <a class="ui-short-status" data-toggle="dropdown"><span class="label label-danger"><i class="fa fa-plug"></i> </span>
+ </a>
+ <ul class="dropdown-menu list" role="menu" aria-labelledby="menu">
+ </ul>
+ </div>
+ <a class="navbar-brand pull-left header-brand" href="<%- serverURL %>/" title="HedgeDoc (formerly CodiMD)">
+ <img src="<%- serverURL %>/banner/banner_h_bw.svg" alt="HedgeDoc" class="h-100 no-night">
+ <img src="<%- serverURL %>/banner/banner_h_wb.svg" alt="HedgeDoc" class="h-100 night">
+ </a>
+ <div class="nav-mobile pull-right visible-xs">
+ <a data-toggle="dropdown" class="btn btn-link">
+ <i class="fa fa-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu list" role="menu" aria-labelledby="menu">
+ <li role="presentation"><a role="menuitem" class="ui-new" tabindex="-1" href="<%- serverURL %>/new" target="_blank" rel="noopener"><i class="fa fa-plus fa-fw"></i> <%= __('New') %></a>
+ </li>
+ <li role="presentation"><a role="menuitem" class="ui-publish" tabindex="-1" href="#" target="_blank" rel="noopener"><i class="fa fa-share-square-o fa-fw"></i> <%= __('Publish') %></a>
+ </li>
+ <li class="divider"></li>
+ <li class="dropdown-header"><%= __('Extra') %></li>
+ <li role="presentation"><a role="menuitem" class="ui-extra-revision" tabindex="-1" data-toggle="modal" data-target="#revisionModal"><i class="fa fa-history fa-fw"></i> <%= __('Revision') %></a>
+ </li>
+ <li role="presentation"><a role="menuitem" class="ui-extra-slide" tabindex="-1" href="#" target="_blank" rel="noopener"><i class="fa fa-tv fa-fw"></i> <%= __('Slide Mode') %></a>
+ </li>
+ <% if(enableGitHubGist || enableDropBoxSave || enableGitlabSnippets) { %>
+ <li class="divider"></li>
+ <li class="dropdown-header"><%= __('Export') %></li>
+ <li role="presentation"><a role="menuitem" class="ui-save-dropbox" tabindex="-1" href="#" target="_self"><i class="fa fa-dropbox fa-fw"></i> Dropbox</a>
+ </li>
+ <% if(enableGitHubGist) { %>
+ <li role="presentation"><a role="menuitem" class="ui-save-gist" tabindex="-1" href="#" target="_blank" rel="noopener"><i class="fa fa-github fa-fw"></i> Gist</a>
+ </li>
+ <% } %>
+ <% if(enableGitlabSnippets) { %>
+ <li role="presentation"><a role="menuitem" class="ui-save-snippet" href="#"><i class="fa fa-gitlab fa-fw"></i> Snippet</a>
+ </li>
+ <% } %>
+ <% } %>
+ <li class="divider"></li>
+ <li class="dropdown-header"><%= __('Import') %></li>
+ <li role="presentation"><a role="menuitem" class="ui-import-dropbox" tabindex="-1" href="#" target="_self"><i class="fa fa-dropbox fa-fw"></i> Dropbox</a>
+ </li>
+ <li role="presentation"><a role="menuitem" class="ui-import-gist" href="#" data-toggle="modal" data-target="#gistImportModal"><i class="fa fa-github fa-fw"></i> Gist</a>
+ </li>
+ <% if(enableGitlabSnippets) { %>
+ <li role="presentation"><a role="menuitem" class="ui-import-snippet" href="#"><i class="fa fa-gitlab fa-fw"></i> Snippet</a>
+ </li>
+ <% } %>
+ <li role="presentation"><a role="menuitem" class="ui-import-clipboard" href="#" data-toggle="modal" data-target="#clipboardModal"><i class="fa fa-clipboard fa-fw"></i> <%= __('Clipboard') %></a>
+ </li>
+ <li class="divider"></li>
+ <li class="dropdown-header"><%= __('Download') %></li>
+ <li role="presentation"><a role="menuitem" class="ui-download-markdown" tabindex="-1" href="#" target="_self"><i class="fa fa-file-text fa-fw"></i> Markdown</a>
+ </li>
+ <li role="presentation"><a role="menuitem" class="ui-download-html" tabindex="-1" href="#" target="_self"><i class="fa fa-file-code-o fa-fw"></i> HTML</a>
+ </li>
+ <li role="presentation"><a role="menuitem" class="ui-download-raw-html" tabindex="-1" href="#" target="_self"><i class="fa fa-file-code-o fa-fw"></i> <%= __('Raw HTML') %></a>
+ </li>
+ <% if(typeof allowPDFExport !== 'undefined' && allowPDFExport) {%>
+ <li role="presentation"><a role="menuitem" class="ui-download-pdf-beta" tabindex="-1" href="#" target="_self"><i class="fa fa-file-pdf-o fa-fw"></i> PDF (Beta)</a>
+ </li>
+ <% } %>
+ <li class="divider"></li>
+ <li role="presentation"><a role="menuitem" class="ui-help" href="#" data-toggle="modal" data-target=".help-modal"><i class="fa fa-question-circle fa-fw"></i> Help</a>
+ </li>
+ </ul>
+ <a class="btn btn-link ui-mode">
+ <i class="fa fa-pencil"></i>
+ </a>
+ </div>
+ </div>
+ <div class="collapse navbar-collapse">
+ <ul class="nav navbar-nav navbar-form navbar-left" style="padding:0;">
+ <div class="btn-group" data-toggle="buttons">
+ <label class="btn btn-default ui-view" title="<%= __('View') %> (Ctrl+Alt+V)">
+ <input type="radio" name="mode" autocomplete="off"><i class="fa fa-eye"></i>
+ </label>
+ <label class="btn btn-default ui-both" title="<%= __('Both') %> (Ctrl+Alt+B)">
+ <input type="radio" name="mode" autocomplete="off"><i class="fa fa-columns"></i>
+ </label>
+ <label class="btn btn-default ui-edit" title="<%= __('Edit') %> (Ctrl+Alt+E)">
+ <input type="radio" name="mode" autocomplete="off"><i class="fa fa-pencil"></i>
+ </label>
+ </div>
+ <div class="btn-group" data-toggle="buttons">
+ <label class="btn ui-night" title="<%= __('Night Theme') %>">
+ <input type="checkbox" name="night"><i class="fa fa-moon-o"></i>
+ </label>
+ </div>
+ <span class="btn btn-link btn-file ui-help" title="<%= __('Help') %>" data-toggle="modal" data-target=".help-modal">
+ <i class="fa fa-question-circle"></i>
+ </span>
+ </ul>
+ <ul class="nav navbar-nav navbar-right">
+ <li id="online-user-list">
+ <a class="ui-status" data-toggle="dropdown">
+ <span class="label label-danger"><i class="fa fa-plug"></i> OFFLINE</span>
+ </a>
+ <ul class="dropdown-menu list" role="menu" aria-labelledby="menu" style="right: 15px;width: 200px;">
+ </ul>
+ </li>
+ </ul>
+ <ul class="nav navbar-nav navbar-right" style="padding:0;">
+ <li>
+ <a href="<%- serverURL %>/new" target="_blank" rel="noopener" class="ui-new">
+ <i class="fa fa-plus"></i> <%= __('New') %>
+ </a>
+ </li>
+ <li>
+ <a href="#" target="_blank" rel="noopener" class="ui-publish">
+ <i class="fa fa-share-square-o"></i> <%= __('Publish') %>
+ </a>
+ </li>
+ <li>
+ <a data-toggle="dropdown">
+ <%= __('Menu') %> <i class="fa fa-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu list" role="menu" aria-labelledby="menu">
+ <li class="dropdown-header"><%= __('Extra') %></li>
+ <li role="presentation"><a role="menuitem" class="ui-extra-revision" tabindex="-1" data-toggle="modal" data-target="#revisionModal"><i class="fa fa-history fa-fw"></i> <%= __('Revision') %></a>
+ </li>
+ <li role="presentation"><a role="menuitem" class="ui-extra-slide" tabindex="-1" href="#" target="_blank" rel="noopener"><i class="fa fa-tv fa-fw"></i> <%= __('Slide Mode') %></a>
+ </li>
+ <% if(enableGitHubGist || enableDropBoxSave || enableGitlabSnippets) { %>
+ <li class="divider"></li>
+ <li class="dropdown-header"><%= __('Export') %></li>
+ <li role="presentation"><a role="menuitem" class="ui-save-dropbox" tabindex="-1" href="#" target="_self"><i class="fa fa-dropbox fa-fw"></i> Dropbox</a>
+ </li>
+ <% if(enableGitHubGist) { %>
+ <li role="presentation"><a role="menuitem" class="ui-save-gist" tabindex="-1" href="#" target="_blank" rel="noopener"><i class="fa fa-github fa-fw"></i> Gist</a>
+ </li>
+ <% } %>
+ <% if(enableGitlabSnippets) { %>
+ <li role="presentation"><a role="menuitem" class="ui-save-snippet" href="#"><i class="fa fa-gitlab fa-fw"></i> Snippet</a>
+ </li>
+ <% } %>
+ <% } %>
+ <li class="divider"></li>
+ <li class="dropdown-header"><%= __('Import') %></li>
+ <li role="presentation"><a role="menuitem" class="ui-import-dropbox" tabindex="-1" href="#" target="_self"><i class="fa fa-dropbox fa-fw"></i> Dropbox</a>
+ </li>
+ <li role="presentation"><a role="menuitem" class="ui-import-gist" href="#" data-toggle="modal" data-target="#gistImportModal"><i class="fa fa-github fa-fw"></i> Gist</a>
+ </li>
+ <% if(enableGitlabSnippets) { %>
+ <li role="presentation"><a role="menuitem" class="ui-import-snippet" href="#"><i class="fa fa-gitlab fa-fw"></i> Snippet</a>
+ </li>
+ <% } %>
+ <li role="presentation"><a role="menuitem" class="ui-import-clipboard" href="#" data-toggle="modal" data-target="#clipboardModal"><i class="fa fa-clipboard fa-fw"></i> <%= __('Clipboard') %></a>
+ </li>
+ <li class="divider"></li>
+ <li class="dropdown-header"><%= __('Download') %></li>
+ <li role="presentation"><a role="menuitem" class="ui-download-markdown" tabindex="-1" href="#" target="_self"><i class="fa fa-file-text fa-fw"></i> Markdown</a>
+ </li>
+ <li role="presentation"><a role="menuitem" class="ui-download-html" tabindex="-1" href="#" target="_self"><i class="fa fa-file-code-o fa-fw"></i> HTML</a>
+ </li>
+ <li role="presentation"><a role="menuitem" class="ui-download-raw-html" tabindex="-1" href="#" target="_self"><i class="fa fa-file-code-o fa-fw"></i> <%= __('Raw HTML') %></a>
+ </li>
+ <% if(typeof allowPDFExport !== 'undefined' && allowPDFExport) {%>
+ <li role="presentation"><a role="menuitem" class="ui-download-pdf-beta" tabindex="-1" href="#" target="_self"><i class="fa fa-file-pdf-o fa-fw"></i> PDF (Beta)</a>
+ </li>
+ <% } %>
+ </ul>
+ </li>
+ </ul>
+ </div>
+</nav>
+<div class="ui-spinner unselectable hidden-print"></div>