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

Clean Attachments (#94)

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2021-08-30 19:17:19 +03:00 committed by GitHub
parent 353568450e
commit 7056cd454d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
plugins/recruit-resources/src/components/Attachments.svelte
View File

@ -20,40 +20,34 @@
id: number,
name: string,
ext: string,
description: string,
tags: Array<string>
description: string
}
export let files: Array<IFile> = [
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] },
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] },
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] },
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] },
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] },
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] },
{ id: 3, name: 'Requirements', ext: 'doc', description: 'DOC / 2,5 MB', tags: ['Requirements'] }
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
{ id: 3, name: 'Requirements', ext: 'doc', description: 'DOC / 2,5 MB' }
]
</script>
<ScrollBox vertical>
{#each files as file}
<div class="item flex-between">
<div class="item flex-row-center">
<div class="flex-center file-icon">{file.ext}</div>
<div class="flex-col flex-grow">
<div class="overflow-label caption-color">{file.name}</div>
<div class="overflow-label file-desc">{file.description}</div>
</div>
<div class="flex-row-center">
{#each file.tags as tag}
<div class="tag">{tag}</div>
{/each}
</div>
</div>
{/each}
<div class="item add-file">
@ -87,13 +81,5 @@
font-size: 0.75rem;
color: var(--theme-content-dark-color);
}
.tag {
margin-left: 0.5rem;
padding: .25rem .75rem;
color: var(--theme-caption-color);
background-color: var(--theme-button-bg-hovered);
border: 1px solid var(--theme-bg-accent-hover);
border-radius: 1.875rem;
}
.item + .add-file, .item + .item { border-top: 1px solid var(--theme-bg-accent-hover); }
</style>