2021-10-19 22:48:38 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
2022-08-17 15:18:34 -04:00
|
|
|
<% if (note.hasLabel("shareDescription")) { %>
|
|
|
|
|
<meta name="description" content="<%= note.getLabelValue("shareDescription") %>">
|
|
|
|
|
<% } %>
|
|
|
|
|
|
2022-04-16 00:02:24 +02:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
2022-01-01 13:23:09 +01:00
|
|
|
<% if (note.hasRelation("shareFavicon")) { %>
|
|
|
|
|
<link rel="shortcut icon" href="api/notes/<%= note.getRelation("shareFavicon").value %>/download">
|
|
|
|
|
<% } else { %>
|
2021-10-19 22:48:38 +02:00
|
|
|
<link rel="shortcut icon" href="../favicon.ico">
|
2022-01-01 13:23:09 +01:00
|
|
|
<% } %>
|
2022-12-25 11:58:24 +01:00
|
|
|
<script src="../<%= appPath %>/share.js"></script>
|
2023-06-29 00:14:12 +02:00
|
|
|
<% if (!note.isLabelTruthy("shareOmitDefaultCss")) { %>
|
2024-08-11 01:20:17 +02:00
|
|
|
<link href="../<%= assetPath %>/node_modules/normalize.css/normalize.css" rel="stylesheet">
|
2022-10-26 23:50:54 +02:00
|
|
|
<link href="../<%= assetPath %>/stylesheets/share.css" rel="stylesheet">
|
2021-12-22 11:43:21 +01:00
|
|
|
<% } %>
|
2021-10-19 22:48:38 +02:00
|
|
|
<% if (note.type === 'text' || note.type === 'book') { %>
|
2022-10-26 23:50:54 +02:00
|
|
|
<link href="../<%= assetPath %>/libraries/ckeditor/ckeditor-content.css" rel="stylesheet">
|
2021-10-19 22:48:38 +02:00
|
|
|
<% } %>
|
2021-12-22 09:36:38 +01:00
|
|
|
<% for (const cssRelation of note.getRelations("shareCss")) { %>
|
2021-12-27 20:48:14 +01:00
|
|
|
<link href="api/notes/<%= cssRelation.value %>/download" rel="stylesheet">
|
2021-12-22 09:36:38 +01:00
|
|
|
<% } %>
|
2022-01-01 13:23:09 +01:00
|
|
|
<% for (const jsRelation of note.getRelations("shareJs")) { %>
|
2022-01-01 22:32:38 +01:00
|
|
|
<script type="module" src="api/notes/<%= jsRelation.value %>/download"></script>
|
2022-01-01 13:23:09 +01:00
|
|
|
<% } %>
|
2023-06-29 00:14:12 +02:00
|
|
|
<% if (note.isLabelTruthy('shareDisallowRobotIndexing')) { %>
|
2022-03-22 23:17:47 +01:00
|
|
|
<meta name="robots" content="noindex,follow" />
|
|
|
|
|
<% } %>
|
2021-12-27 20:48:14 +01:00
|
|
|
<%- header %>
|
2021-10-19 22:48:38 +02:00
|
|
|
<title><%= note.title %></title>
|
|
|
|
|
</head>
|
2023-10-08 14:54:37 -04:00
|
|
|
<body data-note-id="<%= note.noteId %>" data-ancestor-note-id="<%= subRoot.note.noteId %>">
|
2021-12-27 20:48:14 +01:00
|
|
|
<div id="layout">
|
|
|
|
|
<div id="main">
|
2022-12-21 16:11:00 +01:00
|
|
|
<% if (note.parents[0].noteId !== '_share' && note.parents.length !== 0) { %>
|
2021-12-28 13:57:37 +01:00
|
|
|
<nav id="parentLink">
|
2024-09-08 20:36:25 +03:00
|
|
|
<%= t("share_page.parent") %> <a href="<%= note.parents[0].shareId %>"
|
|
|
|
|
class="type-<%= note.parents[0].type %>"><%= note.parents[0].title %></a>
|
2021-12-27 12:27:00 +00:00
|
|
|
</nav>
|
2021-12-27 20:48:14 +01:00
|
|
|
<% } %>
|
2021-12-28 13:40:51 +01:00
|
|
|
|
2021-12-27 20:48:14 +01:00
|
|
|
<h1 id="title"><%= note.title %></h1>
|
2021-10-19 22:48:38 +02:00
|
|
|
|
2022-01-02 22:43:00 +01:00
|
|
|
<% if (note.hasLabel("pageUrl")) { %>
|
2024-09-08 20:36:25 +03:00
|
|
|
<div id="noteClippedFrom"><%- t("share_page.clipped-from", { url: `<a href="${note.getLabelValue("pageUrl")}">${note.getLabelValue("pageUrl")}</a>` }) %></div>
|
2022-01-02 22:43:00 +01:00
|
|
|
<% } %>
|
|
|
|
|
|
2022-01-09 09:12:21 +01:00
|
|
|
<% if (!isEmpty) { %>
|
2021-12-28 13:40:51 +01:00
|
|
|
<div id="content" class="type-<%= note.type %><% if (note.type === 'text') { %> ck-content<% } %>">
|
2021-12-21 22:01:06 +01:00
|
|
|
<%- content %>
|
2021-10-19 22:48:38 +02:00
|
|
|
</div>
|
2021-12-27 20:48:14 +01:00
|
|
|
<% } %>
|
|
|
|
|
|
2022-02-16 22:16:15 +01:00
|
|
|
<% if (note.hasVisibleChildren()) { %>
|
2021-12-28 13:57:37 +01:00
|
|
|
<nav id="childLinks" class="<% if (isEmpty) { %>grid<% } else { %>list<% } %>">
|
2021-12-27 20:48:14 +01:00
|
|
|
<% if (!isEmpty) { %>
|
2022-01-09 09:12:21 +01:00
|
|
|
<hr>
|
2024-09-08 20:36:25 +03:00
|
|
|
<span><%= t("share_page.child-notes") %> </span>
|
2021-12-27 20:48:14 +01:00
|
|
|
<% } %>
|
|
|
|
|
|
2022-01-09 09:12:21 +01:00
|
|
|
<ul>
|
2023-09-30 00:44:10 -04:00
|
|
|
<%
|
|
|
|
|
for (const childNote of note.getVisibleChildNotes()) {
|
|
|
|
|
const isExternalLink = childNote.hasLabel('shareExternalLink');
|
|
|
|
|
const linkHref = isExternalLink ? childNote.getLabelValue('shareExternalLink') : `./${childNote.shareId}`;
|
|
|
|
|
const target = isExternalLink ? `target="_blank" rel="noopener noreferrer"` : '';
|
|
|
|
|
%>
|
2022-01-09 09:12:21 +01:00
|
|
|
<li>
|
2023-09-30 00:44:10 -04:00
|
|
|
<a href="<%= linkHref %>" <%= target %>
|
2022-01-09 09:12:21 +01:00
|
|
|
class="type-<%= childNote.type %>"><%= childNote.title %></a>
|
|
|
|
|
</li>
|
|
|
|
|
<% } %>
|
|
|
|
|
</ul>
|
2021-12-27 20:48:14 +01:00
|
|
|
</nav>
|
2022-01-09 09:12:21 +01:00
|
|
|
<% } else if (isEmpty) { %>
|
2024-09-08 20:36:25 +03:00
|
|
|
<p><%= t("share_page.no-content") %></p>
|
2021-12-27 20:48:14 +01:00
|
|
|
<% } %>
|
|
|
|
|
</div>
|
2021-12-21 22:01:06 +01:00
|
|
|
|
2023-07-17 22:19:03 +02:00
|
|
|
<% if (subRoot.note.hasVisibleChildren()) { %>
|
2021-12-28 13:57:37 +01:00
|
|
|
<button id="toggleMenuButton"></button>
|
2021-12-21 22:01:06 +01:00
|
|
|
|
2021-12-22 11:43:21 +01:00
|
|
|
<nav id="menu">
|
2023-07-17 22:19:03 +02:00
|
|
|
<%- include('tree_item', {note: subRoot.note, branch: subRoot.branch, activeNote: note}) %>
|
2021-12-22 11:43:21 +01:00
|
|
|
</nav>
|
2021-12-27 20:48:14 +01:00
|
|
|
<% } %>
|
|
|
|
|
</div>
|
2021-10-19 22:48:38 +02:00
|
|
|
</body>
|
|
|
|
|
</html>
|
