trilium/src/views/mobile.ejs

97 lines
3.5 KiB
Text
Raw Normal View History

2018-12-24 05:28:57 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Trilium Notes</title>
</head>
2018-12-25 17:58:40 +08:00
<body class="mobile">
<div class="row" id="container-row" style="display: none;">
2018-12-24 05:28:57 +08:00
<div id="left-pane" class="d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-5 col-md-4 col-lg-4 col-xl-4">
<div id="global-buttons">
<a id="create-top-level-note-button" title="Create new top level note" class="icon-action jam jam-plus-circle"></a>
2018-12-29 05:05:04 +08:00
<a id="collapse-tree-button" title="Collapse note tree. Shortcut ALT+C" class="icon-action jam jam-layers"></a>
<a id="scroll-to-current-note-button" title="Scroll to current note. Shortcut CTRL+." class="icon-action jam jam-download"></a>
2018-12-29 06:57:11 +08:00
<a id="global-actions-button" title="Global actions" class="icon-action jam jam-cogs"></a>
</div>
<div id="tree"></div>
</div>
<div id="detail" class="d-none d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-7 col-md-8 col-lg-8">
2018-12-25 05:39:17 +08:00
<div id="note-title-row">
<button type="button" id="note-menu-button" class="action-button jam jam-align-justify"></button>
2018-12-25 03:38:38 +08:00
<input autocomplete="off" value="" id="note-title" class="form-control" tabindex="1">
2018-12-24 05:28:57 +08:00
2018-12-25 05:39:17 +08:00
<button type="button" id="close-detail-button" class="action-button d-sm-none d-md-none d-lg-none d-xl-none" aria-label="Close">
2018-12-25 03:38:38 +08:00
<span aria-hidden="true">&times;</span>
</button>
</div>
2018-12-25 05:39:17 +08:00
<div id="detail-content">
2018-12-25 03:38:38 +08:00
<span id="saved-indicator" title="All changes have been saved" class="jam jam-check"></span>
2018-12-25 01:39:31 +08:00
2018-12-25 03:38:38 +08:00
<div id="note-detail-text" class="note-detail-component" tabindex="10000"></div>
2018-12-25 03:38:38 +08:00
<div id="note-detail-code" class="note-detail-component"></div>
2018-12-25 03:38:38 +08:00
<% include details/search.ejs %>
2018-12-25 03:38:38 +08:00
<% include details/render.ejs %>
2018-12-25 03:38:38 +08:00
<% include details/file.ejs %>
2018-12-25 03:38:38 +08:00
<% include details/image.ejs %>
2018-12-25 03:38:38 +08:00
<% include details/relation_map.ejs %>
<% include details/protected_session_password.ejs %>
</div>
</div>
2018-12-25 17:58:40 +08:00
<% include dialogs/protected_session_password.ejs %>
2018-12-29 05:05:04 +08:00
<div class="dropdown-menu dropdown-menu-sm" id="context-menu-container"></div>
2018-12-29 06:57:11 +08:00
<form action="logout" id="logout-form" method="POST" style="display: none;"></form>
</div>
2018-12-24 05:28:57 +08:00
<script type="text/javascript">
window.baseApiUrl = 'api/';
window.device = "mobile";
2018-12-24 05:28:57 +08:00
window.glob = {
activeDialog: null,
sourceId: '<%= sourceId %>',
maxSyncIdAtLoad: <%= maxSyncIdAtLoad %>,
instanceName: '<%= instanceName %>'
};
</script>
<script src="libraries/jquery.min.js"></script>
<link href="libraries/fancytree/skin-win8/ui.fancytree.css" rel="stylesheet">
<script src="libraries/fancytree/jquery.fancytree-all-deps.min.js"></script>
<link href="libraries/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="libraries/bootstrap/js/bootstrap.bundle.min.js"></script>
2018-12-24 05:28:57 +08:00
<script src="javascripts/services/mobile.js" crossorigin type="module"></script>
<link href="stylesheets/style.css" rel="stylesheet">
<link href="stylesheets/mobile.css" rel="stylesheet">
2018-12-28 05:36:11 +08:00
<script src="libraries/bootstrap-notify.min.js"></script>
2018-12-24 05:28:57 +08:00
<link rel="stylesheet" type="text/css" href="libraries/jam/css/jam.min.css">
<script type="text/javascript">
// we hide container initally because otherwise it is rendered first without CSS and then flickers into
// final form which is pretty ugly.
$("#container-row").show();
</script>
2018-12-24 05:28:57 +08:00
</body>
</html>