Add option to customize separator in tree view

Author: RobiNN1

config.dist.php

@@ -43,6 +43,7 @@
             //'path'      => '/var/run/redis/redis-server.sock', // Unix domain socket (optional).
             //'databases' => 16, // Number of databases, use this if the CONFIG command is disabled (optional).
             //'scansize'  => 1000, // Number of keys, the server will use the SCAN command instead of KEYS (optional).
+            //'separator' => ':', // Separator for tree view (optional)
         ],
     ],
     'memcached'     => [

src/Dashboards/Redis/RedisTrait.php

@@ -394,18 +394,20 @@ private function keysTableView(array $keys): array {
     private function keysTreeView(array $keys): array {
         $keys_array = array_column($keys, 'key');
         $pipeline = $this->redis->pipelineKeys($keys_array);
+        $separator = $this->servers[$this->current_server]['separator'] ?? ':';
+        $this->template->addGlobal('separator', $separator);
 
         $tree = [];
 
         foreach ($keys_array as $key) {
-            $parts = explode(':', $key);
+            $parts = explode($separator, $key);
             /** @var array<int|string, mixed> $current */
             $current = &$tree;
             $path = '';
 
             foreach ($parts as $i => $p_value) {
                 $part = $p_value;
-                $path = $path ? $path.':'.$part : $part;
+                $path = $path ? $path.$separator.$part : $part;
 
                 if ($i === count($parts) - 1) {
                     $ttl = $pipeline[$key]['ttl'];

templates/partials/tree_view.twig

@@ -6,7 +6,7 @@
                 <div class="flex items-center gap-1 py-1 px-6 hover:bg-gray-50 dark:hover:bg-white/5" style="padding-left: calc({{ level }} * 20px + 1.5rem)">
                     <button class="tree-toggle flex gap-1 items-center" data-path="{{ item.path }}">
                         {{ svg('down', 10, '-rotate-90') }}
-                        <span class="tree">{{ item.name }}:*</span>
+                        <span class="tree">{{ item.name }}{{ separator }}*</span>
                     </button>
                     <span class="items-count text-gray-500 dark:text-gray-400 text-xs">({{ item.count }})</span>
                 </div>