Files
huly-platform/plugins/view-resources/src/components/PersonIdPresenter.svelte
T

50 lines
1.5 KiB
Svelte

<!--
// Copyright © 2023 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 { PersonId, Ref } from '@hcengineering/core'
import { getClient } from '@hcengineering/presentation'
import contact, { getPersonRefBySocialId, Person } from '@hcengineering/contact'
import { IconSize } from '@hcengineering/ui'
import ObjectPresenter from './ObjectPresenter.svelte'
export let value: PersonId | undefined
export let shouldShowName = true
export let shouldShowAvatar = true
export let noUnderline = false
export let avatarSize: IconSize = 'x-small'
const client = getClient()
let person: Ref<Person> | undefined
$: void getPerson(value)
async function getPerson (id: PersonId | undefined): Promise<void> {
if (id !== undefined) {
person = await getPersonRefBySocialId(client, id)
}
}
</script>
{#if person}
<ObjectPresenter
objectId={person}
_class={contact.class.Person}
{shouldShowName}
{shouldShowAvatar}
{noUnderline}
props={{ avatarSize }}
/>
{/if}