Fix for PHP Console errors showing up on black background when you do not select a project.

Author: complexthings

assets/js/php-console.js

@@ -75,7 +75,7 @@ var editor;
         var params = '?js=1&' + window.location.href.slice(window.location.href.indexOf('?') + 1) + '&isAdmin=' + ($('#run_as_admin').is(':checked') ? '0' : '1');
 
         $.post(params, { code: editor.getSession().getValue() }, function(res) {
-            if (res.match(/#end-php-console-output#$/)) {
+            if (res.match(/#end-php-console-output#$/) && !res.match('xdebug-error')) {
                 $('div.output.xmp').html('<xmp class="prettyprint linenums">' + res.substring(0, res.length-24) + '</xmp>');
                 $('div.output.pre').html('<pre class="prettyprint linenums">' + res.substring(0, res.length-24) + '</pre>');
             } else {
@@ -106,6 +106,9 @@ var editor;
         // tab size
         editor.getSession().setTabSize(options.tabsize);
         editor.getSession().setUseSoftTabs(true);
+        editor.setOptions({
+            wrap: true
+        });
 
         // Theme
 

assets/sass/styles.scss

@@ -69,6 +69,11 @@ input {
     }
 }
 
+.xdebug-error, .xe-warning {
+    background: $white;
+    color: $black;
+}
+
 
 .statusbar {
     padding: 0 5px;

assets/styles/styles.css

@@ -1,6 +1,7 @@
 <?php
 ini_set('memory_limit', '1G');
 ini_set('display_errors', 1);
+error_reporting(E_ALL | E_STRICT);
 
 $options = array(
     // which string should represent a tab for indentation
@@ -63,9 +64,6 @@
 define('PHP_CONSOLE_VERSION', '1.3.0-dev');
 require 'krumo/class.krumo.php';
 
-ini_set('display_errors', 1);
-error_reporting(E_ALL | E_STRICT);
-
 $debugOutput = '';
 
 if (isset($_POST['code'])) {
@@ -149,8 +147,8 @@
                 <li>
                     <label for="options-editor">Editor Orientation?</label>
                     <select class="options-editor" name="options-editor">
-                        <option value="hor">Horizontal</option>
                         <option value="vert">Vertical</option>
+                        <option value="hor">Horizontal</option>
                     </select>
                 </li>
             </ul>