diff --git a/src/lib/elements/forms/formItem.svelte b/src/lib/elements/forms/formItem.svelte index 3e08ea271..197e9edbc 100644 --- a/src/lib/elements/forms/formItem.svelte +++ b/src/lib/elements/forms/formItem.svelte @@ -1,7 +1,8 @@ -
  • +
    • diff --git a/src/lib/elements/forms/formItemPart.svelte b/src/lib/elements/forms/formItemPart.svelte new file mode 100644 index 000000000..f43b94d4a --- /dev/null +++ b/src/lib/elements/forms/formItemPart.svelte @@ -0,0 +1,8 @@ + + +
    + +
    diff --git a/src/lib/elements/forms/index.ts b/src/lib/elements/forms/index.ts index a471fde9f..5e2bbd518 100644 --- a/src/lib/elements/forms/index.ts +++ b/src/lib/elements/forms/index.ts @@ -1,5 +1,6 @@ export { default as Form } from './form.svelte'; export { default as FormItem } from './formItem.svelte'; +export { default as FormItemPart } from './formItemPart.svelte'; export { default as FormList } from './formList.svelte'; export { default as Button } from './button.svelte'; export { default as InputDomain } from './inputDomain.svelte'; diff --git a/src/lib/elements/forms/inputText.svelte b/src/lib/elements/forms/inputText.svelte index 0ed21d2e0..37a86256f 100644 --- a/src/lib/elements/forms/inputText.svelte +++ b/src/lib/elements/forms/inputText.svelte @@ -1,6 +1,6 @@ - + {#if label} + diff --git a/src/routes/console/project-[project]/auth/teams/team-[team]/updatePrefs.svelte b/src/routes/console/project-[project]/auth/teams/team-[team]/updatePrefs.svelte index a29aabcdb..1d9291ed2 100644 --- a/src/routes/console/project-[project]/auth/teams/team-[team]/updatePrefs.svelte +++ b/src/routes/console/project-[project]/auth/teams/team-[team]/updatePrefs.svelte @@ -3,7 +3,7 @@ import { Submit, trackEvent, trackError } from '$lib/actions/analytics'; import { CardGrid, Heading } from '$lib/components'; import { Dependencies } from '$lib/constants'; - import { Button, Form } from '$lib/elements/forms'; + import { Button, Form, FormItem, FormItemPart, InputText } from '$lib/elements/forms'; import { addNotification } from '$lib/stores/notifications'; import { sdk } from '$lib/stores/sdk'; import { onMount } from 'svelte'; @@ -21,11 +21,11 @@ } } - let prefs: [string, unknown][] = null; + let prefs: [string, string][] = null; let arePrefsDisabled = true; onMount(async () => { - prefs = Object.entries($team.prefs); + prefs = Object.entries($team.prefs as Record); if (!prefs?.length) { prefs.push(['', '']); } @@ -66,30 +66,25 @@ diff --git a/src/routes/console/project-[project]/auth/user-[user]/updatePrefs.svelte b/src/routes/console/project-[project]/auth/user-[user]/updatePrefs.svelte index 2df1583c4..5ddd89531 100644 --- a/src/routes/console/project-[project]/auth/user-[user]/updatePrefs.svelte +++ b/src/routes/console/project-[project]/auth/user-[user]/updatePrefs.svelte @@ -3,7 +3,7 @@ import { Submit, trackEvent, trackError } from '$lib/actions/analytics'; import { CardGrid, Heading } from '$lib/components'; import { Dependencies } from '$lib/constants'; - import { Button, Form } from '$lib/elements/forms'; + import { Button, Form, FormItem, FormItemPart, InputText } from '$lib/elements/forms'; import { addNotification } from '$lib/stores/notifications'; import { sdk } from '$lib/stores/sdk'; import { onMount } from 'svelte'; @@ -21,7 +21,7 @@ } } - let prefs: [string, unknown][] = null; + let prefs: [string, string][] = null; let arePrefsDisabled = true; onMount(async () => { @@ -63,30 +63,25 @@ diff --git a/src/routes/console/project-[project]/functions/function-[function]/+page.svelte b/src/routes/console/project-[project]/functions/function-[function]/+page.svelte index 00cafb86a..a06b285f3 100644 --- a/src/routes/console/project-[project]/functions/function-[function]/+page.svelte +++ b/src/routes/console/project-[project]/functions/function-[function]/+page.svelte @@ -38,7 +38,6 @@ import Activate from './activate.svelte'; import { calculateTime } from '$lib/helpers/timeConversion'; import { Pill } from '$lib/elements'; - import { tooltip } from '$lib/actions/tooltip'; import RedeployModal from './redeployModal.svelte'; import DeploymentSource from './deploymentSource.svelte'; import DeploymentCreatedBy from './deploymentCreatedBy.svelte'; diff --git a/src/routes/console/project-[project]/functions/function-[function]/execute.svelte b/src/routes/console/project-[project]/functions/function-[function]/execute.svelte index bea78a43f..aedd63380 100644 --- a/src/routes/console/project-[project]/functions/function-[function]/execute.svelte +++ b/src/routes/console/project-[project]/functions/function-[function]/execute.svelte @@ -6,7 +6,7 @@ import { Modal } from '$lib/components'; import Collapsible from '$lib/components/collapsible.svelte'; import CollapsibleItem from '$lib/components/collapsibleItem.svelte'; - import { Button } from '$lib/elements/forms'; + import { Button, FormItem, FormItemPart } from '$lib/elements/forms'; import { FormList } from '$lib/elements/forms'; import InputSelect from '$lib/elements/forms/inputSelect.svelte'; import InputText from '$lib/elements/forms/inputText.svelte'; @@ -22,6 +22,7 @@ let method = 'GET'; let body = ''; let headers: [string, string][] = [['', '']]; + let error: string = null; const methodOptions = [ { label: 'GET', value: 'GET' }, @@ -65,12 +66,9 @@ message: `Function has been executed` }); trackEvent(Submit.ExecutionCreate); - } catch (error) { - addNotification({ - type: 'error', - message: error.message - }); - trackError(error, Submit.ExecutionCreate); + } catch (e) { + error = e.message; + trackError(e, Submit.ExecutionCreate); } finally { submitting = false; } @@ -84,7 +82,13 @@ afterNavigate(close); - + Execute function

    Manually execute your function. - - +

    + +
      {#if headers} {#each headers as [name, value], index} -
    • -
      - -
      - -
      -
      -
      - -
      - -
      -
      -
      + + + + -
      -
      • + + {/each} {/if}