|
|
|
|
@ -1,20 +1,17 @@
|
|
|
|
|
export class Project extends HTMLElement {
|
|
|
|
|
constructor() {
|
|
|
|
|
super()
|
|
|
|
|
const path = this.getAttribute('path')
|
|
|
|
|
const shadow = this.attachShadow({mode: 'open'})
|
|
|
|
|
const textArea = document.createElement('textarea')
|
|
|
|
|
const path = new URL(
|
|
|
|
|
window.location.hash.slice(1) || '/',
|
|
|
|
|
window.location
|
|
|
|
|
).pathname
|
|
|
|
|
const header = document.createElement('h1')
|
|
|
|
|
header.innerText = path
|
|
|
|
|
textArea.value = localStorage.getItem(
|
|
|
|
|
window.location.hash
|
|
|
|
|
path
|
|
|
|
|
) ?? ''
|
|
|
|
|
textArea.addEventListener('input', e => {
|
|
|
|
|
localStorage.setItem(
|
|
|
|
|
window.location.hash,
|
|
|
|
|
path,
|
|
|
|
|
e.target.value
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
@ -29,7 +26,7 @@ export class Project extends HTMLElement {
|
|
|
|
|
style.textContent = `
|
|
|
|
|
textarea {
|
|
|
|
|
width: 80%;
|
|
|
|
|
height: 90dvh;
|
|
|
|
|
height: 45vh;
|
|
|
|
|
}
|
|
|
|
|
`
|
|
|
|
|
this.shadowRoot.append(style)
|
|
|
|
|
|