MCSM:WebConsole: поле ввода комманд

mcserver-manager/build.gradle

@@ -1,5 +1,5 @@
 group = 'asys'
-version = '0.8.9-SNAPSHOT'
+version = '0.8.10-SNAPSHOT'
 
 apply plugin: 'osgi'
 

mcserver-manager/src/main/resources/components.js

@@ -98,7 +98,13 @@ var WebConsole = React.createClass({
 
         return(
             ce('div', {id: 'webconsole'},
-                this.state.lines.map(function(line){ return ce('p', {dangerouslySetInnerHTML: {__html: ansi_up.ansi_to_html(line)}}); }))
+                ce('div', {className: 'output'},
+                    this.state.lines.map(function(line){
+                        return ce('p', {dangerouslySetInnerHTML: {__html: ansi_up.ansi_to_html(line)}});
+                    })
+                ),
+                ce('input')
+            )
         )
     },
     componentWillUnmount: function(){

mcserver-manager/src/main/resources/moduleStyle.css

@@ -1,4 +1,4 @@
-#webconsole {
+#webconsole .output {
     background-color: #1e1e1e;
     color: #eee;
     height: 500px;
@@ -7,6 +7,18 @@
     overflow-y: scroll;
 }
 
-#webconsole p {
+#webconsole .output p {
     margin: 0;
 }
+
+#webconsole input {
+    background-color: #1e1e1e;
+    color: #eee;
+    border: none;
+    padding: 8px;
+    width: 100%;
+}
+
+#webconsole input:focus {
+    outline: none;
+}