tweak css classnames to match output generated by PHPDebugConsole

Author: bkdotcom

readme.md

@@ -35,7 +35,7 @@ Download Composer (if not already installed) [more info](https://getcomposer.org
 
 **Install a WAMP router** (if you don't already have one)  
 If you don't already have a WAMP router up and running, you might as well install a PHP-based one here in the same folder *(but again, it could be installed anywhere, or be a node based router)*
-One client+router install can support many PHPDebugConsole projects
+One client+router install can support many PHPDebugConsole projects  
 `$ php composer.phar require voryx/thruway`
 
 **Start the WAMP router.**  
@@ -54,15 +54,15 @@ $debug = \bdk\Debug::getInstance();
 new \bdk\Debug\WampClient($debug);
 ```
 
-**Navigate to the client in your browser**
+**Navigate to the client in your browser**  
 `http://localhost/debugWampClient`
 
 The client should have connected to the router and is ready to receive log messages
 
 **Add PHPDebugConsole to the project you wish to debug**  
 `$ php composer.phar require bdk/debug`
 
-**Install a outputWamp plugin dependency**  
+**Install a PHPDebugConsole/outputWamp plugin dependency**  
 `$ php composer.phar require bdk/wamp-publisher`
 
 Add the OutputWamp plugin to your application

src/js/DumpObject.js

@@ -168,7 +168,7 @@ var logDumper = (function($, module){
             var viaDebugInfo = info.viaDebugInfo;
             var isPrivateAncestor = info['visibility'] == 'private' && info['inheritedFrom'];
             var $dd = $('<dd class="property">' +
-                '<span class="t_modifier">' + info.visibility + '</span>' +
+                '<span class="t_modifier_'+info.visibility+'">' + info.visibility + '</span>' +
                 (info.type
                     ? ' <span class="t_type">[' + info.type + ']</span>'
                     : ''
@@ -183,7 +183,9 @@ var logDumper = (function($, module){
                 module.dump(info.value) +
                 '</dd>'
             );
-            $dd.addClass("visibility-" + info.visibility);
+            if (info.visibility != "debug") {
+                $dd.addClass(info.visibility);
+            }
             if (viaDebugInfo) {
                 $dd.addClass("debug-value");
             }
@@ -207,11 +209,11 @@ var logDumper = (function($, module){
             var returnType = '';
             var $dd;
             if (info.isFinal) {
-                modifiers.push('<span class="t_modifier">final</span>');
+                modifiers.push('<span class="t_modifier_final">final</span>');
             }
-            modifiers.push('<span class="t_modifier">' + info.visibility + '</span>');
+            modifiers.push('<span class="t_modifier_'+info.visibility+'">' + info.visibility + '</span>');
             if (info.isStatic) {
-                modifiers.push('<span class="t_modifier">static</span>');
+                modifiers.push('<span class="t_modifier_static">static</span>');
             }
             if (typeof info.phpDoc.return != "undefined") {
                 returnType = ' <span class="t_type"' +
@@ -237,7 +239,7 @@ var logDumper = (function($, module){
                 ) +
                 '</dd>'
             );
-            $dd.addClass("visibility-" + info.visibility);
+            $dd.addClass(info.visibility);
             if (info.isDeprecated) {
                 $dd.addClass("deprecated");
             }