mirror of
https://github.com/hcengineering/platform.git
synced 2026-10-01 05:55:09 +02:00
30 lines
906 B
Svelte
30 lines
906 B
Svelte
<script lang="ts">
|
|
import { State } from '@hcengineering/task'
|
|
import { Button, getPlatformColorDef, getPlatformColorForTextDef, IconMoreV, themeStore } from '@hcengineering/ui'
|
|
import { showMenu } from '@hcengineering/view-resources'
|
|
export let state: State
|
|
</script>
|
|
|
|
{#if state}
|
|
<div class="flex-col h-16">
|
|
<div
|
|
class="h-2 border-radius-1"
|
|
style="background-color: {state.color
|
|
? getPlatformColorDef(state.color, $themeStore.dark).background
|
|
: getPlatformColorForTextDef(state.name, $themeStore.dark).background}"
|
|
/>
|
|
<div class="flex-between h-full font-medium pr-2 pl-4">
|
|
<span class="lines-limit-2">{state.name}</span>
|
|
<div class="flex">
|
|
<Button
|
|
icon={IconMoreV}
|
|
kind="ghost"
|
|
on:click={(e) => {
|
|
showMenu(e, { object: state })
|
|
}}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/if}
|