From 8eef37eb1a45bf4d15b5971270cb2952a653a7f7 Mon Sep 17 00:00:00 2001
From: Stephan Richter <s.richter@srsoftware.de>
Date: Sun, 3 Aug 2025 23:28:59 +0200
Subject: [PATCH] template work

---
 frontend/src/routes/tags/Reference.svelte | 34 ++++++++++++++++++-----
 frontend/src/routes/tags/TagList.svelte   |  1 +
 frontend/src/routes/tags/TagUses.svelte   |  9 ++----
 3 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/frontend/src/routes/tags/Reference.svelte b/frontend/src/routes/tags/Reference.svelte
index 13815e3..764e97a 100644
--- a/frontend/src/routes/tags/Reference.svelte
+++ b/frontend/src/routes/tags/Reference.svelte
@@ -1,21 +1,27 @@
 <script>
     import { onMount }       from 'svelte';
+    import { useTinyRouter } from 'svelte-tiny-router';
 
     import { api }           from '../../urls.svelte.js';
     import { t }             from '../../translations.svelte.js';
 
     let { module, id } = $props();
+    let error          = $state(null);
+    let object         = $state(null);
+    let router         = useTinyRouter();
+    let task           = $state(null);
 
-    let task = $state(null);
-    let caption = $state(`${t(module)} ${id}`);
+    function go(){
+        router.navigate(`/${module}/${id}/view`);
+    }
 
     async function loadDefault(){
         const url  = api(`${module}/${id}`);
         const resp = await fetch(url,{credentials:'include'});
-        if (resp.ok){
-            var json = await resp.json();
-            if (json.name) caption = json.name;
-            if (json.type && json.number) caption = `${t(json.type)} ${json.number} (${json.customer.name.split('\n')[0]})`
+        if (resp.ok) {
+            object = await resp.json();
+        } else {
+            error = await resp.text();
         }
     }
 
@@ -26,4 +32,18 @@
     onMount(load);
 </script>
 
-{caption}
\ No newline at end of file
+{#if error}
+<span class="error">{error}</span>
+{/if}
+{#if object}
+{#if module=='bookmark'}
+<a href={object.url}>{object.url}</a>
+<div>{@html object.comment.rendered}</div>
+{:else if module=='task'}
+<span onclick={go}>{object.name}</span>
+{:else if module=='document'}
+<span onclick={go}>{t(object.type)} ${object.number} (${object.customer.name.split('\n')[0]})</span>
+{:else}
+No display defined in Reference.svelte for entities of type {module}.
+{/if}
+{/if}
\ No newline at end of file
diff --git a/frontend/src/routes/tags/TagList.svelte b/frontend/src/routes/tags/TagList.svelte
index f3bf743..38a1095 100644
--- a/frontend/src/routes/tags/TagList.svelte
+++ b/frontend/src/routes/tags/TagList.svelte
@@ -21,6 +21,7 @@
             // when creating elements, they don`t have an id, yet
             tags.push(newTag);
             tags = tags.sort();
+            newTag = '';
             return;
         }
         const url = api(`tags/${module}/${id}`);
diff --git a/frontend/src/routes/tags/TagUses.svelte b/frontend/src/routes/tags/TagUses.svelte
index 8a924a4..99ccadf 100644
--- a/frontend/src/routes/tags/TagUses.svelte
+++ b/frontend/src/routes/tags/TagUses.svelte
@@ -1,15 +1,13 @@
 <script>
     import {onMount}         from 'svelte';
-    import { useTinyRouter } from 'svelte-tiny-router';
 
     import { api }           from '../../urls.svelte.js';
     import { t }             from '../../translations.svelte.js';
 
-    import Reference            from './Reference.svelte';
+    import Reference         from './Reference.svelte';
 
     let { tag } = $props();
     let error   = $state(null);
-    let router  = useTinyRouter();
     let uses    = $state(null);
 
     async function loadUses(){
@@ -23,9 +21,6 @@
         }
     }
 
-    function go(module,id){
-        router.navigate(`/${module}/${id}/view`);
-    }
 
     onMount(loadUses);
 </script>
@@ -39,7 +34,7 @@
     <h2>{t(module.endsWith('s') ? module : `${module}s`)}</h2>
     <ul>
         {#each ids as id}
-        <li onclick={() => go(module,id)}><Reference {module} {id} /></li>
+        <li><Reference {module} {id} /></li>
         {/each}
     </ul>
     {/each}