ctx menu refactor

This commit is contained in:
Jan Prochazka
2021-04-07 18:27:51 +02:00
parent 82b63c70ed
commit 0dac1ada5f
5 changed files with 24 additions and 21 deletions

View File

@@ -20,10 +20,10 @@
import EditJsonModal from '../modals/EditJsonModal.svelte';
import ErrorMessageModal from '../modals/ErrorMessageModal.svelte';
import { showModal } from '../modals/modalTools';
import { getContextMenu, registerMenu } from '../utility/contextMenu';
export let rowIndex;
export let grider;
export let commonMenu;
$: rowData = grider.getRowData(rowIndex);
$: rowStatus = grider.getRowStatus(rowIndex);
@@ -32,20 +32,16 @@
editJsonRowDocument(grider, rowIndex);
}
function createMenu() {
return [
...commonMenu,
{ text: 'Edit document', onClick: handleEditDocument },
{ text: 'Delete document', onClick: () => grider.deleteRow(rowIndex) },
{ text: 'Revert row changes', onClick: () => grider.revertRowChanges(rowIndex) },
];
}
registerMenu([
{ text: 'Edit document', onClick: handleEditDocument },
{ text: 'Delete document', onClick: () => grider.deleteRow(rowIndex) },
{ text: 'Revert row changes', onClick: () => grider.revertRowChanges(rowIndex) },
]);
</script>
<JSONTree
value={rowData}
labelOverride="({rowIndex + 1}) "
menu={createMenu}
isModified={rowStatus.status == 'updated'}
isInserted={rowStatus.status == 'inserted'}
isDeleted={rowStatus.status == 'deleted'}