r0b08x [chore] 3/17/2024, 5:50:19 PM

patrikx3 · Mar 17, 2024 · c600dd5 · c600dd5
1 parent 2af8988
commit c600dd5
Show file tree

Hide file tree

Showing 5 changed files with 47 additions and 18 deletions.
diff --git a/README.md b/README.md
@@ -12,7 +12,7 @@ https://corifeus.com/redis-ui
 
 
 ---
-# 💿 The p3x-redis-ui-material web interface that connects to the p3x-redis-ui-server via http and socket.io v2024.4.139
+# 💿 The p3x-redis-ui-material web interface that connects to the p3x-redis-ui-server via http and socket.io v2024.4.140
 
 
 
@@ -77,7 +77,7 @@ All my domains ([patrikx3.com](https://patrikx3.com) and [corifeus.com](https://
 
 ---
 
-[**P3X-REDIS-UI-MATERIAL**](https://corifeus.com/redis-ui-material) Build v2024.4.139
+[**P3X-REDIS-UI-MATERIAL**](https://corifeus.com/redis-ui-material) Build v2024.4.140
 
 [![Donate for Corifeus / P3X](https://img.shields.io/badge/Donate-Corifeus-003087.svg)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=QZVM4V6HVZJW6)  [![Contact Corifeus / P3X](https://img.shields.io/badge/Contact-P3X-ff9900.svg)](https://www.patrikx3.com/en/front/contact) [![Like Corifeus @ Facebook](https://img.shields.io/badge/LIKE-Corifeus-3b5998.svg)](https://www.facebook.com/corifeus.software)
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "p3x-redis-ui-material",
-    "version": "2024.4.139",
+    "version": "2024.4.140",
     "description": "💿 The p3x-redis-ui-material web interface that connects to the p3x-redis-ui-server via http and socket.io",
     "corifeus": {
         "icon": "fas fa-database",
@@ -81,15 +81,15 @@
         "pretty-bytes": "^5.6.0",
         "raw-loader": "^4.0.2",
         "sass-loader": "^14.1.1",
-        "socket.io-client": "^4.7.4",
+        "socket.io-client": "^4.7.5",
         "source-map-loader": "^5.0.0",
         "style-loader": "^3.3.4",
         "terser-webpack-plugin": "^5.3.10",
         "timestring": "^7.0.0",
         "webpack": "^5.90.3",
         "webpack-bundle-analyzer": "^4.10.1",
         "webpack-cli": "^5.1.4",
-        "webpack-dev-server": "^5.0.2",
+        "webpack-dev-server": "^5.0.3",
         "webpack-remove-debug": "^0.1.0",
         "moment": "^2.30.1"
     },

diff --git a/src/angular/pages/main/p3xr-main-treecontrol.html b/src/angular/pages/main/p3xr-main-treecontrol.html
@@ -19,7 +19,7 @@
                     <i ng-switch-when="zset" class="p3xr-main-treecontrol-node-icon fas fa-chart-line" aria-hidden="true"></i>
                     <i ng-switch-when="stream" class="p3xr-main-treecontrol-node-icon fas fa-stream" aria-hidden="true"></i>
                 </span>
-                {{node.label}}<span class="p3xr-main-tree-node-count" ng-if="node.type === 'folder'">{{$root.p3xr.settings.redisTreeDivider}}* <span style="opacity: 0.5;">({{node.childCount}})</span></span>
+                <span class="p3xr-main-tree-node-label">{{node.label}}</span><span class="p3xr-main-tree-node-count" ng-if="node.type === 'folder'">{{$root.p3xr.settings.redisTreeDivider}}* <span style="opacity: 0.5;">({{node.childCount}})</span></span>
                 <span class="p3xr-main-tree-node-count"
                       ng-if="node.type !== 'folder' && node.keysInfo.type !== 'string' && node.keysInfo !== undefined">({{node.keysInfo.length}})</span>
                 <span ng-if="node.type === 'folder'" ng-show="node.showTree" style="position: relative; top: -1px;">

diff --git a/src/angular/pages/p3xr-settings.html b/src/angular/pages/p3xr-settings.html
@@ -95,20 +95,51 @@ <h3>{{connection.name}}</h3>
 
             <md-divider></md-divider>
 
-            <md-list-item ng-click="$ctrl.openTreeSettingDialog({ $event: $event})">
-                <div layout="row" flex>
-                    <div flex>
-                        {{ $root.p3xr.strings.form.treeSettings.field.page}}
-                    </div>
-                    <div>
-                        {{ $root.p3xr.settings.pageCount}}
-                    </div>
+
+
+            <md-list-item class="md-2-line" ng-click="$ctrl.openTreeSettingDialog({ $event: $event})">
+                <div class="md-list-item-text">
+                    <h3>
+                        <div layout="row" flex>
+                            <div flex>
+                                {{ $root.p3xr.strings.form.treeSettings.field.page}}
+                            </div>
+                            <div>
+                                {{ $root.p3xr.settings.pageCount}}
+                            </div>
+                        </div>
+                    </h3>
+                    <p>
+                        {{ $root.p3xr.strings.form.treeSettings.error.page }}
+                    </p>
                 </div>
             </md-list-item>
 
             <md-divider></md-divider>
 
 
+            <md-list-item class="md-2-line" ng-click="$ctrl.openTreeSettingDialog({ $event: $event})">
+                <div class="md-list-item-text">
+                    <h3>
+                        <div layout="row" flex>
+                            <div flex>
+                                {{ $root.p3xr.strings.form.treeSettings.field.keyPageCount}}
+                            </div>
+                            <div>
+                                {{ $root.p3xr.settings.keyPageCount}}
+                            </div>
+                        </div>
+                    </h3>
+                    <p>
+                        {{ $root.p3xr.strings.form.treeSettings.error.keyPageCount }}
+                    </p>
+                </div>
+            </md-list-item>
+
+            <md-divider></md-divider>
+
+
+
             <md-list-item class="md-2-line" ng-click="$ctrl.openTreeSettingDialog({ $event: $event})">
                 <div class="md-list-item-text">
                     <h3>

diff --git a/src/angular/provider/p3xr-theme.js b/src/angular/provider/p3xr-theme.js
@@ -102,10 +102,8 @@ body[md-theme="p3xrThemeEnterpriseLayout"] md-toolbar.md-hue-1 .md-button-dark-h
     background-color: rgba(0, 0, 0, 0.1) !important; /* Lighten on hover for example */
 }
 
-[data-p3xr-tree-key]:hover {
-    background-color: ${this.isDark() ? $mdColors.getThemeColor(p3xr.state.themeCommon + '-accent-300') : $mdColors.getThemeColor(p3xr.state.themeCommon + '-accent-800') } !important;
-    color: ${this.isDark() ? 'black' : 'white' } !important;
-   
+[data-p3xr-tree-key]:hover .p3xr-main-tree-node-label {
+    text-decoration: underline;   
 }
 
 .p3xr-theme-dark .p3xr-content-border {