| 1 |
@page "/Note" |
| 2 |
<PageTitle>Note</PageTitle> |
| 3 |
<script type="module" src="@Assets["Components/Pages/Note.razor.js"]"></script> |
| 4 |
|
| 5 |
<main> |
| 6 |
<div id="toolbar" class="note-toolbar" role="toolbar" aria-label="Formatting" aria-controls="input"> |
| 7 |
<button type="button" data-command="bold" aria-pressed="false" title="Bold (Ctrl+B)"><b>B</b></button> |
| 8 |
<button type="button" data-command="italic" aria-pressed="false" title="Italic (Ctrl+I)"><i>I</i></button> |
| 9 |
<button type="button" data-command="underline" aria-pressed="false" title="Underline (Ctrl+U)"><u>U</u></button> |
| 10 |
<button type="button" data-command="insertUnorderedList" aria-pressed="false" title="Bulleted list">• list</button> |
| 11 |
<button type="button" data-command="insertOrderedList" aria-pressed="false" title="Numbered list">1. list</button> |
| 12 |
<button type="button" id="table-toggle" data-table="toggle" aria-pressed="false" title="Insert a table">table</button> |
| 13 |
<div id="table-tools" class="note-toolbar-group" role="group" aria-label="Table" hidden> |
| 14 |
<button type="button" data-table="rowAbove" title="Insert a row above">↑ row</button> |
| 15 |
<button type="button" data-table="rowBelow" title="Insert a row below">↓ row</button> |
| 16 |
<button type="button" data-table="columnLeft" title="Insert a column to the left">← col</button> |
| 17 |
<button type="button" data-table="columnRight" title="Insert a column to the right">→ col</button> |
| 18 |
<button type="button" data-table="deleteRow" title="Delete this row">× row</button> |
| 19 |
<button type="button" data-table="deleteColumn" title="Delete this column">× col</button> |
| 20 |
</div> |
| 21 |
</div> |
| 22 |
<div id="input" class="editor-tall note-editor" contenteditable="true" |
| 23 |
role="textbox" aria-multiline="true" aria-label="Note" autofocus></div> |
| 24 |
<div class="flex-row note-actions"> |
| 25 |
<button type="button" id="save" title="Keep a link to this note on the Storage page">Save</button> |
| 26 |
<a id="saved-notes" href="Storage#notes">Saved notes</a> |
| 27 |
</div> |
| 28 |
<Log/> |
| 29 |
</main> |