wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-06-07 16:30:49 +00:00
Code Issues Actions 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, id: number,
name: string, name: string,
ext: string, ext: string,
description: string, description: string
tags: Array<string>
} }
export let files: Array<IFile> = [ export let files: Array<IFile> = [
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] }, { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] }, { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] }, { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] }, { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] }, { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] }, { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] }, { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] }, { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] }, { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] }, { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
{ id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] }, { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
{ id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] }, { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
{ id: 3, name: 'Requirements', ext: 'doc', description: 'DOC / 2,5 MB', tags: ['Requirements'] } { id: 3, name: 'Requirements', ext: 'doc', description: 'DOC / 2,5 MB' }
] ]
</script> </script>
<ScrollBox vertical> <ScrollBox vertical>
{#each files as file} {#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-center file-icon">{file.ext}</div>
<div class="flex-col flex-grow"> <div class="flex-col flex-grow">
<div class="overflow-label caption-color">{file.name}</div> <div class="overflow-label caption-color">{file.name}</div>
<div class="overflow-label file-desc">{file.description}</div> <div class="overflow-label file-desc">{file.description}</div>
</div> </div>
<div class="flex-row-center">
{#each file.tags as tag}
<div class="tag">{tag}</div>
{/each}
</div>
</div> </div>
{/each} {/each}
<div class="item add-file"> <div class="item add-file">
@ -87,13 +81,5 @@
font-size: 0.75rem; font-size: 0.75rem;
color: var(--theme-content-dark-color); 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); } .item + .add-file, .item + .item { border-top: 1px solid var(--theme-bg-accent-hover); }
</style> </style>