diff --git a/plugins/attachment-resources/src/components/AttachmentActions.svelte b/plugins/attachment-resources/src/components/AttachmentActions.svelte new file mode 100644 index 0000000000..f5ab9ae83d --- /dev/null +++ b/plugins/attachment-resources/src/components/AttachmentActions.svelte @@ -0,0 +1,73 @@ + + + +
+ + + + +
+ + diff --git a/plugins/attachment-resources/src/components/AttachmentPreview.svelte b/plugins/attachment-resources/src/components/AttachmentPreview.svelte index 268d337168..57a9ac2655 100644 --- a/plugins/attachment-resources/src/components/AttachmentPreview.svelte +++ b/plugins/attachment-resources/src/components/AttachmentPreview.svelte @@ -15,48 +15,17 @@ -->
@@ -69,27 +38,15 @@ }} > {value.name} -
- { - showMenu(e) - }} - /> +
+
{:else if type === 'audio'}
-
- { - showMenu(e) - }} - /> +
+
{:else if type === 'video'} @@ -101,27 +58,15 @@
-
- { - showMenu(e) - }} - /> +
+
{:else}
-
- { - showMenu(e) - }} - /> +
+
{/if} @@ -137,14 +82,14 @@ .buttonContainer { align-items: flex-start; - .more { + .actions { margin-left: 0.5rem; visibility: hidden; } } .buttonContainer:hover { - .more { + .actions { visibility: visible; } } diff --git a/plugins/attachment-resources/src/components/FileBrowser.svelte b/plugins/attachment-resources/src/components/FileBrowser.svelte index 57faf93eca..33de4f3d97 100644 --- a/plugins/attachment-resources/src/components/FileBrowser.svelte +++ b/plugins/attachment-resources/src/components/FileBrowser.svelte @@ -17,7 +17,7 @@ import contact, { Employee } from '@anticrm/contact' import { EmployeeAccount } from '@anticrm/contact' import core, { Class, Doc, getCurrentAccount, Ref, Space } from '@anticrm/core' - import { getClient } from '@anticrm/presentation' + import { getClient, getFileUrl } from '@anticrm/presentation' import ui, { getCurrentLocation, location, @@ -27,7 +27,8 @@ showPopup, navigate, EditWithIcon, - Spinner + Spinner, + Icon } from '@anticrm/ui' import { Menu } from '@anticrm/view-resources' import { onDestroy } from 'svelte' @@ -39,6 +40,7 @@ sortModeToOptionObject } from '..' import attachment from '../plugin' + import FileDownload from './icons/FileDownload.svelte' import FileBrowserFilters from './FileBrowserFilters.svelte' import FileBrowserSortMenu from './FileBrowserSortMenu.svelte' @@ -156,6 +158,9 @@
+ + +
showFileMenu(event, attachment, i)}>
@@ -195,6 +200,7 @@ padding: 0.25rem 0; .eAttachmentRowActions { + display: flex; visibility: hidden; border: 1px solid var(--theme-bg-focused-border); padding: 0.2rem; @@ -202,6 +208,7 @@ } .eAttachmentRowMenu { + margin-left: 0.2rem; visibility: hidden; opacity: 0.6; cursor: pointer; diff --git a/plugins/attachment-resources/src/components/icons/FileDownload.svelte b/plugins/attachment-resources/src/components/icons/FileDownload.svelte new file mode 100644 index 0000000000..b80c83ed7d --- /dev/null +++ b/plugins/attachment-resources/src/components/icons/FileDownload.svelte @@ -0,0 +1,27 @@ + + + + + + + diff --git a/plugins/attachment-resources/src/index.ts b/plugins/attachment-resources/src/index.ts index 926144b2d8..f47621a7d8 100644 --- a/plugins/attachment-resources/src/index.ts +++ b/plugins/attachment-resources/src/index.ts @@ -24,6 +24,7 @@ import TxAttachmentCreate from './components/activity/TxAttachmentCreate.svelte' import Attachments from './components/Attachments.svelte' import FileBrowser from './components/FileBrowser.svelte' import Photos from './components/Photos.svelte' +import FileDownload from './components/icons/FileDownload.svelte' import { uploadFile, deleteFile } from './utils' import attachment, { Attachment } from '@anticrm/attachment' import { SortingOrder, SortingQuery } from '@anticrm/core' @@ -39,7 +40,8 @@ export { AttachmentPresenter, AttachmentRefInput, AttachmentList, - AttachmentDocList + AttachmentDocList, + FileDownload } export enum FileBrowserSortMode { diff --git a/plugins/chunter-resources/src/components/EditChannelDescriptionAttachments.svelte b/plugins/chunter-resources/src/components/EditChannelDescriptionAttachments.svelte index 56dd37bbec..0dbed03731 100644 --- a/plugins/chunter-resources/src/components/EditChannelDescriptionAttachments.svelte +++ b/plugins/chunter-resources/src/components/EditChannelDescriptionAttachments.svelte @@ -15,12 +15,12 @@ -->