hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-11-27 11:06:50 +03:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fix TSK-160 (#2148)

Browse Source 
Signed-off-by: Andrey Sobolev <haiodo@gmail.com>
This commit is contained in:
Andrey Sobolev 2022-06-27 15:16:09 +07:00 committed by GitHub
parent 18392aa8de
commit a3bc376f0f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 55 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
plugins/attachment-resources/src/components/AttachmentRefInput.svelte
View File

@ -44,6 +44,8 @@
const newAttachments: Set<Ref<Attachment>> = new Set<Ref<Attachment>>()
const removedAttachments: Set<Attachment> = new Set<Attachment>()
let refContainer: HTMLElement
$: objectId &&
query.query(
attachment.class.Attachment,
@ -154,6 +156,18 @@
}
function pasteAction (evt: ClipboardEvent): void {
let t: HTMLElement | null = evt.target as HTMLElement
let allowed = false
while (t != null) {
t = t.parentElement
if (t === refContainer) {
allowed = true
}
}
if (!allowed) {
return
}
const items = evt.clipboardData?.items ?? []
for (const index in items) {
const item = items[index]
@ -169,46 +183,48 @@
<svelte:window on:paste={pasteAction} />
<input
bind:this={inputFile}
multiple
type="file"
name="file"
id="file"
style="display: none"
on:change={fileSelected}
/>
<div
class="container"
on:dragover|preventDefault={() => {}}
on:dragleave={() => {}}
on:drop|preventDefault|stopPropagation={fileDrop}
>
{#if attachments.size}
<div class="flex-row-center list scroll-divider-color">
{#each Array.from(attachments.values()) as attachment}
<div class="item flex">
<AttachmentPresenter
value={attachment}
removable
on:remove={(result) => {
if (result !== undefined) removeAttachment(attachment)
}}
/>
</div>
{/each}
</div>
{/if}
<ReferenceInput
bind:this={refInput}
{content}
{showSend}
on:message={onMessage}
withoutTopBorder={attachments.size > 0}
on:attach={() => {
inputFile.click()
}}
<div bind:this={refContainer}>
<input
bind:this={inputFile}
multiple
type="file"
name="file"
id="file"
style="display: none"
on:change={fileSelected}
/>
<div
class="container"
on:dragover|preventDefault={() => {}}
on:dragleave={() => {}}
on:drop|preventDefault|stopPropagation={fileDrop}
>
{#if attachments.size}
<div class="flex-row-center list scroll-divider-color">
{#each Array.from(attachments.values()) as attachment}
<div class="item flex">
<AttachmentPresenter
value={attachment}
removable
on:remove={(result) => {
if (result !== undefined) removeAttachment(attachment)
}}
/>
</div>
{/each}
</div>
{/if}
<ReferenceInput
bind:this={refInput}
{content}
{showSend}
on:message={onMessage}
withoutTopBorder={attachments.size > 0}
on:attach={() => {
inputFile.click()
}}
/>
</div>
</div>
<style lang="scss">