add create store method and tidy up
This commit is contained in:
parent
e8e29ddc8c
commit
a0dacc9717
|
@ -55,11 +55,6 @@
|
||||||
title: "Plugins",
|
title: "Plugins",
|
||||||
href: "/builder/portal/plugins",
|
href: "/builder/portal/plugins",
|
||||||
},
|
},
|
||||||
{
|
|
||||||
title: "Environment",
|
|
||||||
href: "/builder/portal/environment",
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
{
|
||||||
title: "Settings",
|
title: "Settings",
|
||||||
href: "/builder/portal/settings",
|
href: "/builder/portal/settings",
|
||||||
|
|
|
@ -26,6 +26,11 @@
|
||||||
url={$url("./organisation")}
|
url={$url("./organisation")}
|
||||||
active={$isActive("./organisation")}
|
active={$isActive("./organisation")}
|
||||||
/>
|
/>
|
||||||
|
<SideNavItem
|
||||||
|
text="Environment"
|
||||||
|
url={$url("./environment")}
|
||||||
|
active={$isActive("./environment")}
|
||||||
|
/>
|
||||||
{#if !$admin.cloud}
|
{#if !$admin.cloud}
|
||||||
<SideNavItem
|
<SideNavItem
|
||||||
text="Version"
|
text="Version"
|
||||||
|
|
|
@ -4,12 +4,9 @@
|
||||||
Heading,
|
Heading,
|
||||||
Body,
|
Body,
|
||||||
Button,
|
Button,
|
||||||
Select,
|
|
||||||
Divider,
|
Divider,
|
||||||
Modal,
|
Modal,
|
||||||
ModalContent,
|
ModalContent,
|
||||||
Search,
|
|
||||||
Page,
|
|
||||||
Table,
|
Table,
|
||||||
Input,
|
Input,
|
||||||
Checkbox,
|
Checkbox,
|
||||||
|
@ -42,30 +39,28 @@
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<Page narrow>
|
<Layout noPadding>
|
||||||
<Layout noPadding>
|
<Layout gap="XS" noPadding>
|
||||||
<Layout gap="XS" noPadding>
|
<Heading size="M">Envrironment Variables</Heading>
|
||||||
<Heading size="M">Envrironment Variables</Heading>
|
<Body
|
||||||
<Body
|
>Add and manage environment variable for development and production</Body
|
||||||
>Add and manage environment variable for development and production</Body
|
>
|
||||||
>
|
|
||||||
</Layout>
|
|
||||||
<Divider size="S" />
|
|
||||||
<Layout noPadding>
|
|
||||||
<Table
|
|
||||||
{schema}
|
|
||||||
data={$envVars}
|
|
||||||
allowEditColumns={false}
|
|
||||||
allowEditRows={false}
|
|
||||||
allowSelectRows={false}
|
|
||||||
{customRenderers}
|
|
||||||
/>
|
|
||||||
</Layout>
|
|
||||||
<div>
|
|
||||||
<Button on:click={modal.show} cta>Add Variable</Button>
|
|
||||||
</div>
|
|
||||||
</Layout>
|
</Layout>
|
||||||
</Page>
|
<Divider size="S" />
|
||||||
|
<Layout noPadding>
|
||||||
|
<Table
|
||||||
|
{schema}
|
||||||
|
data={$envVars}
|
||||||
|
allowEditColumns={false}
|
||||||
|
allowEditRows={false}
|
||||||
|
allowSelectRows={false}
|
||||||
|
{customRenderers}
|
||||||
|
/>
|
||||||
|
</Layout>
|
||||||
|
<div>
|
||||||
|
<Button on:click={modal.show} cta>Add Variable</Button>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
|
||||||
<Modal bind:this={modal}>
|
<Modal bind:this={modal}>
|
||||||
<ModalContent title="Add new environment variable">
|
<ModalContent title="Add new environment variable">
|
|
@ -6,16 +6,21 @@ export function createEnvVarsStore() {
|
||||||
|
|
||||||
async function load() {
|
async function load() {
|
||||||
// const envVars = await API.fetchEnvVars()
|
// const envVars = await API.fetchEnvVars()
|
||||||
|
let testVars = ["blah", "blah123"]
|
||||||
let testVars = ['blah', 'blah123']
|
const vars = testVars.map(name => ({ name }))
|
||||||
const vars = testVars.map((name) => ({ name }))
|
|
||||||
console.log(vars)
|
console.log(vars)
|
||||||
set(vars)
|
set(vars)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
async function create() {
|
||||||
|
const envVar = await API.createEnvVar()
|
||||||
|
update(envVars => [envVar, ...envVars])
|
||||||
|
}
|
||||||
|
|
||||||
return {
|
return {
|
||||||
subscribe,
|
subscribe,
|
||||||
load,
|
load,
|
||||||
|
create,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -2,7 +2,14 @@ export const buildEnvironmentVariableEndpoints = API => ({
|
||||||
/**
|
/**
|
||||||
* Fetches a list of environment variables
|
* Fetches a list of environment variables
|
||||||
*/
|
*/
|
||||||
fetchEnvVars: async () => {
|
fetchVariables: async () => {
|
||||||
|
return await API.get({
|
||||||
|
url: `/api/env/variables`,
|
||||||
|
json: false,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
createVariable: async () => {
|
||||||
return await API.get({
|
return await API.get({
|
||||||
url: `/api/env/variables`,
|
url: `/api/env/variables`,
|
||||||
json: false,
|
json: false,
|
||||||
|
|
Loading…
Reference in New Issue