فهرست منبع

Added submit on enter for login/register (untested).

Kris 8 سال پیش
والد
کامیت
63e3c2a620
3فایلهای تغییر یافته به همراه9 افزوده شده و 3 حذف شده
  1. 6 0
      frontend/App.vue
  2. 1 1
      frontend/components/Modals/Login.vue
  3. 2 2
      frontend/components/Modals/Register.vue

+ 6 - 0
frontend/App.vue

@@ -58,6 +58,12 @@
 			});
 		},
 		events: {
+		    'submitOnEnter': function(cb, event) {
+				if (event.which == 13) {
+					cb();
+					return false;    //<---- Add this line
+				}
+			},
 			'register': function () {
 				let { register: { email, username, password } } = this;
 				let _this = this;

+ 1 - 1
frontend/components/Modals/Login.vue

@@ -14,7 +14,7 @@
 				</p>
 				<label class="label">Password</label>
 				<p class="control">
-					<input class="input" type="password" placeholder="Password..." v-model="$parent.login.password">
+					<input class="input" type="password" placeholder="Password..." v-model="$parent.login.password" v-on:keypress="$parent.submitOnEnter(submitModal, $event)">
 				</p>
 			</section>
 			<footer class="modal-card-foot">

+ 2 - 2
frontend/components/Modals/Register.vue

@@ -18,12 +18,12 @@
 				</p>
 				<label class="label">Password</label>
 				<p class="control">
-					<input class="input" type="password" placeholder="Password..." v-model="$parent.register.password">
+					<input class="input" type="password" placeholder="Password..." v-model="$parent.register.password" v-on:keypress="$parent.submitOnEnter(submitModal, $event)">
 				</p>
 				<div class="g-recaptcha" :data-sitekey="recaptcha.key"></div>
 			</section>
 			<footer class="modal-card-foot">
-				<a class="button is-primary" @click="submitModal('register')">Submit</a>
+				<a class="button is-primary" @click="submitModal()">Submit</a>
 			</footer>
 		</div>
 	</div>