platform/plugins/attachment-resources/src/components/AttachmentDocList.svelte
Kristina 3e782658c6
UBERF-5595: set up attachments sizes (#4746)
Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>
2024-02-24 00:03:59 +07:00

63 lines
2.0 KiB
Svelte

<!--
// Copyright © 2022 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 { Attachment } from '@hcengineering/attachment'
import type { Doc, Ref } from '@hcengineering/core'
import { createQuery } from '@hcengineering/presentation'
import attachment from '../plugin'
import AttachmentList from './AttachmentList.svelte'
import { AttachmentImageSize } from '../types'
export let value: Doc & { attachments?: number }
export let attachments: Attachment[] | undefined = undefined
export let imageSize: AttachmentImageSize = 'auto'
const query = createQuery()
const savedAttachmentsQuery = createQuery()
let savedAttachmentsIds: Ref<Attachment>[] = []
let resAttachments: Attachment[] = []
$: updateQuery(value, attachments)
function updateQuery (value: Doc & { attachments?: number }, attachments?: Attachment[]): void {
if (attachments !== undefined && attachments.length > 0) {
resAttachments = attachments
return
}
if (value && value.attachments && value.attachments > 0) {
query.query(
attachment.class.Attachment,
{
attachedTo: value._id
},
(res) => {
resAttachments = res
}
)
} else {
resAttachments = []
}
}
savedAttachmentsQuery.query(attachment.class.SavedAttachments, {}, (res) => {
savedAttachmentsIds = res.map(({ attachedTo }) => attachedTo)
})
</script>
<AttachmentList attachments={resAttachments} {savedAttachmentsIds} {imageSize} />