load cloud folders

This commit is contained in:
SPRINX0\prochazka
2025-05-21 14:48:28 +02:00
parent 7d4e53e413
commit b553a81d47
8 changed files with 170 additions and 18 deletions

View File

@@ -6,7 +6,7 @@
import AppObjectList from '../appobj/AppObjectList.svelte';
import * as cloudFileAppObject from '../appobj/CloudFileAppObject.svelte';
import { usePublicCloudFiles } from '../utility/metadataLoaders';
import { useCloudContentList, usePublicCloudFiles } from '../utility/metadataLoaders';
import { _t } from '../translations';
import WidgetsInnerContainer from './WidgetsInnerContainer.svelte';
@@ -17,27 +17,69 @@
import FontIcon from '../icons/FontIcon.svelte';
import { apiCall } from '../utility/api';
import { cloudSigninToken } from '../stores';
import _ from 'lodash';
let filter = '';
let publicFilter = '';
let cloudFilter = '';
$: publicFiles = usePublicCloudFiles();
$: cloudContentList = useCloudContentList();
$: emptyCloudContent = ($cloudContentList || []).filter(x => !x.items?.length).map(x => x.folid);
$: cloudContentFlat = ($cloudContentList || []).flatMap(fld => fld.items ?? []).map(x => x.folid);
$: contentGroupTitleMap = _.fromPairs(($cloudContentList || []).map(x => [x.folid, x.name]));
async function handleRefreshPublic() {
await apiCall('cloud/refresh-public-files');
}
async function handleRefreshContent() {
await apiCall('cloud/refresh-content');
}
</script>
<WidgetColumnBar>
<WidgetColumnBarItem title="DbGate Cloud" name="privateCloud" height="50%" storageName="privateCloudItems" skip={!$cloudSigninToken}>
XXX
</WidgetColumnBarItem>
<WidgetColumnBarItem title="Public Knowledge Base" name="publicCloud" storageName="publicCloudItems">
<WidgetColumnBarItem
title="DbGate Cloud"
name="privateCloud"
height="50%"
storageName="privateCloudItems"
skip={!$cloudSigninToken}
>
<WidgetsInnerContainer>
<SearchBoxWrapper>
<SearchInput placeholder="Search public files" bind:value={filter} />
<CloseSearchButton bind:filter />
<InlineButton on:click={handleRefreshPublic} title="Refresh files" data-testid="SavedFileList_buttonRefresh">
<SearchInput placeholder="Search cloud items" bind:value={cloudFilter} />
<CloseSearchButton bind:filter={cloudFilter} />
<InlineButton
on:click={handleRefreshContent}
title="Refresh files"
data-testid="CloudItemsWidget_buttonRefreshContent"
>
<FontIcon icon="icon refresh" />
</InlineButton>
</SearchBoxWrapper>
<AppObjectList
list={cloudContentFlat || []}
module={cloudFileAppObject}
emptyGroupNames={emptyCloudContent}
groupFunc={data => data.folid}
mapGroupTitle={folid => contentGroupTitleMap[folid]}
filter={publicFilter}
/>
</WidgetsInnerContainer>
</WidgetColumnBarItem>
<WidgetColumnBarItem title="Public Knowledge Base" name="publicCloud" storageName="publicCloudItems">
<WidgetsInnerContainer>
<SearchBoxWrapper>
<SearchInput placeholder="Search public files" bind:value={publicFilter} />
<CloseSearchButton bind:filter={publicFilter} />
<InlineButton
on:click={handleRefreshPublic}
title="Refresh files"
data-testid="CloudItemsWidget_buttonRefreshPublic"
>
<FontIcon icon="icon refresh" />
</InlineButton>
</SearchBoxWrapper>
@@ -46,7 +88,7 @@
list={$publicFiles || []}
module={cloudFileAppObject}
groupFunc={data => data.folder || undefined}
{filter}
filter={publicFilter}
/>
</WidgetsInnerContainer>
</WidgetColumnBarItem>