.editorconfig000066400000000000000000000006371520135770500135460ustar00rootroot00000000000000# EditorConfig helps developers define and maintain consistent # coding styles between different editors and IDEs # editorconfig.org root = true [*] # Change these settings to your own preference indent_style = space indent_size = 4 # We recommend you to keep these unchanged end_of_line = lf charset = utf-8 trim_trailing_whitespace = true insert_final_newline = true [*.md] trim_trailing_whitespace = false .gitignore000066400000000000000000000003441520135770500130540ustar00rootroot00000000000000/build /node_modules /*.log /*.iws .idea/workspace.xml .idea/tasks.xml .idea/profiles_settings.xml .idea/inspectionProfiles/Project_Default.xml .idea/inspectionProfiles/profiles_settings.xml node_modules/.yarn-integrity /dist.npmignore000066400000000000000000000002441520135770500130620ustar00rootroot00000000000000/.idea /artifacts /build /test /node_modules /*.iml /*.ipr /*.iws /.travis.yml /.scrutinizer.yml /Gruntfile.js /*.lock *.log /corifeus-boot.json /secure /src/**/*.*.travis.yml000066400000000000000000000015151520135770500131760ustar00rootroot00000000000000language: node_js cache: npm: false node_js: - lts/* before_script: - npm install -g grunt-cli npm after_script: - npm run build env: global: secure: ABatXXM9lXYQ80Ro0nJ15j5BG/XEP5/L3kGEk+HrOOWrfZHvT3Xd1mQFkHBR5UinNy2Kv/IcUu/2eO1t8ZrX0KlZbx32Y/MuinZKsAWDs8Rx3CsqMIU5f9bk6lhvGLcCFL1AN4gn+0Ga1Ta7ggW9MhhscF2cf1j24tZAxK4D48HQZYK3JQ13nhhsM3RIr9nhpipQMBoTyqTFFgRtjGQJHq7kpAV/7yGpP1K5xgarUnzT1hg9n4w3WVlSZRHPLyyBf7+6anWyANBGkqj9w9ggI93aCe/MTP6kHEftMBVrjFrQZgZZW0D5SdxKbY6n4llLK4adnsyXEXQE9Q+iwsaFLYB0hlQgX3BxReaoCc0MwG95lSZ/U7jFZ6KJL/NIoju0zyNiTlnWBz5arvoxEL1yZ+Nq1KKVHykgwVzhrjoyOSHFt7FtMrvm3WCe0NR7sUcDbo2L3ccbWvIMYkvs8A1SrIOUICapet+t+iF5r53VqRwQF6oA7kOM+gZ+sdHOnmsnCwzWWSCkamMZUx2CCzKFERGUP20Yz3UuUGPMYsthSfVpq5Ds0t90voW2RUQa2cgS3nRLaUA+FjWF4wFSkfqS9NxSkK0etiZRYqGNtB/WnQFEKySWsyC9m1rHDn2LlKDrxTgz5d8b7pSXaWU68JMxJEBz4h9HXR/GEdSEqaeIgYQ= Gruntfile.js000066400000000000000000000100001520135770500133470ustar00rootroot00000000000000const utils = require('corifeus-utils'); module.exports = (grunt) => { const builder = require(`corifeus-builder`); const gruntUtil = builder.utils; const loader = new builder.loader(grunt); loader.js({ jit: { injector: 'grunt-injector', }, config: { injector: { options: {}, jsAngular: { options: { transform: function (filePath) { const relative = gruntUtil.injectorRelativePathGenerator({ srcDir: 'src/angular/', filePath: filePath, }) return `require('./${relative}');`; }, starttag: '//injector-angular-start', endtag: '//injector-angular-end' }, files: { 'src/angular/injector.js': [ 'src/angular/**/*.js', '!src/angular/injector.js', '!src/angular/boot.js', '!src/angular/routes.js', ], } }, sass: { options: { transform: function (filePath) { const relative = gruntUtil.injectorRelativePathGenerator({ srcDir: 'src/', filePath: filePath, }) return `@import "./${relative}";`; }, starttag: '//injector-sass-start', endtag: '//injector-sass-end', }, files: { 'src/injector.scss': [ 'src/**/*.scss', '!src/scss/index.scss', '!src/injector.scss', ] } }, }, watch: { options: { atBegin: true }, js: { files: [ 'src/angular/**/*.js', '!src/angular/injector.js', '!src/angular/boot.js', '!src/angular/routes.js', ], tasks: [ 'injector:jsAngular', ], }, sass: { files: [ 'src/**/*.scss', '!src/scss/index.scss', '!src/injector.scss', ], tasks: [ 'injector:sass' ], }, }, } }); grunt.registerTask('default', ['cory-npm', 'clean', 'cory-replace', 'cory:license']); grunt.registerTask('inject', ['watch:js', 'watch:sass']); grunt.registerTask('build', ['injector']); grunt.registerTask('publish', async function() { const done = this.async() const cwd = process.cwd() try { await gruntUtil.spawn({ grunt: grunt, gruntThis: this, }, { cmd: `${cwd}/node_modules/.bin/grunt${gruntUtil.commandAddon}`, args: [ 'injector' ] }); await gruntUtil.spawn({ grunt: grunt, gruntThis: this, }, { cmd: `${cwd}/node_modules/.bin/webpack${gruntUtil.commandAddon}`, args: [ '--config', './src/builder/webpack.config.js', '--production' ] }); done() } catch(e) { done(e) } }) } LICENSE000066400000000000000000000024321520135770500120710ustar00rootroot00000000000000 @license p3x-redis-ui-material v2020.4.205 💿 The p3x-redis-ui-material web interface that connects to the p3x-redis-ui-server via http and socket.io https://corifeus.com/redis-ui-material Copyright (c) 2020 Patrik Laszlo / P3X / Corifeus and contributors. MIT License Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. README.md000066400000000000000000000070651520135770500123520ustar00rootroot00000000000000# This is a development package For the full-blown package, please follow: https://github.com/patrikx3/redis-ui https://www.npmjs.com/package/p3x-redis-ui https://corifeus.com/redis-ui [//]: #@corifeus-header [![Donate for Corifeus / P3X](https://img.shields.io/badge/Donate-Corifeus-003087.svg)](https://paypal.me/patrikx3) [![Contact Corifeus / P3X](https://img.shields.io/badge/Contact-P3X-ff9900.svg)](https://www.patrikx3.com/en/front/contact) [![Corifeus @ Facebook](https://img.shields.io/badge/Facebook-Corifeus-3b5998.svg)](https://www.facebook.com/corifeus.software) [![Build Status](https://api.travis-ci.com/patrikx3/redis-ui-material.svg?branch=master)](https://travis-ci.com/patrikx3/redis-ui-material) [![Uptime Robot ratio (30 days)](https://img.shields.io/uptimerobot/ratio/m780749701-41bcade28c1ea8154eda7cca.svg)](https://uptimerobot.patrikx3.com/) --- # 💿 The p3x-redis-ui-material web interface that connects to the p3x-redis-ui-server via http and socket.io v2020.4.207 **Bugs are evident™ - MATRIX️** ### NodeJs LTS Version Requirement ```txt >=12.13.0 ``` ### Built on NodeJs ```txt v12.18.0 ``` The ```async``` and ```await``` keywords are required. Only the latest LTS variant is supported. Install NodeJs: https://nodejs.org/en/download/package-manager/ # Description [//]: #@corifeus-header:end The is the `p3x-redis-ui-material` web gui, that uses the `p3x-redis-ui-server`. It is based on Socket.IO and AngularJs Material, uses themes light/dark schema and internationalization (English is implemented by default). # For development standalone For file names do not use camelCase, but use kebab-case. Folder should be named as kebab-case as well. As you can see, all code filenames are using it like that, please do not change that. Please apply the `.editorconfig` settings in your IDE. Make sure that the server app is running at for development standalone: https://github.com/patrikx3/redis-ui-server Then: ```bash npm install npm run dev ``` The frontend is available @ http://localhost:8080 [//]: #@corifeus-footer --- 🙏 This is an open-source project. Star this repository, if you like it, or even donate to maintain the servers and the development. Thank you so much! Possible, this server, rarely, is down, please, hang on for 15-30 minutes and the server will be back up. All my domains ([patrikx3.com](https://patrikx3.com) and [corifeus.com](https://corifeus.com)) could have minor errors, since I am developing in my free time. However, it is usually stable. **Note about versioning:** Versions are cut in Major.Minor.Patch schema. Major is always the current year. Minor is either 4 (January - June) or 10 (July - December). Patch is incremental by every build. If there is a breaking change, it should be noted in the readme. --- [**P3X-REDIS-UI-MATERIAL**](https://corifeus.com/redis-ui-material) Build v2020.4.207 [![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) ## P3X Sponsor [IntelliJ - The most intelligent Java IDE](https://www.jetbrains.com/?from=patrikx3) [![JetBrains](https://cdn.corifeus.com/assets/svg/jetbrains-logo.svg)](https://www.jetbrains.com/?from=patrikx3) [//]: #@corifeus-footer:end package.json000066400000000000000000000056541520135770500133630ustar00rootroot00000000000000{ "name": "p3x-redis-ui-material", "version": "2020.4.207", "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", "code": "Fireball", "opencollective": false, "build": true, "nodejs": "v12.18.0", "reponame": "redis-ui-material", "publish": true, "prefix": "p3x-", "type": "p3x" }, "main": "src/index.js", "scripts": { "test": "grunt", "dev": "concurrently \"grunt watch:js\" \"grunt watch:sass\" \"webpack-dev-server --hot --inline --config ./src/builder/webpack.config.js\"", "dev-webpack": "webpack-dev-server --hot --inline --config ./src/builder/webpack.config.js", "build": "grunt build && webpack --config ./src/builder/webpack.config.js --production" }, "repository": { "type": "git", "url": "https://github.com/patrikx3/redis-ui-material.git" }, "keywords": [ "redis", "ui", "gui", "web", "electron", "desktop", "server", "angularjs", "javascript", "material", "dark", "light" ], "author": "Patrik Laszlo ", "license": "MIT", "devDependencies": { "@fortawesome/fontawesome-free": "^5.13.0", "@uirouter/angularjs": "^1.0.26", "angular": "^1.8.0", "angular-animate": "^1.8.0", "angular-aria": "^1.8.0", "angular-cookies": "^1.8.0", "angular-json-tree": "^1.1.0", "angular-material": "^1.1.22", "angular-messages": "^1.8.0", "angular-sanitize": "^1.8.0", "angular-tree-control": "^0.2.30", "clean-webpack-plugin": "^3.0.0", "concurrently": "^5.2.0", "copy-webpack-plugin": "^6.0.2", "corifeus-builder": "^2020.4.213", "css-loader": "^3.6.0", "extract-text-webpack-plugin": "^4.0.0-beta.0", "file-loader": "^6.0.0", "grunt-injector": "^1.1.0", "html-loader": "^1.1.0", "html-webpack-plugin": "^4.3.0", "jquery": "^3.5.1", "js-htmlencode": "^0.3.0", "lodash": "^4.17.15", "material-design-icons-iconfont": "^5.0.1", "node-sass": "^4.14.1", "optimize-css-assets-webpack-plugin": "^5.0.3", "pretty-bytes": "^5.3.0", "raw-loader": "^4.0.1", "sass-loader": "^8.0.2", "socket.io-client": "^2.3.0", "style-loader": "^1.2.1", "terser-webpack-plugin": "^3.0.5", "typeface-roboto": "0.0.75", "webpack": "^4.43.0", "webpack-cli": "^3.3.11", "webpack-dev-server": "^3.11.0" }, "engines": { "node": ">=12.13.0" }, "homepage": "https://corifeus.com/redis-ui-material", "dependencies": { "angular-inview": "^3.1.0", "jsoneditor": "^9.0.0" } } redis-ui-material.iml000066400000000000000000000005171520135770500151060ustar00rootroot00000000000000 src/000077500000000000000000000000001520135770500116525ustar00rootroot00000000000000src/angular/000077500000000000000000000000001520135770500133035ustar00rootroot00000000000000src/angular/boot.js000066400000000000000000000271331520135770500146120ustar00rootroot00000000000000// angular global.angular = require('angular'); require('angular-aria'); require('angular-sanitize') require('angular-messages'); require('angular-animate'); require('angular-cookies'); require('angular-inview') require('@uirouter/angularjs') require('angular-material'); require('angular-tree-control') require('angular-tree-control/context-menu') require('angular-json-tree') p3xr.ng = angular.module('p3xr-redis-ui', [ 'ngCookies', 'ngAnimate', 'ngAria', 'ngSanitize', 'ngMessages', 'ngMaterial', 'ui.router', 'treeControl', 'angular-json-tree', 'angular-inview', ]); require('./injector') p3xr.ng.config(($qProvider, $locationProvider, $urlRouterProvider, $stateProvider, p3xrThemeProvider, $mdAriaProvider) => { $mdAriaProvider.disableWarnings(); $qProvider.errorOnUnhandledRejections(false); $locationProvider.html5Mode(true); // $urlRouterProvider.otherwise('/'); // $httpProvider.interceptors.push('ngivrHttpInterceptor'); p3xrThemeProvider.start(); const routes = require('./routes') $urlRouterProvider.otherwise('/main'); routes($stateProvider); }) p3xr.ng.run(($rootScope, p3xrSocket, p3xrTheme, $mdMedia, $state, $timeout, $cookies, p3xrRedisParser) => { $rootScope.p3xr = p3xr; $rootScope.$mdMedia = $mdMedia; $rootScope.isElectron = (/electron/i.test(navigator.userAgent)) $rootScope.hasConnected = () => { if (Object.keys(p3xr.state.redisConnections).length === 0) { return false } return true; } $rootScope.locationReload = () => { // $state.go('main') // location.reload() location.href = '/' } let treeDivider Object.defineProperty($rootScope.p3xr.settings, 'redisTreeDivider', { get: () => { treeDivider = $cookies.get(p3xr.settings.tree.cookieName) if (treeDivider === undefined) { treeDivider = p3xr.settings.tree.defaultDivider } return treeDivider }, set: (value) => { treeDivider = value treeDivider = $cookies.put(p3xr.settings.tree.cookieName, value, { expires: p3xr.settings.cookieExpiry, }) } }) let jsonFormat Object.defineProperty($rootScope.p3xr.settings, 'jsonFormat', { get: () => { jsonFormat = $cookies.get(p3xr.settings.jsonFormatSettings.cookieName) if (jsonFormat === undefined) { jsonFormat = p3xr.settings.jsonFormatSettings.default } return parseInt(jsonFormat) }, set: (value) => { jsonFormat = value jsonFormat = $cookies.put(p3xr.settings.jsonFormatSettings.cookieName, value, { expires: p3xr.settings.cookieExpiry, }) } }) let maxValueDisplay Object.defineProperty($rootScope.p3xr.settings, 'maxValueDisplay', { get: () => { maxValueDisplay = $cookies.get(p3xr.settings.maxValueDisplaySetting.cookieName) if (maxValueDisplay === undefined) { maxValueDisplay = p3xr.settings.maxValueDisplaySetting.default } return parseInt(maxValueDisplay) }, set: (value) => { maxValueDisplay = parseInt(value) maxValueDisplay = $cookies.put(p3xr.settings.maxValueDisplaySetting.cookieName, value, { expires: p3xr.settings.cookieExpiry, }) } }) let language Object.defineProperty($rootScope.p3xr.settings.language, 'current', { get: () => { language = $cookies.get(p3xr.settings.language.cookieName) if (language === undefined) { language = p3xr.settings.language.defaultLanguage } return language }, set: (value) => { //console.warn('p3xr-language set incoming' , value) if (value === undefined) { value = p3xr.settings.language.defaultLanguage } //console.warn('p3xr-language set actual' , value) language = value $rootScope.p3xr.strings = p3xr.settings.language.translation[value] //console.warn('p3xr-language set strings' , $rootScope.p3xr.strings) language = $cookies.put(p3xr.settings.language.cookieName, value, { expires: p3xr.settings.cookieExpiry, }) } }) $rootScope.p3xr.settings.language.current = $cookies.get(p3xr.settings.language.cookieName) let keysSort Object.defineProperty($rootScope.p3xr.settings, 'keysSort', { get: () => { keysSort = $cookies.get(p3xr.settings.keySortInfo.cookieName) if (keysSort === undefined) { keysSort = p3xr.settings.keySortInfo.default } else if (keysSort === 'true') { keysSort = true } else if (keysSort === 'false') { keysSort = false } return keysSort }, set: (value) => { keysSort = value keysSort = $cookies.put(p3xr.settings.keySortInfo.cookieName, value, { expires: p3xr.settings.cookieExpiry, }) } }) let searchClientSide Object.defineProperty($rootScope.p3xr.settings, 'searchClientSide', { get: () => { searchClientSide = $cookies.get(p3xr.settings.searchInfoClientSide.cookieName) if (searchClientSide === undefined) { searchClientSide = p3xr.settings.searchInfoClientSide.default } else if (searchClientSide === 'true') { searchClientSide = true } else if (searchClientSide === 'false') { searchClientSide = false } if (p3xr.state.keysRaw.length > p3xr.settings.maxLightKeysCount || p3xr.state.dbsize > p3xr.settings.maxLightKeysCount) { searchClientSide = false } return searchClientSide }, set: (value) => { searchClientSide = value searchClientSide = $cookies.put(p3xr.settings.searchInfoClientSide.cookieName, value, { expires: p3xr.settings.cookieExpiry, }) } }) let searchStartsWith Object.defineProperty($rootScope.p3xr.settings, 'searchStartsWith', { get: () => { searchStartsWith = $cookies.get(p3xr.settings.searchInfoStartsWith.cookieName) if (searchStartsWith === undefined) { searchStartsWith = p3xr.settings.searchInfoStartsWith.default } else if (searchStartsWith === 'true') { searchStartsWith = true } else if (searchStartsWith === 'false') { searchStartsWith = false } return searchStartsWith }, set: (value) => { searchStartsWith = value searchStartsWith = $cookies.put(p3xr.settings.searchInfoStartsWith.cookieName, value, { expires: p3xr.settings.cookieExpiry, }) } }) let expandedNodes = [] Object.defineProperty($rootScope, 'expandedNodes', { get: () => { //console.warn('expandedNodes get', expandedNodes) return expandedNodes }, set: (value) => { //console.warn('expandedNodes set', expandedNodes) expandedNodes = value } }) $rootScope.savedExpandedNodes = [] let page = 1 Object.defineProperty($rootScope.p3xr.state, 'page', { get: () => { return page }, set: (value) => { page = parseInt(value) } }) $rootScope.keysTreeRendered = [] let keysTree Object.defineProperty($rootScope, 'keysTree', { get: () => { //const startNow = Date.now() if (JSON.stringify(keysTree) !== JSON.stringify(p3xr.state.keys) || $rootScope.p3xr.state.redisChanged === true) { $rootScope.p3xr.state.redisChanged = false $rootScope.keysTreeRendered = p3xrRedisParser.keysToTreeControl({ keys: p3xr.state.keys, }) keysTree = p3xr.state.keys } //console.log('keysTreeRendered', $rootScope.keysTreeRendered) return $rootScope.keysTreeRendered }, }) /* let chunked = [] let chunks = [] Object.defineProperty($rootScope, 'keysTreeChunked', { get: () => { if ($rootScope.keysTree.length < 50) { return $rootScope.keysTree; } let i, j, chunk = 50; for (i = 0, j = $rootScope.keysTree.length; i < j; i += chunk) { chunks.push($rootScope.keysTree.slice(i, i + chunk)); } console.log(chunks) return chunks } }) */ let globalKeysRaw = []; Object.defineProperty($rootScope.p3xr.state, 'keys', { get: () => { //const startNow = Date.now() globalKeysRaw = $rootScope.p3xr.state.keysRaw.slice() if ($rootScope.p3xr.settings.searchClientSide && typeof ($rootScope.p3xr.state.search) === 'string' && $rootScope.p3xr.state.search.length > 0) { //console.log($rootScope.p3xr.settings.searchStartsWith) if ($rootScope.p3xr.settings.searchStartsWith) { //console.log('startswith') globalKeysRaw = globalKeysRaw.filter(keyRaw => { return keyRaw.startsWith($rootScope.p3xr.state.search) }) } else { //console.log('includes') globalKeysRaw = globalKeysRaw.filter(keyRaw => { return keyRaw.includes($rootScope.p3xr.state.search) }) } } if (globalKeysRaw <= $rootScope.p3xr.settings.pageCount) { return globalKeysRaw } else { //console.log('new scope change', ($rootScope.p3xr.state.page -1) * $rootScope.p3xr.settings.pageCount, $rootScope.p3xr.settings.pageCount) const start = ($rootScope.p3xr.state.page - 1) * $rootScope.p3xr.settings.pageCount const keys = globalKeysRaw.slice(start, start + $rootScope.p3xr.settings.pageCount) //console.warn('parse keys', ((Date.now() - startNow)) / 1000) return keys } } }) Object.defineProperty($rootScope.p3xr.state, 'pages', { get: () => { return Math.ceil(globalKeysRaw.length / $rootScope.p3xr.settings.pageCount) //const pages = Math.ceil($rootScope.p3xr.state.keysRaw.length / $rootScope.p3xr.settings.pageCount) //return pages } }) let pageCount Object.defineProperty($rootScope.p3xr.settings, 'pageCount', { get: () => { pageCount = $cookies.get(p3xr.settings.paging.cookieName) if (pageCount === undefined) { pageCount = p3xr.settings.paging.default } else { pageCount = parseInt(pageCount) } return pageCount }, set: (value) => { pageCount = value pageCount = $cookies.put(p3xr.settings.paging.cookieName, value, { expires: p3xr.settings.cookieExpiry, }) } }) //console.warn('p3xrTheme', p3xrTheme) p3xrTheme.start() console.info('P3X Redis UI ran') }) angular.element(document).ready(() => { const bootstrapElement = document.getElementById('p3xr-redis-ui-bootstrap'); angular.bootstrap(bootstrapElement, ['p3xr-redis-ui']); }) src/angular/dialog/000077500000000000000000000000001520135770500145425ustar00rootroot00000000000000src/angular/dialog/p3xr-dialog-connection.html000066400000000000000000000222621520135770500217220ustar00rootroot00000000000000

{{ $root.p3xr.state.cfg.readonlyConnections ? $root.p3xr.strings.label.connectiondView : options.type === 'new' ? $root.p3xr.strings.label.connectiondAdd : $root.p3xr.strings.label.connectiondEdit }}

close
{{ $root.p3xr.strings.form.error.required }}
{{ $root.p3xr.strings.form.error.port }}
{{ $root.p3xr.strings.label.passwordSecure }}
{{ model.awsElastiCache ? $root.p3xr.strings.label.awsElastiCache.on : $root.p3xr.strings.label.awsElastiCache.off }} {{ model.azure ? $root.p3xr.strings.label.azure.on : $root.p3xr.strings.label.azure.off }} {{ model.cluster ? $root.p3xr.strings.label.cluster.on : $root.p3xr.strings.label.cluster.off }} add {{ $root.p3xr.strings.label.addNode }}
Node {{$index + 1}}
{{ $root.p3xr.strings.confirm.deleteConnectionText }} delete {{ $root.p3xr.strings.label.addNode }} add
{{ $root.p3xr.strings.form.error.port }}
{{ $root.p3xr.strings.form.error.required }}
{{ $root.p3xr.strings.label.passwordSecure }}
 
{{ $root.p3xr.strings.intention.testConnection }} {{ options.type === 'new' ? 'add' : 'save' }} {{ options.type === 'new' ? $root.p3xr.strings.intention.add : $root.p3xr.strings.intention.save }} cancel {{ $root.p3xr.strings.intention.cancel }}
src/angular/dialog/p3xr-dialog-connection.js000066400000000000000000000200651520135770500213710ustar00rootroot00000000000000p3xr.ng.factory('p3xrDialogConnection', function (p3xrCommon, $mdDialog, p3xrSocket) { return new function () { this.show = async (options) => { try { const result = await $mdDialog.show({ controller: function ($scope, $mdDialog) { $scope.options = options if (options.model !== undefined) { $scope.model = options.model $scope.model.password = options.model.id } else { $scope.model = { awsElastiCache: false, azure: false, name: undefined, host: undefined, port: undefined, password: undefined, id: undefined, } } if (!$scope.model.hasOwnProperty('cluster')) { $scope.model.cluster = false } if (!$scope.model.hasOwnProperty('nodes')) { $scope.model.nodes = [] } for (let node of $scope.model.nodes) { node.password = node.id } // Promise reject $scope.cancel = function () { /* p3xrCommon.toast({ message: p3xr.strings.status.cancelled }) */ $mdDialog.cancel(); }; /* // Promise resolve $scope.hide = function () { $mdDialog.hide(); }; // Promise resolve - with result $scope.answer = function (answer) { $mdDialog.hide(answer); }; */ //console.warn('$scope.model', $scope.model) const handleInvalidForm = () => { if ($scope.p3xrConnectionForm.$invalid) { p3xrCommon.toast({ message: p3xr.strings.form.error.invalid }) return false } return true } $scope.addNode = (index) => { const newNode = { host: undefined, port: undefined, password: undefined, id: p3xr.nextId(), } if (index === undefined) { $scope.model.nodes.push(newNode) } else { $scope.model.nodes.splice(index + 1, 0, newNode) } } $scope.removeNode = async (ev, index) => { try { await p3xrCommon.confirm({ event: ev, message: p3xr.strings.confirm.deleteConnectionText }); $scope.model.nodes.splice(index, 1) p3xrCommon.toast({ message: p3xr.strings.status.nodeRemoved }) } catch (e) { if (error === undefined) { /* p3xrCommon.toast({ message: p3xr.strings.status.cancelled }); */ return; } p3xrCommon.generalHandleError(e) } } $scope.testConnection = async () => { $scope.p3xrConnectionForm.$setSubmitted(); if (!handleInvalidForm()) { return; } try { p3xr.ui.overlay.show({ message: p3xr.strings.title.connectingRedis }) //await new Promise(resolve => setTimeout(resolve, 5000)) const response = await p3xrSocket.request({ action: 'redis-test-connection', payload: { model: $scope.model }, }) p3xrCommon.toast({ message: p3xr.strings.status.redisConnected }) } catch (e) { p3xrCommon.generalHandleError(e) } finally { p3xr.ui.overlay.hide() } } $scope.submit = async () => { if (!handleInvalidForm()) { return; } if ($scope.model.host === undefined) { $scope.model.host = 'localhost' } if ($scope.model.port === undefined) { $scope.model.port = 6379 } if (options.type === 'new') { $scope.model.id = p3xr.nextId() } for (let node of $scope.model.nodes) { if (node.host === undefined) { node.host = 'localhost' } if (node.id === undefined) { node.id = p3xr.nextId() } } try { const response = await p3xrSocket.request({ action: 'connection-save', payload: { model: angular.copy($scope.model) }, }) p3xrCommon.toast({ message: $scope.options.type === 'new' ? p3xr.strings.status.added : p3xr.strings.status.saved }) //$scope.options.type = 'edit'; $mdDialog.cancel(); } catch (e) { p3xrCommon.generalHandleError(e) } } }, template: require('./p3xr-dialog-connection.html'), parent: angular.element(document.body), targetEvent: options.$event, clickOutsideToClose: true, fullscreen: true // Only for -xs, -sm breakpoints. }) // console.warn(result) } catch (error) { p3xrCommon.generalHandleError(error) } } } }); src/angular/dialog/p3xr-dialog-json-editor.html000066400000000000000000000041431520135770500220160ustar00rootroot00000000000000
edit   {{ ::$root.p3xr.strings.intention.jsonViewEditor }} close
{{ ::$root.p3xr.strings.label.jsonViewNotParsable}}
save {{ ::$root.p3xr.strings.intention.save }} {{ ::$root.p3xr.strings.intention.save }} save {{ ::$root.p3xr.strings.intention.saveWithFormatJson }} {{ ::$root.p3xr.strings.intention.saveWithFormatJson }} cancel {{ ::$root.p3xr.strings.intention.cancel }} src/angular/dialog/p3xr-dialog-json-editor.js000066400000000000000000000076661520135770500215030ustar00rootroot00000000000000p3xr.ng.factory('p3xrDialogJsonEditor', function (p3xrCommon, $mdDialog, $timeout) { return new function () { this.show = (options) => { return $mdDialog.show({ controller: function ($scope, $mdDialog, p3xrCommon, $rootScope) { $rootScope.$broadcast('p3xr-main-resizer', { drag: false }) let editor let obj try { obj = JSON.parse(options.value) $scope.isJson = true } catch (e) { obj = undefined $scope.isJson = false } if ($scope.isJson) { $timeout(() => { // en , zn let language switch(p3xr.settings.language.current) { case 'zn': language = 'zh-CN' break; default: language = 'en' break; } const container = document.getElementById("p3xr-jsoneditor") const options = { //sortObjectKeys: false, limitDragging: false, modes: ['tree', 'view', 'preview'], //history: false, mode: 'tree', //search: true, //mainMenuBar: false, language: language, //enableSort: false, //enableTransform: false, //ace: ace, } if (JSON.stringify(obj).length > 10240) { p3xrCommon.toast({ message: p3xr.strings.label.bigJson, hideDelay: 10000 }) } editor = new JSONEditor(container, options, obj) }) } $scope.$on('$destroy', () => { $rootScope.$broadcast('p3xr-main-resizer', { drag: true }) }) // Promise reject $scope.ok = function () { $mdDialog.cancel(); }; // Promise resolve $scope.save = function ({ format }) { $mdDialog.hide({ obj: JSON.stringify(editor.get(), null, format ? p3xr.settings.jsonFormat : 0) }); }; /* // Promise resolve - with result $scope.answer = function (answer) { $mdDialog.hide(answer); }; */ }, template: require('./p3xr-dialog-json-editor.html'), parent: angular.element(document.body), targetEvent: options.$event, clickOutsideToClose: false, fullscreen: true, // Only for -xs, -sm breakpoints. multiple: true, }) } } }); src/angular/dialog/p3xr-dialog-json-view.html000066400000000000000000000023771520135770500215110ustar00rootroot00000000000000
table_chart   {{ $root.p3xr.strings.intention.jsonViewShow }} close
{{ $root.p3xr.strings.label.jsonViewNotParsable}}
close {{ $root.p3xr.strings.intention.close }} src/angular/dialog/p3xr-dialog-json-view.js000066400000000000000000000032231520135770500211500ustar00rootroot00000000000000p3xr.ng.factory('p3xrDialogJsonView', function (p3xrCommon, $mdDialog) { return new function () { this.show = async (options) => { try { const result = await $mdDialog.show({ controller: function ($scope, $mdDialog) { try { $scope.obj = JSON.parse(options.value) $scope.isJson = true } catch (e) { $scope.obj = undefined $scope.isJson = false } // Promise reject $scope.ok = function () { $mdDialog.cancel(); }; /* // Promise resolve $scope.hide = function () { $mdDialog.hide(); }; // Promise resolve - with result $scope.answer = function (answer) { $mdDialog.hide(answer); }; */ }, template: require('./p3xr-dialog-json-view.html'), parent: angular.element(document.body), targetEvent: options.$event, clickOutsideToClose: true, fullscreen: true // Only for -xs, -sm breakpoints. }) // console.warn(result) } catch (error) { p3xrCommon.generalHandleError(error) } } } }); src/angular/dialog/p3xr-dialog-key-new-or-set.html000066400000000000000000000153051520135770500223510ustar00rootroot00000000000000

{{ options.type === 'edit' ? $root.p3xr.strings.form.key.label.formName.edit : ( options.type === 'append' ? $root.p3xr.strings.form.key.label.formName.append : $root.p3xr.strings.form.key.label.formName.add ) }}

close
{{ $root.p3xr.strings.form.key.error.key }}
{{ $root.p3xr.strings.redisTypes[type] }}
{{ $root.p3xr.strings.label.redisListIndexInfo }}
{{ $root.p3xr.strings.form.key.error.hashKey }}
{{ $root.p3xr.strings.form.key.error.score }}
edit {{ $root.p3xr.strings.intention.jsonViewEditor }} {{ $root.p3xr.strings.intention.jsonViewEditor }} format_line_spacing {{ $root.p3xr.strings.intention.formatJson }} {{ $root.p3xr.strings.intention.formatJson }} {{ $root.p3xr.strings.label.validateJson }}
{{ $root.p3xr.strings.form.key.error.value }}
{{ $root.p3xr.strings.label.jsonViewNotParsable }}
{{ options.type === 'edit' ? 'edit' : 'add'}} {{ options.type === 'edit' ? $root.p3xr.strings.intention.save : $root.p3xr.strings.intention.add }} close {{ $root.p3xr.strings.intention.cancel }}
src/angular/dialog/p3xr-dialog-key-new-or-set.js000066400000000000000000000140141520135770500220150ustar00rootroot00000000000000p3xr.ng.factory('p3xrDialogKeyNewOrSet', function (p3xrCommon, $mdDialog, p3xrSocket, p3xrDialogJsonEditor) { return new function () { this.show = (options) => { return new Promise(async (resolve, reject) => { try { const result = await $mdDialog.show({ controller: function ($scope, $mdDialog) { $scope.types = [ 'string', 'list', 'hash', 'set', 'zset', ] $scope.validateJson = false; $scope.model = { type: 'string', key: options.node !== undefined ? options.node.key : '', value: undefined, score: undefined, hashKey: undefined, index: undefined, } $scope.options = options; if (options.hasOwnProperty('model')) { Object.assign($scope.model, options.model) } //console.warn($scope.model) // Promise reject $scope.cancel = function () { /* p3xrCommon.toast({ message: p3xr.strings.status.cancelled }) */ $mdDialog.cancel(); reject() }; /* // Promise resolve $scope.hide = function () { $mdDialog.hide(); }; // Promise resolve - with result $scope.answer = function (answer) { $mdDialog.hide(answer); }; */ const handleInvalidForm = () => { if ($scope.p3xrKeyNewForm.$invalid) { p3xrCommon.toast({ message: p3xr.strings.form.error.invalid }) return false } return true } $scope.submit = async () => { if (!handleInvalidForm()) { return; } try { const response = await p3xrSocket.request({ action: 'key-new-or-set', payload: { type: options.type, originalValue: options.hasOwnProperty('model') ? options.model.value : undefined, originalHashKey: options.hasOwnProperty('model') ? options.model.hashKey : undefined, model: angular.copy($scope.model) }, }) resolve(response) p3xrCommon.toast({ message: p3xr.strings.status.set }) //$scope.options.type = 'edit'; $mdDialog.cancel(); } catch (e) { reject(e) p3xrCommon.generalHandleError(e) } } $scope.jsonEditor = async(options) => { try { const result = await p3xrDialogJsonEditor.show({ event: options.$event, value: options.value }) $scope.model.value = result.obj $scope.$digest(); } catch(e) { p3xrCommon.generalHandleError(e) } // this.showJson = !this.showJson } $scope.formatJson = () => { try { $scope.model.value = JSON.stringify(JSON.parse($scope.model.value), null, p3xr.settings.jsonFormat) } catch(e) { p3xrCommon.toast({ message: p3xr.strings.label.jsonViewNotParsable }) } } }, template: require('./p3xr-dialog-key-new-or-set.html'), parent: angular.element(document.body), targetEvent: options.$event, clickOutsideToClose: true, fullscreen: true, // Only for -xs, -sm breakpoints. multiple: true, }) // console.warn(result) } catch (error) { reject(error) p3xrCommon.generalHandleError(error) } }) } } }); src/angular/dialog/p3xr-dialog-treecontrol-settings.html000066400000000000000000000156021520135770500237610ustar00rootroot00000000000000

{{$root.p3xr.strings.form.treeSettings.label.formName}}

close
{{ $root.p3xr.strings.form.treeSettings.keyCount() }}

{{ $root.p3xr.strings.label.tooManyKeys({ count: $root.p3xr.state.keysRaw.length, maxLightKeysCount: $root.p3xr.settings.maxLightKeysCount}) }}

{{ $root.p3xr.strings.label.treeSeparatorEmpty }}
{{ $root.p3xr.strings.form.treeSettings.error.page }}
{{ $root.p3xr.strings.label.treeSettingsPageCount }}
{{ $root.p3xr.strings.form.treeSettings.error.maxValueDisplay }}
{{ $root.p3xr.strings.form.treeSettings.maxValueDisplayInfo }}
{{ model.keysSort ? $root.p3xr.strings.label.keysSort.on : $root.p3xr.strings.label.keysSort.off }}
{{ $root.p3xr.strings.label.treeKeyStore }}
{{ model.searchClientSide ? $root.p3xr.strings.form.treeSettings.label.searchModeClient : $root.p3xr.strings.form.treeSettings.label.searchModeServer }}
{{ $root.p3xr.strings.page.treeControls.search.info }}

{{ $root.p3xr.strings.page.treeControls.search.largeSetInfo }}
{{ model.searchStartsWith ? $root.p3xr.strings.form.treeSettings.label.searchModeStartsWith : $root.p3xr.strings.form.treeSettings.label.searchModeIncludes }} {{ model.jsonFormat ? $root.p3xr.strings.form.treeSettings.label.jsonFormatTwoSpace : $root.p3xr.strings.form.treeSettings.label.jsonFormatFourSpace }} save {{ $root.p3xr.strings.intention.save }} cancel {{ $root.p3xr.strings.intention.cancel }}
src/angular/dialog/p3xr-dialog-treecontrol-settings.js000066400000000000000000000112171520135770500234270ustar00rootroot00000000000000p3xr.ng.factory('p3xrDialogTreecontrolSettings', function (p3xrCommon, $mdDialog, $timeout) { return new function () { this.show = async (options) => { try { await $mdDialog.show({ controller: function ($scope, $rootScope) { console.log('$rootScope.p3xr.settings.maxValueDisplay', $rootScope.p3xr.settings.maxValueDisplay) $scope.model = { treeSeparator: $rootScope.p3xr.settings.redisTreeDivider, pageCount: $rootScope.p3xr.settings.pageCount, keysSort: $rootScope.p3xr.settings.keysSort, searchClientSide: $rootScope.p3xr.settings.searchClientSide, searchStartsWith: $rootScope.p3xr.settings.searchStartsWith, maxValueDisplay: $rootScope.p3xr.settings.maxValueDisplay, jsonFormat: $rootScope.p3xr.settings.jsonFormat === 2, } // Promise reject $scope.cancel = function () { /* p3xrCommon.toast({ message: p3xr.strings.status.cancelled }) */ $mdDialog.cancel(); }; /* // Promise resolve $scope.hide = function () { $mdDialog.hide(); }; // Promise resolve - with result $scope.answer = function (answer) { $mdDialog.hide(answer); }; */ const handleInvalidForm = () => { if ($scope.p3xrDialogTreecontrolSettingsForm.$invalid) { p3xrCommon.toast({ message: p3xr.strings.form.error.invalid }) return false } return true } $scope.submit = async () => { if (!handleInvalidForm()) { return; } try { $rootScope.p3xr.settings.redisTreeDivider = $scope.model.treeSeparator $rootScope.p3xr.settings.pageCount = $scope.model.pageCount $rootScope.p3xr.settings.keysSort = $scope.model.keysSort $rootScope.p3xr.settings.searchClientSide = $scope.model.searchClientSide $rootScope.p3xr.settings.searchStartsWith = $scope.model.searchStartsWith $rootScope.p3xr.state.page = 1 $rootScope.p3xr.state.redisChanged = true; $rootScope.p3xr.settings.maxValueDisplay = $scope.model.maxValueDisplay $rootScope.p3xr.settings.jsonFormat = $scope.model.jsonFormat === true ? 2 : 4 /* $timeout(() => { $rootScope.$digest() }) */ //if ( !$rootScope.p3xr.settings.searchClientSide ) { if (options.p3xrMainRef !== undefined) { options.p3xrMainRef.refresh() } //} //$scope.options.type = 'edit'; $mdDialog.cancel(); $rootScope.$broadcast('p3x-refresh'); } catch (e) { p3xrCommon.generalHandleError(e) } } }, template: require('./p3xr-dialog-treecontrol-settings.html'), parent: angular.element(document.body), targetEvent: options.$event, clickOutsideToClose: true, fullscreen: true // Only for -xs, -sm breakpoints. }) // console.warn(result) } catch (error) { p3xrCommon.generalHandleError(error) } } } }); src/angular/directive/000077500000000000000000000000001520135770500152615ustar00rootroot00000000000000src/angular/directive/p3x-validate-json.js000066400000000000000000000027121520135770500210710ustar00rootroot00000000000000p3xr.ng.directive('p3xValidateJson', function () { return { restrict: 'A', require: 'ngModel', scope: { p3xValidateJsonRequired: '<' }, link: function (scope, elm, attrs, ngModel) { let required = scope.p3xValidateJsonRequired || false let globalValue scope.$watch('p3xValidateJsonRequired', (val, oldVal) => { required = val; if (!required) { ngModel.$setValidity('p3xValidateJson', true); } else { try { JSON.parse(globalValue) ngModel.$setValidity('p3xValidateJson', true); } catch (e) { ngModel.$setValidity('p3xValidateJson', false); } } }) ngModel.$validators.p3xIsJson = (modelValue, viewValue) => { globalValue = modelValue if (!required) { ngModel.$setValidity('p3xValidateJson', true); return true } try { JSON.parse(modelValue) ngModel.$setValidity('p3xValidateJson', true); return true } catch (e) { ngModel.$setValidity('p3xValidateJson', false); return false } }; } }; }); src/angular/directive/p3xr-ng-enter.js000066400000000000000000000005651520135770500202360ustar00rootroot00000000000000p3xr.ng.directive('ngEnter', function () { return function (scope, element, attrs) { element.bind("keydown keypress", function (event) { if (event.which === 13) { scope.$apply(function () { scope.$eval(attrs.ngEnter); }); event.preventDefault(); } }); }; })src/angular/factory/000077500000000000000000000000001520135770500147525ustar00rootroot00000000000000src/angular/factory/p3xr-common.js000066400000000000000000000101601520135770500174700ustar00rootroot00000000000000p3xr.ng.factory('p3xrCommon', function ($mdToast, $mdDialog, $mdColors, $rootScope, p3xrRedisParser, $timeout,) { const debounce = require('lodash/debounce') const generalHandleError = (dataOrError) => { if (dataOrError === undefined) { return; } if (!(dataOrError instanceof Error || dataOrError instanceof Object)) { dataOrError = new Error(dataOrError) } if (dataOrError instanceof Error || dataOrError.status === 'error') { let error if (dataOrError instanceof Error) { error = dataOrError } else { error = dataOrError.error } console.warn('generalHandleError') console.error(error) if (error.hasOwnProperty('code') && p3xr.strings.code.hasOwnProperty(error.code)) { error.message = p3xr.strings.code[error.code] } result.alert({ title: p3xr.strings.title.error, message: '
' + (error.hasOwnProperty('message') ? error.message : error) + '
', }) return false } return true } const toast = (options) => { if (typeof options === 'string') { options = { message: options } } const template = '' + options.message + '' $mdToast.show({ template: template, hideDelay: options.hideDelay || p3xr.settings.toast.timeout, position: p3xr.settings.toast.position, }); } const confirm = (options) => { let confirm, title, okButton if (!options.hasOwnProperty('disableCancel')) { confirm = $mdDialog.confirm() title = p3xr.strings.confirm.title okButton = p3xr.strings.intention.sure } else { confirm = $mdDialog.alert() title = p3xr.strings.confirm.info okButton = p3xr.strings.intention.ok } confirm .title(title) .htmlContent(options.message) .targetEvent(options.event) .ok(okButton) .multiple(true) if (!options.hasOwnProperty('disableCancel')) { confirm.cancel(p3xr.strings.intention.cancel); } return $mdDialog.show(confirm) } const loadRedisInfoResponse = (options) => { const {response} = options console.time('loadRedisInfoResponse') $rootScope.p3xr.state.info = p3xrRedisParser.info(response.info) //$rootScope.p3xr.state.infoObject = response.infoObject $rootScope.p3xr.state.keysRaw = response.keys if ($rootScope.p3xr.settings.keysSort && $rootScope.p3xr.state.keysRaw.length <= p3xr.settings.maxLightKeysCount) { $rootScope.p3xr.state.keysRaw = response.keys.sort(p3xr.sort.naturalCompareDocument()) } else { $rootScope.p3xr.state.keysRaw = response.keys } $rootScope.p3xr.state.keysInfo = response.keysInfo $timeout(() => { $rootScope.p3xr.state.reducedFunctions = $rootScope.p3xr.state.keysRaw.length > p3xr.settings.maxLightKeysCount $rootScope.$digest() console.timeEnd('loadRedisInfoResponse') }) } const setTableZebraStyles = (options) => { const {$odd} = options if (!$odd) { return ''; } let style = ''; const bg = $mdColors.getThemeColor(`${p3xr.state.themeLayout}-background-500-0.1`) style += `background-color: ${bg};` return style; } const result = { generalHandleError: generalHandleError, toast: toast, alert: (opts) => { if (typeof opts === 'string') { opts = { message: opts } } opts.disableCancel = true return confirm(opts) }, confirm: confirm, loadRedisInfoResponse: loadRedisInfoResponse, setTableZebraStyles: setTableZebraStyles, } return result; }); src/angular/factory/p3xr-redis-parser.js000066400000000000000000000137611520135770500206120ustar00rootroot00000000000000p3xr.ng.factory('p3xrRedisParser', function ($rootScope) { return new function () { const selfMain = this; this.array = (options) => { const {line} = options let {divider, fieldDivider} = options if (divider === undefined) { divider = ',' } if (fieldDivider === undefined) { fieldDivider = '=' } const rows = line.split(divider) const obj = {} for (let row of rows) { const rowLine = row.split(fieldDivider) obj[rowLine[0]] = rowLine[1].trim() } return obj } this.info = (str) => { const lines = str.split('\n') const obj = {} let section let currentSectionObj for (let line of lines) { if (line.startsWith('#')) { if (section !== undefined) { obj[section] = currentSectionObj } section = line.substring(1).toLowerCase().trim() currentSectionObj = {} } else if (line.length > 2) { const lineArray = line.split(':') currentSectionObj[lineArray[0]] = lineArray[1].includes(',') ? selfMain.array({ line: lineArray[1].trim() }) : lineArray[1].trim() } } if (section !== undefined) { obj[section] = currentSectionObj } if (obj.hasOwnProperty('keyspace')) { obj.keyspaceDatabases = {} Object.keys(obj.keyspace).forEach(key => { key = parseInt(key.substring(2)) obj.keyspaceDatabases[key] = true }) } return obj } this.keysToTreeControl = (options) => { // const start = Date.now() let {keys} = options let {divider} = options if (divider === undefined) { divider = p3xr.settings.redisTreeDivider } //console.warn(keys) const mainNodes = [] $rootScope.expandedNodes = [] const recursiveNodes = (splitKey, level = 0, nodes = mainNodes) => { let foundNode = false if (level + 1 < splitKey.length) { for (let nodeIndex in nodes) { const node = nodes[nodeIndex] if (node.label === splitKey[level] && node.type === 'folder') { foundNode = node } } } if (foundNode === false) { const defaultFoundNode = { label: splitKey[level], key: splitKey.slice(0, level + 1).join(divider), children: [], childCount: 0, } if (level + 1 === splitKey.length) { //console.warn(splitKey.length - 1 === level)t foundNode = Object.assign(defaultFoundNode, { type: 'element', keysInfo: p3xr.state.keysInfo[defaultFoundNode.key] }) } else { foundNode = Object.assign(defaultFoundNode, { type: 'folder', }) } nodes.push(foundNode) } for (let saveExpandedNode of $rootScope.savedExpandedNodes) { if (saveExpandedNode.key === foundNode.key) { $rootScope.expandedNodes.push(foundNode) } } if (level + 1 < splitKey.length) { recursiveNodes(splitKey, level + 1, foundNode.children) } } for (let key of keys) { let splitkey; if (divider === '') { splitkey = [key] } else { splitkey = key.split(divider) } recursiveNodes(splitkey) } const generatedKeys = {} const recursiveKeyCount = (node) => { generatedKeys[node.key] = node.children.length; for (let child of node.children) { recursiveKeyCount(child) } } for (let node of mainNodes) { recursiveKeyCount(node) } const recursiveCounterKeys = (node) => { for (let generatedKey of Object.keys(generatedKeys)) { if (generatedKey.startsWith(`${node.key}:`) || generatedKey === node.key) { node.childCount += generatedKeys[generatedKey] } } for (let child of node.children) { recursiveCounterKeys(child) } } for (let node of mainNodes) { recursiveCounterKeys(node) } //console.warn('key calculate', (Date.now() - start), 'ms' ) $rootScope.savedExpandedNodes = [] return mainNodes } this.console = new function () { const selfConsole = this; selfConsole.parse = (responseResult) => { if (typeof responseResult === 'object') { let result = '' Object.keys(responseResult).forEach(key => { if (result !== '') { result += "\n" } result += responseResult[key] }) return result } else { return responseResult } } } }; }); src/angular/factory/p3xr-socket.js000066400000000000000000000126761520135770500175060ustar00rootroot00000000000000p3xr.ng.factory('p3xrSocket', function ($rootScope, p3xrCommon, $state) { // socket.io now auto-configures its connection when we ommit a connection url const ioOptions = { rejectUnauthorized: false, path: '/socket.io', transports: ['websocket'], secure: true, } const ioClient = io.connect(p3xr.api.host, ioOptions); //console.warn(p3xr.api.host, ioOptions) let reconnect = false; ioClient.on('connect', async function () { if (reconnect) { console.log('p3xr-socket (socket) RE-connected', ioClient.id) //return; } else { console.log('p3xr-socket (socket) connected', ioClient.id) } reconnect = true; }) ioClient.on('disconnect', function () { location.reload() }) let donated = undefined ioClient.on('info-interval', (data) => { $rootScope.p3xr.state.donated = data.donated if (data.donated !== donated) { if (!global.p3xr.isBot()) { window['gtag']('config', p3xr.settings.googleAnalytics, { 'page_path': p3xr.state.donated ? '/donated' : '/free' } ); } donated = data.donated $rootScope.$digest(); } }) let connectErrorWas = false const socketError = async function (error) { if (!connectErrorWas) { connectErrorWas = true; try { p3xrCommon.generalHandleError(error) $state.go('socketio-error', { error: error }) await p3xrCommon.confirm({ disableCancel: false, message: p3xr.strings.confirm.socketioConnectError }) location.reload() } catch (e) { p3xrCommon.generalHandleError(e) } } } ioClient.on('error', socketError) ioClient.on('connect_error', socketError) ioClient.on('connections', (data) => { //console.log(data) if (!p3xrCommon.generalHandleError(data)) { p3xr.connectionsReset() return; } p3xr.state.connections = data.connections $rootScope.$digest() }) ioClient.on('redis-disconnected', async (data) => { if ($rootScope.p3xr.state.connection !== undefined && $rootScope.p3xr.state.connection.id === data.connectionId) { $rootScope.p3xr.state.connection = undefined; if (data.status === 'error') { p3xrCommon.toast({ message: p3xr.strings.status.redisDisconnected(data) }) } else if (data.status === 'code') { if (!p3xr.strings.code.hasOwnProperty(data.code)) { p3xrCommon.toast({ message: `unknown redis disconnect code: ${data.code}` }) } else { p3xrCommon.toast({ message: p3xr.strings.code[data.code] }) } } $state.go('main') try { await request({ action: 'trigger-redis-disconnect', enableResponse: false, }) } catch (e) { p3xrCommon.generalHandleError(e) } //$rootScope.$digest(); } }) ioClient.on('redis-status', (data) => { $rootScope.p3xr.state.redisConnections = data.redisConnections $rootScope.$digest(); }) ioClient.on('configuration', (data) => { $rootScope.p3xr.state.cfg = data; if (p3xr.state.cfg.snapshot === true) { p3xr.state.version = 'SNAPSHOT' } else { p3xr.state.version = 'v' + p3xr.pkg.version } $rootScope.$digest(); }) ioClient.on('error', p3xrCommon.generalHandleError) const request = (options) => { let {enableResponse} = options if (enableResponse !== false) { enableResponse = true } if (enableResponse) { return new Promise((resolve, reject) => { options.requestId = p3xr.nextId(); const responseEvent = `p3xr-response-${options.requestId}` let timeout const response = (data) => { clearTimeout(timeout) ioClient.off(responseEvent) if (data.status === 'ok') { resolve(data) } else { const error = new Error(data.error.message) error.code = data.error.code reject(error) } $rootScope.$digest() } timeout = setTimeout(() => { ioClient.off(responseEvent, response) reject(new Error(p3xr.strings.label.socketIoTimeout({ timeout: p3xr.settings.socket.timeout }))); $rootScope.$digest() }, p3xr.settings.socket.timeout) ioClient.on(responseEvent, response) ioClient.emit('p3xr-request', options) }) } else { ioClient.emit('p3xr-request', options) } } return { ioClient: ioClient, request: request, }; }); src/angular/injector.js000066400000000000000000000031071520135770500154570ustar00rootroot00000000000000//injector-angular-start require('./dialog/p3xr-dialog-connection.js'); require('./dialog/p3xr-dialog-json-editor.js'); require('./dialog/p3xr-dialog-json-view.js'); require('./dialog/p3xr-dialog-key-new-or-set.js'); require('./dialog/p3xr-dialog-treecontrol-settings.js'); require('./directive/p3x-validate-json.js'); require('./directive/p3xr-ng-enter.js'); require('./factory/p3xr-common.js'); require('./factory/p3xr-redis-parser.js'); require('./factory/p3xr-socket.js'); require('./layout/p3xr-layout.js'); require('./pages/main/key/p3xr-main-key-hash.js'); require('./pages/main/key/p3xr-main-key-list.js'); require('./pages/main/key/p3xr-main-key-set.js'); require('./pages/main/key/p3xr-main-key-string.js'); require('./pages/main/key/p3xr-main-key-zset.js'); require('./pages/main/p3xr-main-key.js'); require('./pages/main/p3xr-main-statistics.js'); require('./pages/main/p3xr-main-treecontrol-controls.js'); require('./pages/main/p3xr-main-treecontrol.js'); require('./pages/p3xr-console.js'); require('./pages/p3xr-error.js'); require('./pages/p3xr-main.js'); require('./pages/p3xr-overview.js'); require('./pages/p3xr-settings.js'); require('./provider/p3xr-theme.js'); require('./provider/theme-generator/p3xr-theme-dark.js'); require('./provider/theme-generator/p3xr-theme-darko-bluo.js'); require('./provider/theme-generator/p3xr-theme-enterprise.js'); require('./provider/theme-generator/p3xr-theme-light.js'); require('./provider/theme-generator/p3xr-theme-redis.js'); require('./ui/p3xr-accordion.js'); require('./ui/p3xr-button.js'); require('./ui/p3xr-input.js'); //injector-angular-endsrc/angular/layout/000077500000000000000000000000001520135770500146205ustar00rootroot00000000000000src/angular/layout/p3xr-layout.html000066400000000000000000000155731520135770500177300ustar00rootroot00000000000000
{{ $root.p3xr.state.version }}
{{ $root.p3xr.state.version }}
warning {{ $root.p3xr.strings.label.reducedFunction }}
src/angular/layout/p3xr-layout.js000066400000000000000000000166641520135770500174020ustar00rootroot00000000000000p3xr.ng.component('p3xrLayout', { template: require('./p3xr-layout.html'), controller: function (p3xrTheme, $rootScope, p3xrSocket, p3xrCommon, $state, $cookies, $timeout) { this.setTheme = (theme) => { p3xrTheme.setTheme(p3xrTheme.generateThemeName(theme)) } this.openLink = { github: () => { window.open(`https://github.com/patrikx3/redis-ui`, `github-patrikx3-${p3xr.pkg.corifeus.reponame}`) }, githubTodo: () => { window.open(`https://github.com/patrikx3/redis-ui/blob/master/todo.md#to-do`, `github-patrikx3-${p3xr.pkg.corifeus.reponame}-todo`) }, githubChangelog: () => { window.open(`https://github.com/patrikx3/redis-ui/blob/master/changelog.md#change-log`, `github-patrikx3-${p3xr.pkg.corifeus.reponame}-changelog`) }, } const camelCase = require('lodash/camelCase') Object.defineProperty(this, 'themeSelectedKey', { get: () => { let key = p3xr.state.theme key = key.slice('p3xrTheme'.length) key = camelCase(key) return key } }) let $warning const resize = () => { $warning.css('left', ((document.documentElement.clientWidth / 2) - ($warning.outerWidth() / 2)) + 'px') } this.reducedFunctionalty = () => { p3xrCommon.confirm({ disableCancel: true, message: p3xr.strings.label.tooManyKeys({ count: $rootScope.p3xr.state.keysRaw.length, maxLightKeysCount: p3xr.settings.maxLightKeysCount, }) }) } this.$onInit = () => { $warning = $('#p3xr-layout-reduced') resize() $window.on('resize', resize) const connection = $cookies.getObject(p3xr.settings.connectInfo.cookieName) if (connection !== undefined) { this.connect(connection) } $timeout(() => { global.p3xrSetLanguage = (key) => { $rootScope.$apply(() => { $rootScope.isElectron = true this.setLanguage(key) }) } global.p3xrSetMenu = (menu) => { $rootScope.$apply(() => { $rootScope.isElectron = true $state.go(menu) }) } }, 3000) /* $('head').append(` `) */ } this.$onDestroy = function () { $window.off('resize', resize) }; //let waitForGoogleTag //let waitedForGoogleTag = false //const maxWaitForGooglaTag = 4 * 5 if (!global.p3xr.isBot()) { $rootScope.$on('$locationChangeSuccess', async function (event, to, from) { const url = new URL(to) console.log('$locationChangeSuccess gtag', url.pathname) window['gtag']('config', p3xr.settings.googleAnalytics, { 'page_path': url.pathname } ); }); } this.connect = async (connection) => { console.time('connect') p3xr.state.search = ''; connection = angular.copy(connection) try { const originalStateArr = location.pathname.split('/') originalStateArr.shift() let originalState = originalStateArr.join('.') if (originalState === '') { originalState = 'main' } //console.warn(originalState) p3xr.ui.overlay.show({ message: p3xr.strings.title.connectingRedis }) const db = $cookies.get(p3xr.settings.connection.getCookieNameCurrentDatabase(connection.id)) const response = await p3xrSocket.request({ action: 'connection-connect', payload: { connection: connection, db: db }, }) $rootScope.p3xr.state.page = 1 p3xr.state.dbsize = response.dbsize let dbIndex = 0 const databaseIndexes = [] //console.warn(response) while (dbIndex < response.databases) { databaseIndexes.push(dbIndex++) } p3xr.state.commands = [] Object.keys(response.commands).forEach(key => { p3xr.state.commands.push(response.commands[key][0]) }) p3xr.state.commands.sort() $rootScope.p3xr.state.databaseIndexes = databaseIndexes $rootScope.p3xr.state.connection = connection p3xrCommon.loadRedisInfoResponse({ response: response }) $cookies.putObject(p3xr.settings.connectInfo.cookieName, connection, { expires: p3xr.settings.cookieExpiry }) if (!originalState.startsWith('main')) { $state.go(originalState) } else if (originalState === 'main') { $state.go('main.statistics') } } catch (error) { $cookies.remove(p3xr.settings.connectInfo.cookieName) $rootScope.p3xr.state.connection = undefined p3xrCommon.generalHandleError(error) } finally { p3xr.ui.overlay.hide() } // $rootScope.$digest() console.timeEnd('connect') } this.disconnect = async () => { try { $cookies.remove(p3xr.settings.connectInfo.cookieName) await p3xrSocket.request({ action: 'connection-disconnect', payload: { connectionId: p3xr.state.connection.id, }, }) $rootScope.p3xr.state.connection = undefined } catch (error) { p3xrCommon.generalHandleError(error) } finally { $state.go('main') } // $rootScope.$digest() } Object.defineProperty(this, 'connectionName', { get: () => { if ($rootScope.p3xr.state.connection !== undefined) { return $rootScope.p3xr.strings.label.connected({ name: $rootScope.p3xr.state.connection.name }) } else { return $rootScope.p3xr.strings.intention.connect } } }) this.isMain = () => { return $state.current.name.startsWith('main') } this.setLanguage = (key) => { $rootScope.p3xr.settings.language.current = key //console.warn($rootScope) } } }) src/angular/layout/p3xr-layout.scss000066400000000000000000000025451520135770500177320ustar00rootroot00000000000000@import '../../scss/vars'; .p3xr-layout-content, .p3xr-layout-content-electron { position: absolute; left: 0px; right: 0px; margin-bottom: $toolbar-height; } .p3xr-layout-content-electron { } .p3xr-layout-content { padding: $layout-padding; margin-top: $toolbar-height; } #p3xr-layout-header-container { top: 0px; } #p3xr-layout-footer-container { bottom: 0px; } #p3xr-layout-header-version-free { position: fixed; z-index: 6; top: 32px; left: 128px; font-size: 75%; } #p3xr-layout-header-version-donated { position: fixed; z-index: 6; top: 32px; left: 128px; font-size: 75%; } #p3xr-layout-header-container, #p3xr-layout-footer-container { position: fixed; z-index: 5; left: 0px; width: 100%; md-toolbar, .md-toolbar-tools { height: $toolbar-height !important; min-height: $toolbar-height !important; max-height: $toolbar-height !important; } } #p3xr-layout-reduced { position: fixed; z-index: 11; max-width: 310px; width: 310px; text-align: center; padding-left: 5px; padding-right: 5px; height: $toolbar-height / 2; bottom: $toolbar-height + 5px; font-weight: bold; text-transform: uppercase; line-height: $toolbar-height / 2; border-style: solid; border-width: 5px; cursor: pointer; } src/angular/pages/000077500000000000000000000000001520135770500144025ustar00rootroot00000000000000src/angular/pages/main/000077500000000000000000000000001520135770500153265ustar00rootroot00000000000000src/angular/pages/main/key/000077500000000000000000000000001520135770500161165ustar00rootroot00000000000000src/angular/pages/main/key/p3xr-main-key-hash.html000066400000000000000000000051601520135770500223330ustar00rootroot00000000000000
{{ $root.p3xr.strings.page.key.hash.table.hashkey }}
{{ $root.p3xr.strings.page.key.hash.table.value }}
{{ $root.p3xr.strings.intention.add }} add
{{ key.substring(0, $root.p3xr.settings.maxValueDisplay) }}...{{ key }}
{{ value.substring(0, $root.p3xr.settings.maxValueDisplay) }}...{{ value }}
{{ $root.p3xr.strings.intention.jsonViewShow }} table_chart {{ $root.p3xr.strings.intention.edit }} edit {{ $root.p3xr.strings.intention.delete }} delete
src/angular/pages/main/key/p3xr-main-key-hash.js000066400000000000000000000045121520135770500220030ustar00rootroot00000000000000p3xr.ng.component('p3xrMainKeyHash', { template: require('./p3xr-main-key-hash.html'), bindings: { p3xrValue: '=', p3xrKey: '<', p3xrResponse: '<', }, controller: function (p3xrCommon, p3xrSocket, p3xrDialogJsonView, p3xrDialogKeyNewOrSet, $rootScope) { this.addHash = async (options) => { try { await p3xrDialogKeyNewOrSet.show({ type: 'append', $event: options.$event, model: { type: 'hash', key: this.p3xrKey } }) $rootScope.$broadcast('p3x-refresh-key'); } catch (e) { p3xrCommon.generalHandleError(e) } } this.deleteHashKey = async (options) => { try { await p3xrCommon.confirm({ event: options.$event, message: p3xr.strings.confirm.deleteHashKey, }) await p3xrSocket.request({ action: 'key-hash-delete-field', payload: { key: this.p3xrKey, hashKey: options.hashKey, } }) $rootScope.$broadcast('p3x-refresh-key'); } catch (e) { p3xrCommon.generalHandleError(e) } } this.editValue = async (options) => { try { const {hashKey, value} = options await p3xrDialogKeyNewOrSet.show({ type: 'edit', $event: options.$event, model: { type: 'hash', value: value, hashKey: hashKey, key: this.p3xrKey } }) $rootScope.$broadcast('p3x-refresh-key'); } catch (e) { p3xrCommon.generalHandleError(e) } } this.showJson = (options) => { const {value} = options; p3xrDialogJsonView.show({ value: value }) } this.setTableStyles = (options) => { return p3xrCommon.setTableZebraStyles(options) } } }) src/angular/pages/main/key/p3xr-main-key-list.html000066400000000000000000000045431520135770500223670ustar00rootroot00000000000000
{{ $root.p3xr.strings.page.key.list.table.index }}  
{{ $root.p3xr.strings.page.key.list.table.value }}
{{ $root.p3xr.strings.intention.add }} add
{{ $index }}  
{{ value.substring(0, $root.p3xr.settings.maxValueDisplay) }}...{{ value }}
{{ $root.p3xr.strings.intention.jsonViewShow }} table_chart {{ $root.p3xr.strings.intention.edit }} edit {{ $root.p3xr.strings.intention.delete }} delete
src/angular/pages/main/key/p3xr-main-key-list.js000066400000000000000000000046361520135770500220420ustar00rootroot00000000000000p3xr.ng.component('p3xrMainKeyList', { template: require('./p3xr-main-key-list.html'), bindings: { p3xrValue: '=', p3xrKey: '<', p3xrResponse: '<', }, controller: function ($mdColors, p3xrCommon, p3xrSocket, $rootScope, p3xrDialogJsonView, p3xrDialogKeyNewOrSet) { this.appendValue = async (options) => { try { const {index, value} = options await p3xrDialogKeyNewOrSet.show({ type: 'append', $event: options.$event, model: { type: 'list', key: this.p3xrKey } }) $rootScope.$broadcast('p3x-refresh-key'); } catch (e) { p3xrCommon.generalHandleError(e) } } this.editValue = async (options) => { try { const {index, value} = options await p3xrDialogKeyNewOrSet.show({ type: 'edit', $event: options.$event, model: { type: 'list', value: value, index: options.index, key: this.p3xrKey } }) $rootScope.$broadcast('p3x-refresh-key'); } catch (e) { p3xrCommon.generalHandleError(e) } } this.deleteListElement = async (options) => { try { await p3xrCommon.confirm({ event: options.$event, message: p3xr.strings.confirm.deleteListItem, }) const response = await p3xrSocket.request({ action: 'key-list-delete-index', payload: { key: this.p3xrKey, index: options.index, } }) $rootScope.$broadcast('p3x-refresh-key'); } catch (e) { p3xrCommon.generalHandleError(e) } } this.showJson = (options) => { const {value} = options; p3xrDialogJsonView.show({ value: value }) } this.setTableStyles = (options) => { return p3xrCommon.setTableZebraStyles(options) } } }) src/angular/pages/main/key/p3xr-main-key-list.scss000066400000000000000000000000321520135770500223630ustar00rootroot00000000000000p3xr-main-key-list { } src/angular/pages/main/key/p3xr-main-key-set.html000066400000000000000000000040001520135770500221730ustar00rootroot00000000000000
{{ $root.p3xr.strings.page.key.set.table.value }}
{{ $root.p3xr.strings.intention.add }} add
{{ value.substring(0, $root.p3xr.settings.maxValueDisplay) }}...{{ value }}
{{ $root.p3xr.strings.intention.jsonViewShow }} table_chart {{ $root.p3xr.strings.intention.edit }} edit {{ $root.p3xr.strings.intention.delete }} delete
src/angular/pages/main/key/p3xr-main-key-set.js000066400000000000000000000044221520135770500216530ustar00rootroot00000000000000p3xr.ng.component('p3xrMainKeySet', { template: require('./p3xr-main-key-set.html'), bindings: { p3xrValue: '=', p3xrKey: '<', p3xrResponse: '<', }, controller: function (p3xrCommon, p3xrSocket, p3xrDialogJsonView, p3xrDialogKeyNewOrSet, $rootScope) { this.addSet = async (options) => { try { await p3xrDialogKeyNewOrSet.show({ type: 'append', $event: options.$event, model: { type: 'set', key: this.p3xrKey } }) $rootScope.$broadcast('p3x-refresh-key'); } catch (e) { p3xrCommon.generalHandleError(e) } } this.deleteSetMember = async (options) => { try { await p3xrCommon.confirm({ event: options.$event, message: p3xr.strings.confirm.deleteSetMember, }) await p3xrSocket.request({ action: 'key-set-delete-member', payload: { key: this.p3xrKey, value: options.value, } }) $rootScope.$broadcast('p3x-refresh-key'); } catch (e) { p3xrCommon.generalHandleError(e) } } this.editValue = async (options) => { try { const {value} = options await p3xrDialogKeyNewOrSet.show({ type: 'edit', $event: options.$event, model: { type: 'set', value: value, key: this.p3xrKey } }) $rootScope.$broadcast('p3x-refresh-key'); } catch (e) { p3xrCommon.generalHandleError(e) } } this.showJson = (options) => { const {value} = options; p3xrDialogJsonView.show({ value: value }) } this.setTableStyles = (options) => { return p3xrCommon.setTableZebraStyles(options) } } }) src/angular/pages/main/key/p3xr-main-key-string.html000066400000000000000000000070421520135770500227170ustar00rootroot00000000000000
edit {{ $root.p3xr.strings.intention.jsonViewEditor }} {{ $root.p3xr.strings.intention.jsonViewEditor }} table_chart {{ $root.p3xr.strings.intention.jsonViewShow }} {{ $root.p3xr.strings.intention.jsonViewShow }} format_line_spacing {{ $root.p3xr.strings.intention.formatJson }} {{ $root.p3xr.strings.intention.formatJson }} edit {{ $root.p3xr.strings.intention.edit }} {{ $root.p3xr.strings.intention.edit }} save {{ $root.p3xr.strings.intention.save }} {{ $root.p3xr.strings.intention.save }} cancel {{ $root.p3xr.strings.intention.cancel }} {{ $root.p3xr.strings.intention.cancel }}
{{ $ctrl.p3xrValue.substring(0, $root.p3xr.settings.maxValueDisplay) }}...{{ $ctrl.p3xrValue }}
{{ $root.p3xr.strings.label.validateJson }}
src/angular/pages/main/key/p3xr-main-key-string.js000066400000000000000000000051321520135770500223650ustar00rootroot00000000000000p3xr.ng.component('p3xrMainKeyString', { template: require('./p3xr-main-key-string.html'), bindings: { p3xrValue: '=', p3xrKey: '<', p3xrResponse: '<', }, controller: function (p3xrSocket, p3xrCommon, $rootScope, p3xrDialogJsonView, p3xrDialogJsonEditor) { this.editable = false; let originalValue this.edit = () => { originalValue = angular.copy(this.p3xrValue) this.editable = true } this.cancelEdit = () => { this.p3xrValue = originalValue this.editable = false } this.validateJson = false this.save = async () => { try { if (this.validateJson === true) { try { JSON.parse(this.p3xrValue) } catch (e) { p3xrCommon.toast({ message: p3xr.strings.label.jsonViewNotParsable }) return; } } const response = await p3xrSocket.request({ action: 'key-set', payload: { type: this.p3xrResponse.type, value: this.p3xrValue, key: this.p3xrKey, } }) this.editable = false $rootScope.$broadcast('p3x-refresh-key'); } catch (e) { p3xrCommon.generalHandleError(e) } } this.jsonViewer = (options) => { p3xrDialogJsonView.show({ event: options.$event, value: this.p3xrValue }) // this.showJson = !this.showJson } this.jsonEditor = async(options) => { try { const result = await p3xrDialogJsonEditor.show({ event: options.$event, value: this.p3xrValue }) this.p3xrValue = result.obj await this.save() } catch(e) { p3xrCommon.generalHandleError(e) } // this.showJson = !this.showJson } this.formatJson = async () => { try { this.p3xrValue = JSON.stringify(JSON.parse(this.p3xrValue), null, p3xr.settings.jsonFormat) await this.save() } catch(e) { p3xrCommon.toast({ message: p3xr.strings.label.jsonViewNotParsable }) } } } }) src/angular/pages/main/key/p3xr-main-key-string.scss000066400000000000000000000001071520135770500227210ustar00rootroot00000000000000p3xr-main-key-string { textarea { width: 100%; } } src/angular/pages/main/key/p3xr-main-key-zset.html000066400000000000000000000045751520135770500224060ustar00rootroot00000000000000
{{ $root.p3xr.strings.page.key.zset.table.score }}  
{{ $root.p3xr.strings.page.key.zset.table.value }}
{{ $root.p3xr.strings.intention.add }} add
{{ value[0] }}  
{{ value[1].substring(0, $root.p3xr.settings.maxValueDisplay) }}...{{ value[1] }}
{{ $root.p3xr.strings.intention.jsonViewShow }} table_chart {{ $root.p3xr.strings.intention.edit }} edit {{ $root.p3xr.strings.intention.delete }} delete
src/angular/pages/main/key/p3xr-main-key-zset.js000066400000000000000000000062751520135770500220550ustar00rootroot00000000000000p3xr.ng.component('p3xrMainKeyZset', { template: require('./p3xr-main-key-zset.html'), bindings: { p3xrValue: '=', p3xrKey: '<', p3xrResponse: '<', }, controller: function ($scope, p3xrCommon, p3xrSocket, p3xrDialogJsonView, p3xrDialogKeyNewOrSet, $rootScope) { const generateHashFromRedisSortedSet = (value,) => { const generatedValue = []; let savedValue = undefined; for (let item of value) { if (savedValue === undefined) { savedValue = item; } else { generatedValue.push([ parseFloat(item), savedValue ]) savedValue = undefined } } return generatedValue; } let lastVal $scope.$watch('$ctrl.p3xrValue', (newVal, oldVal) => { if (newVal !== lastVal) { //console.warn('p3xr main key zset update') lastVal = newVal this.generatedValue = generateHashFromRedisSortedSet(this.p3xrValue) } }) this.showJson = (options) => { const {value} = options; p3xrDialogJsonView.show({ value: value }) } this.setTableStyles = (options) => { return p3xrCommon.setTableZebraStyles(options) } this.addZSet = async (options) => { try { await p3xrDialogKeyNewOrSet.show({ type: 'append', $event: options.$event, model: { type: 'zset', key: this.p3xrKey } }) $rootScope.$broadcast('p3x-refresh-key'); } catch (e) { p3xrCommon.generalHandleError(e) } } this.deleteZSet = async (options) => { try { await p3xrCommon.confirm({ event: options.$event, message: p3xr.strings.confirm.deleteZSetMember, }) await p3xrSocket.request({ action: 'key-zset-delete-member', payload: { key: this.p3xrKey, value: options.member, } }) $rootScope.$broadcast('p3x-refresh-key'); } catch (e) { p3xrCommon.generalHandleError(e) } } this.editValue = async (options) => { try { const {member} = options await p3xrDialogKeyNewOrSet.show({ type: 'edit', $event: options.$event, model: { type: 'zset', score: options.score, value: member, key: this.p3xrKey } }) $rootScope.$broadcast('p3x-refresh-key'); } catch (e) { p3xrCommon.generalHandleError(e) } } } }) src/angular/pages/main/p3xr-main-key.html000066400000000000000000000117051520135770500206240ustar00rootroot00000000000000
refresh {{ $root.p3xr.strings.intention.reloadKey }} {{ $root.p3xr.strings.intention.reloadKey }} timer {{ $root.p3xr.strings.intention.ttl }} {{ $root.p3xr.strings.intention.ttl }} {{ $root.p3xr.strings.label.ttlTitle }} fingerprint {{ $root.p3xr.strings.intention.rename }} {{ $root.p3xr.strings.intention.rename }} delete {{ $root.p3xr.strings.intention.delete }} {{ $root.p3xr.strings.intention.delete }}

{{ $root.p3xr.strings.page.key.label.key }}: 

{{ $ctrl.$stateParams.key }}

{{ $root.p3xr.strings.page.key.label.ttl }}:

{{ $root.p3xr.strings.page.key.label.ttlNotExpire }} ({{ $ctrl.ttlParsed }}) {{ $ctrl.response.ttl }}

{{ $root.p3xr.strings.page.key.label.type }}:

{{ $root.p3xr.strings.redisTypes[$ctrl.response.type] }}

{{ $root.p3xr.strings.page.key.label.encoding }}:

{{ $ctrl.response.encoding }}

{{ $root.p3xr.strings.page.key.label.length }}:

{{ $ctrl.charactersPrettyBytes($ctrl.response.length) }}   {{ $ctrl.response.length }}   {{ $root.p3xr.strings.page.key.label.lengthString }} {{ $root.p3xr.strings.page.key.label.lengthItem }} src/angular/pages/main/p3xr-main-key.js000066400000000000000000000212571520135770500202770ustar00rootroot00000000000000//const moment = require("moment"); //const momentDurationFormatSetup = require("moment-duration-format"); p3xr.ng.component('p3xrMainKey', { template: require('./p3xr-main-key.html'), bindings: { p3xrResize: '&', }, controller: function (p3xrCommon, p3xrRedisParser, p3xrSocket, $rootScope, $stateParams, $timeout, $scope, $mdDialog, $state, $interval) { this.$stateParams = $stateParams; let wasExpiring = false const checkTtl = () => { if (this.response.ttl < -1 || (wasExpiring && this.response.ttl < 1)) { p3xrCommon.toast({ message: p3xr.strings.status.keyIsNotExisting }) $interval.cancel(interval) p3xr.state.redisChanged = true $state.go('main.statistics') // $rootScope.$broadcast('p3x-refresh') return false } return true } let interval const loadTtl = () => { if (this.response.ttl > -1) { const actualTtl = () => { if (checkTtl()) { //this.ttlParsed = moment.duration(this.response.ttl, "seconds").format('Y [year], M [month], d [day], hh:mm:ss'); let years, months, days, hours, mins, seconds let diff diff = this.response.ttl * 1000; years = Math.floor((diff) / (1000 * 60 * 60 * 24 * 365)); diff = ((diff) % (1000 * 60 * 60 * 24 * 365)); months = Math.floor((diff) / (1000 * 60 * 60 * 24 * 30)); diff = ((diff) % (1000 * 60 * 60 * 24 * 30)); days = Math.floor((diff) / (1000 * 60 * 60 * 24)); diff = ((diff) % (1000 * 60 * 60 * 24)); hours = Math.floor((diff) / (1000 * 60 * 60)); diff = ((diff) % (1000 * 60 * 60)); mins = Math.floor((diff) / (1000 * 60)); diff = ((diff) / (1000 * 60)); seconds = Math.round((diff - mins) * 0.6 * 100); let duration = ''; if (years > 0) { duration += years + ' ' + (years === 1 ? $rootScope.p3xr.strings.time.year : $rootScope.p3xr.strings.time.years) duration += ', ' } if (months > 0) { duration += months + ' ' + (months === 1 ? $rootScope.p3xr.strings.time.month : $rootScope.p3xr.strings.time.months) duration += ', ' } if (days > 0) { duration += days + ' ' + (days === 1 ? $rootScope.p3xr.strings.time.day : $rootScope.p3xr.strings.time.days) duration += ', ' } duration += `${hours < 10 ? '0' + hours : hours}:${mins < 10 ? '0' + mins : mins}:${seconds < 10 ? '0' + seconds : seconds}`; this.ttlParsed = ' ' + duration } else { $interval.cancel(interval) } } actualTtl() if (!$rootScope.p3xr.state.reducedFunctions) { interval = $interval(() => { this.response.ttl = this.response.ttl - 1 actualTtl() }, 1000) } } } const loadKey = async (options = {}) => { $interval.cancel(interval) let {withoutParent} = options if (withoutParent === undefined) { withoutParent = false } let hadError = undefined try { // it can throw an error, when we switch the database p3xr.ui.overlay.show({ message: p3xr.strings.intention.getKey }) //const type = p3xr.state.keysInfo[$stateParams.key].type const response = await p3xrSocket.request({ action: 'key-get', payload: { key: $stateParams.key, //type: type, } }) this.response = response const type = response.type if (response.ttl === -2) { checkTtl() return; } switch (type) { case 'string': // console.warn(response) //p3xr.state.keysInfo[$stateParams.key].length = response.value.length response.length = response.value.length break; } if (response.ttl > -1) { wasExpiring = true } loadTtl() } catch (e) { hadError = e p3xrCommon.generalHandleError(e) } finally { p3xr.ui.overlay.hide() if (hadError !== undefined) { $state.go('main.statistics'); } else if (!withoutParent && $stateParams.resize !== null) { $stateParams.resize() } /* $timeout(() => { p3xr.ui.overlay.hide() }, p3xr.settings.debounce) */ } } this.$onInit = () => loadKey() this.$onDestroy = function () { $interval.cancel(interval) }; this.charactersPrettyBytes = (length) => { if (length < 1024 || length === undefined) { return '' } const prettyBytes = require('pretty-bytes'); return '(' + prettyBytes(length) + ')' } this.refresh = (options) => { loadKey(options) } this.rename = async (opts) => { $rootScope.$broadcast('p3xr-key-rename', { key: $stateParams.key, $event: opts.$event, }); } this.delete = async () => { $rootScope.$broadcast('p3xr-key-delete', { key: $stateParams.key }); } this.setTtl = async (options) => { try { const confirm = $mdDialog.prompt() .title(p3xr.strings.confirm.ttl.title) .textContent(p3xr.strings.confirm.ttl.textContent) .placeholder(p3xr.strings.confirm.ttl.placeholder) .ariaLabel(p3xr.strings.confirm.ttl.placeholder) .initialValue(this.response.ttl === -1 ? '' : this.response.ttl) .targetEvent(options.$event) .ok(p3xr.strings.intention.ttl) .cancel(p3xr.strings.intention.cancel); const confirmResponse = await $mdDialog.show(confirm) if (confirmResponse === undefined || confirmResponse.trim() === '') { const response = await p3xrSocket.request({ action: 'persist', payload: { key: $stateParams.key, } }) await this.refresh() p3xrCommon.toast({ message: p3xr.strings.status.persisted }) } else if (!confirmResponse.match(/^-{0,1}\d+$/)) { p3xrCommon.toast({ message: p3xr.strings.status.notInteger }) } else { const response = await p3xrSocket.request({ action: 'expire', payload: { key: $stateParams.key, ttl: parseInt(confirmResponse), } }) await this.refresh() p3xrCommon.toast({ message: p3xr.strings.status.ttlChanged }) } } catch (e) { p3xrCommon.generalHandleError(e) } } // const refreshDebounced = debounce(this.refresh, 1000) $scope.$on('p3x-refresh', () => { this.refresh({ withoutParent: true }) }) $scope.$on('p3x-refresh-key', () => { this.refresh({ withoutParent: true }) }) } }) src/angular/pages/main/p3xr-main-key.scss000066400000000000000000000004451520135770500206320ustar00rootroot00000000000000p3xr-main-key { .p3xr-main-key-label-key-title { border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: rgba(128, 128, 128, 0.5); cursor: pointer; } md-list-item { p { font-weight: bold; } } } src/angular/pages/main/p3xr-main-statistics.html000066400000000000000000000026311520135770500222240ustar00rootroot00000000000000

{{ $ctrl.generateKey(itemKey) }}

{{ itemValue }}

{{ $ctrl.generateKey(itemKey) }}

{{ itemValue }} src/angular/pages/main/p3xr-main-statistics.js000066400000000000000000000036161520135770500217000ustar00rootroot00000000000000p3xr.ng.component('p3xrMainStatistics', { template: require('./p3xr-main-statistics.html'), controller: function (p3xrCommon, p3xrRedisParser, p3xrSocket, $rootScope, $scope, $timeout, $stateParams) { const exclude = ['in', 'run', 'per'] const include = ['sha1',] const replace = { 'perc': 'percent', 'sec': 'seconds' } this.$onInit = () => { if (p3xr.state.redisChanged) { p3xr.state.redisChanged = false $rootScope.$broadcast('p3x-refresh') } } this.hasDatabases = Object.keys($rootScope.p3xr.state.info.keyspaceDatabases).length > 0 //console.warn(p3xr.state.info) this.generateKey = (key) => { if (p3xr.strings.title.hasOwnProperty(key)) { return p3xr.strings.title[key] } const keyElem = key.split('_').map((instance, index) => { if (replace.hasOwnProperty(instance)) { instance = replace[instance] } if (include.includes(instance) || (instance.length < 4 && !exclude.includes(instance))) { return instance.toUpperCase() } else if (index === 0) { return instance[0].toUpperCase() + instance.substring(1) } return instance }) return keyElem.join(' ') } $scope.$on('p3x-refresh-statistics-tabs', () => { $timeout(() => { p3xr.state.info.hack = { hack: 'hacking' } this.hasDatabases = Object.keys($rootScope.p3xr.state.info.keyspaceDatabases).length > 0 $timeout(() => { delete p3xr.state.info.hack; $rootScope.$digest(); }) }) }) } }) src/angular/pages/main/p3xr-main-treecontrol-controls.html000066400000000000000000000075531520135770500242430ustar00rootroot00000000000000
{{ $root.p3xr.strings.page.treeControls.expandAll}} keyboard_arrow_down {{ $root.p3xr.strings.page.treeControls.collapseAll}} keyboard_arrow_up {{ $root.p3xr.strings.form.treeSettings.label.formName}} settings
{{ $root.p3xr.strings.status.keyCount({keyCount: $root.p3xr.state.keysRaw.length }) }} {{ $root.p3xr.strings.page.treeControls.pager.first}} skip_previous {{ $root.p3xr.strings.page.treeControls.pager.prev}} keyboard_arrow_left / {{ $root.p3xr.state.pages }} {{ $root.p3xr.strings.page.treeControls.pager.next}} keyboard_arrow_right {{ $root.p3xr.strings.page.treeControls.pager.last}} skip_next {{ $root.p3xr.strings.status.keyCount({keyCount: $root.p3xr.state.keysRaw.length }) }} 
{{ $root.p3xr.strings.page.treeControls.search.infoDetails }} {{ $root.p3xr.strings.page.treeControls.search.search}} search {{ $root.p3xr.strings.page.treeControls.search.clear}} clear {{ $root.p3xr.strings.intention.addKeyRoot }} add
src/angular/pages/main/p3xr-main-treecontrol-controls.js000066400000000000000000000104701520135770500237030ustar00rootroot00000000000000p3xr.ng.component('p3xrMainTreecontrolControls', { template: require('./p3xr-main-treecontrol-controls.html'), bindings: { p3xrMainRef: '<' }, controller: function ($cookies, $rootScope, p3xrCommon, $timeout, p3xrDialogTreecontrolSettings, $scope) { this.treeExpandAll = () => { try { p3xr.ui.overlay.show({ message: p3xr.strings.status.treeExpandAll }) let expandedNodes = [] /* require('../../../core/node-inview-recursive').recursive({ status: false, nodes: $rootScope.keysTreeRendered, nodeCallback: (opts) => { const { node } = opts if (node.type === 'folder') { expandedNodes.push(node) } } }) */ //FIXME use with general recursive solution, as above (just not working, too tired) const recursiveFolders = (node, level = 0) => { delete node.$inview if (node.type === 'folder') { expandedNodes.push(node) for (let childNode of node.children) { recursiveFolders(childNode, level++) } } } for (let node of $rootScope.keysTreeRendered) { recursiveFolders(node) } $rootScope.expandedNodes = expandedNodes } catch (e) { p3xrCommon.generalHandleError(e) } finally { p3xr.ui.overlay.hide() /* $timeout(() => { $scope.$digest() }, p3xr.settings.debounce) */ } } this.treeCollapseAll = () => { $rootScope.expandedNodes = [] $rootScope.$broadcast('p3xr-main-treecontrol-control-noop') } $scope.$on('p3xr-main-treecontrol-control-noop', () => { $timeout(() => { $('#p3xr-main-treecontrol-controls-click-noop').click(); }) }) this.noop = () => {} this.page = (options) => { const {page} = options ///console.log(page ) switch (page) { case 'prev': if ($rootScope.p3xr.state.page - 1 >= 1) { $rootScope.p3xr.state.page = $rootScope.p3xr.state.page - 1 } break; case 'next': if ($rootScope.p3xr.state.page + 1 <= $rootScope.p3xr.state.pages) { $rootScope.p3xr.state.page = $rootScope.p3xr.state.page + 1 } break; case 'last': $rootScope.p3xr.state.page = $rootScope.p3xr.state.pages break; case 'first': $rootScope.p3xr.state.page = 1 break; } $timeout(() => { $rootScope.$digest() }) } this.pageChange = () => { if ($rootScope.p3xr.state.page < 1) { $rootScope.p3xr.state.page = 1 } else if ($rootScope.p3xr.state.page > $rootScope.p3xr.state.pages) { $rootScope.p3xr.state.page = $rootScope.p3xr.state.pages } } this.openTreeSettingDialog = (opts) => { opts.p3xrMainRef = this.p3xrMainRef p3xrDialogTreecontrolSettings.show(opts); //console.warn($rootScope.p3xr.state.redisTreeDivider) } this.search = '' this.$onInit = () => { this.search = $rootScope.p3xr.state.search } this.onSearchChange = () => { $rootScope.p3xr.state.search = this.search if ($rootScope.p3xr.settings.searchClientSide) { // $rootScope.p3xr.settings.searchClientSide // $rootScope.p3xr.settings.searchStartsWith $rootScope.p3xr.state.redisChanged = true } else { this.p3xrMainRef.refresh() } } } }) src/angular/pages/main/p3xr-main-treecontrol-controls.scss000066400000000000000000000012171520135770500242410ustar00rootroot00000000000000p3xr-main-treecontrol-controls { margin-top: 2px; display: block; text-align: center; min-height: 24px; .md-icon-button { height: auto !important; min-height: auto !important;; width: auto !important;; min-width: auto !important;; margin: 0 !important;; padding: 0 !important; } .p3xr-main-treecontrol-controls-search { clear: both; text-align: left; padding: 5px; input.withSearch { width: calc(100% - 100px) !important; } input.withoutSearch { width: calc(100% - 80px) !important; } } } src/angular/pages/main/p3xr-main-treecontrol.html000066400000000000000000000053111520135770500223700ustar00rootroot00000000000000 {{ $ctrl.extractNodeTooltip(node) }} src/angular/pages/main/p3xr-main-treecontrol.js000066400000000000000000000167651520135770500220570ustar00rootroot00000000000000p3xr.ng.component('p3xrMainTree', { template: require('./p3xr-main-treecontrol.html'), bindings: { p3xrResize: '&', p3xrMainRef: '<' }, controller: function (p3xrCommon, p3xrRedisParser, p3xrSocket, $rootScope, $timeout, $state, $scope, $mdDialog, p3xrDialogKeyNewOrSet, p3xrTheme, $stateParams) { this.$onInit = () => { this.p3xrResize() } this.displayNode = (node, $inview) => { node.$inview = $inview } this.getTreeTheme = () => { if (!p3xrTheme.isDark()) { return 'tree-classic' } return 'tree-dark' } this.keysTreeOptions = { nodeChildren: "children", dirSelectable: false, multiSelection: false, /* injectClasses: { ul: "a1", li: "a2", liSelected: "a7", iExpanded: "a3", iCollapsed: "a4", iLeaf: "a5", label: "a6", labelSelected: "a8" } */ }; this.selectTreeNode = function (node, selected, $parentNode, $index, $first, $middle, $last, $odd, $even, $path) { //console.warn('selectTreeNode', arguments) $state.go('main.key', { key: node.key, resize: this.p3xrResize, }) } this.showToggle = function (node, expanded, $parentNode, $index, $first, $middle, $last, $odd, $even, $path) { if (!expanded) { require('../../../core/node-inview-recursive').recursive({ nodes: $rootScope.keysTreeRendered, }) } $rootScope.$broadcast('p3xr-main-treecontrol-control-noop') // console.warn('showToggle', arguments, $path()) /* p3xrCommon.toast({ message: 'key ' + node.key }) */ } this.delete = async (options) => { try { await p3xrCommon.confirm({ message: p3xr.strings.confirm.deleteKey }) const expandedNodes = angular.copy($rootScope.expandedNodes); const response = await p3xrSocket.request({ action: 'delete', payload: { key: options.key } }) $timeout(() => { $rootScope.savedExpandedNodes = expandedNodes p3xrCommon.loadRedisInfoResponse({response: response}) }) $state.go('main.statistics') p3xrCommon.toast({ message: p3xr.strings.status.deletedKey({ key: options.key }) }) } catch (e) { p3xrCommon.generalHandleError(e) } } this.rename = async (options) => { try { const confirm = $mdDialog.prompt() .title(p3xr.strings.confirm.rename.title) .textContent(p3xr.strings.confirm.rename.textContent) .placeholder(p3xr.strings.confirm.rename.placeholder) .ariaLabel(p3xr.strings.confirm.rename.placeholder) .initialValue(options.key) .targetEvent(options.$event) .required(true) .ok(p3xr.strings.intention.rename) .cancel(p3xr.strings.intention.cancel); const confirmResponse = await $mdDialog.show(confirm) const expandedNodes = angular.copy($rootScope.expandedNodes); const response = await p3xrSocket.request({ action: 'rename', payload: { key: options.key, keyNew: confirmResponse, } }) $timeout(() => { $rootScope.savedExpandedNodes = expandedNodes p3xrCommon.loadRedisInfoResponse({response: response}) $state.go('main.key', { key: confirmResponse, resize: this.p3xrResize, }) }) p3xrCommon.toast({ message: p3xr.strings.status.renamedKey }) } catch (e) { p3xrCommon.generalHandleError(e) } } this.deleteTree = async (options) => { try { const {event, node} = options // event.preventDefault() event.stopPropagation(); const expandedNodes = angular.copy($rootScope.expandedNodes); await p3xrCommon.confirm({ event: event, message: p3xr.strings.confirm.deleteAllKeys({ key: node.key }) }) const response = await p3xrSocket.request({ action: 'key-del-tree', payload: { key: node.key, redisTreeDivider: p3xr.settings.redisTreeDivider } }) $timeout(() => { $rootScope.savedExpandedNodes = expandedNodes p3xrCommon.loadRedisInfoResponse({response: response}) if ($stateParams.key !== undefined && $stateParams.key.startsWith(node.key + p3xr.settings.redisTreeDivider)) { $state.go('main.statistics') } }) p3xrCommon.toast({ message: p3xr.strings.status.treeDeleted({ key: node.key }) }) } catch (e) { p3xrCommon.generalHandleError(e) } } this.extractNodeTooltip = (node) => { if (node.type !== 'folder' && node.keysInfo !== undefined) { if (node.keysInfo === undefined) { return ''; } return p3xr.ui.htmlEncode(p3xr.strings.redisTypes[node.keysInfo.type] + ' - ' + node.key) } return p3xr.ui.htmlEncode(node.key) } this.addKey = async (options) => { const {event, node} = options event.stopPropagation(); const expandedNodes = angular.copy($rootScope.expandedNodes); try { const response = await p3xrDialogKeyNewOrSet.show({ $event: event, node: node, type: 'add', }) $timeout(() => { $rootScope.savedExpandedNodes = expandedNodes p3xrCommon.loadRedisInfoResponse({response: response}) $state.go('main.key', { key: response.key, resize: this.p3xrResize, }) }) } catch (e) { p3xrCommon.generalHandleError(e) } } $scope.$on('p3xr-key-delete', (event, arg) => { this.delete(arg) }); $scope.$on('p3xr-key-rename', (event, arg) => { this.rename(arg) }); $scope.$on('p3xr-key-new', (event, arg) => { this.addKey(arg) }); } }) src/angular/pages/main/p3xr-main-treecontrol.scss000066400000000000000000000012211520135770500223730ustar00rootroot00000000000000p3xr-main { treecontrol { ul { overflow: visible !important; /*# STEP1 #### Override overflow attribute like uncledb said */ } .tree-leaf-head { display: none !important; background-image: none; } } treecontrol > ul > li { padding-left: 0; } .p3xr-main-tree { .p3xr-main-tree-node { line-height: 28px !important; white-space: nowrap; /*# STEP-2 #Set nowrap for node labels ###### THIS DID THE TRICK FOR ME ########*/ .p3xr-main-tree-node-count { opacity: 0.5; } } } } src/angular/pages/p3xr-console.html000066400000000000000000000025441520135770500176310ustar00rootroot00000000000000

{{ $root.p3xr.strings.label.console }}

{{ $root.p3xr.strings.intention.pubsubMonitor }} {{ $root.p3xr.strings.intention.pubsubMonitor }}
src/angular/pages/p3xr-console.js000066400000000000000000000255661520135770500173120ustar00rootroot00000000000000let actionHistory = [] let actionHistoryPosition = -1 const htmlEncode = require('js-htmlencode').htmlEncode; p3xr.ng.component('p3xrConsole', { template: require('./p3xr-console.html'), controller: function (p3xrCommon, p3xrSocket, $state, $rootScope, p3xrRedisParser, $mdDialog, $timeout) { // .p3xr-layout-footer-container // .p3xr-layout-header-container // #p3xr-console-header // #p3xr-console-input // $window.height() const redisCommands = p3xr.state.commands let $container let $header; let $footer; let $consoleHeader let $input let $output let scrollers if (!$rootScope.hasConnected()) { $state.go('main') } const debounce = require('lodash/debounce') const resize = debounce(() => { let minus = 0 let $components //if ($rootScope.isElectron) { // $components = [$footer, $consoleHeader] //} else { $components = [$header, $footer, $consoleHeader] //} for (let item of $components) { minus += item.outerHeight() } const windowHeight = $window.height() //console.log(windowHeight, minus) const adjustments = 66 const outputHeight = Math.max(windowHeight - minus - adjustments, 0) $container.height(outputHeight) $container.css('max-height', `${outputHeight}px`) }, p3xr.settings.debounce) const onPubSubMessage = (data) => { //console.warn('pub-sub', data) if (p3xr.state.monitor === false) { return } let message = htmlEncode(String(data.message)) $output.append(`PubSub channel: ${data.channel}`) $output.append(`
${message}

`) scrollers.scrollTop = scrollers.scrollHeight; } this.$onInit = () => { $container = $('#p3xr-console-content') $header = $('#p3xr-layout-header-container') $footer = $('#p3xr-layout-footer-container') $consoleHeader = $('#p3xr-console-header') $input = $('#p3xr-console-input') $output = $('#p3xr-console-content-output') $input.focus() scrollers = $container[0] $window.on('resize', resize) resize() this.clearConsole() p3xrSocket.ioClient.on('pubsub-message', onPubSubMessage) } this.$onDestroy = function () { $window.off('resize', resize) p3xrSocket.ioClient.removeListener('pubsub-message', onPubSubMessage) }; this.inputValue = '' this.actionEnter = async () => { let response; const enter = String(this.inputValue).trim() if (enter === '') { return; } try { $output.append(`
${enter}
`) this.inputValue = '' response = await p3xrSocket.request({ action: 'console', payload: { command: enter } }) //console.warn(typeof response.result, response.result, response.generatedCommand) const result = htmlEncode(String(p3xrRedisParser.console.parse(response.result))) //console.log(result) $output.append(`
${result}
`) if (response.hasOwnProperty('database')) { $rootScope.p3xr.state.currentDatabase = response.database $rootScope.p3xr.state.redisChanged = true } } catch (e) { console.error(e) $output.append(`
${e.message}
`) } finally { let history if (response !== undefined) { history = response.generatedCommand } else { history = enter } const actionHistoryIndexOf = actionHistory.indexOf(history) if (actionHistoryIndexOf > -1) { actionHistory.splice(actionHistoryIndexOf, 1) } actionHistory.push(history) /* if (actionHistory.length > 20) { actionHistory = actionHistory.slice(0, 20) } */ actionHistoryPosition = -1 //console.log(scrollers.scrollHeight, scrollers.scrollTop, scrollers.height) scrollers.scrollTop = scrollers.scrollHeight; //$output.scrollTop($output.prop("scrollHeight")); $input.focus() } } let lastTabInput let lastTabInputIndex let autoComplete let wasLastTab const clearTabAutocomplete = () => { lastTabInput = undefined lastTabInputIndex = -1; autoComplete = []; wasLastTab = false } const focusInput = () => { $timeout(() => { const value = $input.val(); $input.val('').focus().val(value); }) } this.action = ($event) => { //console.warn($event.keyCode) if ($event.keyCode !== 9 && event.shiftKey !== true) { //console.warn('clear settings') clearTabAutocomplete() } switch ($event.keyCode) { // enter case 13: return this.actionEnter() // keyup 38 case 38: if (actionHistory.length < 1) { return; } if (actionHistoryPosition === -1) { actionHistoryPosition = actionHistory.length } actionHistoryPosition-- if (actionHistoryPosition > -1) { } else { actionHistoryPosition = actionHistory.length - 1 } this.inputValue = actionHistory[actionHistoryPosition] focusInput() break; // keydown 40 case 40: if (actionHistory.length < 1) { return; } actionHistoryPosition++ if (actionHistoryPosition >= actionHistory.length) { } else { actionHistoryPosition = 0 } this.inputValue = actionHistory[actionHistoryPosition] focusInput() break; case 9: if (this.inputValue === undefined) { this.inputValue = ''; } if (!wasLastTab) { const tab = String(this.inputValue).trim() lastTabInput = tab lastTabInputIndex = -1 if (lastTabInput === '') { autoComplete = redisCommands } else { autoComplete = redisCommands.filter(filter => filter.startsWith(lastTabInput.toLowerCase())) } } //console.warn('before event.keyCode, event.shiftKey', event.keyCode, event.shiftKey, lastTabInputIndex) if (event.shiftKey === true) { lastTabInputIndex--; } else { lastTabInputIndex++; } //console.warn('middle event.keyCode, event.shiftKey', event.keyCode, event.shiftKey, lastTabInputIndex) if (lastTabInputIndex >= autoComplete.length) { lastTabInputIndex = 0; } else if (lastTabInputIndex < 0) { lastTabInputIndex = autoComplete.length - 1; } //console.warn('after event.keyCode, event.shiftKey', event.keyCode, event.shiftKey, lastTabInputIndex) this.inputValue = autoComplete[lastTabInputIndex] $event.stopPropagation(); $event.preventDefault(); wasLastTab = true break; default: actionHistoryPosition = -1 break; } } this.clearConsole = () => { $output.empty() $output.append('
' + $rootScope.p3xr.strings.label.welcomeConsole + '
') $output.append('
' + $rootScope.p3xr.strings.label.welcomeConsoleInfo + '
') $output.append('
' + $rootScope.p3xr.strings.label.welcomeConsoleInfo2 + '
') $input.focus() } this.commands = () => { $mdDialog.show({ controller: function ($scope, $mdDialog) { $scope.ok = function () { $mdDialog.hide(); }; $scope.$watch(function () { const height = $('#p3xr-console-commands').parent().height(); return height; }, (newValue, oldValue) => { $scope.height = newValue; }) }, fullscreen: true, template: `
keyboard   {{ $root.p3xr.strings.intention.commands }} close
close {{ $root.p3xr.strings.intention.close }} `, }); } } }) src/angular/pages/p3xr-console.scss000066400000000000000000000016701520135770500176370ustar00rootroot00000000000000@import '../../scss/vars'; @import '~angular-material/modules/scss/angular-material.layout-attributes.scss'; p3xr-console { .p3xr-console-electron { margin: $layout-padding; } #p3xr-console-content { font-family: monospace, monospace !important; $minWidthCalc: 20px; text-align: center; #p3xr-console-content-output { pre { font-family: monospace, monospace !important; white-space: pre-wrap; } min-width: calc(100% - #{$minWidthCalc}); text-align: left; .p3xr-console-content-output-item:before { content: "> "; opacity: 0.5; } } input { min-width: calc(100% - 18px); position: fixed; bottom: $toolbar-height + $layout-gutter-width / 2; left: 3px; right: 0px; } } } src/angular/pages/p3xr-error.html000066400000000000000000000010211520135770500173050ustar00rootroot00000000000000

{{ $root.p3xr.strings.title.socketioConnectError }}

{{ $ctrl.$stateParams.error.message }} src/angular/pages/p3xr-error.js000066400000000000000000000003451520135770500167650ustar00rootroot00000000000000p3xr.ng.component('p3xrError', { template: require('./p3xr-error.html'), controller: function ($stateParams, $rootScope) { this.$stateParams = $stateParams $rootScope.p3xr.state.failed = true; } }) src/angular/pages/p3xr-main.html000066400000000000000000000117311520135770500171110ustar00rootroot00000000000000

{{ $root.p3xr.strings.intention.main }}

save {{ $root.p3xr.strings.intention.save }} {{ $root.p3xr.strings.form.main.label.database }} radio_button_checked radio_button_unchecked {{ dbIndex }} show_chart {{ $root.p3xr.strings.intention.statistics }} keyboard {{ $root.p3xr.strings.intention.console }} refresh {{ $root.p3xr.strings.intention.refresh }}
{{ $root.p3xr.strings.title.main }}
{{ $root.p3xr.strings.intention.noConnections }}
{{ $root.p3xr.strings.label.resizerInfo({ width: $root.p3xr.settings.resizeMinWidth}) }}
src/angular/pages/p3xr-main.js000066400000000000000000000374651520135770500165750ustar00rootroot00000000000000p3xr.ng.component('p3xrMain', { template: require('./p3xr-main.html'), controller: function ($cookies, p3xrSocket, p3xrCommon, p3xrRedisParser, $rootScope, $state, $timeout, $scope, $mdMedia) { let $container let $header; let $footer; let $consoleHeader let scrollers let $resizer let resizerMouseoverOn = false; let resizeClicked = false; let resizeLeft = undefined Object.defineProperty($scope, 'resizerColor', { get: () => { if (resizeClicked || resizerMouseoverOn) { return 'accent-400'; } return 'accent' }, set: (val) => { // unused } }) const resizeMinWidth = p3xr.settings.resizeMinWidth; const debounce = require('lodash/debounce') let screenSizeIsSmall = false let $timeoutResize $scope.$watch(function () { return $mdMedia('xs'); }, function (isScreenSizeIsSmall) { if (!isScreenSizeIsSmall && screenSizeIsSmall === true) { if ($timeoutResize !== undefined) { $timeout.cancel($timeoutResize) } $timeoutResize = $timeout(resize, 4 * p3xr.settings.debounce) //console.warn('aha!') } screenSizeIsSmall = isScreenSizeIsSmall; }); const debouncedTabs = debounce(() => { $rootScope.$broadcast('p3x-refresh-statistics-tabs') }, p3xr.settings.debounce) const rawResize = (options = {}) => { //console.warn('who is resizing non stop') let {redrawTabs} = options if (redrawTabs === undefined) { redrawTabs = false; } let minus = 0 let $components //if ($rootScope.isElectron) { // $components = [$footer, $consoleHeader] //} else { $components = [$header, $footer, $consoleHeader] //} for (let item of $components) { minus += item.outerHeight() } const windowHeight = $window.outerHeight() //console.log(windowHeight, minus) //const outputPositionMinus = $rootScope.isElectron ? 0 : 10 const outputPositionMinus = 10 const outputHeight = Math.max(windowHeight - minus - outputPositionMinus, 100) $container.height(outputHeight) $container.css('max-height', `${outputHeight}px`) const containerPosition = p3xr.dom.getPosition($container[0]) const $treeControl = $('#p3xr-main-treecontrol-container') if ($treeControl) { const $treeControlControls = $('#p3xr-main-treecontrol-controls-container') const treeControlControlsPosition = p3xr.dom.getPosition($treeControlControls[0]) $treeControl.css('top', (containerPosition.top + treeControlControlsPosition.height) + 'px') $treeControl.css('left', containerPosition.left + 'px'); $treeControl.css('height', (containerPosition.height - treeControlControlsPosition.height) + 'px') $treeControl.css('max-height', containerPosition.height + 'px') if (resizeLeft !== undefined) { $treeControl.css('width', (resizeLeft - containerPosition.left) + 'px') } else { $treeControl.css('width', resizeMinWidth + 'px') } $treeControl.css('min-width', resizeMinWidth + 'px') const treeControlPosition = p3xr.dom.getPosition($treeControl[0]) if ($resizer === undefined) { decorateResizer(); } const resizerWidth = 5; if ($resizer !== undefined) { // $resizer.removeEventListener('mouseover', resizerMouseover) // $resizer.removeEventListener('mouseout', resizeMouseout ) $resizer = document.getElementById('p3xr-main-content-sizer') if ($resizer !== null) { $resizer.addEventListener('mouseover', resizerMouseover) $resizer.addEventListener('mouseout', resizeMouseout) $resizer.style.top = containerPosition.top + 'px' $resizer.style.height = containerPosition.height + 'px' $resizer.style.left = (containerPosition.left + treeControlPosition.width) + 'px' $resizer.style.width = (resizerWidth) + 'px' } } const $content = $('#p3xr-main-content-container'); $content.css('top', containerPosition.top + 'px') $content.css('height', containerPosition.height + 'px') $content.css('left', (containerPosition.left + treeControlPosition.width + resizerWidth) + 'px') $content.css('width', (containerPosition.width - treeControlPosition.width - resizerWidth) + 'px') $treeControlControls.width(treeControlPosition.width) } else { destroyResizer() } if (redrawTabs) { debouncedTabs() } }; const resize = debounce(() => { resizeLeft = undefined rawResize() }, p3xr.settings.debounce) const resizerMouseover = () => { resizerMouseoverOn = true; $scope.$digest(); } const resizeMouseout = () => { resizerMouseoverOn = false; $scope.$digest(); } const resizeClick = (event) => { if (event.type === 'mousedown' && event.target.id !== 'p3xr-main-content-sizer') { return } if (event.type === 'mousedown') { resizeClicked = true document.documentElement.style.cursor = `ew-resize` $body.addClass('p3xr-not-selectable') } else if (event.type === 'mouseup') { document.documentElement.style.cursor = `auto` resizeClicked = false $body.removeClass('p3xr-not-selectable') } if (resizeClicked === false) { rawResize({ redrawTabs: true }); } event.stopPropagation(); $scope.$digest(); } const documentMousemove = (event) => { if (resizeClicked) { const containerPosition = p3xr.dom.getPosition($container[0]) if (event.clientX < containerPosition.left + resizeMinWidth || event.clientX > window.innerWidth - resizeMinWidth) { // console.warn('not allowed to resize with too small position') document.documentElement.style.cursor = 'not-allowed' } else { document.documentElement.style.cursor = 'ew-resize' $resizer.style.left = event.clientX + 'px' resizeLeft = event.clientX; rawResize(); } } } const decorateResizer = () => { $resizer = document.getElementById('p3xr-main-content-sizer'); if ($resizer === null) { $resizer = undefined return; } $resizer.addEventListener('mouseover', resizerMouseover) $resizer.addEventListener('mouseout', resizeMouseout) // $resizer.on('click', resizeClick) document.addEventListener("mousemove", documentMousemove); document.addEventListener("mousedown", resizeClick); document.addEventListener("mouseup", resizeClick); // document.addEventListener("click", documentClick); } $scope.$on('p3xr-main-resizer', (event, opts) => { console.info('p3xr-main-resizer dragging:', opts.drag) if (opts.drag === true) { document.addEventListener("mousemove", documentMousemove); document.addEventListener("mousedown", resizeClick); document.addEventListener("mouseup", resizeClick); } else { document.removeEventListener("mousemove", documentMousemove); document.removeEventListener("mousedown", resizeClick); document.removeEventListener("mouseup", resizeClick); } }) const destroyResizer = () => { if ($resizer !== undefined && $resizer !== null) { $resizer.removeEventListener('mouseover', resizerMouseover) $resizer.removeEventListener('mouseout', resizeMouseout) $resizer = undefined } document.removeEventListener("mousedown", resizeClick); document.removeEventListener("mouseup", resizeClick); document.removeEventListener("mousemove", documentMousemove); } this.resize = debounce(rawResize, p3xr.settings.debounce) this.$onInit = () => { require('../../core/node-inview-recursive').recursive({ nodes: $rootScope.keysTreeRendered, }) $container = $('#p3xr-main-content') $header = $('#p3xr-layout-header-container') $footer = $('#p3xr-layout-footer-container') $consoleHeader = $('#p3xr-main-header') scrollers = $container[0] resize() $window.on('resize', rawResize) if ($state.current.url === '/main') { $state.go('main.statistics') } if (p3xr.state.redisChanged) { p3xr.state.redisChanged = false; //console.warn('p3xr', p3xr) if (p3xr.state.connection) { this.refresh() } } } this.$onDestroy = function () { $window.off('resize', rawResize) destroyResizer(); }; $rootScope.p3xr.state.page = 1; let selectedDatabase = 0 let currentDatabase Object.defineProperty(this, 'currentDatabase', { get: () => { let currentDatabase = p3xr.state.currentDatabase if (currentDatabase === undefined) { currentDatabase = $cookies.get(p3xr.settings.connection.getCookieNameCurrentDatabase(p3xr.state.connection.id)) } if (currentDatabase === undefined) { currentDatabase = 0; } return currentDatabase; }, set: async (value) => { currentDatabase = value if (selectedDatabase !== currentDatabase) { selectedDatabase = value try { const response = await p3xrSocket.request({ action: 'console', payload: { command: `select ${selectedDatabase}` } }) } catch (e) { p3xrCommon.generalHandleError(e) } } $cookies.put(p3xr.settings.connection.getCookieNameCurrentDatabase(p3xr.state.connection.id), String(value), { expires: p3xr.settings.cookieExpiry, }) } }) this.selectDatabase = async (selectDbIndex) => { this.currentDatabase = selectDbIndex try { $rootScope.p3xr.state.page = 1; const response = await p3xrSocket.request({ action: 'console', payload: { command: `select ${selectDbIndex}` } }) p3xrCommon.toast({ message: p3xr.strings.status.dbChanged({ db: selectDbIndex }) }) await this.statistics() } catch (e) { p3xrCommon.generalHandleError(e) } finally { // this.resize() } } this.save = async () => { try { const response = await p3xrSocket.request({ action: 'save', }) $rootScope.p3xr.state.info = p3xrRedisParser.info(response.info) //$rootScope.p3xr.state.infoObject = response.infoObject $rootScope.$digest() p3xrCommon.toast({ message: p3xr.strings.status.savedRedis }) } catch (e) { p3xrCommon.generalHandleError(e) } } this.statistics = async () => { try { $state.go('main.statistics') await this.refresh() } catch (e) { p3xrCommon.generalHandleError(e) } } this.refresh = async (options = {}) => { console.time('refresh') let {withoutParent} = options if (withoutParent === undefined) { withoutParent = false } try { p3xr.ui.overlay.show({ message: p3xr.strings.status.reloadingDataInfo }) const payload = {} if (!$rootScope.p3xr.settings.searchClientSide && typeof ($rootScope.p3xr.state.search) === 'string' && $rootScope.p3xr.state.search.length > 0) { if ($rootScope.p3xr.settings.searchStartsWith) { payload.match = $rootScope.p3xr.state.search + '*'; } else { payload.match = '*' + $rootScope.p3xr.state.search + '*'; } } //console.warn('match', payload.match, 'search', $rootScope.p3xr.state.search) const response = await p3xrSocket.request({ action: 'refresh', payload: payload }) p3xr.state.dbsize = response.dbsize p3xrCommon.loadRedisInfoResponse({ response: response }) if (!withoutParent) { $rootScope.$broadcast('p3x-refresh-key'); } } catch (e) { p3xrCommon.generalHandleError(e) } finally { p3xr.ui.overlay.hide() /* $timeout(() => { p3xr.ui.overlay.hide() }, p3xr.settings.debounce) */ } console.timeEnd('refresh') } $scope.$on('p3x-refresh', () => { this.refresh({ withoutParent: true }) }) this.addKey = (options) => { const {event, node} = options // event.preventDefault() event.stopPropagation(); $rootScope.$broadcast('p3xr-key-new', { event: event, node: node, }); } /* redis version = server - redis_version keys = keyspace - dbIndex -> keys memory used -> memory - used_memory_human uptime -> server - uptime_in_days last save - save = 0) { echo format_time(time() - $info[$i]['Persistence']['rdb_last_save_time']) . " ago"; } else { echo format_time(-(time() - $info[$i]['Persistence']['rdb_last_save_time'])) . "in the future"; } } else { echo 'never'; } ?> */ } }) src/angular/pages/p3xr-main.scss000066400000000000000000000010231520135770500171110ustar00rootroot00000000000000p3xr-main { #p3xr-main-treecontrol-container { position: fixed; overflow: auto; } #p3xr-main-treecontrol-container-directive-small { max-height: 220px; overflow: auto; } .p3xr-main-treecontrol-folder-icon { transform: scale(0.75); } #p3xr-main-content-container { position: fixed; overflow: auto; display: block; } } #p3xr-main-content-sizer { position: fixed; display: block; cursor: ew-resize; z-index: 10; } src/angular/pages/p3xr-overview.html000066400000000000000000000020441520135770500200300ustar00rootroot00000000000000 {{ $root.p3xr.strings.page.overview.overviewClients }}

{{ connectionValue.connection.name }}

{{ connectionValue.connection.host }}:{{ connectionValue.connection.port }}

{{ $root.p3xr.strings.page.overview.connectedCount({ length: connectionValue.clients.length }) }}

 src/angular/pages/p3xr-overview.js000066400000000000000000000003401520135770500174750ustar00rootroot00000000000000p3xr.ng.component('p3xrOverview', { template: require('./p3xr-overview.html'), controller: function ($rootScope, $state) { if (!$rootScope.hasConnected()) { $state.go('main') } } }) src/angular/pages/p3xr-settings.html000066400000000000000000000165371520135770500200360ustar00rootroot00000000000000
{{ $root.p3xr.strings.intention.noConnectionsInSettings }}

{{connection.name}}

{{connection.host}}:{{connection.port}}

delete_forever {{ $root.p3xr.strings.intention.delete }} {{ $root.p3xr.strings.intention.delete }} edit {{ $root.p3xr.strings.intention.edit }} {{ $root.p3xr.strings.intention.edit }} mode_comment {{ $root.p3xr.strings.intention.view }} {{ $root.p3xr.strings.intention.view }}
{{ $root.p3xr.strings.form.treeSettings.field.treeSeparator}}
{{ $root.p3xr.settings.redisTreeDivider}} {{ $root.p3xr.strings.label.treeSeparatorEmptyNote}}
{{ $root.p3xr.strings.form.treeSettings.field.page}}
{{ $root.p3xr.settings.pageCount}}

{{ $root.p3xr.strings.form.treeSettings.maxValueDisplay}}
{{ $root.p3xr.settings.maxValueDisplay}}

{{ $root.p3xr.strings.form.treeSettings.maxValueDisplayInfo }}

{{ $root.p3xr.strings.form.treeSettings.field.keysSort}}
{{ $root.p3xr.settings.keysSort ? $root.p3xr.strings.label.keysSort.on : $root.p3xr.strings.label.keysSort.off }}
{{ $root.p3xr.strings.form.treeSettings.field.searchMode}}
{{ $root.p3xr.settings.searchClientSide ? $root.p3xr.strings.form.treeSettings.label.searchModeClient : $root.p3xr.strings.form.treeSettings.label.searchModeServer }}
{{ $root.p3xr.strings.form.treeSettings.field.searchModeStartsWith}}
{{ $root.p3xr.settings.searchStartsWith ? $root.p3xr.strings.form.treeSettings.label.searchModeStartsWith : $root.p3xr.strings.form.treeSettings.label.searchModeIncludes }}
{{ $root.p3xr.settings.jsonFormat == 2 ? $root.p3xr.strings.form.treeSettings.label.jsonFormatTwoSpace : $root.p3xr.strings.form.treeSettings.label.jsonFormatFourSpace }}
src/angular/pages/p3xr-settings.js000066400000000000000000000063561520135770500175040ustar00rootroot00000000000000p3xr.ng.component('p3xrSettings', { template: require('./p3xr-settings.html'), controller: function (p3xrCommon, p3xrDialogConnection, $mdDialog, p3xrSocket, p3xrDialogTreecontrolSettings) { this.connectionForm = (options) => { p3xrDialogConnection.show(options) } this.setLicense = async (options) => { try { const confirm = $mdDialog.prompt() .title(p3xr.strings.confirm.license.title) .textContent(p3xr.strings.confirm.license.textContent) .placeholder(p3xr.strings.confirm.license.placeholder) .ariaLabel(p3xr.strings.confirm.license.placeholder) .initialValue('') .targetEvent(options.$event) .ok(p3xr.strings.intention.license) .cancel(p3xr.strings.intention.cancel); const confirmResponse = await $mdDialog.show(confirm) const response = await p3xrSocket.request({ action: 'set-license', payload: { license: confirmResponse } }) if (!global.p3xr.isBot() && response.donated !== p3xr.state.donated) { window['gtag']('config', p3xr.settings.googleAnalytics, { 'page_path': response.donated ? '/donated' : '/free' } ); } p3xr.state.donated = response.donated //await this.refresh() p3xrCommon.toast({ message: response.info !== 'ok' ? p3xr.strings.error[response.info] : p3xr.strings.status.licenseSaved, }) } catch (e) { if (e === undefined) { return } if (p3xr.strings.error[e.message]) { e = new Error(p3xr.strings.error[e.message]) } p3xrCommon.generalHandleError(e) } } this.openTreeSettingDialog = (opts) => { p3xrDialogTreecontrolSettings.show(opts); //console.warn($rootScope.p3xr.state.redisTreeDivider) } this.deleteConnection = async (options) => { const {model, ev} = options; try { await p3xrCommon.confirm({ event: ev, message: p3xr.strings.confirm.deleteConnectionText }); const response = await p3xrSocket.request({ action: 'connection-delete', payload: { id: model.id }, }) p3xrCommon.toast({ message: p3xr.strings.status.deleted }); } catch (error) { if (error === undefined) { /* p3xrCommon.toast({ message: p3xr.strings.status.cancelled }); */ return; } p3xrCommon.generalHandleError(error) } } } }) src/angular/provider/000077500000000000000000000000001520135770500151355ustar00rootroot00000000000000src/angular/provider/p3xr-theme.js000066400000000000000000000075351520135770500175010ustar00rootroot00000000000000p3xr.ng.provider('p3xrTheme', function p3xrThemeProvider($mdThemingProvider,) { const selfProvider = this; $mdThemingProvider.generateThemesOnDemand(true); $mdThemingProvider.alwaysWatchTheme(true); $mdThemingProvider.setNonce(); const themeCookieName = 'p3xr-theme' const themeDefault = 'p3xrThemeLight'; this.start = () => { // console.warn('ngivrTheme we are in the provider eg: config')( Object.keys(p3xr.theme).forEach(theme => { //console.warn('provider theme: ', theme) p3xr.theme[theme]($mdThemingProvider) }) $mdThemingProvider.setDefaultTheme(themeDefault); } const themeIsGenerated = {}; const themeType = { dark: [ 'p3xrThemeDark', 'p3xrThemeDarkoBluo', ], light: [ 'p3xrThemeLight', 'p3xrThemeEnterprise', 'p3xrThemeRedis', ] } // this is the service eg: ngivrTheme this.$get = ['$mdTheming', '$rootScope', '$cookies', '$mdColors', function p3xThemeFactory($mdTheming, $rootScope, $cookies, $mdColors) { // let's assume that the UnicornLauncher constructor was also changed to // accept and use the useTinfoilShielding argument return new function p3xrTheme() { const self = this; this.isDark = () => { return themeType.dark.includes(this.getCurrentThemeName()) } this.start = () => { // console.log(selfProvider); // console.log('ngivrTheme we are in the service eg: run or injector') self.setTheme(); } this.setTheme = (themeName) => { if (themeName === undefined) { themeName = $cookies.get(themeCookieName) if (themeName === undefined) { themeName = themeDefault } } //console.warn(`theme will generate theme on the fly: ${theme}`); if (!themeIsGenerated.hasOwnProperty(themeName)) { //console.warn(`theme generating theme on the fly: ${theme}`); $mdTheming.generateTheme(themeName); $mdTheming.generateTheme(`${themeName}Layout`); $mdTheming.generateTheme(`${themeName}Common`); themeIsGenerated[themeName] = true; } //console.warn(themeIsGenerated) //console.warn(`theme registered: ${$mdTheming.registered(theme)}`); $mdThemingProvider.setDefaultTheme(themeName); $rootScope.p3xr.state.theme = themeName; $cookies.put(themeCookieName, themeName, {expires: p3xr.settings.cookieExpiry,}); $body.removeClass('p3xr-theme-light') $body.removeClass('p3xr-theme-dark') if (themeType.dark.includes(themeName)) { $body.addClass('p3xr-theme-dark') } else { $body.addClass('p3xr-theme-light') } $('#p3xr-theme-styles').remove() const darkColor = p3xr.state.themeCommon + '-background'; //console.warn(darkColor) const styles = ` .p3xr-toast-default .md-toast-content { background-color: ${this.isDark() ? $mdColors.getThemeColor(darkColor) : 'auto'} !important; } ` $('head').append('') } this.getCurrentThemeName = () => { return $cookies.get(themeCookieName); } this.generateThemeName = (themeNameRaw) => { const generateThemeName = 'p3xrTheme' + themeNameRaw[0].toUpperCase() + themeNameRaw.substring(1) return generateThemeName; } }; }]; }); src/angular/provider/theme-generator/000077500000000000000000000000001520135770500202235ustar00rootroot00000000000000src/angular/provider/theme-generator/p3xr-theme-dark.js000066400000000000000000000020331520135770500234720ustar00rootroot00000000000000p3xr.theme.dark = function ($mdThemingProvider) { $mdThemingProvider.theme(`p3xrThemeDarkLayout`) .primaryPalette('grey', { 'default': '800', 'hue-1': '50', 'hue-2': '700', 'hue-3': '900', }) .accentPalette('grey') .warnPalette('grey') .backgroundPalette('grey', { 'default': 'A700', 'hue-1': '800', 'hue-2': '700', 'hue-3': '900', }) ; $mdThemingProvider.theme(`p3xrThemeDarkLayout`).dark() $mdThemingProvider.theme(`p3xrThemeDark`) .primaryPalette('blue-grey') .accentPalette('teal') .warnPalette('orange') .backgroundPalette('grey') ; $mdThemingProvider.theme(`p3xrThemeDark`).dark() $mdThemingProvider.theme(`p3xrThemeDarkCommon`) .primaryPalette('light-green') .accentPalette('deep-orange') .warnPalette('lime') .backgroundPalette('grey') ; $mdThemingProvider.theme(`p3xrThemeDarkCommon`).dark() } src/angular/provider/theme-generator/p3xr-theme-darko-bluo.js000066400000000000000000000025351520135770500246170ustar00rootroot00000000000000p3xr.theme.darkoBluo = function ($mdThemingProvider) { $mdThemingProvider.theme(`p3xrThemeDarkoBluoLayout`) .primaryPalette('indigo', { 'default': '900', 'hue-1': '50', 'hue-2': '700', 'hue-3': '900', }) .accentPalette('indigo', { 'default': '600', 'hue-1': '50', 'hue-2': '700', 'hue-3': '900', }) .warnPalette('indigo') .backgroundPalette('grey', { 'default': '900', 'hue-1': '900', 'hue-2': '500', 'hue-3': '100', }) ; $mdThemingProvider.theme(`p3xrThemeDarkoBluoLayout`).dark() $mdThemingProvider.theme(`p3xrThemeDarkoBluo`) .primaryPalette('indigo', { 'default': '300', 'hue-1': '50', 'hue-2': '700', 'hue-3': '900', }) .accentPalette('blue') .warnPalette('orange') .backgroundPalette('grey') ; $mdThemingProvider.theme(`p3xrThemeDarkoBluo`).dark() $mdThemingProvider.theme(`p3xrThemeDarkoBluoCommon`) .primaryPalette('green') .accentPalette('orange') .warnPalette('yellow') .backgroundPalette('indigo', { default: '700' }) ; $mdThemingProvider.theme(`p3xrThemeDarkoBluoCommon`).dark() } src/angular/provider/theme-generator/p3xr-theme-enterprise.js000066400000000000000000000016731520135770500247420ustar00rootroot00000000000000p3xr.theme.enterprise = function ($mdThemingProvider, p3xrThemeNameGenerator) { $mdThemingProvider.theme('p3xrThemeEnterpriseLayout') .primaryPalette('grey', { 'default': '800', 'hue-1': '50', 'hue-2': '700', 'hue-3': '900', }) .accentPalette('grey', { 'default': '600', 'hue-1': '50', 'hue-2': '700', 'hue-3': '900', }) .warnPalette('grey') .backgroundPalette('grey', { default: '400' }) ; $mdThemingProvider.theme(`p3xrThemeEnterprise`) .primaryPalette('indigo') .accentPalette('blue') .warnPalette('red') // .backgroundPalette('grey') ; $mdThemingProvider.theme(`p3xrThemeEnterpriseCommon`) .primaryPalette('green') .accentPalette('orange') .warnPalette('yellow') // .backgroundPalette('grey') ; } src/angular/provider/theme-generator/p3xr-theme-light.js000066400000000000000000000016341520135770500236660ustar00rootroot00000000000000p3xr.theme.light = function ($mdThemingProvider, p3xrThemeNameGenerator) { $mdThemingProvider.theme('p3xrThemeLightLayout') .primaryPalette('blue-grey', { 'default': '800', 'hue-1': '50', 'hue-2': '700', 'hue-3': '900', }) .accentPalette('blue-grey') .warnPalette('grey') .backgroundPalette('blue-grey', { 'default': 'A100', 'hue-1': '50', 'hue-2': '700', 'hue-3': '900', }) ; $mdThemingProvider.theme(`p3xrThemeLight`) .primaryPalette('deep-purple') .accentPalette('purple') .warnPalette('red') .backgroundPalette('blue-grey') ; $mdThemingProvider.theme(`p3xrThemeLightCommon`) .primaryPalette('green') .accentPalette('orange') .warnPalette('yellow') .backgroundPalette('blue-grey') ; } src/angular/provider/theme-generator/p3xr-theme-redis.js000066400000000000000000000017701520135770500236660ustar00rootroot00000000000000p3xr.theme.redis = function ($mdThemingProvider, p3xrThemeNameGenerator) { $mdThemingProvider.theme('p3xrThemeRedisLayout') .primaryPalette('red', { 'default': '800', 'hue-1': '50', 'hue-2': '700', 'hue-3': '900', }) .accentPalette('grey', { default: '200' }) .warnPalette('red') .backgroundPalette('red', { 'default': '100', 'hue-1': '300', 'hue-2': '700', 'hue-3': '900', }) ; $mdThemingProvider.theme(`p3xrThemeRedis`) .primaryPalette('grey', { default: '900' }) .accentPalette('grey', { default: '600' }) .warnPalette('amber') // .backgroundPalette('blue-grey') ; $mdThemingProvider.theme(`p3xrThemeRedisCommon`) .primaryPalette('green') .accentPalette('orange') .warnPalette('yellow') .backgroundPalette('grey') ; } src/angular/routes.js000066400000000000000000000021611520135770500151620ustar00rootroot00000000000000const routes = ($stateProvider, $urlRouterProvider) => { $stateProvider.state({ name: 'settings', url: '/settings', template: '' }) $stateProvider.state({ name: 'main', url: '/main', template: '' }) $stateProvider.state({ name: 'overview', url: '/overview', template: '' }) $stateProvider.state({ name: 'console', url: '/console', template: '' }) $stateProvider.state('main.statistics', { url: '/statistics', template: '', }); $stateProvider.state('main.key', { url: '/key/:key', template: '', params: { resize: null, } }); $stateProvider.state('socketio-error', { url: '/socketio-error', template: '', params: { error: null } }); } module.exports = routes src/angular/ui/000077500000000000000000000000001520135770500137205ustar00rootroot00000000000000src/angular/ui/p3xr-accordion.html000066400000000000000000000017571520135770500174530ustar00rootroot00000000000000

{{ $ctrl.p3xrTitle }}

{{ !$ctrl.extended ? 'keyboard_arrow_down' : 'keyboard_arrow_up' }} {{ !$ctrl.extended ? $root.p3xr.strings.intention.extend : $root.p3xr.strings.intention.collapse}}
src/angular/ui/p3xr-accordion.js000066400000000000000000000024351520135770500171150ustar00rootroot00000000000000let accordionKey = 0 p3xr.ng.component('p3xrAccordion', { template: require('./p3xr-accordion.html'), bindings: { p3xrTitle: '<', p3xrAccordionKey: '@', }, transclude: { 'actions': '?p3xrAccordionActions', 'content': 'p3xrAccordionContent', }, controller: function ($transclude, $cookies) { this.transcludePresent = function (slot) { return $transclude.isSlotFilled(slot); }; this.$onInit = function () { //console.log(this.p3xrAccordionKey) if (this.p3xrAccordionKey === undefined || this.p3xrAccordionKey === '') { this.p3xAccordionKey = ++accordionKey; } const cookieName = `p3xr-accordion-extended-${this.p3xrAccordionKey}` //console.log(cookieName) Object.defineProperty(this, 'extended', { get: () => { const cookieValue = $cookies.get(cookieName) return cookieValue === undefined ? true : cookieValue === 'true' }, set: (value) => { $cookies.put(cookieName, String(value), { expires: p3xr.settings.cookieExpiry, }) } }) } } }) src/angular/ui/p3xr-accordion.scss000066400000000000000000000002421520135770500174460ustar00rootroot00000000000000@import "../../scss/vars"; .p3xr-accordion-electron { margin-left: $layout-padding; margin-right: $layout-padding; margin-bottom: $layout-padding; } src/angular/ui/p3xr-button.html000066400000000000000000000006501520135770500170140ustar00rootroot00000000000000 {{ $ctrl.p3xrMdIcon }} {{ $ctrl.p3xrLabel }} {{ $ctrl.p3xrLabel }} src/angular/ui/p3xr-button.js000066400000000000000000000003601520135770500164620ustar00rootroot00000000000000p3xr.ng.component('p3xrButton', { template: require('./p3xr-button.html'), bindings: { p3xrLabel: '<', p3xrMdIcon: '@', p3xrFaIcon: '@', p3xrTooltipDirection: '@', p3xrClasses: '@' }, }) src/angular/ui/p3xr-input.js000066400000000000000000000013461520135770500163130ustar00rootroot00000000000000p3xr.ng.directive('p3xrInput', function (p3xrTheme) { return { template: ``, replace: true, link: function (scope) { scope.focused = false scope.inputBackground = () => { return p3xrTheme.isDark() ? 'warn-900-0.5' : 'warn-50' } scope.inputBorderColor = () => { return p3xrTheme.isDark() ? (scope.focused ? 'primary-200' : 'primary-200-0.75') : (scope.focused ? 'primary-900' : 'primary-800-0.75') } } } }) src/angular/ui/p3xr-input.scss000066400000000000000000000002661520135770500166520ustar00rootroot00000000000000.p3xr-input { padding: 3px; border-style: solid; border-width: 2px; margin: 1px; } .p3xr-input:focus { margin: 0px; border-width: 3px; outline: none; } src/builder/000077500000000000000000000000001520135770500133005ustar00rootroot00000000000000src/builder/webpack.config.js000066400000000000000000000145551520135770500165300ustar00rootroot00000000000000const webpack = require('webpack'); const {CleanWebpackPlugin} = require('clean-webpack-plugin'); const ExtractTextPlugin = require('extract-text-webpack-plugin'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const TerserPlugin = require('terser-webpack-plugin') const CopyWebpackPlugin = require('copy-webpack-plugin') const fileAsset = `[name].[hash].[ext]`; const minimize = process.argv.includes('--production'); const mode = minimize ? 'production' : 'development'; const filenamePrefix = minimize ? '[name].[hash]' : '[name]' let minimizer = undefined; const top = process.cwd() const buildDir = top + `/dist`; let devtool; const basePath = __dirname; const targetPath = '../..'; const targetFolder = 'dist'; const pkg = require('../../package') const plugins = [ new HtmlWebpackPlugin({ template: `${top}/src/index.html`, inject: 'head', chunks: ['bundle'], title: pkg.description, minify: minimize }), new ExtractTextPlugin({ filename: `${filenamePrefix}.css`, disable: false, allChunks: true }), ]; if (minimize) { const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin'); plugins.unshift( new CleanWebpackPlugin() ) plugins.push( new OptimizeCssAssetsPlugin({ assetNameRegExp: /\.css$/g, // cssProcessor: require('cssnano'), // cssProcessorOptions: { safe: true, discardComments: { removeAll: true } }, canPrint: true }) ) devtool = false; const bannerText = require('corifeus-builder').utils.license(); minimizer = [ new TerserPlugin({ sourceMap: true, parallel: true, cache: true, extractComments: { condition: /^\**!|@preserve|@license|@cc_on/, filename: function (fileOptions) { return `${fileOptions.filename}.LICENSE.txt`; }, banner: function (webpackBanner) { return ` ${bannerText} For more information about all licenses, please see ${webpackBanner} `; } }, terserOptions: { compress: { warnings: false }, ecma: 8, // todo found out if mangle use or not // mangle: false === keep function names // mangle: true === drop function names mangle: false, comments: false, beautify: false }, }), ] plugins.push( new webpack.BannerPlugin({ banner: bannerText, include: /\.css$/, exclude: /\.ts$|\.js$/, // hash:[hash], chunkhash:[chunkhash], name:[name], filebase:[filebase], query:[query], file:[file] }) ) plugins.push( new webpack.SourceMapDevToolPlugin({ filename: 'sourcemaps/[file].map', append: '\n//# sourceMappingURL=./[url]' }) ) plugins.push( new CopyWebpackPlugin({ patterns: [ { from: 'src/public', to: 'dist' } ] }) ) } const fileLoader = [ { loader: 'file-loader', options: { name: fileAsset, outputPath: 'assets', context: 'assets', // publicPath: 'webpack/assets', // useRelativePath: true, } } ] module.exports = { // watch: true, devtool: devtool, entry: { bundle: top + "/src/bundle.js", }, output: { path: buildDir, filename: `${filenamePrefix}.js`, chunkFilename: '[id].chunk.js', // publicPath: '{{ app.url_subdir }}/webpack/', publicPath: ``, }, module: { rules: [ { test: /\.(scss|css)$/, // exclude: [`${cwd}/src/assets/ngivr.scss`], use: ExtractTextPlugin.extract({ fallback: 'style-loader', use: [ { loader: 'css-loader', options: { sourceMap: true, // v2 throws error minimze //minimize: minimize === true } } , 'sass-loader'], }) }, { test: /\.html$/, use: [{ loader: 'html-loader', options: { minimize: minimize, //caseSensitive: true } }] }, { test: /\.(png|jpe?g|gif|ico)$/, use: fileLoader }, { test: /\.woff(\?v=\d+\.\d+\.\d+)?$/, use: fileLoader }, { test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/, use: fileLoader }, { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, use: fileLoader }, { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, use: fileLoader }, { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, use: fileLoader }, { test: /\.css$/, use: ExtractTextPlugin.extract({ // fallback: "style-loader", use: [ { loader: 'css-loader', options: { // in v2 it throws an error //minimize: minimize, sourceMap: true }, }] }) } ] }, optimization: { minimize: minimize, minimizer: minimizer }, plugins: plugins, mode: mode, devServer: { host: '0.0.0.0', disableHostCheck: true, historyApiFallback: { rewrites: [ {from: /.*\..*/, to: '/index.html'} ] }, hot: true, inline: true, stats: { colors: true }, clientLogLevel: 'none', progress: true, noInfo: false }, } src/bundle.js000066400000000000000000000026151520135770500134650ustar00rootroot00000000000000require('typeface-roboto'); require('./scss/index.scss') // fontawesome //require('@fortawesome/fontawesome-free/js/all') // jquery global.$ = require('jquery/dist/jquery.slim') global.jQuery = global.$ jQuery.event.special.touchstart = { setup: function( _, ns, handle ){ if ( ns.includes("noPreventDefault") ) { this.addEventListener("touchstart", handle, { passive: false }); } else { this.addEventListener("touchstart", handle, { passive: true }); } } }; global.JSONEditor = require('jsoneditor/dist/jsoneditor.js') global.$window = $(window); $(() => { global.$body = $('body'); }) // socket global.io = require('socket.io-client') require('./decorate/string') global.p3xr = global.p3xr || {} p3xr.pkg = require('../package') p3xr.theme = { dark: undefined, light: undefined, } p3xr.ui = { overlay: undefined, htmlEncode: require('js-htmlencode').htmlEncode } require('./core/corifeus-renderer') require('./core/settings') require('./core/strings') require('./core/random') require('./core/is-bot') require('./core/next-id') require('./core/api') require('./core/state') require('./core/dom') require('./core/sort') require('./jquery/overlay') p3xr.settings.language.translation['en'] = require('./strings/en/strings') p3xr.settings.language.translation['zn'] = require('./strings/zn/strings') require('./angular/boot'); src/core/000077500000000000000000000000001520135770500126025ustar00rootroot00000000000000src/core/api.js000066400000000000000000000003641520135770500137140ustar00rootroot00000000000000global.p3xr.api = { host: undefined, } const apiUrl = new URL(location.toString()) if (apiUrl.port === "8080") { global.p3xr.api.host = 'http://localhost:7843' } else { global.p3xr.api.host = `${apiUrl.protocol}//${apiUrl.host}` } src/core/corifeus-renderer.js000066400000000000000000000001621520135770500165620ustar00rootroot00000000000000window.corifeus = { core: { http: { counter: 0, status: 200, } } }src/core/dom.js000066400000000000000000000046121520135770500137220ustar00rootroot00000000000000// https://www.google.hu/search?q=javascript+vanilla+position&oq=javascript+vanilla+position&aqs=chrome..69i57.3908j0j7&sourceid=chrome&ie=UTF-8 // https://www.kirupa.com/html5/get_element_position_using_javascript.htm const dom = {} dom.getPosition = function getPosition(el) { let leftPos = 0; let topPos = 0; if (el === undefined) { return { left: 0, top: 0, width: 0, height: 0, } } const style = el.currentStyle || window.getComputedStyle(el); const width = el.offsetWidth // or use style.width const marginSide = parseFloat(style.marginLeft) + parseFloat(style.marginRight) const paddingSide = parseFloat(style.paddingLeft) + parseFloat(style.paddingRight) const borderSide = parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth) const height = el.offsetHeight // or use style.width const marginHorizontal = parseFloat(style.marginTop) + parseFloat(style.marginBottom) const paddingHorizontal = parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) const borderHorizontal = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth) const result = { width: width + marginSide + paddingSide + borderSide, height: height + marginHorizontal + paddingHorizontal + borderHorizontal } while (el) { if (el.tagName === "BODY") { // deal with browser quirks with body/window/document and page scroll const leftScroll = el.scrollLeft || document.documentElement.scrollLeft; const topScroll = el.scrollTop || document.documentElement.scrollTop; leftPos += (el.offsetLeft - leftScroll + el.clientLeft); topPos += (el.offsetTop - topScroll + el.clientTop); } else { // for all other non-BODY elements leftPos += (el.offsetLeft - el.scrollLeft + el.clientLeft); topPos += (el.offsetTop - el.scrollTop + el.clientTop); } el = el.offsetParent; } result.left = leftPos result.top = topPos return result; } /* // deal with the page getting resized or scrolled window.addEventListener("scroll", updatePosition, false); window.addEventListener("resize", updatePosition, false); function updatePosition() { // add your code to update the position when your browser // is resized or scrolled } */ p3xr.dom = domsrc/core/is-bot.js000066400000000000000000000015151520135770500143370ustar00rootroot00000000000000const pattern = new RegExp('spider|bot|yahoo|bing|google|yandex|lynx|curl|embedly|quora|outbrain|pinterest|vkShare|W3C_Validator|crawl|borg|slurp|archiver|netresearch|lycos|scooter|altavista|teoma|oegp|charlotte|http client|htdig|ichiro|mogimogi|larbin|pompos|scrubby|searchsight|semanticdiscovery|snappy|speedy|voila|vortex|voyager|zao|zeal|dataparksearch|findlinks|browsermob|httpmonitor|bingpreview|pagepeeker|webthumb|url2png|zooshot|gomeza|google sketchup|read later|pingdom|facebook|rackspace|scan|link|ezine|preview|dig|tarantula|urllib|jakarta|wget|rget|monitor|libwww|moozilla|seer|spice|snoopy|feedfetcher|wordpress|java|netfront|archive|xenu|feed|appmanager|covario|perl|host|lwp|page speed|ptst|digext|nutch|sleuth|yottaamonitor|bubing|corifeus', 'i'); global.p3xr.isBot = () => { return pattern.test(navigator.userAgent); }; src/core/next-id.js000066400000000000000000000010611520135770500145060ustar00rootroot00000000000000let currentId = 0 let currentIdTime = Date.now() global.p3xr.nextId = () => { const now = Date.now(); if (currentIdTime !== now) { currentId = 0; currentIdTime = now } const comingId = ++currentId; const randomHex = global.p3xr.random().reverse().padStart(15, '0'); const timeHex = currentIdTime.toString(16).padStart(12, '0').reverse() const comingIdHex = comingId.toString(16).padStart(3, '0').reverse(); const newId = `P3Xid${timeHex}${comingIdHex}${randomHex}`; //console.log(newId) return newId } src/core/node-inview-recursive.js000066400000000000000000000017001520135770500173670ustar00rootroot00000000000000const recursive = (opts) => { const { node, status, nodeCallback } = opts node.$inview = status if (nodeCallback) { nodeCallback({ node: node, }) } for (let child of opts.node.children) { child.$inview = status if (nodeCallback) { nodeCallback({ node: child, }) } if (child.children.length > 0) { recursive({ node: child, status: opts.status, nodeCallback: nodeCallback, }) } } } module.exports.recursive = (opts) => { let { status, nodes, nodeCallback } = opts if (status === undefined) { status = false } if (!Array.isArray(nodes)) { nodes = [ nodes ] } for (let node of nodes) { recursive({ node: node, status: status, nodeCallback: nodeCallback, }) } } src/core/random.js000066400000000000000000000002211520135770500144130ustar00rootroot00000000000000global.p3xr.random = () => { return (Math.floor(Math.random() * (99999999999999999 - 10000000000000000)) + 10000000000000000).toString(16) } src/core/settings.js000066400000000000000000000034111520135770500147770ustar00rootroot00000000000000const cookieExpiry = new Date() cookieExpiry.setFullYear(cookieExpiry.getFullYear() + 5) p3xr.settings = { maxLightKeysCount: 110000, // maxLightKeysCount: 1, resizeMinWidth: 320, socket: { timeout: 300000, }, toast: { timeout: 5000, position: 'bottom right', }, debounce: 250, debounceSearch: 2000, cookieExpiry: cookieExpiry, connection: { cookieNameCurrentDatabase: 'p3xr-main-current-database', getCookieNameCurrentDatabase: (id) => { return p3xr.settings.connection.cookieNameCurrentDatabase + '-' + id } }, tree: { cookieName: 'p3xr-main-treecontrol-divider', defaultDivider: ':', }, redisTreeDivider: ':', jsonFormat: 2, googleAnalytics: 'UA-169625044-1', jsonFormatSettings: { default: 2, cookieName: 'p3xr-json-format', }, paging: { default: 50, cookieName: 'p3xr-main-treecontrol-page-size' }, language: { defaultLanguage: 'en', current: undefined, cookieName: 'p3xr-language', translation: {} }, pageCount: 50, maxValueDisplay: 1024, maxValueDisplaySetting: { default: 1024, cookieName: 'p3xr-main-treecontrol-max-value-display' }, keySortInfo: { default: false, cookieName: 'p3xr-main-treecontrol-key-sort', }, keysSort: false, searchClientSide: false, searchInfoClientSide: { default: false, cookieName: 'p3xr-main-treecontrol-search-client-mode' }, searchStartsWith: false, searchInfoStartsWith: { default: false, cookieName: 'p3xr-main-treecontrol-search-starts-with' }, connectInfo: { cookieName: 'p3xr-layout-connect', } } src/core/sort.js000066400000000000000000000014311520135770500141260ustar00rootroot00000000000000p3xr.sort = { naturalCompareDocument: () => { return (a, b) => { const regexTemplate = /(\d+)|(\D+)/g; const ax = [], bx = []; a.replace(regexTemplate, function (_, $1, $2) { ax.push([$1 || Infinity, $2 || ""]) }); b.replace(regexTemplate, function (_, $1, $2) { bx.push([$1 || Infinity, $2 || ""]) }); while (ax.length && bx.length) { const an = ax.shift(); const bn = bx.shift(); const nn = (parseFloat(an[0]) - parseFloat(bn[0])) || an[1].localeCompare(bn[1]); if (nn) { return nn; } } return ax.length - bx.length; } } } src/core/state.js000066400000000000000000000014721520135770500142640ustar00rootroot00000000000000p3xr.state = { donated: false, theme: undefined, connection: undefined, currentDatabase: undefined, redisChanged: false, databaseIndexes: [0], connections: [], redisConnections: {}, keys: [], cfg: undefined, version: undefined, keysInfo: undefined, failed: false, keysRaw: [], search: '', commands: [], reducedFunctions: false, dbsize: undefined, monitor: false, //infoObject: undefined, } Object.defineProperty(p3xr.state, 'themeLayout', { get: () => { return p3xr.state.theme + 'Layout' } }) Object.defineProperty(p3xr.state, 'themeCommon', { get: () => { return p3xr.state.theme + 'Common' } }) p3xr.connectionsReset = () => { p3xr.state.connections = { list: [] } } p3xr.connectionsReset() src/core/strings.js000066400000000000000000000001451520135770500146310ustar00rootroot00000000000000p3xr.translations = { en: require('../strings/en/strings') } p3xr.strings = p3xr.translations.en src/decorate/000077500000000000000000000000001520135770500134405ustar00rootroot00000000000000src/decorate/string.js000066400000000000000000000002071520135770500153030ustar00rootroot00000000000000if (!String.prototype.reverse) { String.prototype.reverse = function () { return this.split('').reverse().join('') } } src/index.html000066400000000000000000000044051520135770500136520ustar00rootroot00000000000000 P3X Redis UI
src/injector.scss000066400000000000000000000011531520135770500143640ustar00rootroot00000000000000//injector-sass-start @import "./angular/layout/p3xr-layout.scss"; @import "./angular/pages/main/key/p3xr-main-key-list.scss"; @import "./angular/pages/main/key/p3xr-main-key-string.scss"; @import "./angular/pages/main/p3xr-main-key.scss"; @import "./angular/pages/main/p3xr-main-treecontrol-controls.scss"; @import "./angular/pages/main/p3xr-main-treecontrol.scss"; @import "./angular/pages/p3xr-console.scss"; @import "./angular/pages/p3xr-main.scss"; @import "./angular/ui/p3xr-accordion.scss"; @import "./angular/ui/p3xr-input.scss"; @import "./jquery/overlay.scss"; @import "./scss/vars.scss"; //injector-sass-end src/jquery/000077500000000000000000000000001520135770500131715ustar00rootroot00000000000000src/jquery/overlay.js000066400000000000000000000012341520135770500152100ustar00rootroot00000000000000let counter = 0 p3xr.ui.overlay = new function () { const template = (options = {}) => { return `
${options.hasOwnProperty('message') ? "

" : ''} ${options.hasOwnProperty('message') ? options.message : ''}
` } this.show = (options = {}) => { this.hide() //console.warn('p3xr.ui.overlay show') $body.append(template(options)) } this.hide = () => { //console.warn('p3xr.ui.overlay hide') $body.find('#p3xr-overlay').remove() } } src/jquery/overlay.scss000066400000000000000000000007321520135770500155510ustar00rootroot00000000000000 #p3xr-overlay { i { font-size: 400% !important; } font-size: 125%; position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; text-align: center; /*Flexbox*/ display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; background-color: rgba(0, 0, 0, 0.9); z-index: 99999; color: rgba(128, 128, 128, 0.5); #p3xr-overlay-info { } } src/public/000077500000000000000000000000001520135770500131305ustar00rootroot00000000000000src/public/images/000077500000000000000000000000001520135770500143755ustar00rootroot00000000000000src/public/images/256x256.png000066400000000000000000000303271520135770500160510ustar00rootroot00000000000000PNG  IHDR\rfbKGD pHYs B(xtIME  ) Fm IDATxy]UsoURLd$-eAYQPA {m6QAVhʠЂaTBJԜJ%d$u|Pg^{bX,bX,bX,bX,bX,bX,bX,bX,bX,bX,@!7|4S ZVb-k,!EʜR}Zrp0}i&ZskZ`1[z#}6S$4F=ֈmk,&,}R .W)ϊ)9a X/;r눏ke>v#~__Kqz:}@_aZR$8WrOKɑˀO)O#).h / /n @xܒӵr>"`J ^xXڗ, vq&_x ՝՚"yzcDO\P.G.p%܎n k#}+NCb @$\?.[\ > Q9 5⁄=}-v8Xl+!gG䐐 uhEݣ=oci^49rv/}DE]OtOOU~]vY`nыRWjU@].WVq wJ)={G@odc#C)p׉clEe4snߧ:;zq:~mr>L*^Ez}?C/ҹ}kfg59'SWS  }qgcoTx<4:}xEzE T~gEٲcAg0:^X UYTk&>u%1&?0=΍'Ϡ޵[hL\ORwfKvZpHeE8F=pO~J#;֭wgϜI_,c<⥳?ZO|yss?uԬ/0Y+%߹s?/t>0ZJ?x&%Oz|+a#^^T \bjtOьi͏='m $`B](?*NZNDU*5xU8ɢPcż@Pg=1VqN%9fIԌudM jbenWqohCbČŔ)*_{UL{I̙]>"ETW'.Rw3ھՈ$!9frUh>CsB#XУ8Ƀk) Tw7w"Hkk\[yoS0{4̉xeW>;]IzёP p_ j^ ,)ץRuL=zM VDdx&׼JsP)3<$64 o}HM.n`o^xۅ ׹礗^_s`ZL2TvUflܹKsG,lIygov~2[>3n,080/dqI/Da jQG͒F\R:.u\5I5;z1-9|N*a?ڿ5Rӧ4$dwRl9! zV-hoabW^}K?Sb-%]?ƖN3Gaك$u2% e3uYT(AZό5|ӮSh Cj"qd\T shA}RtI͈οN)gDGf[ʧy8ET A8Bhi벸.oH'Tj:!FptIKF:tVY?@ٲb!P|B蕚)ɦ׀o5 c8aЧɷWV>gGAM+^R"_kZS8GhX+)e~j!us aH /TIQ^yto/XM(-%=4G0|[m~w0TM)Ɉet:;ݿgOA+Xpp戂ExM唲..㔲gZv.~{csbO0zB0UTЗIJ+A!UӒg< i*jz*ִ|Pu__FRz/O@+v1;1;(AXִδmXԤ/9#艂w^7܄;5ŔPQy~xOl$UPAа+bn$IYxd@IW[ 90fLusn( uu̾v5瞇ppyi^ykjC@ۧ*̷Iz^_њVLlm! 7ʩ%sOQ{GqJ@HlcZ,ROt2(u%XZuB7V]#փڻKbxeeTvէPSKDO߆6ʟ/7x_f$,,Nnݗ|ͺ%!1R9RwL}Qv1Ϛ]I3ګ>{zlr͘A{)63\E%I%( 15+-9shN7Gu4%GA{pw}R*1:CF*ƙ g<0J+jnMLs{N(G6ol Y@%~EE8EES?8Nû}mkeTWmgO#{BDӐpHU `IWfS:{=bpϠd\Υ9 '(W+5ZS*\)!+:rm a+JŠT9:ϡslk߈ᕕQ4s3g1e|Jͧx,J).[yo9KA#NkM%ҟ:4[Rm)IP98'q.gR2Sͣh,g8prRl(xSi}E0雵:}E(su J{<n~lѽ AW HD! $z.uCZܟ]`s79sޛ7ځ^k6Qy95%miI rf|n>o~h)iWuh2#:(<5^n_+:"=;7&Z3s,[.Ck27gHiRDZQ .;&ˎukv=vz`+s ~c֚v?Ht(s3^M`P-_ jǨt.y, xWi@jXHj3)n,xMdηocyiI"TB uCD"q'RTqfh5 _y?ا\6GԂ:j( ]F=<W@ C*Ǜn\q{Yp=(uԂ"4L[CQ G(+ZZޥK'nbo !(D1hX2g.~/2%'cMo#5vfK=i 7ذ1n[@[;zWP98S4\v9S.?GtWq͸v| Ƹ͝[/[{ 2Q*O.]r$Fx~'K>?0nנ\S$DgxkÆ73>gmMM!kĀlа8 5ԝw>~ƃ.57B&犩1hy3U9Ӟ}k @o/Z>2KE!h8T/i'ޓ&~=n~%\3.t+Ozy!1Ct4CŠas;/oڴ[ C%*=ƃ+8[<َ\5_-Ul2Bx?(CgWt]B)Ј{wT{. Џ)໤=4u' -q!{h:*/Fx _t GηWa?2yܗ'Y؋ pҋ&ĉ_y`b‰\а98J=b8g:nZ۟{(g'HM˼5  X}:*]A ˖ތ+pHl]:T:AU4+y~ fO@mV>J͐ ^8vO'mӰ]*cⶍ?E(hO7_*|P eAxa|XKWpj}DEIRr_KPyjJKdo4#5=ҧԻUc$fHi A+K8s7i.UNr5NWF(;x7!ug:%7 (+"*WPzPANA 3Z `Z檧܍%0Ed3 ~UHfJҿ+)EyqaKAie8ш<5Y/@\D}H toMc/5Su kͦdAW+^AQNR-iIk:םI܉1/DQ [R>}<֏J%{A+(w=fȩx]宠s$]MTeQWt~ ֠T>dXWG0+276ACq?^T9F:-瀛S3DiE̽=ƛ)ITNF\W61 (Jי3] ?jv*Y uC0@GSzd铚aaF¼c0{{+W$4%]7¥jC7{sC|EK84&\"q *ڮ8473wP۩jM[:iEАp(6,tG, A倔9*Q%RGZq'!s,5 EK3 GPySҚA*k;Id~P&RQ+11=AC+%TסT@#.JkFtpT#,u؞C[ءm N`J,|ienIT 7!P>n>S{_9Fr}A/s1)KZ%%jf^B@cw0E]E}dkk p+DuR3.s JGACCa{ 셈U,uyPiGȪcdE=Ӱ˗V2. kY&5[r^Кe~acaJx$Pxi:N#M8TffW4ɴV{{U~4h<*HbxE(3g+^P I*7P-14EjɈI|95 @o75-.>F SJ!3l!wPWZi|mXIDATLdyhIuNg %1Airj2ȱ{?uB@{hg~!?|"%G.nNιCqI`1=0K r Dƽ d]RG^7=$)Ÿ#_аgreltw~蕊>*1A+Y lB^$>۟²#/B| &eӒeJjQA?*Y3' "4u(6toFc4Feh:N>|AJ#% Eа vAUW@9)y;3ހ:OYuϡGi;bP)L[S!\#+,'i^ȼa F7vۚmd51S-iOД'O_*|P tM k-iŞҰ1峨+u߇;#0aVӰD+SWv&6En@i>Y737RZv \l8dy kx+%ْTj ؞ SbGfk:c*0 5߇ofXFIiݾzw=ĝU+:jhOˠ^g?隶%R1U\ze%LN϶lĔQ7 Ial^ v(#>`fpǂ|>|qhx'#y^9~XnviL(LL3#-![: 5O0jsAhHZU8FO\tN03Ҵfjog"fΦ2h5}R'U{ߙ|}.23)M$v|)nテ3K**A)3E$.ST}6Kh):4jI`z. r4&h8*=2GLNPk2O5QvtinSkݦupkОdL1h( jpE U JqPiJ34R3 #Ieɴ M:?GIٸ^ 2*]32hiw]JAIFkQך"Za6(m15Jt}PiG̨1d|а_j &28/JOac?ִW yrvtAV!̪VΘzQ2 ㊩}!MiZ؝ցv}(͜ Oca\U{ooZӒw(dsj=3$iE3I;&O w)٪$ ٢sq4iIAY,)mJ]|\˓ÄC mZ @zSi#w+Onlа0ԮM4Ye|Eyx`JNA=hHŚFޔ}ʦ%&ߕnq#[{`XOloPKk9w4 t%R3j䘂W4-BX0NP&w5('+qG%u/OaJk}E`xބ|7{@;5X.19h 6h}Ax \Ewf_ʏ]iS {vMM< /7W@"`D+.APR4Da:D9+|t&[ohgDKqcҥStQ{۬IA]K6P2[PU96Gb[(xmZ_b'9qܹN2K{: К^F4z.\j;|#So\[#N1ǔ&FFnpeGZWPp)6La{DHw/vj[}iӦ--KV9 XD4ܙikXd X]z#Bܫ7[v4Ã*P]AM5/_ZQ_T35~iV epY`Avݫ&`f +׶>RbS2YR5N`ZaV('&Z -OWT? K&+||L *Mg ʫv י i[HxJ(--O&7+ʦS3^05h8WJuxH(u94"[/"-CY{xP*74(7)2u?'j2aZC Vw .Ŏ2WpQ޶NK7mНXΤjr-ħZ`Q\ ǓAq|'dޘIAۄhi/W_t.2ps+55K2,:cRBsu/rkS<W k*.ԠhL8d h!~m_\B>H^s' Vlа.ӥ-l=78gp1)Ժ qJC[ZWw{m-BSͶ3MpՁIg< !VN_K 3zEʊb4,PrCx<֚[:/kaxBŋG뀏8zQ]H;ՏED +_z#ACTϥ5 *Mk:5*)+ϯ^ %q :As R-H xL*u --/Dqs =q k@kz2;;}ߡ } ۢ]FU kǹ82ܷFѰWtT=BnnnNxI4,wr:Z'5R1(#/++Wl[bDq :Ja8bBAj͐ HMqHBHߺnw!IHk0KBW &M Ou'1&),Xuk+2,q@ bu?c# ˸Lkct$O\~z;8 #>[n9:z ogG jg a-ʱ0njs4 CRUж ܾxqgiB{k<ӗd.#RX7ћ}ַ#b @ >9bÆWpX`͝[$Wj8ŽȤ)Ί.;ͧUmvt;͋ⲲR{o @\K,R~ 2E9DqPn#Ol5 Np"ķ]6[X04w+n5b|PjՊ օ up9PKk!aXÝMI$D뀹!3)?߸iSXxжhѹhW4$Nߺaݺ65/^k} ? j!Mxׯmnn_$Ҟwz0ݠGRU5j"8 GQڅ ~;šXru>o*p{o"q_gX`1[_|~ #n @>}hi釵1@PI9<[cp,Ccb{W src/scss/000077500000000000000000000000001520135770500126255ustar00rootroot00000000000000src/scss/index.scss000066400000000000000000000051611520135770500146340ustar00rootroot00000000000000@import '~material-design-icons-iconfont/dist/material-design-icons.css'; @import '~angular-material/angular-material.css'; @import '~angular-tree-control/css/tree-control.css'; @import '~angular-json-tree/dist/angular-json-tree.css'; @import '~jsoneditor/dist/jsoneditor.css'; @import '~@fortawesome/fontawesome-free/css/all.min.css'; .p3xr-theme-dark { .jsoneditor { background-color: white; } } @import 'vars'; md-toolbar, .md-toolbar-tools { height: $toolbar-height !important; min-height: $toolbar-height !important; max-height: $toolbar-height !important; } #p3xr-redis-ui-bootstrap { height: 100vh; } .fa, .fas, .fab, far, .svg-inline--fa { transform: scale(1.5) !important; margin-right: 5px !important; margin-left: 5px !important; } [ng-click] { cursor: pointer; } .md-button { min-width: auto; } input:-webkit-autofill { background-color: transparent !important;; } .p3xr-md-input-container-no-bottom { margin-bottom: 0px; padding-bottom: 0px; } .p3xr-md-input-container-no-top { margin-top: 0px; padding-top: 0px; } .p3xr-md-input-container-bottom-info { opacity: 0.25; } .p3xr-typography-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .p3xr-theme-light { /* .p3xr-input { border-color: rgba(128, 128, 128, 0.5); } */ json-tree .key { color: black; font-weight: bold; } .p3xr-md-menu-item-selected { background-color: rgba(0, 0, 0, 0.1) !important; } } .p3xr-theme-dark { .p3xr-md-menu-item-selected { background-color: rgba(255, 255, 255, 0.1) !important; } json-tree .key { color: rgba(255, 255, 255, 0.6); font-weight: bold; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(255, 255, 255, 0.75); } /* .p3xr-input { background-color: gray; color: white; border-color: rgba(200, 200, 200, 0.5); } */ } .p3xr-pre { font-family: monospace !important; font-size: 16px; line-height: 18px; overflow: hidden !important; //white-space: pre; // white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; white-space: pre-wrap; word-spacing: 0px; } .p3xr-not-selectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .p3x-margin-height { margin-bottom: $layout-padding; } @import '../injector'; treecontrol, textarea { font-family: monospace !important; } src/scss/vars.scss000066400000000000000000000000541520135770500144740ustar00rootroot00000000000000$toolbar-height: 48px; $layout-padding: 5px;src/strings/000077500000000000000000000000001520135770500133435ustar00rootroot00000000000000src/strings/en/000077500000000000000000000000001520135770500137455ustar00rootroot00000000000000src/strings/en/strings.js000066400000000000000000000352371520135770500160060ustar00rootroot00000000000000const strings = { error: { cleared_license: 'Cleared license', invalid_license: 'Invalid license', server_error: 'Server error, please try again', }, title: { name: 'P3X Redis UI', nameDonated: 'P3X Redis UI+', main: 'You may choose a Redis connection to connect from the left bottom menu.', statistics: 'Statistics', error: 'Error', connectingRedis: 'Connecting to Redis ...', socketioConnectError: 'Socket.IO Error', db: 'DB', server: 'Server', clients: 'Clients', memory: 'Memory', persistence: 'Persistance', stats: 'Statistics', replication: 'Replication', cpu: 'CPU', cluster: 'Cluster', }, confirm: { title: 'Confirm', alert: 'Alert', info: 'Info', deleteListItem: 'Are you sure to delete this list item?', deleteHashKey: 'Are you sure to delete this hash key item?', deleteSetMember: 'Are you sure to delete this set member?', deleteZSetMember: 'Are you sure to delete this sorted set member?', deleteConnection: 'Confirm', deleteConnectionText: 'Are you sure to delete this Redis connection?', deleteNode: 'Are you sure to delete this Redis node?', deleteAllKeys: (opts) => { return `Delete this tree and all it\'s keys (${opts.key})?` }, socketioConnectError: 'Socket.IO cannot connect to the server, you can reload and you might to resolve the connection error by yourself, the client does not know to solve it by itself.', deleteKey: 'Are you sure to delete this key?', rename: { title: 'Are you sure to rename this key?', textContent: 'If you click the rename button, it will rename this key forever.', placeholder: 'The Redis key (required)', }, ttl: { title: 'Are you to change this keys\'s TTL?', textContent: 'If you click the change TTL button, it will rename this key\'s time to live, empty will persist this key keep forever.', placeholder: 'The Redis key\'s TTL (integer or empty)', }, license: { title: 'Enable donated license?', textContent: 'If you want to use the donated functions, please contact alabard@gmail.com to request a license. The price is $1/month.', placeholder: 'License key', }, }, language: { // When you translate the english name, keep the Language in English // eg. Inglés / English en: 'English', zn: 'Chinese / 中文' }, intention: { saveWithFormatJson: 'Save with format', formatJson: 'Format Json', pubsubMonitor: 'PubSub Monitor', // When you translate the language, keep the Language in English // eg. Idioma / Language language: 'Language', ok: 'OK', addKey: `Add to this key`, addKeyRoot: 'Add a root key', reloadKey: 'Reload key', reload: 'Reload', close: 'Close', commands: 'Commands', view: 'View', statistics: 'Statistics', refresh: 'Refresh', clear: 'Clear', rename: 'Rename', main: 'Home', cancel: 'Cancel', theme: 'Theme', github: 'GitHub', githubRepo: 'Repository', githubTodo: 'To do', githubChangelog: 'Change log', settings: 'Settings', connect: 'Connect', disconnect: 'Disconnect', overview: 'Overview', console: 'Console', noConnections: 'No connections, add a connection in the settings menu.', noConnectionsInSettings: 'No connections, you may add a NEW CONNECTION above.', connectionAdd: 'New connection', extend: 'Extend', collapse: 'Collapse', add: 'Add', edit: 'Edit', save: 'Save', ttl: 'Set TTL', license: 'Set license', 'delete': 'Delete', remove: 'Remove', 'sure': 'Sure', testConnection: 'Test connection', getKey: 'Loading Redis key and associated data ...', jsonViewShow: 'Display JSON tree', jsonViewEditor: 'Edit JSON tree', }, label: { bigJson: 'This JSON object is over 10 kb, so make sure you know what you doing, because some functions can be slow rendering.', addNode: 'Add node', validateJson: 'Validate JSON', reducedFunction: `Reduced functionality`, tooManyKeys: (opts) => { return `For the full maximum functions allowed keys total is ${opts.maxLightKeysCount} count. This database has over the allowed keys in total ${opts.count}. The key sorting and the additional fancy tree information is disabled. The searching is happening only on the server instead the client search.`; }, redisCommandNotFound: 'No Redis command match found ...', treeKeyStore: `The sorting (natural compare) is executed on the client aka the browser, which means it has a penalty for big large sets, like over 10k keys, it might add a little time to the page rendering. There is no key sorting in Redis, only like this.`, socketIoTimeout: (options) => { return `The Socket.IO timed out for this request (max ${options.timeout / 1000} seconds) ...`; }, resizerInfo: (options) => { return `Left or right panel minimum width is ${options.width}px` }, jsonViewNotParsable: 'This value is not JSON parsable ', ttlTitle: 'Set the TTL in seconds', passwordSecure: 'The password might will be empty, but still it will show characters, this is a security feature.', treeSeparatorEmpty: 'If the tree separator is empty, the tree wil have no nested nodes, just a pure list', treeSeparatorEmptyNote: 'No nested nodes, just a pure list', welcomeConsole: 'Welcome to the Redis Console', welcomeConsoleInfo: 'TAB or SHIFT + TAB completion like bash is enabled', welcomeConsoleInfo2: 'Cursor UP or DOWN history is enabled', redisListIndexInfo: 'Empty to append, -1 to prepend or save it to the position shown.', console: 'Console', connectiondAdd: 'Add connection', connectiondEdit: 'Edit connection', connectiondView: 'View connection', connections: 'Connections', keysSort: { on: 'Key sorting on', off: 'Key sorting off' }, awsElastiCache: { on: 'AWS ElastiCache / Gcloud memorystore on', off: 'AWS ElastiCache / Gcloud memorystore off', }, azure: { on: 'Azure Redis on', off: 'Azure Redis off', }, cluster: { on: 'Cluster on', off: 'Cluster off', }, treeSettingsPageCount: 'If the paging is over 100 / page and you do not use smart tree divider, it could cause a performance penalty, because of the nature of AngularJs. But! If you use trees (with tree divider), then you can have bigger page / element and the browser will not freeze for a little time.', theme: { light: 'Light', dark: 'Dark', darkoBluo: 'Darko bluo', enterprise: 'Enterprise', redis: 'Redis', }, connected: (opts) => { return `Connected: ${opts.name}` }, tree: 'Tree', }, status: { licenseSaved: 'License saved', nodeRemoved: 'Node removed', keyIsNotExisting: 'This key could have been deleted or expired.', keyCount: (opts) => { if (opts.keyCount === 0) { return 'No key' } else if (opts.keyCount === 1) { return '1 key' } else { return `${opts.keyCount} keys` } }, treeExpandAll: 'Expand all tree leafs, this has a cost, might take time ...', noRedisKeys: 'There are no keys in this database.', redisConnected: 'Redis connected successful', reloadingDataInfo: 'Reloading Redis data info', added: 'Added', saved: 'Updated', cancelled: 'Cancelled', deleted: 'Deleted', savedRedis: 'Redis data is saved', redisDisconnected: (opts) => { return `The current connection had an error: ${opts.error.message}` }, dbChanged: (opts) => { return `The db index set to ${opts.db}. ` }, treeDeleted: (opts) => { return `The tree key was deleted (${opts.key}).` }, deletedKey: (opts) => { return `The key was deleted (${opts.key}).` }, renamedKey: 'This key has been renamed', ttlChanged: 'This key\'s TTL has been changed', notInteger: 'This input is not an integer', persisted: 'This key is persisted forever', set: 'The key is set/added' }, code: { 'delete-connection': 'This connection was deleted, so you are disconnected to this Redis instance.', 'save-connection': 'This connection was changed, so you are disconnected to this Redis instance. You may re-connect.', 'readonly-connections': 'Connections add/save/delete are readonly only!', 'list-out-of-bounds': 'This list index is out of bounds', }, form: { error: { required: 'Required', port: 'The port is between 1-65535', invalid: 'The form is invalid' }, connection: { label: { name: 'Name', host: 'Hostname', port: 'Port', password: 'Password', }, }, treeSettings: { maxValueDisplay: 'Max value display string length', maxValueDisplayInfo: 'If max value display zero, it shows everything, if it is bigger than 0, it will truncate. If it is -1, it will not show the value without edit for strings, for others, it display everything.', keyCount: () => { return `Number of keys: ${p3xr.state.keysRaw.length}` }, label: { jsonFormatTwoSpace: 'Format JSON with 2 spaces', jsonFormatFourSpace: 'Format JSON with 4 spaces', formName: 'Redis settings', searchModeClient: 'Client search mode', searchModeServer: 'Server search mode', searchModeStartsWith: 'Search with starts with mode', searchModeIncludes: 'Search includes mode', }, field: { treeSeparator: 'Tree separator', page: 'Paging count', keysSort: 'Sort the keys', searchMode: 'Search mode', searchModeStartsWith: 'Search starts with / includes' }, error: { page: 'The page count must be an integer between 10 - 500', maxValueDisplay: 'The maximum display value must be an integer between -1 and 32768', }, }, key: { label: { formName: { add: 'Add new Redis key', edit: 'Edit Redis key', append: 'Add to existing Redis key', } }, field: { key: 'Key', type: 'Type', index: 'Index', hashKey: 'Hash key', score: 'Score', value: 'Value', }, error: { key: 'The key is, at least, one character', hashKey: 'The hash table key is at least one character', score: 'The sorted set score is required', value: 'The value is required', } }, main: { label: { database: 'DB', } } }, page: { overview: { noConnected: 'There is no connection to Redis.', overviewClients: 'List the connected by the count of clients', connectedCount: (opt) => { if (opt.length === 1) { return '1 client' } return `${opt.length} clients` } }, key: { label: { key: 'Key', encoding: 'Encoding', length: 'Size', ttl: 'TTL', ttlTitle: 'Time To Live', type: 'Type', ttlNotExpire: 'does not expire', lengthString: 'characters', lengthItem: 'items', actions: 'Actions', }, list: { table: { index: 'Index', value: 'Value', } }, hash: { table: { hashkey: 'Hashkey', value: 'Value', } }, set: { table: { value: 'Member' } }, zset: { table: { value: 'Member', score: 'Score', } } }, treeControls: { settings: 'Tree settings', expandAll: 'Expand all', collapseAll: 'Collapse all', search: { search: 'Search in the keys', clear: 'Clear current search to set empty', placeholderClient: 'Search client side', placeholderServer: 'Search server side', info: 'The client side search means, that it matches the text in the search input. The server side search means, that is it like search in the keys patterns as *{search-text}*. For large search sets, it is better to use server side searching. For smaller search sets, it is better to use client side search mode.' + ` If the keys count is over ${p3xr.settings.maxLightKeysCount}, you can only search on server side.`, largeSetInfo: 'In a large set, client side searching is disabled. so right now only server side searching is possible.', infoDetails: 'To find out how the search works, please check out the settings' }, pager: { next: 'Next', prev: 'Previous', first: 'First', last: 'Last' } } }, time: { years: 'years', months: 'months', days: 'days', year: 'year', month: 'month', day: 'day', }, redisTypes: { string: 'String', list: 'List', hash: 'Hash table', set: 'Set', zset: 'Sorted set - zset' } } module.exports = strings; src/strings/zn/000077500000000000000000000000001520135770500137725ustar00rootroot00000000000000src/strings/zn/strings.js000066400000000000000000000333201520135770500160220ustar00rootroot00000000000000const strings = { error: { cleared_license: '清除许可证', invalid_license: '无效的许可证', server_error: '服务器错误，请重试', }, title: { name: 'P3X Redis UI', nameDonated: 'P3X Redis UI+', main: '您可以从左下方菜单中选择要连接的Redis进行连接访问', statistics: 'Statistics', error: '错误', connectingRedis: '连接到Redis ...', socketioConnectError: 'Socket.IO 错误', db: 'DB', server: '服务端', clients: '客户端', memory: '内存', persistence: '持久性', stats: '统计', replication: '同步复制', cpu: 'CPU', cluster: '集群', }, confirm: { title: '确认', alert: '警告', info: '信息', deleteListItem: '您确定要删除该列表项吗？', deleteHashKey: '您确定要删除该哈希键项吗？', deleteSetMember: '您确定要删除该集合成员？', deleteZSetMember: '您确定要删除该有序集合成员？', deleteConnection: '确认', deleteConnectionText: '您确定要删除此Redis连接吗？', deleteNode: '您确定要删除此Redis节点吗？', deleteAllKeys: (opts) => { return `删除此树及其所有键 (${opts.key})?` }, socketioConnectError: 'Socket.IO 不能连接到该服务, 您可以重新加载及尝试自己解决该错误, 客户端自身无法解决该错误', deleteKey: '您确定要删除这个键吗？', rename: { title: '您确定要重命名该键名么?', textContent: '如果您点击重命名按钮，它将永久重命名此键。', placeholder: '该Redis键(必须存在)', }, ttl: { title: '您要改变该键的TTL吗？', textContent: '如果您点击更改TTL按钮, 会改变该键的生存时间,设置为空则有效期永久', placeholder: 'Redis键的TTL（整数或空）', }, license: { title: '启用捐赠的许可证？', textContent: '如果要使用捐赠的功能，请联系alabard@gmail.com申请许可证。 价格是1美元/月。', placeholder: '注册码', }, }, language: { en: '英语 / English', zn: '中文 / Chinese' }, intention: { saveWithFormatJson: '保存格式', formatJson: '格式化Json', pubsubMonitor: 'PubSub监视器', language: '语言 / Language', ok: '确定', addKey: `加入此键`, addKeyRoot: '加入一个根键', reloadKey: '重载键', reload: '重载', close: '关闭', commands: '命令', view: '视图', statistics: '统计', refresh: '刷新', clear: '清除', rename: '重命名', main: '主页', cancel: '取消', theme: '主题', github: 'GitHub', githubRepo: '仓库', githubTodo: '待办', githubChangelog: '更新日志', settings: '设置', connect: '连接', disconnect: '断开', overview: '概览', console: '控制台', noConnections: '没有任何连接，请在设置菜单中添加一个连接。', noConnectionsInSettings: '没有连接，您可以在上面添加一个新的连接。', connectionAdd: '新连接', extend: '拓展', collapse: '折叠', add: '添加', edit: '编辑', save: '保存', ttl: '设置 TTL', license: '设定牌照', 'delete': '删除', remove: '删除', 'sure': '确定', testConnection: '测试连接', getKey: '加载Redis键及相关数据...', jsonViewShow: '显示 JSON 树', jsonViewEditor: '编辑JSON', }, label: { bigJson: '此JSON对象超过10 kb，因此请确保您知道自己在做什么，因为某些功能可能会缓慢呈现。', addNode: '添加节点', validateJson: '验证JSON', reducedFunction: `功能限制`, tooManyKeys: (opts) => { return `对于最大函数允许的键个数为 ${opts.maxLightKeysCount}. 该数据库允许共超过的键总数为 ${opts.count}.但键的排序及范式树等相关信息会被禁用。搜索仅在服务器上进行，而不是客户端搜索。`; }, redisCommandNotFound: '找不到匹配的Redis命令...', treeKeyStore: `该排序(自然排序)运行在客户端的浏览器上, 意味着针对大型集合(例如超过1W个键),渲染的时长开销需要增加.Redis中没有键排序, 就像这样。`, socketIoTimeout: (options) => { return `Socket.IO 请求超时,请求时最长(最大 ${options.timeout / 1000}秒) ...`; }, resizerInfo: (options) => { return `面板(左/右)的最小宽度是 ${options.width}像素` }, jsonViewNotParsable: '该值JSON无法解析', ttlTitle: '设置TTL时间(秒)', passwordSecure: '密码可能为空，但仍会显示字符，这是一项安全功能。', treeSeparatorEmpty: '如果树分隔符为空，则树将没有嵌套节点，只有纯列表', treeSeparatorEmptyNote: '没有嵌套节点，只是一个纯列表', welcomeConsole: '欢迎来到Redis控制台', welcomeConsoleInfo: '启用类似Bash命令补全功能,按TAB 或 SHIFT + TAB 补全', welcomeConsoleInfo2: '上下方向键选择历史记录功能已启用', redisListIndexInfo: '空值追加, -1 到前置或保存到光标之处', console: '控制台', connectiondAdd: '添加连接', connectiondEdit: '编辑连接', connectiondView: '查看连接', connections: '连接', keysSort: { on: '开启键排序', off: '关闭键排序' }, awsElastiCache: { on: 'AWS ElastiCache / Gcloud memorystore on', off: 'AWS ElastiCache / Gcloud memorystore off', }, azure: { on: 'Azure Redis on', off: 'Azure Redis off', }, cluster: { on: '群集', off: '集群关闭', }, treeSettingsPageCount: '由于AngularJS的渲染特性,如果你的分页超过(100/页)且不使用智能树分割,会导致性能下降,但如果你启用了,不仅可以获得更多的数据展示,且不会卡顿一段时间', theme: { light: '浅棕', dark: '暗色', darkoBluo: '蓝色', enterprise: '企业风', redis: 'Redis风格', }, connected: (opts) => { return `已连接: ${opts.name}` }, tree: '树', }, status: { licenseSaved: '许可证已保存', nodeRemoved: '节点已删除', keyIsNotExisting: '此键可能已被删除或过期。', keyCount: (opts) => { if (opts.keyCount === 0) { return '没有任何键' } else if (opts.keyCount === 1) { return '1 个键' } else { return `${opts.keyCount} 键` } }, treeExpandAll: '展开所有树,该操作的代价就是有点费时...', noRedisKeys: '此数据库中没有任何键。', redisConnected: 'Redis 连接成功', reloadingDataInfo: '重新加载Redis数据信息', added: '已添加', saved: '已更新', cancelled: '已取消', deleted: '已删除', savedRedis: 'Redis数据已保存', redisDisconnected: (opts) => { return `该连接有一个错误: ${opts.error.message}` }, dbChanged: (opts) => { return `db索引设置为 ${opts.db}. ` }, treeDeleted: (opts) => { return `该树已删除 (${opts.key}).` }, deletedKey: (opts) => { return `该键已删除 (${opts.key}).` }, renamedKey: '该键已重命名', ttlChanged: '该键TTL已被更改', notInteger: '输入值不是一个整数', persisted: '永久键', set: '键已设置/添加' }, code: { 'delete-connection': '此连接已删除，因此您与此Redis实例断开连接。', 'save-connection': '此连接已更改，因此您与此Redis实例断开连接。 你可以重新连接。', 'readonly-connections': '连接(添加/保存/删除)只是只读！', 'list-out-of-bounds': '此列表索引超出范围', }, form: { error: { required: '必填', port: '端口号范围是 1-65535', invalid: '值无效,请重新输入' }, connection: { label: { name: '连接名字', host: '主机名', port: '端口', password: '密码', }, }, treeSettings: { maxValueDisplay: '最大值显示字符串长度', maxValueDisplayInfo: '如果最大值显示为零，则显示所有内容，如果大于0，则将截断。 如果它是-1，它将不显示没有编辑字符串的值，对于其他人，它显示所有内容。', keyCount: () => { return `键数: ${p3xr.state.keysRaw.length}` }, label: { formName: 'Redis设置', searchModeClient: '客户端搜索模式', searchModeServer: '服务端搜索模式', searchModeStartsWith: '以模式启动搜索', searchModeIncludes: '搜索包括模式', }, field: { treeSeparator: '树分隔符', page: '分页数', keysSort: '对键进行排序', searchMode: '搜索模式', searchModeStartsWith: '搜索以 / 开头' }, error: { page: '页数必须是10 - 500之间的整数', maxValueDisplay: '最大显示值必须是介于-1和32768之间的整数', }, }, key: { label: { formName: { add: '添加新的Redis键', edit: '编辑 Redis key', append: '添加到现有的Redis键', } }, field: { key: '键', type: '类型', index: '索引', hashKey: '哈希键', score: '分数', value: '值', }, error: { key: '键至少存在一个字符', hashKey: '哈希表键至少是一个字符', score: '排序的集合分数是必需的', value: '该值是必填的', } }, main: { label: { database: 'DB', } } }, page: { overview: { noConnected: '没有任何连接到Redis', overviewClients: '按客户端连接计数展示所有连接', connectedCount: (opt) => { if (opt.length === 1) { return '1 客户端' } return `${opt.length} 客户端` } }, key: { label: { key: '键', encoding: '编码', length: '大小', ttl: 'TTL', ttlTitle: '生存时间', type: '类型', ttlNotExpire: '不会过期', lengthString: '字符', lengthItem: '项数', actions: '操作', }, list: { table: { index: '索引', value: '值', } }, hash: { table: { hashkey: '哈希', value: '值', } }, set: { table: { value: '成员' } }, zset: { table: { value: '成员', score: '分数', } } }, treeControls: { settings: '树设置', expandAll: '展开所有', collapseAll: '折叠所有', search: { search: '在键中搜索', clear: '清空当前搜索结果', placeholderClient: '客户端搜索', placeholderServer: '服务端搜索', info: `客户端搜索是匹配输入的文本,服务端搜索则遵循*{search-text}*模式搜索.对于大量数据的搜索最好在服务端进行搜索,而较小数据量可以考虑客户端搜索。如果键数超过 ${p3xr.settings.maxLightKeysCount}个的则只能在服务端搜索`, largeSetInfo: '在大型集合中，禁用客户端搜索。 所以现在只能进行服务器端搜索。', infoDetails: '要了解搜索的工作原理，请查看设置' }, pager: { next: '下一页', prev: '上一页', first: '首页', last: '末页' } } }, time: { years: '年份', months: '个月', days: '天', year: '年', month: '月', day: '天', }, redisTypes: { string: '字符串', list: '列表', hash: '哈希表', set: '集合', zset: '有序集合 - zset' } } module.exports = strings;