{#if activeItem !== undefined && (!applicationStore.dragging || applicationStore.dragging?.id === derivedItem.id)}
{ applicationStore.dragStart(derivedItem); }} ondragend={() => { window.requestAnimationFrame(() => { applicationStore.dragEnd(); }); }} role="none" class="flex flex-col p-2 h-full gap-2 card min-w-0 flex-grow min-h-[50vh]" >
{#if derivedItem.status_id !== null}
{statusStore.nodesR[derivedItem.status_id].name}
{/if} {#if showExtraData}
Id
{derivedItem.id}
Create Time
{derivedItem.create_time}
{/if}
{#if !derivedItem.simple_url || showExtraData}
Url
{derivedItem.url}
{/if} {#if derivedItem.simple_url}
Simple Url
{derivedItem.simple_url}
{/if} {#if showExtraData}
Simple Url
{#each derivedItem.urls as url}
{/each}
{/if}
Tags
{#each derivedItem.flairs as item} (applicationStore.all[activeItem ?? -1] = item)} /> {/each}
{#if lastExtData !== undefined} {:else} {/if}
{:else}
{ e.preventDefault(); }} ondragenter={preventDefault(() => {})} ondrop={() => { activate(applicationStore.dragging); }} role="none" >
Drop Application To Manage
{/if}
activate(derivedItem, false)} /> {#if derivedItem} { activate(item, false); }} /> {/if} {#if derivedItem} activate(item, false)} /> {/if} { activate(item); }} />