Max/DragonMinded_bemaniutils
1
0
Fork 0
mirror of https://github.com/DragonMinded/bemaniutils.git synced 2026-10-12 09:18:17 +03:00
Code Issues Packages Projects Releases Wiki Activity

Auto-focus on input elements when clicking Update button across various pages.

Browse Source
This commit is contained in:
Jennifer Taylor
2020-05-08 20:07:55 +00:00
parent 4cf5ac2c02
commit 72e0fa4156
15 changed files with 149 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
bemani/frontend/static/controllers/admin/user.react.js
+15
View File
@@ -33,6 +33,13 @@ var user_management = React.createClass({
this.refreshUser();
},
componentDidUpdate: function() {
if (this.focus_element && this.focus_element != this.already_focused) {
this.focus_element.focus();
this.already_focused = this.focus_element;
}
},
refreshUser: function() {
AJAX.get(
Link.get('refresh'),
@@ -204,6 +211,8 @@ var user_management = React.createClass({
<input
type="text"
className="inline"
autofocus="true"
ref={c => (this.focus_element = c)}
value={this.state.new_username}
onChange={function(event) {
this.setState({new_username: event.target.value});
@@ -246,6 +255,8 @@ var user_management = React.createClass({
<label htmlFor="new1">New password:</label>
<input
type="password"
autofocus="true"
ref={c => (this.focus_element = c)}
value={this.state.new_password1}
onChange={function(event) {
this.setState({new_password1: event.target.value});
@@ -306,6 +317,8 @@ var user_management = React.createClass({
<input
type="text"
className="inline"
autofocus="true"
ref={c => (this.focus_element = c)}
value={this.state.new_email}
onChange={function(event) {
this.setState({new_email: event.target.value});
@@ -349,6 +362,8 @@ var user_management = React.createClass({
maxlength="4"
size="4"
className="inline"
autofocus="true"
ref={c => (this.focus_element = c)}
value={this.state.new_pin}
onChange={function(event) {
var intRegex = /^\d*$/;