41 lines
2.1 KiB
HTML
41 lines
2.1 KiB
HTML
{{/* The canvas view (canvas.go). It fills the whole shell: no folder tree,
|
|
no sidebar, no footer. Links are not boosted, so leaving the canvas is a full
|
|
navigation and canvas.js can save on pagehide. */}}
|
|
|
|
{{define "boost"}} hx-boost="false"{{end}}
|
|
|
|
{{define "page-actions"}}<div id="page-actions" class="page-actions">{{template "headerActions" .}}</div>{{end}}
|
|
|
|
{{define "headerActions"}}
|
|
<a class="btn btn-block" href="{{.PageURL}}" title="Back to the page"><span class="btn-icon">{{icon "up"}}</span><span class="btn-label">PAGE</span></a>
|
|
<a class="btn btn-block" href="{{.RawURL}}" download="{{.Name}}" title="Download the canvas file"><span class="btn-icon">{{icon "doc"}}</span><span class="btn-label">DOWNLOAD</span></a>
|
|
{{end}}
|
|
|
|
{{define "shell"}}
|
|
<div class="canvas-app" data-version="{{.Version}}"{{if .Error}} data-readonly{{end}}>
|
|
{{if .Error}}<p class="canvas-error">This canvas cannot be edited: {{.Error}}</p>{{end}}
|
|
<div class="canvas-stage">
|
|
<div class="canvas-viewport" tabindex="0">
|
|
<div class="canvas-world">
|
|
<svg class="canvas-edges" aria-hidden="true"></svg>
|
|
<div class="canvas-edge-labels"></div>
|
|
<div class="canvas-nodes">{{range .Nodes}}{{template "canvas-node" .}}{{end}}</div>
|
|
</div>
|
|
<p class="canvas-hint"{{if .Nodes}} hidden{{end}}>Double-click to add a note. Right-click or long-press for more.</p>
|
|
</div>
|
|
<div class="canvas-statusbar muted"><span class="canvas-status" aria-live="polite"></span><span class="canvas-zoom"></span></div>
|
|
{{if not .Error}}<div class="canvas-editor-toolbar" hidden>{{template "editor-toolbar"}}</div>{{end}}
|
|
</div>
|
|
<script type="application/json" id="canvas-data">{{.Doc}}</script>
|
|
</div>
|
|
{{if not .Error}}
|
|
<script src="{{asset "editor/vendor/codemirror.bundle.js"}}"></script>
|
|
<script src="{{asset "editor/tables.js"}}"></script>
|
|
<script src="{{asset "editor/dates.js"}}"></script>
|
|
<script src="{{asset "editor/movie.js"}}"></script>
|
|
<script src="{{asset "editor/wikicomplete.js"}}"></script>
|
|
<script src="{{asset "editor/core.js"}}"></script>
|
|
{{end}}
|
|
<script src="{{asset "canvas/canvas.js"}}"></script>
|
|
{{end}}
|