coracle/flotilla
1
3
Fork 9
Code Issues 32 Pull Requests 1 Actions Packages Projects 5 Releases Wiki Activity

Move editor stuff to its own folder

Browse Source
This commit is contained in:
Jon Staab
2024-09-23 13:58:01 -07:00
parent 26eb4faf37
commit ad4944d512
28 changed files with 312 additions and 397 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/spaces/[nrelay]/calendar/+page.svelte
+17 -14
View File
@@ -1,7 +1,7 @@
<script lang="ts">
import {page} from "$app/stores"
import {sortBy, last} from '@welshman/lib'
import type {TrustedEvent} from '@welshman/util'
import {sortBy, last} from "@welshman/lib"
import type {TrustedEvent} from "@welshman/util"
import {formatTimestampAsDate} from "@welshman/app"
import Icon from "@lib/components/Icon.svelte"
import Button from "@lib/components/Button.svelte"
@@ -17,7 +17,7 @@
const createEvent = () => pushModal(EventCreate, {url})
const getStart = (event: TrustedEvent) =>
parseInt(event.tags.find(t => t[0] === 'start')?.[1]!)
parseInt(event.tags.find(t => t[0] === "start")?.[1] || "0")
let loading = true
@@ -26,14 +26,14 @@
dateDisplay?: string
}
$: items = sortBy(getStart, $eventsByUrl.get(url) || [])
.reduce<Item[]>((r, event) => {
const prevDateDisplay = r.length > 0 ? formatTimestampAsDate(getStart(last(r).event)) : undefined
const newDateDisplay = formatTimestampAsDate(getStart(event))
const dateDisplay = prevDateDisplay === newDateDisplay ? undefined : newDateDisplay
$: items = sortBy(getStart, $eventsByUrl.get(url) || []).reduce<Item[]>((r, event) => {
const prevDateDisplay =
r.length > 0 ? formatTimestampAsDate(getStart(last(r).event)) : undefined
const newDateDisplay = formatTimestampAsDate(getStart(event))
const dateDisplay = prevDateDisplay === newDateDisplay ? undefined : newDateDisplay
return [...r, {event, dateDisplay}]
}, [])
return [...r, {event, dateDisplay}]
}, [])
setTimeout(() => {
loading = false
@@ -50,8 +50,8 @@
</div>
</div>
</div>
<div class="flex flex-grow flex-col overflow-auto p-2 gap-2">
{#each items as {event, dateDisplay}, i (event.id)}
<div class="flex flex-grow flex-col gap-2 overflow-auto p-2">
{#each items as { event, dateDisplay }, i (event.id)}
{#if dateDisplay}
<Divider>{dateDisplay}</Divider>
{/if}
@@ -67,8 +67,11 @@
</Spinner>
</p>
</div>
<Button class="fixed bottom-4 right-4 tooltip tooltip-left p-1" data-tip="Create an Event" on:click={createEvent}>
<div class="w-12 h-12 flex items-center justify-center btn btn-primary btn-circle">
<Button
class="tooltip tooltip-left fixed bottom-4 right-4 p-1"
data-tip="Create an Event"
on:click={createEvent}>
<div class="btn btn-circle btn-primary flex h-12 w-12 items-center justify-center">
<Icon icon="calendar-add" />
</div>
</Button>
src/routes/spaces/[nrelay]/threads/+page.svelte
+8 -8
View File
@@ -1,12 +1,9 @@
<script lang="ts">
import {page} from "$app/stores"
import {sortBy, last} from '@welshman/lib'
import type {TrustedEvent} from '@welshman/util'
import {formatTimestampAsDate} from "@welshman/app"
import {sortBy} from "@welshman/lib"
import Icon from "@lib/components/Icon.svelte"
import Button from "@lib/components/Button.svelte"
import Spinner from "@lib/components/Spinner.svelte"
import Divider from "@lib/components/Divider.svelte"
import ThreadCard from "@app/components/ThreadCard.svelte"
import ThreadCreate from "@app/components/ThreadCreate.svelte"
import {pushModal} from "@app/modal"
@@ -35,8 +32,8 @@
</div>
</div>
</div>
<div class="flex flex-grow flex-col overflow-auto p-2 gap-2">
{#each threads as {root, replies} (root.id)}
<div class="flex flex-grow flex-col gap-2 overflow-auto p-2">
{#each threads as { root, replies } (root.id)}
<ThreadCard {root} {replies} />
{/each}
<p class="flex h-10 items-center justify-center py-20">
@@ -49,8 +46,11 @@
</Spinner>
</p>
</div>
<Button class="fixed bottom-4 right-4 tooltip tooltip-left p-1" data-tip="Create an Event" on:click={createThread}>
<div class="w-12 h-12 flex items-center justify-center btn btn-primary btn-circle">
<Button
class="tooltip tooltip-left fixed bottom-4 right-4 p-1"
data-tip="Create an Event"
on:click={createThread}>
<div class="btn btn-circle btn-primary flex h-12 w-12 items-center justify-center">
<Icon icon="add-square" />
</div>
</Button>