platform/packages/presentation/src/components/AttributeEditor.svelte
Andrey Platov c3737b1f0f
add presentation and workbench (do not compile)
Signed-off-by: Andrey Platov <andrey@hardcoreeng.com>
2021-08-06 10:31:17 +02:00

55 lines
1.7 KiB
Svelte

<!--
// Copyright © 2020, 2021 Anticrm Platform Contributors.
// Copyright © 2021 Hardcore Engineering Inc.
//
// Licensed under the Eclipse Public License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License. You may
// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//
// See the License for the specific language governing permissions and
// limitations under the License.
-->
<script lang="ts">
import type { Ref, Class, Doc } from '@anticrm/core'
import { getResource } from '@anticrm/platform'
import type { AnySvelteComponent } from '@anticrm/ui'
import { getClient } from '../utils'
import view from '@anticrm/view'
import core from '@anticrm/core'
export let _class: Ref<Class<Doc>>
export let key: string
export let newValue: any
export let oldValue: any
export let focus: boolean = false
const client = getClient()
const hierarchy = client.getHierarchy()
const attribute = hierarchy.getAttribute(_class, key)
const typeClassId = attribute?.type._class
let editor: Promise<AnySvelteComponent> | undefined
if (typeClassId !== undefined) {
const typeClass = hierarchy.getClass(typeClassId)
const editorMixin = hierarchy.as(typeClass, view.mixin.AttributeEditor)
editor = getResource(editorMixin.editor)
}
</script>
{#if editor}
{#await editor}
...
{:then instance}
<svelte:component this={instance} label={attribute?.label} placeholder={attribute?.label} bind:value={newValue[key]} {focus}/>
{/await}
{/if}