add create store method and tidy up

This commit is contained in:
Peter Clement 2023-01-12 16:09:05 +00:00
parent e8e29ddc8c
commit a0dacc9717
7 changed files with 43 additions and 36 deletions

View File

@ -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",

View File

@ -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"

View File

@ -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">

View File

@ -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,
} }
} }

View File

@ -11,4 +11,4 @@ export { groups } from "./groups"
export { plugins } from "./plugins" export { plugins } from "./plugins"
export { backups } from "./backups" export { backups } from "./backups"
export { overview } from "./overview" export { overview } from "./overview"
export { envVars } from "./envVars" export { envVars } from "./envVars"

View File

@ -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,