1 changed files with 28 additions and 0 deletions
@ -0,0 +1,28 @@ |
|||||
|
<script type="module"> |
||||
|
class FileView extends HTMLElement { |
||||
|
constructor() { |
||||
|
super() |
||||
|
} |
||||
|
|
||||
|
connectedCallback() { |
||||
|
const style = document.createElement('style') |
||||
|
style.textContent = ` |
||||
|
` |
||||
|
this.shadowRoot.appendChild('style') |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
customElements.add('m-file-view', FileView) |
||||
|
</script> |
||||
|
|
||||
|
<!-- |
||||
|
|
||||
|
Each file has a header with the filename, an edit icon, and a menu icon. When editing, the . When not editing, tapping on the filename expands and collapses it. |
||||
|
|
||||
|
Tapping on a line selects it and shows icons, tapping on another line selects down to that line. |
||||
|
|
||||
|
At the top is a dropdown for selecting the file and a button for. |
||||
|
|
||||
|
After all the files is a plus skeleton icon bar. |
||||
|
|
||||
|
--> |
||||
Loading…
Reference in new issue