show attachments in Table

Signed-off-by: Andrey Platov <andrey@hardcoreeng.com>

models/chunter/src/index.ts

@@ -60,9 +60,16 @@ export class TBacklink extends TComment implements Backlink {
 export class TAttachment extends TDoc implements Attachment {
   attachedTo!: Ref<Doc>
   attachedToClass!: Ref<Class<Doc>>
+  @Prop(TypeString(), 'Name' as IntlString)
   name!: string
+
+  @Prop(TypeString(), 'File' as IntlString)
   file!: string
+
+  @Prop(TypeString(), 'Size' as IntlString)
   size!: number
+
+  @Prop(TypeString(), 'Type' as IntlString)
   type!: string
 }
 

plugins/recruit-resources/src/components/Attachments.svelte

@@ -21,6 +21,7 @@
   import { generateId } from '@anticrm/core'
   import { createQuery, getClient, PDFViewer } from '@anticrm/presentation'
   import type { Attachment } from '@anticrm/chunter'
+  import { Table } from '@anticrm/view-resources'
 
   import { uploadFile } from '../utils'
 
@@ -82,28 +83,12 @@
     {/if}
     <input bind:this={inputFile} type="file" name="file" id="file" style="display: none" on:change={fileSelected}/>
   </div>
-  <table class="table-body">
+  <Table 
-    <thead>
+    _class={chunter.class.Attachment}
-      <tr class="tr-head">
+    config={['name', 'file', 'type']}
-        <th>Attachments</th>
+    options={ {} }
-        <th>Time</th>
+    search=""
-      </tr>
+  />
-    </thead>
-    <tbody>
-      {#each attachments as file}
-        <tr class="tr-body">
-          <td class="item flex-row-center">
-            <div class="flex-center file-icon">pdf</div>
-            <div class="flex-col flex-grow" style="cursor: pointer" on:click={ () => { showPopup(PDFViewer, { file: file.file }, 'right') } }>
-              <div class="overflow-label caption-color">{trimFilename(file.name)}</div>
-              <div class="overflow-label file-desc">{file.type}</div>
-            </div>
-          </td>
-          <td>10 / 8</td>
-        </tr>
-      {/each}
-    </tbody>
-  </table>
 </div>
 
 <style lang="scss">