38 lines
902 B
Svelte
38 lines
902 B
Svelte
<script>
|
|
import { onMount } from 'svelte';
|
|
import { t } from '../../translations.svelte';
|
|
import { api, get } from '../../urls.svelte';
|
|
import { error, yikes } from '../../warn.svelte';
|
|
import TaskTree from './Tree.svelte';
|
|
|
|
let { project, select = o => {}, task } = $props();
|
|
let tree = $state({});
|
|
let loading = $state(true);
|
|
|
|
async function loadParentCandidates(){
|
|
let url = api(`task/${task.id}/parent_candidates`);
|
|
let res = await get(url);
|
|
if (res.ok){
|
|
yikes();
|
|
tree = await res.json();
|
|
loading = false;
|
|
} else error(res);
|
|
}
|
|
|
|
onMount(loadParentCandidates);
|
|
</script>
|
|
|
|
<div class="overlay parent_selector">
|
|
<h2>
|
|
{t('select a new parent for {entity}',{entity:task.name})}
|
|
<button onclick={ev => select(null)}>{t('abort')}</button>
|
|
</h2>
|
|
{t('project')}: {project.name}
|
|
{#if loading}
|
|
<p>
|
|
{t('loading')}
|
|
</p>
|
|
{:else}
|
|
<TaskTree {tree} {select} />
|
|
{/if}
|
|
</div> |