WEBDIENSTE/huly-platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2026-09-29 04:55:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

UBERF-6124: Rework inbox view (#5046)

Browse Source 
Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>
This commit is contained in:
Kristina
2024-03-25 10:55:14 +07:00
committed by GitHub
parent 9f198a5428
commit 3bbb8915ec
108 changed files with 2424 additions and 2010 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/activity-resources/src/components/doc-update-message/DocUpdateMessageContent.svelte
+50 -29
View File
@@ -24,6 +24,7 @@
export let objectName: IntlString | undefined
export let collectionName: IntlString | undefined
export let objectIcon: Asset | undefined
export let preview = false
const isOwn = message.objectId === message.attachedTo
@@ -33,7 +34,7 @@
$: hasDifferentActions = message.previousMessages?.some(({ action }) => action !== message.action)
</script>
<div class="content">
<div class="content overflow-label" class:preview>
<span class="mr-1">
<Icon icon={viewlet?.icon ?? objectIcon ?? activity.icon.Activity} size="small" />
</span>
@@ -52,35 +53,40 @@
{/if}
</span>
{#if hasDifferentActions}
{@const removeMessages = valueMessages.filter(({ action }) => action === 'remove')}
{@const createMessages = valueMessages.filter(({ action }) => action === 'create')}
<span class="overflow-label values" class:preview>
{#if hasDifferentActions}
{@const removeMessages = valueMessages.filter(({ action }) => action === 'remove')}
{@const createMessages = valueMessages.filter(({ action }) => action === 'create')}
{#each createMessages as valueMessage, index}
<DocUpdateMessageObjectValue
message={valueMessage}
{viewlet}
withIcon={index === 0}
hasSeparator={createMessages.length > 1 && index !== createMessages.length - 1}
/>
{/each}
{#each removeMessages as valueMessage, index}
<DocUpdateMessageObjectValue
message={valueMessage}
{viewlet}
withIcon={index === 0}
hasSeparator={removeMessages.length > 1 && index !== removeMessages.length - 1}
/>
{/each}
{:else}
{#each valueMessages as valueMessage, index}
<DocUpdateMessageObjectValue
message={valueMessage}
{viewlet}
hasSeparator={valueMessages.length > 1 && index !== valueMessages.length - 1}
/>
{/each}
{/if}
{#each createMessages as valueMessage, index}
<DocUpdateMessageObjectValue
message={valueMessage}
{viewlet}
withIcon={index === 0}
hasSeparator={createMessages.length > 1 && index !== createMessages.length - 1}
{preview}
/>
{/each}
{#each removeMessages as valueMessage, index}
<DocUpdateMessageObjectValue
message={valueMessage}
{viewlet}
withIcon={index === 0}
hasSeparator={removeMessages.length > 1 && index !== removeMessages.length - 1}
{preview}
/>
{/each}
{:else}
{#each valueMessages as valueMessage, index}
<DocUpdateMessageObjectValue
message={valueMessage}
{viewlet}
hasSeparator={valueMessages.length > 1 && index !== valueMessages.length - 1}
{preview}
/>
{/each}
{/if}
</span>
</div>
<style lang="scss">
@@ -89,5 +95,20 @@
gap: 0.25rem;
align-items: center;
flex-wrap: wrap;
color: var(--global-primary-TextColor);
&.preview {
flex-wrap: nowrap;
}
}
.values {
display: flex;
align-items: center;
flex-wrap: wrap;
&.preview {
flex-wrap: nowrap;
}
}
</style>