wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-04-19 23:00:13 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Closes #950 (#957)

Browse Source 
Signed-off-by: Andrey Sobolev <haiodo@gmail.com>
This commit is contained in:
Andrey Sobolev 2022-02-08 23:02:14 +07:00 committed by GitHub
parent 6b7f3a9f7b
commit df76f2b992
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/ui/src/components/Loading.svelte
View File

@ -39,7 +39,7 @@
.spinner-container .inner { .spinner-container .inner {
margin: auto; margin: auto;
opacity: 0; opacity: 0.5;
animation-name: makeVisible; animation-name: makeVisible;
animation-duration: 0.25s; animation-duration: 0.25s;
animation-delay: 0.1s; animation-delay: 0.1s;

11
plugins/view-resources/src/components/Table.svelte
View File

@ -36,6 +36,7 @@
let sortKey = 'modifiedOn' let sortKey = 'modifiedOn'
let sortOrder = SortingOrder.Descending let sortOrder = SortingOrder.Descending
let selectRow: number | undefined = undefined let selectRow: number | undefined = undefined
let loading = false
let objects: Doc[] let objects: Doc[]
@ -48,11 +49,13 @@
sortOrder: SortingOrder, sortOrder: SortingOrder,
options?: FindOptions<Doc> options?: FindOptions<Doc>
) { ) {
loading = true
q.query( q.query(
_class, _class,
query, query,
(result) => { (result) => {
objects = result objects = result
loading = false
}, },
{ sort: { [sortKey]: sortOrder }, ...options, limit: 200 } { sort: { [sortKey]: sortOrder }, ...options, limit: 200 }
) )
@ -116,7 +119,9 @@
</script> </script>
{#await buildModel({ client, _class, keys: config, options })} {#await buildModel({ client, _class, keys: config, options })}
<Loading /> {#if !loading}
<Loading />
{/if}
{:then model} {:then model}
<table class="table-body" class:enableChecking> <table class="table-body" class:enableChecking>
<thead> <thead>
@ -223,6 +228,10 @@
</table> </table>
{/await} {/await}
{#if loading}
<Loading/>
{/if}
<style lang="scss"> <style lang="scss">
.table-body { .table-body {
width: 100%; width: 100%;