mirror of
https://github.com/hcengineering/platform.git
synced 2025-02-09 20:35:48 +00:00
67b7c9df24
Signed-off-by: Alexander Platov <sas_lord@mail.ru> Signed-off-by: Denis Bykhov <bykhov.denis@gmail.com> Co-authored-by: Denis Bykhov <bykhov.denis@gmail.com>
30 lines
713 B
Svelte
30 lines
713 B
Svelte
<script lang="ts">
|
|
import { IntlString } from '@hcengineering/platform'
|
|
import { TabList } from '@hcengineering/ui'
|
|
|
|
export let mode: string
|
|
export let config: [string, IntlString, object][]
|
|
export let onChange: (_mode: string) => void
|
|
|
|
$: modeList = config.map((c) => {
|
|
return {
|
|
id: c[0],
|
|
labelIntl: c[1],
|
|
action: () => onChange(c[0])
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<div class="ac-header full divide search-start">
|
|
<div class="ac-header-full small-gap">
|
|
<TabList
|
|
items={modeList}
|
|
selected={mode}
|
|
kind={'normal'}
|
|
on:select={(result) => {
|
|
if (result.detail !== undefined && result.detail.action) result.detail.action()
|
|
}}
|
|
/>
|
|
</div>
|
|
</div>
|