From: PhiTux Date: Thu, 16 Jan 2025 21:39:59 +0000 (+0100) Subject: progress in background settings X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=3f10ec4b4d2a232c5fd09942ec7b63905e0e3b73;p=DailyTxT.git progress in background settings --- diff --git a/backend/server/routers/logs.py b/backend/server/routers/logs.py index e4dd893..14a7044 100644 --- a/backend/server/routers/logs.py +++ b/backend/server/routers/logs.py @@ -188,8 +188,7 @@ async def search(searchString: str, cookie = Depends(users.isLoggedIn)): # sort by year and month and day - results.sort(key=lambda x: (int(x["year"]), int(x["month"]), int(x["day"])), reverse=True) - print(results) + results.sort(key=lambda x: (int(x["year"]), int(x["month"]), int(x["day"])), reverse=False) return results @router.get("/getMarkedDays") diff --git a/frontend/src/lib/settingsStore.js b/frontend/src/lib/settingsStore.js index 1b75a2f..f80b1e9 100644 --- a/frontend/src/lib/settingsStore.js +++ b/frontend/src/lib/settingsStore.js @@ -1,3 +1,8 @@ import {writable} from 'svelte/store'; -export const readingMode = writable(false); \ No newline at end of file +export const readingMode = writable(false); + +export const useTrianglify = writable(true); +export const trianglifyOpacity = writable(0.8); +export const trianglifyColor = writable(''); +export const backgroundColor = writable(''); \ No newline at end of file diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte index d998b2c..7cbf8a3 100644 --- a/frontend/src/routes/+layout.svelte +++ b/frontend/src/routes/+layout.svelte @@ -10,6 +10,8 @@ import { readingMode } from '$lib/settingsStore.js'; import { page } from '$app/state'; import { API_URL } from '$lib/APIurl.js'; + import trianglify from 'trianglify'; + import { useTrianglify, trianglifyOpacity } from '$lib/settingsStore.js'; import { faRightFromBracket, @@ -42,7 +44,36 @@ }); } + function createBackground() { + if ($useTrianglify) { + //remove old canvas + const oldCanvas = document.querySelector('canvas'); + if (oldCanvas) { + oldCanvas.remove(); + } + + const canvas = trianglify({ + width: window.innerWidth, + height: window.innerHeight + }); + + document.body.appendChild(canvas.toCanvas()); + document.querySelector('canvas').style = + 'position: fixed; top: 0; left: 0; z-index: -1; opacity: 0.8; width: 100%; height: 100%;'; + } + } + + $effect(() => { + if ($trianglifyOpacity) { + if (document.querySelector('canvas')) { + document.querySelector('canvas').style.opacity = $trianglifyOpacity; + } + } + }); + onMount(() => { + createBackground(); + document.getElementById('settingsModal').addEventListener('shown.bs.modal', function () { const height = document.getElementById('modal-body').clientHeight; document.getElementById('settings-content').style.height = 'calc(' + height + 'px - 2rem)'; @@ -136,9 +167,11 @@
- + +
@@ -232,14 +291,22 @@