toolbar ordered

This commit is contained in:
Jan Prochazka
2021-02-26 19:32:52 +01:00
parent d9387bef1f
commit 3efaac7d1f
3 changed files with 12 additions and 3 deletions

View File

@@ -1,14 +1,19 @@
<script>
import { filter } from 'lodash';
import _ from 'lodash';
import App from '../App.svelte';
import { commands } from '../stores';
import ToolbarButton from './ToolbarButton.svelte';
$: list = _.sortBy(
Object.values($commands).filter(x => (x.enabled || x.showDisabled) && x.toolbar && x.onClick),
x => (x.toolbarOrder == null ? 100 : x.toolbarOrder)
);
</script>
<div class="container">
{#each Object.values($commands).filter(x => (x.enabled || x.showDisabled) && x.toolbar && x.onClick) as command}
{#each list as command}
<ToolbarButton icon={command.icon} on:click={command.onClick} disabled={!command.enabled}
>{command.name}</ToolbarButton
>{command.toolbarName || command.name}</ToolbarButton
>
{/each}
</div>