61 lines
3.3 KiB
HTML
61 lines
3.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<meta name="color-scheme" content="dark">
|
|
<title>__WORKSPACE_TITLE__ · RustPad</title>
|
|
<link rel="stylesheet" href="/assets/css/styles.css?v=__ASSET_VERSION__">
|
|
<script
|
|
type="importmap">{"imports":{"@rustpad/api":"/assets/js/api.js?v=__ASSET_VERSION__","@rustpad/clipboard":"/assets/js/clipboard.js?v=__ASSET_VERSION__","@rustpad/editor-format":"/assets/js/editor-format.js?v=__ASSET_VERSION__","@rustpad/markdown":"/assets/js/markdown.js?v=__ASSET_VERSION__","@rustpad/session":"/assets/js/session.js?v=__ASSET_VERSION__","@rustpad/socket":"/assets/js/socket.js?v=__ASSET_VERSION__","@rustpad/url-state":"/assets/js/url-state.js?v=__ASSET_VERSION__"}}</script>
|
|
<script type="module" src="/assets/js/workspace.js?v=__ASSET_VERSION__"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<header class="app-header">
|
|
<div class="app-header__main"><a class="brand" href="/">RustPad</a><span class="header-divider"></span>
|
|
<div class="document-heading">
|
|
<h1 id="workspace-title">__WORKSPACE_TITLE__</h1>
|
|
<p id="workspace-url" class="document-url"></p>
|
|
</div>
|
|
</div>
|
|
<div class="header-actions"><button id="copy-workspace-link" class="secondary-button">Copy link</button></div>
|
|
</header>
|
|
<main class="workspace-page">
|
|
<section class="workspace-top">
|
|
<div>
|
|
<h2>Notes</h2>
|
|
<p>Select a note or create a new one.</p>
|
|
</div><button id="new-note-button" class="primary-button inline-button">New note</button>
|
|
</section>
|
|
<div class="notes-toolbar"><span class="notes-toolbar__label">View</span>
|
|
<div class="notes-view-switch" role="group" aria-label="Notes view"><button type="button"
|
|
data-notes-view="grid" class="active" aria-pressed="true">Cards</button><button type="button"
|
|
data-notes-view="table" aria-pressed="false">Table</button></div>
|
|
</div>
|
|
<p id="workspace-error" class="form-message error"></p>
|
|
<section id="notes-list" class="notes-grid" aria-live="polite"></section>
|
|
</main>
|
|
<dialog id="password-dialog">
|
|
<form id="password-form" class="dialog-panel">
|
|
<h2>Protected workspace</h2><input id="open-password" type="password" autocomplete="current-password"
|
|
required placeholder="Password">
|
|
<p id="password-error" class="form-message error"></p><button class="primary-button">Open</button><a
|
|
href="/" class="dialog-link">Cancel</a>
|
|
</form>
|
|
</dialog>
|
|
<dialog id="note-dialog">
|
|
<form id="note-form" class="dialog-panel">
|
|
<h2>New note</h2><input id="note-name" maxlength="80" required placeholder="Note name"><label
|
|
class="dialog-check"><input id="note-protect" type="checkbox"> Protect this note from
|
|
deletion</label>
|
|
<p id="note-error" class="form-message error"></p>
|
|
<div class="dialog-actions"><button type="button" id="cancel-note"
|
|
class="secondary-button">Cancel</button><button class="primary-button">Create</button></div>
|
|
</form>
|
|
</dialog>
|
|
<div id="toast" class="toast"></div>
|
|
</body>
|
|
|
|
</html> |