diff --git a/frontend/src/views/filters/FilterEdit.vue b/frontend/src/views/filters/FilterEdit.vue index afcf2ddae..60eb83039 100644 --- a/frontend/src/views/filters/FilterEdit.vue +++ b/frontend/src/views/filters/FilterEdit.vue @@ -14,8 +14,8 @@ v-model="filter.title" v-focus :label="$t('filters.attributes.title')" - :class="{ 'disabled': filterService.loading, 'is-danger': !titleValid }" - :disabled="filterService.loading || undefined" + :class="{ 'is-danger': !titleValid }" + :disabled="filterService.loading" :placeholder="$t('filters.attributes.titlePlaceholder')" type="text" :error="titleValid ? null : $t('filters.create.titleRequired')" diff --git a/frontend/src/views/filters/FilterNew.vue b/frontend/src/views/filters/FilterNew.vue index c1367ec50..d67c2438d 100644 --- a/frontend/src/views/filters/FilterNew.vue +++ b/frontend/src/views/filters/FilterNew.vue @@ -15,8 +15,8 @@ v-model="filter.title" v-focus :label="$t('filters.attributes.title')" - :class="{ 'disabled': filterService.loading, 'is-danger': !titleValid }" - :disabled="filterService.loading || undefined" + :class="{ 'is-danger': !titleValid }" + :disabled="filterService.loading" :placeholder="$t('filters.attributes.titlePlaceholder')" type="text" :error="titleValid ? null : $t('filters.create.titleRequired')" diff --git a/frontend/src/views/labels/NewLabel.vue b/frontend/src/views/labels/NewLabel.vue index 4e799cd74..6deaf70ec 100644 --- a/frontend/src/views/labels/NewLabel.vue +++ b/frontend/src/views/labels/NewLabel.vue @@ -10,7 +10,7 @@ v-model="label.title" v-focus :label="$t('label.attributes.title')" - :class="{ disabled: loading }" + :disabled="loading" :placeholder="$t('label.attributes.titlePlaceholder')" type="text" :error="showError && label.title === '' ? $t('label.create.titleRequired') : null" diff --git a/frontend/src/views/project/NewProject.vue b/frontend/src/views/project/NewProject.vue index 8b2c3bc50..a4dd2a13e 100644 --- a/frontend/src/views/project/NewProject.vue +++ b/frontend/src/views/project/NewProject.vue @@ -9,7 +9,7 @@ v-model="project.title" v-focus :label="$t('project.title')" - :class="{ disabled: projectService.loading }" + :disabled="projectService.loading" :placeholder="$t('project.create.titlePlaceholder')" type="text" name="projectTitle" diff --git a/frontend/src/views/project/settings/ProjectSettingsEdit.vue b/frontend/src/views/project/settings/ProjectSettingsEdit.vue index 25f1246d0..41e65a830 100644 --- a/frontend/src/views/project/settings/ProjectSettingsEdit.vue +++ b/frontend/src/views/project/settings/ProjectSettingsEdit.vue @@ -13,8 +13,7 @@ v-model="project.title" v-focus :label="$t('project.title')" - :class="{ 'disabled': isLoading}" - :disabled="isLoading || undefined" + :disabled="isLoading" :placeholder="$t('project.edit.titlePlaceholder')" type="text" @keyup.enter="save" @@ -39,8 +38,7 @@ v-model="project.identifier" v-tooltip="$t('project.edit.identifierTooltip')" :label="$t('project.edit.identifier')" - :class="{ 'disabled': isLoading}" - :disabled="isLoading || undefined" + :disabled="isLoading" :placeholder="$t('project.edit.identifierPlaceholder')" type="text" maxlength="10" diff --git a/frontend/src/views/teams/EditTeam.vue b/frontend/src/views/teams/EditTeam.vue index e55fc0540..d5f52438d 100644 --- a/frontend/src/views/teams/EditTeam.vue +++ b/frontend/src/views/teams/EditTeam.vue @@ -14,8 +14,7 @@ v-model="team.name" v-focus :label="$t('team.attributes.name')" - :class="{ disabled: teamMemberService.loading }" - :disabled="teamMemberService.loading || undefined" + :disabled="teamMemberService.loading" :placeholder="$t('team.attributes.namePlaceholder')" type="text" :error="showErrorTeamnameRequired && team.name === '' ? $t('team.attributes.nameRequired') : null" diff --git a/frontend/src/views/teams/NewTeam.vue b/frontend/src/views/teams/NewTeam.vue index d1019ac2e..df5c0ee9c 100644 --- a/frontend/src/views/teams/NewTeam.vue +++ b/frontend/src/views/teams/NewTeam.vue @@ -10,7 +10,7 @@ v-model="team.name" v-focus :label="$t('team.attributes.name')" - :class="{ 'disabled': teamService.loading }" + :disabled="teamService.loading" :placeholder="$t('team.attributes.namePlaceholder')" type="text" :error="showError && team.name === '' ? $t('team.attributes.nameRequired') : null"