Implemented table sorter

Author: PeeHaa

public/js/main.js

@@ -337,7 +337,12 @@ aside nav ul li a:hover {
     table-layout: fixed;
 }
 
+.cs-table-overview table {
+    table-layout: auto;
+}
+
 .tabs > section > table tr > td,
+.tabs > section > div.cs-table-overview > table tr > td,
 #status-tabs .data-block td {
     padding: 15px 0;
     border-bottom: 1px solid #eee;
@@ -406,17 +411,19 @@ aside nav ul li a:hover {
     text-align: left;
 }
 
-#cached-scripts-tabs table table tbody td {
+#cached-scripts-tabs table table tbody td, #cached-scripts-tabs .cs-table-overview table tbody td {
     font-size: 13px;
     padding: 10px 5px;
 }
 
-#cached-scripts-tabs table table tbody tr:last-child td {
+#cached-scripts-tabs table table tbody tr:last-child td, #cached-scripts-tabs .cs-table-overview table tbody tr:last-child td {
     border-bottom: 0;
 }
 
 #cached-scripts-tabs table table thead th:last-child,
-#cached-scripts-tabs table table tbody td:last-child {
+#cached-scripts-tabs table table tbody td:last-child,
+#cached-scripts-tabs .cs-table-overview table thead th:last-child,
+#cached-scripts-tabs .cs-table-overview table tbody td:last-child {
     text-align: center;
 }
 

public/style/main.css

@@ -273,6 +273,57 @@ public function getCachedScripts()
         return $scripts;
     }
 
+    public function getCachedScriptsForOverview()
+    {
+        $scripts = $this->getCachedScripts();
+        $prefix  = $this->getCommonPrefix($scripts);
+
+        foreach ($scripts as $index => $script) {
+            $scripts[$index]['full_path'] = mb_substr($script['full_path'], $prefix);
+        }
+
+        return $scripts;
+    }
+
+    private function getCommonPrefix(array $scripts)
+    {
+        $prefix = null;
+
+        foreach ($scripts as $script) {
+            if ($prefix === null) {
+                $prefix = $script['full_path'];
+
+                continue;
+            }
+
+            if ($prefix === '') {
+                return 0;
+            }
+
+            if (strpos($script['full_path'], $prefix) === 0) {
+                continue;
+            }
+
+            $prefix = $this->findLongestPrefix($prefix, $script['full_path']);
+        }
+
+        return mb_strlen($prefix);
+    }
+
+    private function findLongestPrefix($prefix, $path)
+    {
+        $prefixChars = str_split($prefix);
+        $pathChars   = str_split($path);
+
+        foreach ($prefixChars as $index => $char) {
+            if ($char !== $pathChars[$index]) {
+                return mb_substr($prefix, 0, $index);
+            }
+        }
+
+        return $prefix;
+    }
+
     /**
      * Sorts the lists of cached scripts
      *

src/OpCacheGUI/OpCache/Status.php

@@ -63,4 +63,36 @@ foreach($status->getCachedScripts() as $data) {
             </table>
         <?php } ?>
     </section>
+    <section data-content="overview-scripts">
+        <div class="cs-data-table show-cs-table cs-table-overview">
+            <table>
+                <thead>
+                    <tr>
+                        <th><?= $this->translator->translate('scripts.full_path'); ?></th>
+                        <th><?= $this->translator->translate('scripts.hits'); ?></th>
+                        <th><?= $this->translator->translate('scripts.memory_consumption'); ?></th>
+                        <th><?= $this->translator->translate('scripts.last_used_timestamp'); ?></th>
+                        <th><?= $this->translator->translate('scripts.actions'); ?></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <?php foreach($status->getCachedScriptsForOverview() as $script) { ?>
+                        <tr>
+                            <td><?= htmlspecialchars($script['full_path']); ?></td>
+                            <td><?= $script['hits']; ?></td>
+                            <td><?= $script['memory_consumption']; ?></td>
+                            <td><?= $script['last_used_timestamp']; ?></td>
+                            <td>
+                                <form action="<?= $this->url->get('invalidate'); ?>" method="post">
+                                    <input type="hidden" name="csrfToken" value="<?= $this->csrfToken->get(); ?>">
+                                    <input type="hidden" name="key" value="<?= $script['full_path']; ?>">
+                                    <button type="submit" name="submit" value="Invalidate" class="cnfbtn cnfbtn--fn js-confirm inv" title="<?= $this->translator->translate('script.invalidate'); ?>"><?= $this->translator->translate('script.invalidate'); ?></button>
+                                </form>
+                            </td>
+                        </tr>
+                    <?php } ?>
+                </tbody>
+            </table>
+        </div>
+    </section>
 </section>

template/cached.phtml

@@ -96,6 +96,7 @@
     'blacklist.empty'                                       => 'Es befindet sich keine Datei auf der Negativliste.',
 
     'scripts.title'                                         => 'Dateien im Cache',
+    'scripts.overview.title'                                => 'Überblick',
     'scripts.empty'                                         => 'Es befindet sich keine Datei im Cache.',
     'scripts.directory.script_count'                        => ' (<i class="count">%s</i> Dateien)',
     'scripts.full_path'                                     => 'Dateiname',

texts/de.php

@@ -96,6 +96,7 @@
     'blacklist.empty'                                       => 'No scripts are blacklisted',
 
     'scripts.title'                                         => 'Cached Scripts',
+    'scripts.overview.title'                                => 'Overview',
     'scripts.empty'                                         => 'No scripts are cached',
     'scripts.directory.script_count'                        => ' (<i class="count">%s</i> files)',
     'scripts.full_path'                                     => 'Filename',

texts/en.php

@@ -96,6 +96,7 @@
     'blacklist.empty'                                       => 'Er zijn geen scripts geblacklist',
 
     'scripts.title'                                         => 'Cached Scripts',
+    'scripts.overview.title'                                => 'Overzicht',
     'scripts.empty'                                         => 'Er zijn geen scripts gecached',
     'scripts.directory.script_count'                        => ' (<i class="count">%s</i> bestanden)',
     'scripts.full_path'                                     => 'Bestandnaam',