frontend/src/Components/StateSelector.svelte

@@ -3,14 +3,6 @@
     import {api}     from '../urls.svelte.js';
     import {t}       from '../translations.svelte.js';
 
-    const icons = {
-        10 : '',
-        20 : '',
-        40 : '',
-        60 : '',
-        100: ''
-    }
-
     let {
         caption    = t('select_state'),
         selected   = $bindable(0),
@@ -20,20 +12,9 @@
 </script>
 
 {#if project?.allowed_states}
-<!--<select bind:value={selected} onchange={() => onchange(selected)}>
+<select bind:value={selected} onchange={() => onchange(selected)}>
     {#each Object.entries(project.allowed_states) as [code,name]}
     <option value={+code}>{code%10?name:t('state_'+name.toLowerCase())}</option>
     {/each}
-</select>-->
-<span class="states">
-    {#each Object.entries(project.allowed_states) as [code,name]}
-    <button onclick={e => onchange(code)} title={code%10?name:t('state_'+name.toLowerCase())} class={selected == code?'active':null}>
-        {#if icons[code]}
-        <span class="symbol">{icons[code]}</span>
-        {:else}
-        {code%10?name:t('state_'+name.toLowerCase())}
-        {/if}
-    </button>
-    {/each}
-</span>
+</select>
 {/if}

frontend/src/routes/task/View.svelte

@@ -24,7 +24,6 @@
     let project        = $state(null);
     const router       = useTinyRouter();
     let showSettings   = $state(router.fullPath.endsWith('/edit'));
-    let show_closed    = $state(false);
     let task           = $state(null);
 
     $effect(() => updateOn(id));
@@ -80,7 +79,7 @@
         const url  = api('task/list');
         const data = {
             parent_task_id : +task.id,
-            show_closed    : show_closed
+            show_closed    : task.show_closed
         };
         const resp = await fetch(url,{
             credentials : 'include',
@@ -109,11 +108,10 @@
         const url  = api(`task/${id}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
-            yikes();
             task     = await resp.json();
+            yikes();
             project  = null;
             children = null;
-            if (task.show_closed) show_closed = true;
             loadChildren();
             if (task.project_id) loadProject();
             if (task.parent_task_id) loadParent();
@@ -133,13 +131,6 @@
         }
     }
 
-    function showClosed(){
-        show_closed = !show_closed;
-        children = null;
-        loadChildren();
-    }
-
-
     function showPrjFiles(){
         var url = `/files/project/${project.id}`;
         window.open(url, '_blank').focus();
@@ -301,9 +292,6 @@
     <div>
         {t('subtasks')}
         <button onclick={addChild} >{t('add_object',{object:t('subtask')})}</button>
-        {#if !show_closed}
-        <button onclick={showClosed}>{t('display_closed')}</button>
-        {/if}
     </div>
     <div class="children">
         {#if children}

web/src/main/resources/web/css/default-color.css

@@ -130,10 +130,6 @@ tr:hover a{
     color: orange;
 }
 
-.states .active{
-    background: yellow;
-}
-
 .taglist .tag{
     border-color: orange;
 }