Java IDE: minor improvements

apps/Gruntfile.js

@@ -352,7 +352,7 @@ describe('entry tests', () => {
             'build/package/css/foorm_editor.css',
             'style/code-studio/foorm_editor.scss'
           ],
-          ['build/package/css/javaIde.css', 'style/javaide/style.scss']
+          ['build/package/css/javaIde.css', 'style/javaIde/style.scss']
         ].concat(
           appsToBuild.map(function(app) {
             return [

apps/src/javaide/JavaConsole.jsx

@@ -5,15 +5,14 @@ import {appendInputLog} from './javaIdeRedux';
 import CommandHistory from '@cdo/apps/lib/tools/jsdebugger/CommandHistory';
 import {KeyCodes} from '@cdo/apps/constants';
 import color from '@cdo/apps/util/color';
+import PaneHeader, {PaneSection} from '@cdo/apps/templates/PaneHeader';
 
 const style = {
   consoleStyle: {
     backgroundColor: color.black,
     color: color.white,
     height: '200px',
     overflowY: 'auto',
-    border: '1px solid #e7e8ea',
-    borderRadius: 15,
     padding: 5
   },
   consoleLogs: {
@@ -127,18 +126,24 @@ class JavaConsole extends React.Component {
 
   render() {
     return (
-      <div style={style.consoleStyle} ref={el => (this._consoleLogs = el)}>
-        <div style={style.consoleLogs}>{this.displayConsoleLogs()}</div>
-        <div style={style.consoleInputWrapper}>
-          <span style={style.consoleInputPrompt} onClick={this.focus}>
-            &gt;
-          </span>
-          <input
-            type="text"
-            spellCheck="false"
-            style={style.consoleInput}
-            onKeyDown={this.onInputKeyDown}
-          />
+      <div>
+        <PaneHeader hasFocus={true}>
+          <PaneSection>Console</PaneSection>
+        </PaneHeader>
+        <div style={style.consoleStyle} ref={el => (this._consoleLogs = el)}>
+          <div style={style.consoleLogs}>{this.displayConsoleLogs()}</div>
+          <div style={style.consoleInputWrapper}>
+            <span style={style.consoleInputPrompt} onClick={this.focus}>
+              &gt;
+            </span>
+            <input
+              type="text"
+              spellCheck="false"
+              style={style.consoleInput}
+              onKeyDown={this.onInputKeyDown}
+              aria-label="console input"
+            />
+          </div>
         </div>
       </div>
     );

apps/src/javaide/JavaEditor.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import $ from 'jquery';
 import AceEditor from 'react-ace';
 import {connect} from 'react-redux';
 import {setEditorText} from './javaIdeRedux';
@@ -26,6 +27,14 @@ class JavaEditor extends React.Component {
     this.props.setEditorText(newValue);
   };
 
+  componentDidMount() {
+    let textInput = $('.ace_text-input');
+    if (textInput) {
+      let textInputElement = textInput.first();
+      textInputElement.attr('aria-label', 'java editor panel');
+    }
+  }
+
   render() {
     return (
       <div style={this.props.style}>

apps/src/javaide/JavaIdeView.jsx

@@ -103,7 +103,6 @@ class JavaIdeView extends React.Component {
                 type="button"
                 style={style.singleButton}
                 onClick={this.compile}
-                className="hover-pointer"
               >
                 <FontAwesome icon="cubes" className="fa-2x" />
                 <br />
@@ -113,7 +112,6 @@ class JavaIdeView extends React.Component {
                 type="button"
                 style={style.singleButton}
                 onClick={this.run}
-                className="hover-pointer"
               >
                 <FontAwesome icon="play" className="fa-2x" />
                 <br />

apps/src/sites/studio/pages/java_ide/index.js

@@ -4,7 +4,7 @@ import {Provider} from 'react-redux';
 import JavaIdeView from '@cdo/apps/javaide/JavaIdeView';
 import {getStore} from '@cdo/apps/code-studio/redux';
 import javaIde from '@cdo/apps/javaide/javaIdeRedux';
-import {registerReducers} from '@cdo/apps//redux';
+import {registerReducers} from '@cdo/apps/redux';
 
 $(document).ready(function() {
   registerReducers({javaIde});

apps/style/javaIde/style.scss

@@ -11,8 +11,4 @@ body {
 
 .main {
   padding: 0;
-}
-
-.hover-pointer:hover {
-  cursor: pointer;
 }