gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-03-01 14:22:32 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

optimize canvas_note share to make it more clear about view mode and excalidraw

Browse Source
This commit is contained in:
Tom 2022-05-03 22:44:52 +02:00
parent 1a4bc0b989
commit dc35df9f63
2 changed files with 24 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
libraries/excalidraw/canvas_note_share.js
View File

@ -45,19 +45,7 @@ const App = () => {
{
className: "excalidraw-wrapper",
ref: excalidrawWrapperRef
},
React.createElement(
"label",
null,
React.createElement("input", {
type: "checkbox",
checked: viewModeEnabled,
onChange: () => setViewModeEnabled(!viewModeEnabled)
}),
" Edit mode "
),
React.createElement("br"),
},
React.createElement(Excalidraw.default, {
ref: excalidrawRef,
width: dimensions.width,
@ -72,16 +60,32 @@ const App = () => {
detectScroll: false,
handleKeyboardGlobally: false,
autoFocus: true,
renderTopRightUI: () => {
renderFooter: () => {
return React.createElement(
React.Fragment,
null,
React.createElement(
"div",
{
className: "excalidraw-top-right-ui",
className: "excalidraw-top-right-ui excalidraw Island",
},
"view mode"
React.createElement(
"label",
{
style: {
padding: "5px",
},
className: "excalidraw Stack",
},
React.createElement(
"button",
{
onClick: () => setViewModeEnabled(!viewModeEnabled)
},
viewModeEnabled ? " Enter simple view mode " : " Enter extended view mode "
),
""
),
));
},
})

9
src/share/content_renderer.js
View File

@ -105,13 +105,12 @@ document.addEventListener("DOMContentLoaded", function() {
content = `<div>
<script>
const {elements, appState, files} = JSON.parse(${JSON.stringify(content)});
window.triliumExcalidraw = {elements, appState, files}
const {elements, appState, files} = JSON.parse(${JSON.stringify(content)});
window.triliumExcalidraw = {elements, appState, files}
</script>
<div id="excalidraw-app">
</div>
<div id="excalidraw-app"></div>
<hr>
<a href="api/images/${note.noteId}/${note.title}?${note.utcDateModified}">Download SVG</a>
<a href="api/images/${note.noteId}/${note.title}?utc=${note.utcDateModified}">Get Image Link</a>
<script src="../../libraries/excalidraw/canvas_note_share.js"></script>
</div>`;
}