mirror of https://github.com/Budibase/budibase.git
1 changed files with 0 additions and 134 deletions
@ -1,134 +0,0 @@ |
|||||
<script> |
|
||||
import getIcon from "../../../../common/icon" |
|
||||
import Button from "../../../../common/Button.svelte" |
|
||||
import ActionButton from "../../../../common/ActionButton.svelte" |
|
||||
import ButtonGroup from "../../../../common/ButtonGroup.svelte" |
|
||||
import Actions from "../../../../actionsAndTriggers/Actions.svelte" |
|
||||
import Triggers from "../../../../actionsAndTriggers/Triggers.svelte" |
|
||||
import { getNewAction, getNewTrigger } from "../../../../common/core" |
|
||||
|
|
||||
let editingAction = null |
|
||||
let editingActionIsNew = true |
|
||||
let editingTrigger = null |
|
||||
let editingTriggerIsNew = true |
|
||||
|
|
||||
let getDefaultOptionsHtml = defaultOptions => |
|
||||
pipe( |
|
||||
defaultOptions, |
|
||||
[ |
|
||||
keys, |
|
||||
map( |
|
||||
k => |
|
||||
`<span style="color:var(--slate)">${k}: </span>${JSON.parse( |
|
||||
typeOptions[k] |
|
||||
)}` |
|
||||
), |
|
||||
join("<br>"), |
|
||||
] |
|
||||
) |
|
||||
|
|
||||
let onActionEdit = action => { |
|
||||
editingAction = action |
|
||||
editingActionIsNew = false |
|
||||
} |
|
||||
|
|
||||
let newAction = () => { |
|
||||
editingAction = getNewAction() |
|
||||
editingActionIsNew = true |
|
||||
} |
|
||||
|
|
||||
let onActionDelete = action => { |
|
||||
store.deleteAction(action) |
|
||||
} |
|
||||
|
|
||||
let deleteTrigger = () => {} |
|
||||
|
|
||||
let editTrigger = trigger => { |
|
||||
editingTrigger = trigger |
|
||||
editingTriggerIsNew = false |
|
||||
} |
|
||||
|
|
||||
let newTrigger = () => { |
|
||||
editingTrigger = getNewTrigger() |
|
||||
editingTriggerIsNew = true |
|
||||
} |
|
||||
|
|
||||
let onActionSave = action => { |
|
||||
store.saveAction(action, editingActionIsNew, editingAction) |
|
||||
|
|
||||
editingAction = null |
|
||||
} |
|
||||
|
|
||||
let onActionCancel = () => { |
|
||||
editingAction = null |
|
||||
} |
|
||||
|
|
||||
let onTriggerSave = trigger => { |
|
||||
store.saveTrigger(trigger, editingTriggerIsNew, editingTrigger) |
|
||||
|
|
||||
editingTrigger = null |
|
||||
} |
|
||||
|
|
||||
let onTriggerCancel = () => { |
|
||||
editingTrigger = null |
|
||||
} |
|
||||
|
|
||||
let onTriggerEdit = trigger => { |
|
||||
editingTrigger = trigger |
|
||||
editingTriggerIsNew = false |
|
||||
} |
|
||||
|
|
||||
let onTriggerDelete = trigger => { |
|
||||
store.deleteTrigger(trigger) |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<div class="root"> |
|
||||
<div class="actions-header"> |
|
||||
<ButtonGroup> |
|
||||
<ActionButton color="secondary" grouped on:click={newAction}> |
|
||||
Create New Action |
|
||||
</ActionButton> |
|
||||
<ActionButton color="tertiary" grouped on:click={newTrigger}> |
|
||||
Create New Trigger |
|
||||
</ActionButton> |
|
||||
</ButtonGroup> |
|
||||
</div> |
|
||||
|
|
||||
<div class="node-view"> |
|
||||
<Actions |
|
||||
{editingActionIsNew} |
|
||||
{editingAction} |
|
||||
{onActionEdit} |
|
||||
{onActionDelete} |
|
||||
{onActionSave} |
|
||||
{onActionCancel} /> |
|
||||
|
|
||||
<Triggers |
|
||||
{editingTriggerIsNew} |
|
||||
{editingTrigger} |
|
||||
{onTriggerEdit} |
|
||||
{onTriggerDelete} |
|
||||
{onTriggerSave} |
|
||||
{onTriggerCancel} /> |
|
||||
</div> |
|
||||
|
|
||||
</div> |
|
||||
|
|
||||
<style> |
|
||||
.root { |
|
||||
height: 100%; |
|
||||
position: relative; |
|
||||
padding: 1.5rem; |
|
||||
} |
|
||||
|
|
||||
.actions-header { |
|
||||
flex: 0 1 auto; |
|
||||
margin-bottom: 10px; |
|
||||
} |
|
||||
|
|
||||
.node-view { |
|
||||
overflow-y: auto; |
|
||||
flex: 1 1 auto; |
|
||||
} |
|
||||
</style> |
|
||||
Loading…
Reference in new issue