urbit/shrub
1
1
Fork 0
mirror of https://github.com/urbit/shrub.git synced 2024-08-17 08:00:39 +03:00
Code Issues Packages Projects Releases Wiki Activity

remove old /web directory

Browse Source
This commit is contained in:
Will Hanlen 2024-06-14 17:24:15 +02:00
parent 5c458203e1
commit ef3ba0b5a2
6 changed files with 0 additions and 356 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

276
pkg/arvo/web/a-i-r.js
View File

@ -1,276 +0,0 @@
customElements.define('a-i-r',
class extends HTMLElement {
static get observedAttributes() {
//
return ["closed", "hawks"];
}
constructor() {
//
super();
this.attachShadow({ mode: 'open' });
this.shadowRoot.innerHTML = `
<style>
* {
box-sizing: border-box;
}
::slotted(*) {
overflow: auto;
}
:host {
display: grid;
width: 100%;
height: 100%;
max-height: 100%;
overflow: hidden;
margin: 0;
grid-template-columns: 230px auto;
grid-template-rows: auto 1fr;
grid-template-areas:
"btn main"
"nav main";
}
:host(.closed) {
grid-template-columns: 50px auto;
grid-template-rows: auto 1fr;
grid-template-areas:
"btn main"
". main";
}
:host(.closed) #nav {
display: none;
}
#nav {
grid-area: nav;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 12px;
overflow: auto;
}
/*
* grid display
*
*/
main {
display: grid;
grid-area: main;
overflow: hidden;
padding-left: var(--sky-inner-gap);
}
#s0, #s1, #s2, #s3 {
overflow: auto;
}
#button {
grid-area: btn;
height: fit-content;
}
#s0 {
grid-area: s0;
}
#s1 {
grid-area: s1;
}
#s2 {
grid-area: s2;
}
#s3 {
grid-area: s3;
}
main.open-0 {
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-template-areas:
".";
}
main.open-0 #s0,
main.open-0 #s1,
main.open-0 #s2,
main.open-0 #s3 {
display: none;
}
main.open-1 {
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-template-areas:
"s0";
}
main.open-1 #s0 {
display: block;
}
main.open-1 #s1,
main.open-1 #s2,
main.open-1 #s3 {
display: none;
}
main.open-2 {
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
grid-template-areas:
"s0 s1";
}
main.open-2 #s0,
main.open-2 #s1 {
display: block;
}
main.open-2 #s2,
main.open-2 #s3 {
display: none;
}
main.open-3 {
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-template-areas:
"s0 s1"
"s0 s2";
}
main.open-3 #s0,
main.open-3 #s1,
main.open-3 #s2 {
display: block;
}
main.open-3 #s3 {
display: none;
}
main.open-4 {
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-template-areas:
"s0 s1 s1"
"s0 s2 s3";
}
main.open-4 #s0,
main.open-4 #s1,
main.open-4 #s2,
main.open-4 #s3 {
display: block;
}
/*
* gaps
*
*/
main.open-1 #s0 {
padding-right: 0;
}
main.open-2 #s0,
main.open-3 #s0,
main.open-4 #s0 {
padding-right: var(--sky-inner-gap);
}
main.open-1 #s1,
main.open-2 #s1 {
padding-bottom: 0;
}
main.open-3 #s1,
main.open-4 #s1 {
padding-bottom: var(--sky-inner-gap);
}
main.open-1 #s2,
main.open-2 #s2,
main.open-3 #s2 {
padding-right: 0;
}
main.open-4 #s2 {
padding-right: var(--sky-inner-gap);
}
/*
* mobile
*
*/
@media (max-width: 900px) {
:host {
grid-template-columns: auto;
grid-template-rows: 1fr auto;
grid-template-areas:
"main"
"btn";
}
:host(.closed) {
grid-template-columns: auto;
grid-template-rows: 1fr auto;
grid-template-areas:
"nav"
"btn";
}
button {
height: min-content;
}
:host(.closed) main {
display: none;
}
:host(:not(.closed)) main {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto;
grid-template-areas:
"s0";
}
#nav {
--rem: 24px;
}
main {
padding: 0;
}
main #s0 {
display: block;
padding: 0;
padding-right: 0 !important;
}
main #s1 {
display: none !important;
}
main #s2 {
display: none !important;
}
main #s3 {
display: none !important;
}
:host(.closed) #nav {
display: flex;
}
:host(:not(.closed)) #nav {
display: none;
}
}
</style>
<slot name="button" id="button">
<button
style="border: 2px solid var(--b3);"
onclick="this.getRootNode().host.dispatchEvent(new CustomEvent('sky-open', {bubbles:true, composed: true}))"
>
~
</button>
</slot>
<slot id="nav" name="nav"></slot>
<main>
<slot name="s0" id="s0"></slot>
<slot name="s1" id="s1"></slot>
<slot name="s2" id="s2"></slot>
<slot name="s3" id="s3"></slot>
</main>
<slot id="default" style="display: none;"></slot>
`
}
get hawks() {
return parseInt(this.getAttribute("hawks") || "0");
}
qs(sel) {
return this.shadowRoot.querySelector(sel);
}
gid(id) {
return this.shadowRoot.getElementById(id);
}
connectedCallback() {
this.addEventListener("sky-open", (e) => {
this.toggleAttribute("closed");
})
}
attributeChangedCallback(name, oldValue, newValue) {
//
if (name === "closed") {
this.classList.toggle("closed");
} else if (name === "hawks") {
this.qs("main").className = `open-${this.hawks}`;
}
}
});

26
pkg/arvo/web/atom-input.js
View File

@ -1,26 +0,0 @@
customElements.define('atom-input',
class extends HTMLInputElement {
static get observedAttributes() {
return ['value'];
}
constructor() {
super();
}
connectedCallback() {
this.addEventListener("input", (e) => {
this.mirrorValue();
});
this.mirrorValue();
}
mirrorValue() {
if (this.type === 'date') {
let d = this.value || "2000-01-01";
let year = d.slice(0,4);
let month = parseInt(d.slice(5,7));
let date = parseInt(d.slice(8,10));
this.setAttribute("value", `~${year}.${month}.${date}`);
} else {
this.setAttribute("value", this.value.trim());
}
}
}, { extends: "input" })

24
pkg/arvo/web/date-now.js
View File

@ -1,24 +0,0 @@
customElements.define('date-now',
class extends HTMLElement {
static get observedAttributes() {
return ['value'];
}
constructor() {
super();
}
connectedCallback() {
setInterval(() => {
let now = new Date();
let year = now.getFullYear();
let month = now.getMonth() + 1;
let date = now.getDate();
let hour = String(now.getHours()).padStart(2, '0');
let min = String(now.getMinutes()).padStart(2, '0');
let sec = String(now.getSeconds()).padStart(2, '0');
this.setAttribute(
"value",
`~${year}.${month}.${date}..${hour}.${min}.${sec}`
)
}, 1000);
}
});

BIN
pkg/arvo/web/feather.css
View File

Binary file not shown.

30
pkg/arvo/web/multiline-input.js
View File

@ -1,30 +0,0 @@
customElements.define('multiline-input',
class extends HTMLTextAreaElement {
static get observedAttributes() {
return ['value'];
}
constructor() {
super();
}
connectedCallback() {
this.autocomplete = "off";
this.style.resize = 'none';
this.style.display = 'flex';
this.mirrorValue();
this.adjustSize();
this.addEventListener("input", (e) => {
this.mirrorValue();
this.adjustSize();
});
setTimeout(() => {this.adjustSize()}, 100);
}
mirrorValue() {
let v = this.value.trimEnd();
this.setAttribute("value", v);
}
adjustSize() {
this.style.height = 'min-content';
this.style.height = (this.scrollHeight+3)+'px';
}
}, { extends: "textarea" })

BIN
pkg/arvo/web/reset.css
View File

Binary file not shown.