Files
dbgate/packages/web/src/widgets/FavoritesWidget.svelte
Jan Prochazka 987fe6095a fix
2021-03-27 10:20:40 +01:00

39 lines
1.3 KiB
Svelte

<script lang="ts">
import _ from 'lodash';
import AppObjectList from '../appobj/AppObjectList.svelte';
import * as closedTabAppObject from '../appobj/ClosedTabAppObject.svelte';
import * as favoriteFileAppObject from '../appobj/FavoriteFileAppObject.svelte';
import { openedTabs } from '../stores';
import hasPermission from '../utility/hasPermission';
import { useFavorites } from '../utility/metadataLoaders';
import WidgetColumnBar from './WidgetColumnBar.svelte';
import WidgetColumnBarItem from './WidgetColumnBarItem.svelte';
import WidgetsInnerContainer from './WidgetsInnerContainer.svelte';
$: favorites = useFavorites();
</script>
<WidgetColumnBar>
{#if hasPermission('files/favorites/read')}
<WidgetColumnBarItem title="Favorites" name="favorites" height="20%">
<WidgetsInnerContainer>
<AppObjectList list={$favorites || []} module={favoriteFileAppObject} />
</WidgetsInnerContainer>
</WidgetColumnBarItem>
{/if}
<WidgetColumnBarItem title="Recently closed tabs" name="closedTabs">
<WidgetsInnerContainer>
<AppObjectList
list={_.sortBy(
$openedTabs.filter(x => x.closedTime),
x => -x.closedTime
)}
module={closedTabAppObject}
/>
</WidgetsInnerContainer>
</WidgetColumnBarItem>
</WidgetColumnBar>