Dev: Dir object viewer

src/Console/Log.es6

@@ -2,6 +2,7 @@ import util from '../lib/util'
 import stringify from '../lib/stringify.es6'
 import highlight from '../lib/highlight.es6'
 import beautify from 'js-beautify'
+import JsonViewer from '../lib/JsonViewer.es6'
 
 export default class Log
 {
@@ -62,6 +63,9 @@ export default class Log
             case 'log':
                 msg = formatMsg(args);
                 break;
+            case 'dir':
+                msg = formatDir(args);
+                break;
             case 'info':
                 icon = 'info-circle';
                 msg = formatMsg(args);
@@ -98,17 +102,35 @@ export default class Log
         delete this.args;
         this._formattedMsg = msg;
     }
-    static click(type, $el)
+    static click(type, log, $el)
     {
         switch (type)
         {
             case 'log':
             case 'warn':
             case 'info':
-                return 'src';
+                return 'viewSrc';
             case 'error':
                 $el.find('.eruda-stack').toggleClass('eruda-hidden');
                 break;
+            case 'dir':
+                if (log.src)
+                {
+                    let $json = $el.find('.eruda-json');
+                    if ($json.hasClass('eruda-hidden'))
+                    {
+                        if ($json.data('init') !== 'true')
+                        {
+                            new JsonViewer(log.src, $json);
+                            $json.data('init', 'true');
+                        }
+                        $json.rmClass('eruda-hidden');
+                    } else
+                    {
+                        $json.addClass('eruda-hidden');
+                    }
+                }
+                break;
         }
 
         return 'handled';
@@ -206,6 +228,13 @@ function formatMsg(args)
     return args.join(' ');
 }
 
+function formatDir(args)
+{
+    let msg = formatMsg(args);
+
+    return msg + '<div class="eruda-json eruda-hidden"></div>'
+}
+
 function substituteStr(args)
 {
     if (!util.isStr(args[0]) || args.length === 1) return args;

src/Console/Logger.es6

@@ -224,14 +224,15 @@ export default class Logger extends util.Emitter
         {
             let $el = util.$(this),
                 idx = $el.data('idx'),
-                type = $el.data('type');
+                type = $el.data('type'),
+                log = self._renderLogs[idx];
 
-            let action = Log.click(type, $el);
+            let action = Log.click(type, log, $el);
 
             switch (action)
             {
                 case 'viewSrc':
-                    let src = self._renderLogs[idx].src;
+                    let src = log.src;
                     try {
                         if (!util.isObj(src)) src = JSON.parse(src);
                         self.emit('viewJson', src);

src/Console/Logger.scss

@@ -100,6 +100,11 @@
                 border-top: 1px solid $yellow;
                 border-bottom: 1px solid $yellow;
             }
+            &.dir {
+                .json {
+                    padding-top: 10px;
+                }
+            }
             &.info {
                 color: $blue;
             }