MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add duplicate button

This commit is contained in:
Andrew Kingston 2021-08-12 12:25:54 +01:00
parent da67adfffd
commit f209781e7c
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/builder/src/components/design/PropertiesPanel/PropertyControls/ValidationEditor/ValidationDrawer.svelte
View File

@ -197,6 +197,12 @@
const removeRule = id => { const removeRule = id => {
rules = rules.filter(link => link.id !== id) rules = rules.filter(link => link.id !== id)
} }
const duplicateRule = id => {
const existingRule = rules.find(rule => rule.id === id)
const newRule = { ...existingRule, id: generate() }
rules = [...rules, newRule]
}
</script> </script>
<DrawerContent> <DrawerContent>
@ -308,6 +314,12 @@
{bindings} {bindings}
on:change={e => (rule.error = e.detail)} on:change={e => (rule.error = e.detail)}
/> />
<Icon
name="Duplicate"
hoverable
size="S"
on:click={() => duplicateRule(rule.id)}
/>
<Icon <Icon
name="Close" name="Close"
hoverable hoverable
@ -344,7 +356,7 @@
gap: var(--spacing-l); gap: var(--spacing-l);
display: grid; display: grid;
align-items: center; align-items: center;
grid-template-columns: 1fr 1fr 1fr 1fr 20px; grid-template-columns: 180px 120px 1fr 1fr auto auto;
border-radius: var(--border-radius-s); border-radius: var(--border-radius-s);
transition: background-color ease-in-out 130ms; transition: background-color ease-in-out 130ms;
} }