refs #81 Guard submitting with enter in login and authorize

This commit is contained in:
AkiraFukushima 2018-03-22 15:17:31 +09:00
parent 066dc809fa
commit 6ee51c94c5
2 changed files with 19 additions and 3 deletions

View File

@ -9,8 +9,12 @@
<el-form-item label="Please paste authorization code from your browser:">
<el-input v-model="authorizeForm.code"></el-input>
</el-form-item>
<!-- Dummy form to guard submitting with enter -->
<el-form-item class="hidden">
<el-input></el-input>
</el-form-item>
<el-form-item class="submit">
<el-button type="primary" @click="authorizeSubmit" native-type="submit">Submit</el-button>
<el-button type="primary" @click="authorizeSubmit">Submit</el-button>
</el-form-item>
</el-form>
</div>
@ -77,5 +81,9 @@ html, body, #app, #authorize {
color: #ffffff;
border: 0;
}
.hidden {
display: none;
}
}
</style>

View File

@ -1,12 +1,16 @@
<template>
<div id="login_form">
<el-form ref="loginForm" label-width="120px" label-position="top" v-on:submit.prevent="login" class="login-form">
<el-form ref="loginForm" label-width="120px" label-position="top" v-on:submit.prevent="confirm" class="login-form">
<el-form-item label="Please write host name">
<el-input v-model="loginForm.domainName"></el-input>
</el-form-item>
<!-- Dummy form to guard submitting with enter -->
<el-form-item class="hidden">
<el-input></el-input>
</el-form-item>
<el-button type="primary" @click="confirm" v-if="selectedInstance === null">Search</el-button>
<el-form-item class="submit">
<el-button type="primary" class="login" @click="login" native-type="submit" v-if="selectedInstance !== null">Login</el-button>
<el-button type="primary" class="login" @click="login" v-if="selectedInstance !== null">Login</el-button>
</el-form-item>
</el-form>
</div>
@ -95,5 +99,9 @@ export default {
.back {
margin-right: 20px;
}
.hidden {
display: none;
}
}
</style>