CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-06-25 17:40:38 +12:00
Code Issues Projects Releases Wiki Activity

Add onclick handler to icons

Browse source
This commit is contained in:
Andrew Kingston 2021-03-25 16:18:19 +00:00
parent a242d19f28
commit 9fddf13be5
3 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/client/src/utils/componentProps.js
View file

@ -43,8 +43,8 @@ export const enrichProps = async (props, context) => {
// Enrich all data bindings in top level props // Enrich all data bindings in top level props
let enrichedProps = await enrichDataBindings(validProps, totalContext) let enrichedProps = await enrichDataBindings(validProps, totalContext)
// Enrich button actions if they exist // Enrich click actions if they exist
if (props._component?.endsWith("/button") && enrichedProps.onClick) { if (enrichedProps.onClick) {
enrichedProps.onClick = enrichButtonActions( enrichedProps.onClick = enrichButtonActions(
enrichedProps.onClick, enrichedProps.onClick,
totalContext totalContext

5
packages/standard-components/manifest.json
View file

@ -330,6 +330,11 @@
"label": "Color", "label": "Color",
"key": "color", "key": "color",
"defaultValue": "#000" "defaultValue": "#000"
},
{
"type": "event",
"label": "On Click",
"key": "onClick"
} }
] ]
}, },

3
packages/standard-components/src/Icon.svelte
View file

@ -7,6 +7,7 @@
export let icon = "" export let icon = ""
export let size = "fa-lg" export let size = "fa-lg"
export let color = "#f00" export let color = "#f00"
export let onClick
$: styles = { $: styles = {
...$component.styles, ...$component.styles,
@ -17,4 +18,4 @@
} }
</script> </script>
<i use:styleable={styles} class="{icon} {size}" /> <i use:styleable={styles} class="{icon} {size}" on:click={onClick} />