CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-09-28 15:21:28 +12:00
Code Issues Projects Releases Wiki Activity

move premium badge to top of AI config, add AzureOpenAI logo

Browse source
This commit is contained in:
Martin McKeaveney 2024-09-26 15:06:14 +01:00
parent 075be10f44
commit fd3cedbccf
3 changed files with 22 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
packages/builder/src/pages/builder/portal/settings/ai/index.svelte
View file

@ -127,18 +127,8 @@
</Modal> </Modal>
<Layout noPadding> <Layout noPadding>
<Layout gap="XS" noPadding> <Layout gap="XS" noPadding>
<Heading size="M">AI</Heading> <div class="header">
{#if isCloud && !budibaseAIEnabled} <Heading size="M">AI</Heading>
<Tags>
<Tag icon="LockClosed">Premium</Tag>
</Tags>
{/if}
<Body>Configure your AI settings within this section:</Body>
</Layout>
<Divider />
<Layout noPadding>
<div class="config-heading">
<Heading size="S">AI Configurations</Heading>
{#if !isCloud && !customAIConfigsEnabled} {#if !isCloud && !customAIConfigsEnabled}
<Tags> <Tags>
<Tag icon="LockClosed">Premium</Tag> <Tag icon="LockClosed">Premium</Tag>
@ -151,6 +141,13 @@
<Button size="S" cta on:click={newConfig}>Add configuration</Button> <Button size="S" cta on:click={newConfig}>Add configuration</Button>
{/if} {/if}
</div> </div>
<Body>Configure your AI settings within this section:</Body>
</Layout>
<Divider />
<Layout noPadding>
<div class="config-heading">
<Heading size="S">AI Configurations</Heading>
</div>
<Body size="S" <Body size="S"
>Use the following interface to select your preferred AI configuration.</Body >Use the following interface to select your preferred AI configuration.</Body
> >
@ -173,4 +170,10 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.header {
display: flex;
align-items: center;
gap: 12px;
}
</style> </style>

1
packages/builder/src/pages/builder/portal/settings/ai/logos/AzureOpenAI.svelte Normal file
View file

@ -0,0 +1 @@
<script> export let width export let height </script> <svg xmlns="http://www.w3.org/2000/svg" {width} {height} viewBox="0 0 96 96"> <defs> <linearGradient id="e399c19f-b68f-429d-b176-18c2117ff73c" x1="-1032.172" x2="-1059.213" y1="145.312" y2="65.426" gradientTransform="matrix(1 0 0 -1 1075 158)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#114a8b"/> <stop offset="1" stop-color="#0669bc"/> </linearGradient> <linearGradient id="ac2a6fc2-ca48-4327-9a3c-d4dcc3256e15" x1="-1023.725" x2="-1029.98" y1="108.083" y2="105.968" gradientTransform="matrix(1 0 0 -1 1075 158)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-opacity=".3"/> <stop offset=".071" stop-opacity=".2"/> <stop offset=".321" stop-opacity=".1"/> <stop offset=".623" stop-opacity=".05"/> <stop offset="1" stop-opacity="0"/> </linearGradient> <linearGradient id="a7fee970-a784-4bb1-af8d-63d18e5f7db9" x1="-1027.165" x2="-997.482" y1="147.642" y2="68.561" gradientTransform="matrix(1 0 0 -1 1075 158)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#3ccbf4"/> <stop offset="1" stop-color="#2892df"/> </linearGradient> </defs> <path fill="url(#e399c19f-b68f-429d-b176-18c2117ff73c)" d="M33.338 6.544h26.038l-27.03 80.087a4.152 4.152 0 0 1-3.933 2.824H8.149a4.145 4.145 0 0 1-3.928-5.47L29.404 9.368a4.152 4.152 0 0 1 3.934-2.825z"/> <path fill="#0078d4" d="M71.175 60.261h-41.29a1.911 1.911 0 0 0-1.305 3.309l26.532 24.764a4.171 4.171 0 0 0 2.846 1.121h23.38z"/> <path fill="url(#ac2a6fc2-ca48-4327-9a3c-d4dcc3256e15)" d="M33.338 6.544a4.118 4.118 0 0 0-3.943 2.879L4.252 83.917a4.14 4.14 0 0 0 3.908 5.538h20.787a4.443 4.443 0 0 0 3.41-2.9l5.014-14.777 17.91 16.705a4.237 4.237 0 0 0 2.666.972H81.24L71.024 60.261l-29.781.007L59.47 6.544z"/> <path fill="url(#a7fee970-a784-4bb1-af8d-63d18e5f7db9)" d="M66.595 9.364a4.145 4.145 0 0 0-3.928-2.82H33.648a4.146 4.146 0 0 1 3.928 2.82l25.184 74.62a4.146 4.146 0 0 1-3.928 5.472h29.02a4.146 4.146 0 0 0 3.927-5.472z"/> </svg>

7
packages/builder/src/pages/builder/portal/settings/index.svelte
View file

@ -1,5 +1,10 @@
<script> <script>
import { redirect } from "@roxi/routify" import { redirect } from "@roxi/routify"
import { licensing } from "stores/portal"
$redirect("./auth") if ($licensing.customAIConfigsEnabled) {
$redirect("./ai")
} else {
$redirect("./auth")
}
</script> </script>