CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-08-02 20:01:43 +12:00
Code Issues Projects Releases Wiki Activity

Add menu to response heades

Browse source
This commit is contained in:
Rory Powell 2021-12-14 16:58:17 +00:00
parent d2622a6c4f
commit fc719eda27
2 changed files with 22 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
packages/builder/src/components/integration/KeyValueBuilder.svelte
View file

@ -28,6 +28,7 @@
export let valueHeading export let valueHeading
export let tooltip export let tooltip
export let menuItems export let menuItems
export let showMenu = false
let fields = Object.entries(object).map(([name, value]) => ({ name, value })) let fields = Object.entries(object).map(([name, value]) => ({ name, value }))
let fieldActivity = buildFieldActivity(activity) let fieldActivity = buildFieldActivity(activity)
@ -90,8 +91,9 @@
<div <div
class="container" class="container"
class:container-active={toggle} class:container-active={toggle}
class:container-menu={menuItems} class:container-menu={showMenu}
class:readOnly class:readOnly
class:readOnly-menu={readOnly && showMenu}
> >
{#each fields as field, idx} {#each fields as field, idx}
<Input <Input
@ -116,7 +118,7 @@
{#if !readOnly} {#if !readOnly}
<Icon hoverable name="Close" on:click={() => deleteEntry(idx)} /> <Icon hoverable name="Close" on:click={() => deleteEntry(idx)} />
{/if} {/if}
{#if menuItems?.length > 0 && !readOnly} {#if menuItems?.length > 0 && showMenu}
<ActionMenu> <ActionMenu>
<div slot="control" class="icon"> <div slot="control" class="icon">
<Icon size="S" hoverable name="MoreSmallList" /> <Icon size="S" hoverable name="MoreSmallList" />
@ -156,4 +158,7 @@
.readOnly { .readOnly {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
.readOnly-menu {
grid-template-columns: 1fr 1fr 20px;
}
</style> </style>

16
packages/builder/src/pages/builder/app/[application]/data/datasource/[selectedDatasource]/rest/[query]/index.svelte
View file

@ -220,6 +220,14 @@
}, },
}, },
] ]
const responseHeadersMenuItems = [
{
text: "Create dynamic variable",
onClick: () => {
console.log("create variable")
},
},
]
onMount(async () => { onMount(async () => {
query = getSelectedQuery() query = getSelectedQuery()
@ -398,6 +406,7 @@
headings headings
options={SchemaTypeOptions} options={SchemaTypeOptions}
menuItems={schemaMenuItems} menuItems={schemaMenuItems}
showMenu={!schemaReadOnly}
readOnly={schemaReadOnly} readOnly={schemaReadOnly}
/> />
</Tab> </Tab>
@ -407,7 +416,12 @@
<TextArea disabled value={response.extra?.raw} height="300" /> <TextArea disabled value={response.extra?.raw} height="300" />
</Tab> </Tab>
<Tab title="Headers"> <Tab title="Headers">
<KeyValueBuilder object={response.extra?.headers} readOnly /> <KeyValueBuilder
object={response.extra?.headers}
readOnly
menuItems={responseHeadersMenuItems}
showMenu={true}
/>
</Tab> </Tab>
<Tab title="Preview"> <Tab title="Preview">
<div class="table"> <div class="table">