Merge pull request #693 from cakephp/route-panel-simple

Hide debugkit routes with a toggle

Author: markstory

.travis.yml

@@ -9,6 +9,10 @@ php:
 
 sudo: false
 
+services:
+  - postgresql
+  - mysql
+
 env:
   matrix:
     - DB=mysql db_dsn='mysql://[email protected]/cakephp_test'

src/Panel/RoutesPanel.php

@@ -36,7 +36,11 @@ public function summary()
             return 0;
         }
 
-        return count(Router::routes());
+        $routes = array_filter(Router::routes(), function ($route) {
+            return $route->defaults['plugin'] !== 'DebugKit';
+        });
+
+        return count($routes);
     }
 
     /**

src/Template/Element/routes_panel.ctp

@@ -17,11 +17,32 @@ $routes = Cake\Routing\Router::routes();
     </thead>
     <tbody>
     <?php foreach ($routes as $route): ?>
-        <tr class="<?= ($matchedRoute === $route->template) ? 'highlighted' : '' ?>">
+        <?php 
+        $class = '';
+        if ($matchedRoute === $route->template):
+            $class = 'highlighted';
+        elseif ($route->defaults['plugin'] === 'DebugKit'):
+            $class = 'debugkit-route hidden';
+        endif;
+        ?>
+        <tr class="<?= $class ?>">
             <td><?= h(Hash::get($route->options, '_name', $route->getName())) ?></td>
             <td class="left"><?= h($route->template) ?></td>
             <td class="left"><pre><?= json_encode($route->defaults, JSON_PRETTY_PRINT) ?></pre></td>
         </tr>
     <?php endforeach; ?>
     </tbody>
 </table>
+<button type="button" class="btn-primary" id="toggle-debugkit-routes">
+    <?= __d('debug_kit', 'Toggle debugkit internal routes') ?>
+</button>
+
+<script>
+$(document).ready(function() {
+    $('#toggle-debugkit-routes').on('click', function (event) {
+        event.preventDefault();
+        var routes = $('.debugkit-route');
+        routes.toggleClass('hidden');
+    });
+});
+</script>

webroot/css/toolbar.css

@@ -501,6 +501,7 @@ pre,
 	color: #fff;
 	border-radius: 4px;
 	box-shadow: 0 2px 0 #2a6496;
+	padding: 4px 10px;
 }
 .btn-primary:active {
 	box-shadow: none;