AIRAVATA-3700 Handle ENTER key submission of new project form
diff --git a/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/project/ProjectButtonNew.vue b/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/project/ProjectButtonNew.vue
index 5d83936..94f67d5 100644
--- a/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/project/ProjectButtonNew.vue
+++ b/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/project/ProjectButtonNew.vue
@@ -7,7 +7,7 @@
id="modal-new-project"
ref="modalNewProject"
title="Create New Project"
- v-on:ok="onCreateProject"
+ v-on:ok="onOkClicked"
v-bind:ok-disabled="okDisabled"
@cancel="onCancelNewProject"
>
@@ -40,9 +40,10 @@
ProjectEditor,
},
methods: {
- onCreateProject: function (event) {
- // Prevent hiding modal, hide it programmatically when project gets created
- event.preventDefault();
+ onCreateProject: function () {
+ if (!this.valid) {
+ return;
+ }
services.ProjectService.create({ data: this.newProject }).then(
(result) => {
this.$refs.modalNewProject.hide();
@@ -53,6 +54,11 @@
}
);
},
+ onOkClicked(event) {
+ // Prevent hiding modal, hide it programmatically when project gets created
+ event.preventDefault();
+ this.onCreateProject();
+ },
onCancelNewProject() {
this.newProject = new models.Project();
this.$refs.projectEditor.reset();