Re-add blur event listeners

enterprise/web-frontend/modules/baserow_enterprise/components/admin/forms/GitLabSettingsForm.vue

@@ -13,6 +13,7 @@
         size="large"
         :error="fieldHasErrors('name')"
         :placeholder="$t('oauthSettingsForm.providerNamePlaceholder')"
+        @blur="v$.values.name.$touch"
       ></FormInput>
 
       <template #error>
@@ -33,6 +34,7 @@
         size="large"
         :error="fieldHasErrors('base_url')"
         :placeholder="$t('oauthSettingsForm.baseUrlPlaceholder')"
+        @blur="v$.values.base_url.$touch"
       ></FormInput>
 
       <template #error>
@@ -53,6 +55,7 @@
         size="large"
         :error="fieldHasErrors('client_id')"
         :placeholder="$t('oauthSettingsForm.clientIdPlaceholder')"
+        @blur="v$.values.client_id.$touch"
       ></FormInput>
 
       <template #error>
@@ -73,6 +76,7 @@
         size="large"
         :placeholder="$t('oauthSettingsForm.secretPlaceholder')"
         :error="fieldHasErrors('secret')"
+        @blur="v$.values.secret.$touch"
       ></FormInput>
 
       <template #error>

enterprise/web-frontend/modules/baserow_enterprise/components/admin/forms/OAuth2SettingsForm.vue

@@ -13,6 +13,7 @@
         size="large"
         :error="fieldHasErrors('name')"
         :placeholder="$t('oauthSettingsForm.providerNamePlaceholder')"
+        @blur="v$.values.name.$touch"
       ></FormInput>
 
       <template #error>
@@ -33,6 +34,7 @@
         size="large"
         :error="fieldHasErrors('client_id')"
         :placeholder="$t('oauthSettingsForm.clientIdPlaceholder')"
+        @blur="v$.values.client_id.$touch"
       ></FormInput>
 
       <template #error>
@@ -53,6 +55,7 @@
         size="large"
         :error="fieldHasErrors('secret')"
         :placeholder="$t('oauthSettingsForm.secretPlaceholder')"
+        @blur="v$.values.secret.$touch"
       ></FormInput>
 
       <template #error>

enterprise/web-frontend/modules/baserow_enterprise/components/admin/forms/OpenIdConnectSettingsForm.vue

@@ -13,6 +13,7 @@
         size="large"
         :error="fieldHasErrors('name')"
         :placeholder="$t('oauthSettingsForm.providerNamePlaceholder')"
+        @blur="v$.values.name.$touch"
       ></FormInput>
 
       <template #error>
@@ -69,6 +70,7 @@
         size="large"
         :error="fieldHasErrors('client_id')"
         :placeholder="$t('oauthSettingsForm.clientIdPlaceholder')"
+        @blur="v$.values.client_id.$touch"
       ></FormInput>
 
       <template #error>
@@ -89,6 +91,7 @@
         size="large"
         :error="fieldHasErrors('secret')"
         :placeholder="$t('oauthSettingsForm.secretPlaceholder')"
+        @blur="v$.values.secret.$touch"
       ></FormInput>
 
       <template #error>

enterprise/web-frontend/modules/baserow_enterprise/components/admin/forms/SamlSettingsForm.vue

@@ -24,6 +24,7 @@
         :error="fieldHasErrors('domain') || serverErrors.domain"
         :placeholder="$t('samlSettingsForm.domainPlaceholder')"
         @input="onDomainInput()"
+        @blur="v$.values.domain.$touch"
       ></FormInput>
       <template #error>
         {{ v$.values.domain.$errors[0]?.$message }}
@@ -44,6 +45,7 @@
         :error="fieldHasErrors('metadata') || serverErrors.metadata"
         :placeholder="$t('samlSettingsForm.metadataPlaceholder')"
         @input="onMetadataInput()"
+        @blur="v$.values.metadata.$touch"
       ></FormTextarea>
 
       <template #error>
@@ -110,6 +112,7 @@
             v-model="v$.values.email_attr_key.$model"
             :error="fieldHasErrors('email_attr_key')"
             :placeholder="defaultAttrs.email_attr_key"
+            @blur="v$.values.email_attr_key.$touch"
           ></FormInput>
           <template #helper>
             {{ $t('samlSettingsForm.emailAttrKeyHelper') }}
@@ -131,6 +134,7 @@
             v-model="v$.values.first_name_attr_key.$model"
             :error="fieldHasErrors('first_name_attr_key')"
             :placeholder="defaultAttrs.first_name_attr_key"
+            @blur="v$.values.first_name_attr_key.$touch"
           ></FormInput>
           <template #helper>
             {{ $t('samlSettingsForm.firstNameAttrKeyHelper') }}

enterprise/web-frontend/modules/baserow_enterprise/components/dataSync/GitHubIssuesDataSyncForm.vue

@@ -13,6 +13,7 @@
         :error="fieldHasErrors('github_issues_owner')"
         :disabled="disabled"
         size="large"
+        @blur="v$.values.github_issues_owner.$touch"
       />
       <template #error>
         <span>
@@ -34,6 +35,7 @@
         :error="fieldHasErrors('github_issues_repo')"
         :disabled="disabled"
         size="large"
+        @blur="v$.values.github_issues_repo.$touch"
       />
       <template #error>
         {{ v$.values.github_issues_repo.$errors[0]?.$message }}

enterprise/web-frontend/modules/baserow_enterprise/components/dataSync/GitLabIssuesDataSyncForm.vue

@@ -15,6 +15,7 @@
         :error="fieldHasErrors('gitlab_url')"
         :disabled="disabled"
         @focus.once="$event.target.select()"
+        @blur="v$.values.gitlab_url.$touch"
       />
       <template #error>
         {{ v$.values.gitlab_url.$errors[0]?.$message }}
@@ -34,6 +35,7 @@
         :error="fieldHasErrors('gitlab_project_id')"
         :disabled="disabled"
         size="large"
+        @blur="v$.values.gitlab_project_id.$touch"
       />
       <template #error>
         {{ v$.values.gitlab_project_id.$errors[0]?.$message }}
@@ -56,6 +58,7 @@
         :error="fieldHasErrors('gitlab_access_token')"
         :disabled="disabled"
         size="large"
+        @blur="v$.values.gitlab_access_token.$touch"
       />
       <template #error>
         {{ v$.values.gitlab_access_token.$errors[0]?.$message }}

enterprise/web-frontend/modules/baserow_enterprise/components/dataSync/HubspotContactsDataSyncForm.vue

@@ -16,6 +16,7 @@
         :error="fieldHasErrors('hubspot_access_token')"
         :disabled="disabled"
         size="large"
+        @blur="v$.values.hubspot_access_token.$touch"
       />
       <template #error>
         {{ v$.values.hubspot_access_token.$errors[0]?.$message }}

enterprise/web-frontend/modules/baserow_enterprise/components/dataSync/JiraIssuesDataSyncForm.vue

@@ -15,6 +15,7 @@
         :error="fieldHasErrors('jira_url')"
         :disabled="disabled"
         @focus.once="$event.target.select()"
+        @blur="v$.values.jira_url.$touch"
       />
       <template #error>
         {{ v$.values.jira_url.$errors[0]?.$message }}
@@ -36,6 +37,7 @@
         :error="fieldHasErrors('jira_username')"
         :disabled="disabled"
         @focus.once="$event.target.select()"
+        @blur="v$.values.jira_username.$touch"
       />
       <template #error>
         {{ v$.values.jira_username.$errors[0]?.$message }}
@@ -60,6 +62,7 @@
         :error="fieldHasErrors('jira_api_token')"
         :disabled="disabled"
         @focus.once="$event.target.select()"
+        @blur="v$.values.jira_api_token.$touch"
       />
       <template #error>
         {{ v$.values.jira_api_token.$errors[0]?.$message }}

web-frontend/modules/core/components/admin/users/forms/UserForm.vue

@@ -12,6 +12,7 @@
         v-model="v$.values.name.$model"
         size="large"
         :error="fieldHasErrors('name')"
+        @blur="v$.values.name.$touch"
       >
       </FormInput>
 
@@ -40,6 +41,7 @@
         v-model="v$.values.username.$model"
         size="large"
         :error="fieldHasErrors('username')"
+        @blur="v$.values.username.$touch"
       >
       </FormInput>
 

web-frontend/modules/core/components/health/EmailTester.vue

@@ -36,6 +36,7 @@
           v-model="v$.values.targetEmail.$model"
           :error="fieldHasErrors('targetEmail')"
           :disabled="loading"
+          @blur="v$.values.targetEmail.$touch"
         ></FormInput>
 
         <template #error>

web-frontend/modules/core/components/onboarding/WorkspaceStep.vue

@@ -10,6 +10,7 @@
         size="large"
         :error="v$.name.$error"
         @input="updateValue"
+        @blur="v$.name.$touch"
       />
       <template #error> {{ v$.name.$errors[0]?.$message }} </template>
     </FormGroup>

web-frontend/modules/core/components/settings/AccountForm.vue

@@ -12,6 +12,7 @@
         v-model="v$.values.first_name.$model"
         size="large"
         :error="fieldHasErrors('first_name')"
+        @blur="v$.values.first_name.$touch"
       ></FormInput>
 
       <template #error>

web-frontend/modules/core/components/snapshots/CreateSnapshotForm.vue

@@ -13,6 +13,7 @@
           size="large"
           :error="fieldHasErrors('name')"
           class="snapshots-modal__name-input"
+          @blur="v$.values.name.$touch"
         />
       </slot>
 

web-frontend/modules/core/components/workspace/WorkspaceForm.vue

@@ -12,6 +12,7 @@
         :error="fieldHasErrors('name')"
         size="large"
         @focus.once="$event.target.select()"
+        @blur="v$.values.name.$touch"
       ></FormInput>
 
       <template #error>{{ $t('error.requiredField') }}</template>

web-frontend/modules/database/components/dataSync/PostgreSQLDataSync.vue

@@ -47,6 +47,7 @@
         :type="field.type"
         :error="fieldHasErrors(field.name)"
         :disabled="disabled"
+        @blur="v$.values[field.name].$touch()"
       >
       </FormInput>
       <template #error>
@@ -67,6 +68,7 @@
             size="large"
             :error="fieldHasErrors('postgresql_port')"
             :disabled="disabled"
+            @blur="v$.values.postgresql_port.$touch"
           >
           </FormInput>
           <template #error>

web-frontend/modules/database/components/form/BlankDatabaseForm.vue

@@ -14,6 +14,7 @@
         size="large"
         :placeholder="$t('applicationForm.namePlaceholder')"
         @focus.once="$event.target.select()"
+        @blur="v$.values.name.$touch"
       ></FormInput>
 
       <template #error>