update forms to not submit on button click

6 years ago · e4571bfbc3
12 changed files with 13 additions and 16 deletions
--- a/packages/builder/src/components/accessLevels/AccessLevelView.svelte
+++ b/packages/builder/src/components/accessLevels/AccessLevelView.svelte
@ -79,7 +79,7 @@

  <ErrorsBox {errors} />

-  <form class="uk-form-horizontal">
+  <form on:submit|preventDefault class="uk-form-horizontal">

    <Textbox label="Access Level Name" bind:text={clonedLevel.name} />

--- a/packages/builder/src/components/actionsAndTriggers/ActionView.svelte
+++ b/packages/builder/src/components/actionsAndTriggers/ActionView.svelte
@ -68,7 +68,7 @@

  <ErrorsBox {errors} />

-  <form class="uk-form-horizontal">
+  <form on:submit|preventDefault class="uk-form-horizontal">

    <Textbox label="Name" bind:text={clonedAction.name} />
    <Textbox
--- a/packages/builder/src/components/actionsAndTriggers/TriggerView.svelte
+++ b/packages/builder/src/components/actionsAndTriggers/TriggerView.svelte
@ -22,10 +22,7 @@
  let cancel = () => onFinished()
  let save = () => {
    const newTriggersList = [
-      ...pipe(
-        allTriggers,
-        [filter(t => t !== trigger)]
-      ),
+      ...pipe(allTriggers, [filter(t => t !== trigger)]),
      clonedTrigger,
    ]

@ -43,7 +40,7 @@

  <ErrorsBox {errors} style="margin-bottom:20px" />

-  <form class="uk-form-horizontal">
+  <form on:submit|preventDefault class="uk-form-horizontal">

    <Dropdown
      label="Event"
--- a/packages/builder/src/components/database/FieldView.svelte
+++ b/packages/builder/src/components/database/FieldView.svelte
@ -67,7 +67,7 @@

  <ErrorsBox {errors} />

-  <form class="uk-form-stacked">
+  <form on:submit|preventDefault class="uk-form-stacked">
    <Textbox label="Name" bind:text={clonedField.name} />
    <Dropdown
      label="Type"
--- a/packages/builder/src/components/database/IndexView.svelte
+++ b/packages/builder/src/components/database/IndexView.svelte
@ -54,7 +54,7 @@
  <i class="ri-eye-line button--toggled" />
  <h3 class="budibase__title--3">Create / Edit View</h3>
 </heading>
-<form class="uk-form-stacked root">
+<form on:submit|preventDefault class="uk-form-stacked root">
  <h4 class="budibase__label--big">Settings</h4>
  {#if $store.errors && $store.errors.length > 0}
    <ErrorsBox errors={$store.errors} />
--- a/packages/builder/src/components/database/ModelDataTable/modals/CreateEditRecord.svelte
+++ b/packages/builder/src/components/database/ModelDataTable/modals/CreateEditRecord.svelte
@ -70,7 +70,7 @@
 <div class="actions">
  <h4 class="budibase__title--4">Create / Edit Record</h4>
  <ErrorsBox {errors} />
-  <form class="uk-form-stacked">
+  <form on:submit|preventDefault class="uk-form-stacked">
    {#if !record}
      <div class="uk-margin">
        <label class="uk-form-label" for="form-stacked-text">Model</label>
--- a/packages/builder/src/components/database/ModelDataTable/modals/CreateUser.svelte
+++ b/packages/builder/src/components/database/ModelDataTable/modals/CreateUser.svelte
@ -28,7 +28,7 @@
  }
 </script>

-<form class="uk-form-stacked">
+<form on:submit|preventDefault class="uk-form-stacked">
  <div>
    <label class="uk-form-label" for="form-stacked-text">Username</label>
    <input class="uk-input" type="text" bind:value={username} />
--- a/packages/builder/src/components/database/ModelView.svelte
+++ b/packages/builder/src/components/database/ModelView.svelte
@ -117,7 +117,7 @@
      <ErrorsBox errors={$store.errors} />
    {/if}

-    <form class="uk-form-stacked">
+    <form on:submit|preventDefault class="uk-form-stacked">

      <Textbox label="Name" bind:text={record.name} on:change={nameChanged} />
      {#if isChildModel}
--- a/packages/builder/src/components/userInterface/ComponentSearch.svelte
+++ b/packages/builder/src/components/userInterface/ComponentSearch.svelte
@ -13,7 +13,7 @@

 <div class="root">

-  <form class="uk-search uk-search-large">
+  <form on:submit|preventDefault class="uk-search uk-search-large">
    <span uk-search-icon />
    <input
      class="uk-search-input"
--- a/packages/builder/src/components/userInterface/EventsEditor/EventsEditor.svelte
+++ b/packages/builder/src/components/userInterface/EventsEditor/EventsEditor.svelte
@ -63,7 +63,7 @@
 </header>

 <div class="root">
-  <form class="uk-form-stacked form-root">
+  <form on:submit|preventDefault class="uk-form-stacked form-root">
    {#each events as event, index}
      {#if event.handlers.length > 0}
        <div
--- a/packages/builder/src/components/userInterface/PageView.svelte
+++ b/packages/builder/src/components/userInterface/PageView.svelte
@ -35,7 +35,7 @@

  <h3>{$store.currentPageName}</h3>

-  <form class="uk-form-horizontal">
+  <form on:submit|preventDefault class="uk-form-horizontal">
    <Textbox bind:text={title} label="Title" hasError={!title} />
    <div class="help-text">
      The title of your page, displayed in the bowser tab
--- a/packages/builder/src/components/userInterface/PropsView.svelte
+++ b/packages/builder/src/components/userInterface/PropsView.svelte
@ -24,7 +24,7 @@

 <div class="root">

-  <form class="uk-form-stacked form-root">
+  <form on:submit|preventDefault class="uk-form-stacked form-root">
    {#if componentDef}
      {#each Object.entries(componentDef.props) as [prop_name, prop_def], index}
        <div class="prop-container">