Notes/popup/popup.html

46 lines
1.5 KiB
HTML
Raw Normal View History

2019-07-19 20:35:53 +02:00
<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<link rel="stylesheet" href="popup.css"/>
</head>
<body>
<div style="display: flex; justify-content: space-between; vertical-align: middle;">
<h3>Trilium Web Clipper</h3>
<div style="position: relative; top: 6px;">
<button class="button" id="show-options-button">Options</button>
<button class="button" id="show-help-button">Help</button>
</div>
</div>
<button class="button full needs-connection" id="clip-screenshot-button">Clip screenshot</button>
<button class="button full needs-connection" id="save-whole-page-button">Save whole page</button>
<button class="button full needs-connection" id="create-text-note-button">Create text note</button>
<div id="create-text-note-wrapper">
<textarea id="create-text-note-textarea" rows="5"></textarea>
<div style="display: flex;">
<button type="submit" class="button wide" id="save-button">Save</button>
<button type="submit" class="button wide" id="cancel-button">Cancel</button>
</div>
</div>
<div style="margin-top: 15px;">
<button class="button" id="check-connection-button">check</button>
<div>Status: <span id="connection-status">unknown</span></div>
</div>
<script src="../lib/browser-polyfill.js"></script>
<script src="../lib/cash.min.js"></script>
<script src="popup.js"></script>
</body>
</html>