diff --git a/mcserver-manager/src/main/resources/components.js b/mcserver-manager/src/main/resources/components.js index dc94b32..b4d5570 100644 --- a/mcserver-manager/src/main/resources/components.js +++ b/mcserver-manager/src/main/resources/components.js @@ -90,6 +90,9 @@ var WebConsole = React.createClass({ this.ws.close(); this.ws = null; }, + focusInput: function() { + this.refs.input.focus(); + }, /*--------------------*/ getInitialState: function(){return{ lines: [] @@ -104,7 +107,7 @@ var WebConsole = React.createClass({ return ce('p', {dangerouslySetInnerHTML: {__html: ansi_up.ansi_to_html(line)}}); }) ), - ce('input') + ce('input', {ref: 'input'}) ) ) }, @@ -117,6 +120,7 @@ var ServerInfo = React.createClass({ tabStateWebConsole: function(state) { if (state === 1) { this.refs.webconsole.connect(); + this.refs.webconsole.focusInput(); } }, /*--------------------*/ diff --git a/mcserver-manager/src/main/resources/moduleStyle.css b/mcserver-manager/src/main/resources/moduleStyle.css index 8622552..a66d2b5 100644 --- a/mcserver-manager/src/main/resources/moduleStyle.css +++ b/mcserver-manager/src/main/resources/moduleStyle.css @@ -13,9 +13,11 @@ #webconsole input { background-color: #1e1e1e; + background-image: url('data:image/svg+xml;utf-8,>'); + background-repeat: no-repeat; color: #eee; border: none; - padding: 8px; + padding: 8px 8px 8px 1.5em; width: 100%; }