SRSoftware/Umbrella
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

wirking on global error display

Browse Source 
Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
This commit is contained in:
Stephan Richter
2025-09-26 14:45:19 +02:00
parent 9c4c71f7dd
commit 2a6392cd2b
14 changed files with 113 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/App.svelte
View File

@@ -1,8 +1,9 @@
<script> <script>
import { Router, Route } from 'svelte-tiny-router'; import { Router, Route } from 'svelte-tiny-router';
import { loadTranslation } from './translations.svelte.js'; import { messages } from './warn.svelte';
import { checkUser, user } from './user.svelte.js'; import { loadTranslation } from './translations.svelte';
import { checkUser, user } from './user.svelte';
import AddDoc from "./routes/document/Add.svelte"; import AddDoc from "./routes/document/Add.svelte";
import AddTask from "./routes/task/Add.svelte"; import AddTask from "./routes/task/Add.svelte";
@@ -69,6 +70,12 @@
<Router beforeEach={[testGuard]}> <Router beforeEach={[testGuard]}>
<!-- https://github.com/notnotsamuel/svelte-tiny-router --> <!-- https://github.com/notnotsamuel/svelte-tiny-router -->
<Menu /> <Menu />
{#if messages.error}
<span class="error">{@html messages.error}</span>
{/if}
{#if messages.warning}
<span class="error">{@html messages.warning}</span>
{/if}
<Route path="/" component={User} /> <Route path="/" component={User} />
<Route path="/bookmark" component={Bookmarks} /> <Route path="/bookmark" component={Bookmarks} />
<Route path="/bookmark/:id/view" component={Bookmark} /> <Route path="/bookmark/:id/view" component={Bookmark} />

17
frontend/src/Components/Login.svelte
View File

@@ -2,22 +2,21 @@
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { useTinyRouter } from 'svelte-tiny-router'; import { useTinyRouter } from 'svelte-tiny-router';
import { api } from '../urls.svelte.js'; import { api } from '../urls.svelte';
import { checkUser, tryLogin } from '../user.svelte.js'; import { error, yikes } from '../warn.svelte';
import { t } from '../translations.svelte.js'; import { checkUser, tryLogin } from '../user.svelte';
import { t } from '../translations.svelte';
let credentials = $state({ username : null, password : null }); let credentials = $state({ username : null, password : null });
const router = useTinyRouter(); const router = useTinyRouter();
let services = $state([]); let services = $state([]);
let error = $state(null);
async function doLogin(ev){ async function doLogin(ev){
ev.preventDefault(); ev.preventDefault();
const json = await tryLogin(credentials); const json = await tryLogin(credentials);
if (json) { if (json) {
json.release_time = json.release_time.replace('T',' '); json.release_time = json.release_time.replace('T',' ');
error = t('failed_login_attempts',json); error(t('failed_login_attempts',json));
} }
} }
@@ -43,13 +42,14 @@
const resp = await fetch(url,{credentials:'include'}); const resp = await fetch(url,{credentials:'include'});
if (resp.ok){ if (resp.ok){
const json = await resp.json(); const json = await resp.json();
yikes();
if (json.authorization_endpoint) { if (json.authorization_endpoint) {
const endpoint = json.authorization_endpoint; const endpoint = json.authorization_endpoint;
delete json.authorization_endpoint; delete json.authorization_endpoint;
location.href = endpoint + '?' + new URLSearchParams(json); location.href = endpoint + '?' + new URLSearchParams(json);
} }
} else { } else {
error = await resp.text(); error(await resp.text());
if (btn) btn.disabled = false; if (btn) btn.disabled = false;
} }
} }
@@ -85,9 +85,6 @@
<form onsubmit={doLogin}> <form onsubmit={doLogin}>
<fieldset> <fieldset>
{#if error}
<span class="error">{error}</span>
{/if}
<legend>{t('login')}</legend> <legend>{t('login')}</legend>
<label> <label>
<input type="text" bind:value={credentials.username} required use:init /> <input type="text" bind:value={credentials.username} required use:init />

4
frontend/src/Components/UserSelector.svelte
View File

@@ -5,7 +5,6 @@
import Autocomplete from './Autocomplete.svelte'; import Autocomplete from './Autocomplete.svelte';
let error = $state(null);
let { let {
getCandidates = async text => {}, getCandidates = async text => {},
heading = t('add_object',{object:t('user')}), heading = t('add_object',{object:t('user')}),
@@ -25,9 +24,6 @@
let sortedUsers = $derived.by(() => Object.values(users).sort((a, b) => a.name.localeCompare(b.name))); let sortedUsers = $derived.by(() => Object.values(users).sort((a, b) => a.name.localeCompare(b.name)));
</script> </script>
{#if error}
<span class="error">{error}</span>
{/if}
<table> <table>
<tbody> <tbody>
{#each sortedUsers as usr,idx} {#each sortedUsers as usr,idx}

21
frontend/src/routes/bookmark/Index.svelte
View File

@@ -1,8 +1,9 @@
<script> <script>
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { api } from '../../urls.svelte.js'; import { api } from '../../urls.svelte';
import { t } from '../../translations.svelte.js'; import { error, yikes } from '../../warn.svelte';
import { t } from '../../translations.svelte';
import Editor from '../../Components/MarkdownEditor.svelte'; import Editor from '../../Components/MarkdownEditor.svelte';
import Users from '../../Components/UserSelector.svelte'; import Users from '../../Components/UserSelector.svelte';
@@ -24,7 +25,6 @@
url:null, url:null,
users:{} users:{}
}); });
let error = $state(null);
async function getCandidates(text){ async function getCandidates(text){
const url = api('user/search'); const url = api('user/search');
@@ -34,13 +34,13 @@
body : text body : text
}); });
if (resp.ok){ if (resp.ok){
error = null; yikes();
const input = await resp.json(); const input = await resp.json();
return Object.fromEntries( return Object.fromEntries(
Object.entries(input).map(([key, value]) => [key, value.name]) Object.entries(input).map(([key, value]) => [key, value.name])
); );
} else { } else {
error = await resp.text(); error(await resp.text());
return {}; return {};
} }
} }
@@ -55,10 +55,10 @@
bookmarks = Object.values(merged).sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp)); bookmarks = Object.values(merged).sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp));
loader.offset += loader.limit; loader.offset += loader.limit;
loader.active = false; loader.active = false;
error = null; yikes();
if (Object.keys(raw).length) onscroll(null); // when bookmarks were received, check whether they fill up the page if (Object.keys(raw).length) onscroll(null); // when bookmarks were received, check whether they fill up the page
} else { } else {
error = await resp.html(); error(await resp.html())
} }
} }
@@ -81,7 +81,7 @@
const bookmark = await resp.json(); const bookmark = await resp.json();
bookmarks.unshift(bookmark); bookmarks.unshift(bookmark);
} else { } else {
error = await resp.text(); error(await resp.text());
} }
} }
@@ -102,9 +102,6 @@
<svelte:window {onscroll} /> <svelte:window {onscroll} />
<fieldset> <fieldset>
<legend>{t('Bookmarks')}</legend> <legend>{t('Bookmarks')}</legend>
{#if error}
<span class="error">{error}</span>
{/if}
<label> <label>
{t('URL')} {t('URL')}
<input bind:value={new_bookmark.url} autofocus /> <input bind:value={new_bookmark.url} autofocus />
@@ -124,4 +121,4 @@
<Template {bookmark} /> <Template {bookmark} />
{/each} {/each}
{/if} {/if}
</fieldset> </fieldset>

14
frontend/src/routes/bookmark/View.svelte
View File

@@ -3,14 +3,14 @@
import Bookmark from './Template.svelte'; import Bookmark from './Template.svelte';
import { api } from '../../urls.svelte.js'; import { api } from '../../urls.svelte';
import { t } from '../../translations.svelte.js'; import { error, yikes } from '../../warn.svelte';
import { t } from '../../translations.svelte';
import Editor from '../../Components/MarkdownEditor.svelte'; import Editor from '../../Components/MarkdownEditor.svelte';
import Template from './Template.svelte'; import Template from './Template.svelte';
let bookmark = $state(null); let bookmark = $state(null);
let error = $state(null);
let { id } = $props(); let { id } = $props();
async function load(){ async function load(){
@@ -18,15 +18,13 @@
const resp = await fetch(url,{credentials:'include'}); const resp = await fetch(url,{credentials:'include'});
if (resp.ok){ if (resp.ok){
bookmark = await resp.json(); bookmark = await resp.json();
yikes();
} else { } else {
error = await resp.text(); error(await resp.text());
} }
} }
onMount(load); onMount(load);
</script> </script>
{#if error}
<span class="error">{error}</span>
{/if}
<Template {bookmark} /> <Template {bookmark} />

13
frontend/src/routes/company/Editor.svelte
View File

@@ -1,13 +1,14 @@
<script> <script>
import {api} from '../../urls.svelte.js' import {api} from '../../urls.svelte'
import {t} from '../../translations.svelte.js'; import { error, yikes } from '../../warn.svelte';
import {t} from '../../translations.svelte';
import LineEditor from '../../Components/LineEditor.svelte'; import LineEditor from '../../Components/LineEditor.svelte';
import Multiline from '../../Components/MultilineEditor.svelte'; import Multiline from '../../Components/MultilineEditor.svelte';
import Users from '../../Components/UserSelector.svelte' import Users from '../../Components/UserSelector.svelte'
let caption = $state(t('save_object',{object:t('users')})); let caption = $state(t('save_object',{object:t('users')}));
let { company } = $props(); let { company } = $props();
let error = $state(null);
let btnEnabled = $state(true); let btnEnabled = $state(true);
let memberCopy = $state(JSON.parse(JSON.stringify(company.members))); let memberCopy = $state(JSON.parse(JSON.stringify(company.members)));
@@ -19,13 +20,13 @@
body : text body : text
}); });
if (resp.ok){ if (resp.ok){
error = null; yikes();
const input = await resp.json(); const input = await resp.json();
return Object.fromEntries( return Object.fromEntries(
Object.entries(input).map(([key, value]) => [key, value.name]) Object.entries(input).map(([key, value]) => [key, value.name])
); );
} else { } else {
error = await resp.text(); error(await resp.text());
return {}; return {};
} }
} }
@@ -42,7 +43,7 @@
for (let key of Object.keys(patched)) company[key] = patched[key]; for (let key of Object.keys(patched)) company[key] = patched[key];
return true; return true;
} }
error = await resp.text(); error(await resp.text())
return false; return false;
} }

21
frontend/src/routes/company/Index.svelte
View File

@@ -1,13 +1,13 @@
<script> <script>
import {onMount} from 'svelte'; import {onMount} from 'svelte';
import {api} from '../../urls.svelte.js'; import {api} from '../../urls.svelte';
import {t} from '../../translations.svelte.js'; import { error, yikes } from '../../warn.svelte';
import {t} from '../../translations.svelte';
import Editor from './Editor.svelte'; import Editor from './Editor.svelte';
import LineEditor from '../../Components/LineEditor.svelte'; import LineEditor from '../../Components/LineEditor.svelte';
import Notes from '../notes/RelatedNotes.svelte'; import Notes from '../notes/RelatedNotes.svelte';
let error = $state(null);
let companies = $state(null); let companies = $state(null);
let new_company = $state({name:null,email:null}); let new_company = $state({name:null,email:null});
let selected = $state(0); let selected = $state(0);
@@ -23,9 +23,9 @@
if (resp.ok){ if (resp.ok){
const company = await resp.json(); const company = await resp.json();
companies[company.id] = company; companies[company.id] = company;
error = null; yikes();
} else { } else {
error = await resp.text(); error(await resp.text())
} }
} }
@@ -38,9 +38,9 @@
}); });
if (resp.ok){ if (resp.ok){
delete companies[company.id]; delete companies[company.id];
error = null; yikes();
} else { } else {
error = await resp.text(); error(await resp.text());
} }
return false; return false;
} }
@@ -50,9 +50,9 @@
const resp = await fetch(url,{credentials:'include'}); const resp = await fetch(url,{credentials:'include'});
if (resp.ok){ if (resp.ok){
companies = await resp.json(); companies = await resp.json();
error = null; yikes();
} else { } else {
error = await resp.text(); error(await resp.text());
} }
} }
@@ -71,9 +71,6 @@
<legend> <legend>
{t('companies')} {t('companies')}
</legend> </legend>
{#if error}
<span class="error">{error}</span>
{/if}
{#if companies} {#if companies}
<table class="companies"> <table class="companies">
<thead> <thead>

13
frontend/src/routes/project/List.svelte
View File

@@ -3,10 +3,10 @@
import { useTinyRouter } from 'svelte-tiny-router'; import { useTinyRouter } from 'svelte-tiny-router';
import { api } from '../../urls.svelte.js'; import { api } from '../../urls.svelte.js';
import { error, yikes } from '../../warn.svelte';
import { t } from '../../translations.svelte.js'; import { t } from '../../translations.svelte.js';
const router = useTinyRouter(); const router = useTinyRouter();
let error = $state(null);
let projects = $state(null); let projects = $state(null);
let companies = $state(null); let companies = $state(null);
let showClosed = $state(router.query.closed == "show"); let showClosed = $state(router.query.closed == "show");
@@ -26,11 +26,12 @@
}); });
if (resp.ok){ if (resp.ok){
projects = await resp.json(); projects = await resp.json();
yikes();
} else { } else {
error = await resp.text(); error(await resp.text());
} }
} else { } else {
error = await resp.text(); error(await resp.text());
} }
} }
@@ -44,8 +45,9 @@
if (resp.ok){ if (resp.ok){
var prj = await resp.json(); var prj = await resp.json();
projects[prj.id].status = prj.status; projects[prj.id].status = prj.status;
yikes();
} else { } else {
error = await resp.text(); error(await resp.text());
} }
} }
@@ -69,9 +71,6 @@
<title>Umbrella – {t('Projects')}</title> <title>Umbrella – {t('Projects')}</title>
</svelte:head> </svelte:head>
{#if error}
<span class="error">{error}</span>
{/if}
<fieldset> <fieldset>
<legend> <legend>
{t('projects')} {t('projects')}

27
frontend/src/routes/project/View.svelte
View File

@@ -2,8 +2,9 @@
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { useTinyRouter } from 'svelte-tiny-router'; import { useTinyRouter } from 'svelte-tiny-router';
import { api } from '../../urls.svelte.js'; import { api } from '../../urls.svelte';
import { t } from '../../translations.svelte.js'; import { error, yikes } from '../../warn.svelte';
import { t } from '../../translations.svelte';
import LineEditor from '../../Components/LineEditor.svelte'; import LineEditor from '../../Components/LineEditor.svelte';
import MarkdownEditor from '../../Components/MarkdownEditor.svelte'; import MarkdownEditor from '../../Components/MarkdownEditor.svelte';
@@ -14,7 +15,6 @@
import TaskList from '../task/TaskList.svelte'; import TaskList from '../task/TaskList.svelte';
let { id } = $props(); let { id } = $props();
let error = $state(null);
let estimated_time = $state({sum:0}); let estimated_time = $state({sum:0});
let project = $state(null); let project = $state(null);
let router = useTinyRouter(); let router = useTinyRouter();
@@ -41,9 +41,9 @@
if (resp.ok){ if (resp.ok){
const json = await resp.json(); const json = await resp.json();
project.allowed_states[json.code] = json.name; project.allowed_states[json.code] = json.name;
error = null; yikes();
} else { } else {
error = await resp.text(); error(await resp.text());
} }
} }
@@ -89,11 +89,10 @@
const resp = await fetch(url,{credentials:'include'}); const resp = await fetch(url,{credentials:'include'});
if (resp.ok){ if (resp.ok){
project = await resp.json(); project = await resp.json();
// console.log(project); yikes();
error = null;
loadTasks(); loadTasks();
} else { } else {
error = await resp.text(); error(await resp.text());
} }
} }
@@ -112,9 +111,9 @@
tasks = {}; tasks = {};
estimated_time.sum = 0; estimated_time.sum = 0;
tasks = await resp.json(); tasks = await resp.json();
error = null; yikes();
} else { } else {
error = await resp.text(); error(await resp.text());
} }
} }
@@ -135,11 +134,11 @@
body : JSON.stringify(data) body : JSON.stringify(data)
}); });
if (resp.ok){ if (resp.ok){
error = null; yikes();
project = await resp.json(); project = await resp.json();
return true; return true;
} else { } else {
error = await resp.text(); error(await resp.text());
return false; return false;
} }
} }
@@ -162,10 +161,6 @@
<title>Umbrella – {project?.name}</title> <title>Umbrella – {project?.name}</title>
</svelte:head> </svelte:head>
{#if error}
<span class="error">{error}</span>
{/if}
{#if project} {#if project}
<div class="project grid2"> <div class="project grid2">
<div>{t('project')}</div> <div>{t('project')}</div>

17
frontend/src/routes/task/ListTask.svelte
View File

@@ -4,6 +4,7 @@
import { dragged } from './dragndrop.svelte'; import { dragged } from './dragndrop.svelte';
import { api } from '../../urls.svelte'; import { api } from '../../urls.svelte';
import { error, yikes } from '../../warn.svelte';
import { t } from '../../translations.svelte'; import { t } from '../../translations.svelte';
import { timetrack } from '../../user.svelte'; import { timetrack } from '../../user.svelte';
import { now } from '../../time.svelte'; import { now } from '../../time.svelte';
@@ -20,7 +21,6 @@
} = $props(); } = $props();
let children = $state(null); let children = $state(null);
let deleted = $state(false); let deleted = $state(false);
let error = $state(null);
const router = useTinyRouter(); const router = useTinyRouter();
let start = 0; let start = 0;
@@ -39,7 +39,7 @@
const track = await resp.json(); const track = await resp.json();
timetrack.running = track; timetrack.running = track;
} else { } else {
error = await resp.text(); error(await resp.text());
} }
} }
@@ -53,7 +53,7 @@
if (resp.ok){ if (resp.ok){
deleted = true; deleted = true;
} else { } else {
error = await resp.text(); error(await resp.text())
} }
} }
} }
@@ -78,7 +78,7 @@
children[dragged.element.id]=dragged.element; children[dragged.element.id]=dragged.element;
if (dragged.siblings[dragged.element.id]) delete dragged.siblings[dragged.element.id]; if (dragged.siblings[dragged.element.id]) delete dragged.siblings[dragged.element.id];
} else { } else {
error = await resp.text(); error(await resp.text());
} }
return false; return false;
} }
@@ -97,9 +97,9 @@
}); });
if (resp.ok){ if (resp.ok){
children = await resp.json(); children = await resp.json();
error = null; yikes();
} else { } else {
error = await resp.text(); error(await resp.text());
} }
} }
@@ -121,7 +121,7 @@
task = await resp.json(); task = await resp.json();
return true; return true;
} else { } else {
error = await resp.text(); error(await resp.text());
return false; return false;
} }
} }
@@ -168,9 +168,6 @@
<button class="symbol" title={t('delete_object',{object:t('subtask')})} onclick={deleteTask} ></button> <button class="symbol" title={t('delete_object',{object:t('subtask')})} onclick={deleteTask} ></button>
<button class="symbol" title={t('add_object',{object:t('subtask')})} onclick={addSubtask}></button> <button class="symbol" title={t('add_object',{object:t('subtask')})} onclick={addSubtask}></button>
<button class="symbol" title={t('timetracking')} onclick={addTime}></button> <button class="symbol" title={t('timetracking')} onclick={addTime}></button>
{#if error}
<span class="error">{error}</span>
{/if}
{#if children} {#if children}
<TaskList {states} tasks={children} {estimated_time} {show_closed} /> <TaskList {states} tasks={children} {estimated_time} {show_closed} />
{/if} {/if}

18
frontend/src/routes/task/RequiredTasks.svelte
View File

@@ -3,12 +3,12 @@
import { useTinyRouter } from 'svelte-tiny-router'; import { useTinyRouter } from 'svelte-tiny-router';
import { api } from '../../urls.svelte'; import { api } from '../../urls.svelte';
import { error, yikes } from '../../warn.svelte';
import { t } from '../../translations.svelte'; import { t } from '../../translations.svelte';
let { task = null } = $props(); let { task = null } = $props();
let candidates = $state({}); let candidates = $state({});
let error = $state(null);
let key = $state(null); let key = $state(null);
let requiredTasks = $state({}); let requiredTasks = $state({});
let router = useTinyRouter(); let router = useTinyRouter();
@@ -19,7 +19,7 @@
let url = api(`task/${new_task_id}`); let url = api(`task/${new_task_id}`);
let resp = await fetch(url,{ credentials : 'include' }); let resp = await fetch(url,{ credentials : 'include' });
if (resp.ok){ if (resp.ok){
error = null; yikes();
let newTask = await resp.json(); let newTask = await resp.json();
if (newTask.project_id != task.project_id){ if (newTask.project_id != task.project_id){
alert('project mismatch!'); alert('project mismatch!');
@@ -30,7 +30,7 @@
await patch(); await patch();
delete candidates[new_task_id]; delete candidates[new_task_id];
} else { } else {
error = await resp.text(); error(await resp.text());
} }
} }
@@ -47,12 +47,12 @@
body : JSON.stringify(data) body : JSON.stringify(data)
}); });
if (res.ok) { if (res.ok) {
error = null; yikes();
candidates = await res.json(); candidates = await res.json();
for (var taskId of Object.keys(requiredTasks)) delete candidates[taskId]; for (var taskId of Object.keys(requiredTasks)) delete candidates[taskId];
delete candidates[task.id]; delete candidates[task.id];
} else { } else {
error = await res.text(); error(await res.text());
} }
} }
@@ -65,10 +65,10 @@
body : JSON.stringify({ids:task.required_tasks_ids}) body : JSON.stringify({ids:task.required_tasks_ids})
}); });
if (res.ok){ if (res.ok){
error = null; yikes();
requiredTasks = await res.json(); requiredTasks = await res.json();
} else { } else {
error = await res.text(); error(await res.text());
} }
} }
@@ -91,9 +91,7 @@
method : 'PATCH', method : 'PATCH',
body : JSON.stringify({required_tasks_ids:task.required_tasks_ids}) body : JSON.stringify({required_tasks_ids:task.required_tasks_ids})
}); });
if (!resp.ok){ if (!resp.ok) error(await resp.text());
error = await resp.text();
}
} }
async function unlink(required_task){ async function unlink(required_task){

30
frontend/src/routes/task/View.svelte
View File

@@ -2,8 +2,9 @@
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { useTinyRouter } from 'svelte-tiny-router'; import { useTinyRouter } from 'svelte-tiny-router';
import { api } from '../../urls.svelte.js'; import { api } from '../../urls.svelte';
import { t } from '../../translations.svelte.js'; import { error, yikes } from '../../warn.svelte';
import { t } from '../../translations.svelte';
import { timetrack } from '../../user.svelte.js'; import { timetrack } from '../../user.svelte.js';
import { now } from '../../time.svelte'; import { now } from '../../time.svelte';
@@ -19,7 +20,6 @@
let { id } = $props(); let { id } = $props();
let children = $state(null); let children = $state(null);
let dummy = $derived(updateOn(id)); let dummy = $derived(updateOn(id));
let error = $state(null);
let estimated_time = $state({sum:0}); let estimated_time = $state({sum:0});
let project = $state(null); let project = $state(null);
const router = useTinyRouter(); const router = useTinyRouter();
@@ -47,8 +47,9 @@
if (resp.ok) { if (resp.ok) {
const track = await resp.json(); const track = await resp.json();
timetrack.running = track; timetrack.running = track;
yikes();
} else { } else {
error = await resp.text(); error(await resp.text());
} }
} }
@@ -87,9 +88,9 @@
}); });
if (resp.ok){ if (resp.ok){
children = await resp.json(); children = await resp.json();
error = null; yikes();
} else { } else {
error = await resp.text(); error(await resp.text());
} }
} }
@@ -99,7 +100,7 @@
if (resp.ok){ if (resp.ok){
task.parent = await resp.json(); task.parent = await resp.json();
} else { } else {
error = await resp.text(); error(await resp.text());
} }
} }
@@ -108,14 +109,14 @@
const resp = await fetch(url,{credentials:'include'}); const resp = await fetch(url,{credentials:'include'});
if (resp.ok){ if (resp.ok){
task = await resp.json(); task = await resp.json();
error = null; yikes();
project = null; project = null;
children = null; children = null;
loadChildren(); loadChildren();
if (task.project_id) loadProject(); if (task.project_id) loadProject();
if (task.parent_task_id) loadParent(); if (task.parent_task_id) loadParent();
} else { } else {
error = await resp.text(); error(await resp.text());
} }
} }
@@ -124,9 +125,9 @@
const resp = await fetch(url,{credentials:'include'}); const resp = await fetch(url,{credentials:'include'});
if (resp.ok){ if (resp.ok){
project = await resp.json(); project = await resp.json();
error = null; yikes();
} else { } else {
error = await resp.text(); error(await resp.text());
} }
} }
@@ -142,13 +143,13 @@
body : JSON.stringify(data) body : JSON.stringify(data)
}); });
if (resp.ok){ if (resp.ok){
error = null; yikes();
let old_task = task; let old_task = task;
task = await resp.json(); task = await resp.json();
if (task.parent_id == old_task.parent_id) task.parent = old_task.parent; if (task.parent_id == old_task.parent_id) task.parent = old_task.parent;
return true; return true;
} else { } else {
error = await resp.text(); error(await resp.text());
return false; return false;
} }
} }
@@ -177,9 +178,6 @@
<title>Umbrella – {t('task')}: {task?.name}</title> <title>Umbrella – {t('task')}: {task?.name}</title>
</svelte:head> </svelte:head>
{#if error}
<span class="error">{error}</span>
{/if}
{#if task} {#if task}
<div class={`task grid2 prio_${task.total_prio} p${Math.floor(task.total_prio/10)*10} p${task.total_prio % 10}`} > <div class={`task grid2 prio_${task.total_prio} p${Math.floor(task.total_prio/10)*10} p${task.total_prio % 10}`} >
{#if project} {#if project}

9
frontend/src/routes/user/EditUser.svelte
View File

@@ -2,9 +2,10 @@
import { useTinyRouter } from 'svelte-tiny-router'; import { useTinyRouter } from 'svelte-tiny-router';
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { api } from '../../urls.svelte.js' import { api } from '../../urls.svelte'
import { checkUser } from '../../user.svelte.js'; import { error, yikes } from '../../warn.svelte';
import { t } from '../../translations.svelte.js'; import { checkUser } from '../../user.svelte';
import { t } from '../../translations.svelte';
let { user_id } = $props(); let { user_id } = $props();
let caption = $state(t('save_object',{object:t('user')})); let caption = $state(t('save_object',{object:t('user')}));
@@ -60,8 +61,10 @@
if (resp.ok){ if (resp.ok){
caption = t('saved'); caption = t('saved');
checkUser(); checkUser();
yikes();
router.navigate('/user'); router.navigate('/user');
} else { } else {
error(await resp.text());
caption = t('failed'); caption = t('failed');
sent = false; sent = false;
} }

14
frontend/src/warn.svelte.js Normal file
View File

@@ -0,0 +1,14 @@
export const messages = $state({error:null,warning:null});
export function error(msg){
messages.error = msg;
}
export function warn(msg){
messages.warning = msg;
}
export function yikes(){
messages.error = null;
messages.warn = null;
}