Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-11 07:45:51 +01:00
Code Issues Packages Projects Releases Activity

sharing WIP

Browse Source
This commit is contained in:
zadam
2021-10-19 22:48:38 +02:00
parent 6a6bd4541a
commit 980309ae2a
8 changed files with 260 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/share-tree-item.ejs Normal file
View File

@@ -0,0 +1,17 @@
<p>
<% if (activeNote.noteId === note.noteId) { %>
<strong><%= note.title %></strong>
<% } else { %>
<a href="./<%= note.noteId %>"><%= note.title %></a>
<% } %>
</p>
<% if (note.hasChildren()) { %>
<ul>
<% note.getChildNotes().forEach(function (childNote) { %>
<li>
<%- include('share-tree-item', {note: childNote}) %>
</li>
<% }) %>
</ul>
<% } %>

90
src/views/share.ejs Normal file
View File

@@ -0,0 +1,90 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="../favicon.ico">
<link href="../stylesheets/share.css" rel="stylesheet">
<% if (note.type === 'text' || note.type === 'book') { %>
<link href="../libraries/ckeditor/ckeditor-content.css" rel="stylesheet">
<% } %>
<title><%= note.title %></title>
</head>
<body>
<div id="layout">
<button id="menuLink"></button>
<div id="menu">
<div class="pure-menu">
<%- include('share-tree-item', {note: subRoot, activeNote: note}) %>
</div>
</div>
<div id="main">
<h1 id="title"><%= note.title %></h1>
<div id="content">
<% if (note.type === 'text') { %>
<div class="ck-content"><%- note.getContent() %></div>
<% } %>
</div>
</div>
</div>
<script>
(function (window, document) {
// we fetch the elements each time because docusaurus removes the previous
// element references on page navigation
function getElements() {
return {
layout: document.getElementById('layout'),
menu: document.getElementById('menu'),
menuLink: document.getElementById('menuLink')
};
}
function toggleClass(element, className) {
var classes = element.className.split(/\s+/);
var length = classes.length;
var i = 0;
for (; i < length; i++) {
if (classes[i] === className) {
classes.splice(i, 1);
break;
}
}
// The className is not found
if (length === classes.length) {
classes.push(className);
}
element.className = classes.join(' ');
}
function toggleAll() {
var active = 'active';
var elements = getElements();
toggleClass(elements.layout, active);
toggleClass(elements.menu, active);
toggleClass(elements.menuLink, active);
}
function handleEvent(e) {
var elements = getElements();
if (e.target.id === elements.menuLink.id) {
toggleAll();
e.preventDefault();
} else if (elements.menu.className.indexOf('active') !== -1) {
toggleAll();
}
}
document.addEventListener('click', handleEvent);
}(this, this.document));
</script>
</body>
</html>