From 570f373af73cdb2f7e2ccb0cd8115ab6c8af68da Mon Sep 17 00:00:00 2001
From: Andrey Sobolev <haiodo@users.noreply.github.com>
Date: Mon, 6 Dec 2021 22:15:53 +0700
Subject: [PATCH] Handler RefTo to display presenter (#547)

Signed-off-by: Andrey Sobolev <haiodo@gmail.com>
---
 .../src/components/AttributeBarEditor.svelte      | 10 +++++-----
 .../src/components/AttributeEditor.svelte         | 12 ++++++------
 packages/presentation/src/utils.ts                | 15 +++++++++++++--
 plugins/view-resources/src/utils.ts               |  8 ++++----
 4 files changed, 28 insertions(+), 17 deletions(-)

diff --git a/packages/presentation/src/components/AttributeBarEditor.svelte b/packages/presentation/src/components/AttributeBarEditor.svelte
index 0261e7bd62..bc208149b6 100644
--- a/packages/presentation/src/components/AttributeBarEditor.svelte
+++ b/packages/presentation/src/components/AttributeBarEditor.svelte
@@ -15,13 +15,13 @@
 -->
 
 <script lang="ts">
-  import type { AttachedDoc, AttachedDoc, Doc } from '@anticrm/core'
+  import type { AttachedDoc, Class, Doc, Ref } from '@anticrm/core'
   import core from '@anticrm/core'
   import { getResource } from '@anticrm/platform'
   import type { AnySvelteComponent } from '@anticrm/ui'
   import { CircleButton, Label } from '@anticrm/ui'
   import view from '@anticrm/view'
-  import { getClient } from '../utils'
+  import { getAttributePresenterClass, getClient } from '../utils'
 
   // export let _class: Ref<Class<Doc>>
   export let key: string
@@ -34,13 +34,13 @@
   const _class = object._class
   const client = getClient()
   const hierarchy = client.getHierarchy()
-  const attribute = hierarchy.getAttribute(_class, key)
 
-  const typeClassId = attribute?.type._class
+  $: attribute = hierarchy.getAttribute(_class, key)
+  $: typeClassId = (attribute !== undefined) ? getAttributePresenterClass(attribute) : undefined
 
   let editor: Promise<AnySvelteComponent> | undefined
 
-  if (typeClassId !== undefined) {
+  $: if (typeClassId !== undefined) {
     const typeClass = hierarchy.getClass(typeClassId)
     const editorMixin = hierarchy.as(typeClass, view.mixin.AttributeEditor)
     editor = getResource(editorMixin.editor)
diff --git a/packages/presentation/src/components/AttributeEditor.svelte b/packages/presentation/src/components/AttributeEditor.svelte
index 8518e3b2ed..796a6860e1 100644
--- a/packages/presentation/src/components/AttributeEditor.svelte
+++ b/packages/presentation/src/components/AttributeEditor.svelte
@@ -15,11 +15,11 @@
 -->
 
 <script lang="ts">
-  import type { Ref, Class, Doc } from '@anticrm/core'
+  import type { Class, Doc, Ref } from '@anticrm/core'
   import { getResource } from '@anticrm/platform'
   import type { AnySvelteComponent } from '@anticrm/ui'
-  import { getClient } from '../utils'
   import view from '@anticrm/view'
+  import { getAttributePresenterClass, getClient } from '../utils'
 
   export let _class: Ref<Class<Doc>>
   export let key: string
@@ -29,19 +29,19 @@
 
   const client = getClient()
   const hierarchy = client.getHierarchy()
-  const attribute = hierarchy.getAttribute(_class, key)
 
-  const typeClassId = attribute?.type._class
+  $: attribute = hierarchy.getAttribute(_class, key)
+  $: typeClassId = (attribute !== undefined) ? getAttributePresenterClass(attribute) : undefined
 
   let editor: Promise<AnySvelteComponent> | undefined
 
-  if (typeClassId !== undefined) {
+  $: if (typeClassId !== undefined) {
     const typeClass = hierarchy.getClass(typeClassId)
     const editorMixin = hierarchy.as(typeClass, view.mixin.AttributeEditor)
     editor = getResource(editorMixin.editor)
   }
 
-  function onChange(value: any) {
+  function onChange (value: any) {
     const doc = object as Doc
     client.updateDoc(_class, doc.space, doc._id, { [key]: value })
   }
diff --git a/packages/presentation/src/utils.ts b/packages/presentation/src/utils.ts
index 299735e1a0..7c6239754d 100644
--- a/packages/presentation/src/utils.ts
+++ b/packages/presentation/src/utils.ts
@@ -16,8 +16,8 @@
 
 import { onDestroy } from 'svelte'
 
-import { Doc, Ref, Class, DocumentQuery, FindOptions, Client, Hierarchy, Tx, getCurrentAccount, ModelDb, TxResult } from '@anticrm/core'
-import { TxOperations } from '@anticrm/core'
+import { Doc, Ref, Class, DocumentQuery, FindOptions, Client, Hierarchy, Tx, getCurrentAccount, ModelDb, TxResult, TxOperations, AnyAttribute, RefTo } from '@anticrm/core'
+import core from '@anticrm/core'
 import { LiveQuery as LQ } from '@anticrm/query'
 import { getMetadata  } from '@anticrm/platform'
 
@@ -79,3 +79,14 @@ export function getFileUrl(file: string): string {
   const url = `${uploadUrl}?file=${file}&token=${token}`
   return url
 }
+
+/**
+ * @public
+ */
+ export function getAttributePresenterClass (attribute: AnyAttribute): Ref<Class<Doc>> {
+  let attrClass = attribute.type._class
+  if (attrClass === core.class.RefTo) {
+    attrClass = (attribute.type as RefTo<Doc>).to
+  }
+  return attrClass
+}
\ No newline at end of file
diff --git a/plugins/view-resources/src/utils.ts b/plugins/view-resources/src/utils.ts
index 0e8e5e8529..6feb4abd44 100644
--- a/plugins/view-resources/src/utils.ts
+++ b/plugins/view-resources/src/utils.ts
@@ -14,13 +14,13 @@
 // limitations under the License.
 //
 
-import type { Class, Client, Doc, FindOptions, FindResult, Obj, Ref, AttachedDoc, TxOperations, Collection } from '@anticrm/core'
+import core, { Class, Client, Doc, FindOptions, FindResult, Obj, Ref, AttachedDoc, TxOperations, Collection } from '@anticrm/core'
 import type { IntlString } from '@anticrm/platform'
 import { getResource } from '@anticrm/platform'
+import { getAttributePresenterClass } from '@anticrm/presentation'
 import type { AnyComponent } from '@anticrm/ui'
 import type { Action, ActionTarget, BuildModelOptions } from '@anticrm/view'
 import view, { AttributeModel } from '@anticrm/view'
-import core from '@anticrm/core'
 
 /**
  * @public
@@ -46,7 +46,7 @@ export async function getObjectPresenter (client: Client, _class: Ref<Class<Obj>
 
 async function getAttributePresenter (client: Client, _class: Ref<Class<Obj>>, key: string, preserveKey: string): Promise<AttributeModel> {
   const attribute = client.getHierarchy().getAttribute(_class, key)
-  let attrClass = attribute.type._class
+  let attrClass = getAttributePresenterClass(attribute)
   const clazz = client.getHierarchy().getClass(attrClass)
   let presenterMixin = client.getHierarchy().as(clazz, view.mixin.AttributePresenter)
   let parent = clazz.extends
@@ -152,4 +152,4 @@ export async function deleteObject (client: Client & TxOperations, object: Doc)
   } else {
     client.removeDoc(object._class, object.space, object._id).catch(err => console.error(err))
   }
-}
\ No newline at end of file
+}