wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-04-17 22:03:09 +00:00
Code Issues Actions3 Packages Projects Releases Wiki Activity

Fixed the display of hidden Apps ()

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2022-11-04 09:05:32 +03:00 committed by GitHub
parent b11ff86046
commit 47f5237fc9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 35 additions and 31 deletions

66
plugins/workbench-resources/src/components/Applications.svelte
View File

@ -28,48 +28,52 @@
const dispatch = createEventDispatcher()
let loaded: boolean = false
let hiddenAppsIds: Ref<Application>[] = []
const hiddenAppsIdsQuery = createQuery()
hiddenAppsIdsQuery.query(workbench.class.HiddenApplication, {}, (res) => {
hiddenAppsIds = res.map((r) => r.attachedTo)
loaded = true
})
let shown: boolean = false
</script>
<div class="flex-row-center clear-mins apps-{direction} relative">
<Scroller
invertScroll
padding={direction === 'horizontal' ? '.25rem 0' : '0 .5rem'}
horizontal={direction === 'horizontal'}
contentDirection={direction}
>
<div class="apps-space-{direction}" />
{#each apps.filter((it) => (shown ? true : !hiddenAppsIds.includes(it._id))) as app}
<AppItem
selected={app._id === active}
icon={app.icon}
label={app.label}
hidden={hiddenAppsIds.includes(app._id)}
editable={shown}
action={async () => {
dispatch('active', app)
}}
notify={false}
on:visible={(res) => {
if (res.detail === undefined) return
if (res.detail) showApplication(app)
else hideApplication(app)
}}
/>
{/each}
<div class="apps-space-{direction}" />
</Scroller>
<div class="thinButton {direction}" class:shown on:click={() => (shown = !shown)}>
<div class="clear-mins pointer-events-none" class:rotate90={direction === 'horizontal'}>
<IconDownOutline size={'medium'} />
{#if loaded}
<Scroller
invertScroll
padding={direction === 'horizontal' ? '.25rem 0' : '0 .5rem'}
horizontal={direction === 'horizontal'}
contentDirection={direction}
>
<div class="apps-space-{direction}" />
{#each apps.filter((it) => (shown ? true : !hiddenAppsIds.includes(it._id))) as app}
<AppItem
selected={app._id === active}
icon={app.icon}
label={app.label}
hidden={hiddenAppsIds.includes(app._id)}
editable={shown}
action={async () => {
dispatch('active', app)
}}
notify={false}
on:visible={(res) => {
if (res.detail === undefined) return
if (res.detail) showApplication(app)
else hideApplication(app)
}}
/>
{/each}
<div class="apps-space-{direction}" />
</Scroller>
<div class="thinButton {direction}" class:shown on:click={() => (shown = !shown)}>
<div class="clear-mins pointer-events-none" class:rotate90={direction === 'horizontal'}>
<IconDownOutline size={'medium'} />
</div>
</div>
</div>
{/if}
</div>
<style lang="scss">