first version

README-CN.md

@@ -0,0 +1,14 @@
+# EasyRedisAdmin
+php web redis admin
+本项目基于[erikdubbelboer/phpRedisAdmin](https://github.com/ErikDubbelboer/phpRedisAdmin) 1.11.5版本改进而来。phpRedisAdmin是一个很棒的项目，在这里标识感谢。
+
+本项目主要做了以下工作：
+====
+* 支持Json格式化，当数据类型为Json的时候，显示更美观；
+* 在首页，对Redis实例添加了更多的信息；
+* 美化UI展示；
+
+本项目基于predis，隐藏在使用前，需要先安装[predis](https://github.com/nrk/predis)
+```
+composer require mongodb/mongodb
+```

README.md

@@ -1,2 +1,15 @@
 # EasyRedisAdmin
 php web redis admin
+
+This project is based on [erikdubbelboer/phpRedisAdmin](https://github.com/ErikDubbelboer/phpRedisAdmin) Ver1.11.5. phpRedisAdmin is a great project, thanks.
+
+I do something refine:
+====
+* Support json format.
+* Add more information for server item.
+* Refine UI.
+
+This project is baseed on [predis](https://github.com/nrk/predis), you need install predis before used it.
+```
+composer require mongodb/mongodb
+```

composer.json

@@ -0,0 +1,5 @@
+{
+    "require": {
+        "predis/predis": "1.0.3"
+    }
+}

css/common.css

@@ -0,0 +1,68 @@
+html {
+font-size: x-small; /* Wikipedia font-size scaling method */
+}
+
+body {
+font: 116%/1.4em Verdana, sans-serif;
+color: #000;
+margin: 0;
+padding: 0;
+border: 0;
+height: 100%;
+max-height: 100%;
+background-color: #fff;
+}
+
+h1 {
+font: bold 190% "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+h2 {
+font: bold 160% "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+h3 {
+font: bold 130% "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+abbr {
+border-bottom: 1px dotted #666;
+}
+
+img {
+border: 0;
+}
+
+pre {max-width:95%; min-width:50%; border-radius:4px; border:1px solid #ccc; padding:10px; margin:5px; background-color:#f9f9f9; font-family:Menlo,Monaco,Consolas,"Courier New",monospace;}
+
+.clear {
+clear: left;
+}
+
+
+.info {
+color: #aaa;
+font-weight: normal;
+}
+
+
+.add {
+padding: 3px 0 1px 20px;
+background: url(../images/add.png) left center no-repeat;
+}
+
+
+.data {
+white-space: pre;
+word-break:break-all; 
+white-space:pre-wrap;
+line-height:200%;
+}
+
+
+.jsonstring {word-break: break-all; word-wrap: break-word;white-space: pre-wrap; font-family: Menlo,Monaco,Consolas,"Courier New",monospace;}
+.string { color: green;}
+.number { color: blue; }
+.boolean { color: green; }
+.null { color: magenta; }
+.key { color: red; }

css/frame.css

@@ -0,0 +1,56 @@
+form {
+margin: 0;
+}
+
+form p {
+padding-left: 8em;
+margin: 1em 0;
+}
+
+form label {
+float: left;
+width: 7em;
+margin-left: -8em;
+}
+
+form .button {
+margin-left: -7em;
+}
+
+
+#hkeyp, #indexp, #scorep {
+display: none;
+}
+
+
+table {
+border-spacing: 0;
+border-collapse: collapse;
+max-width: 95%;
+}
+
+td {
+background-color: #eee;
+border: 2px solid #fff;
+}
+
+.alt td {
+background-color: #ccc;
+}
+
+td div, th div {
+padding: .5em;
+}
+
+
+.imgbut {
+vertical-align: middle;
+margin-top: -4px;
+}
+
+
+.server {
+float: left;
+margin: 1em;
+}
+

css/index.css

@@ -0,0 +1,138 @@
+#sidebar {
+position: absolute;
+top: 0;
+bottom: 0;
+left: 0;
+width: 290px;
+height: 100%;
+padding-left: 10px;
+}
+
+#sidebar a, #sidebar a:visited {
+color: #000;
+}
+
+#sidebar a {
+text-decoration: none;
+}
+
+#sidebar a:hover {
+text-decoration: underline;
+}
+
+
+#keys {
+width: 290px;
+padding-left: 10px;
+overflow: auto;
+}
+
+#keys ul {
+list-style-type: none;
+margin: 0;
+padding: 0;
+}
+
+#keys li {
+font-weight: normal;
+}
+
+#keys li.folder {
+font-weight: bold;
+margin-top: .05em;
+cursor: pointer;
+}
+
+#keys li.current a {
+background-color: #eee;
+}
+
+#keys li.hidden {
+display: none;
+}
+
+#keys .icon {
+padding: 1px 0 1px 20px;
+background: url(../images/folder-open.png) left center no-repeat;
+white-space: nowrap;
+}
+
+#keys li.collapsed ul {
+display: none;
+}
+
+#keys ul ul {
+margin-left: 6px;
+background: url(../images/tree-vline.gif) repeat-y;
+}
+
+#keys ul ul li {
+padding-left: 16px;
+background: url(../images/tree-node.gif) no-repeat;
+}
+
+#keys ul ul li.folder {
+background-image: url(../images/tree-folder-expanded.gif);
+}
+
+#keys ul ul li.folder.collapsed {
+background-image: url(../images/tree-folder-collapsed.gif);
+}
+
+#keys ul ul li.last { /* Hard-coded substitute for :last-child */
+margin-bottom: .3em;
+background: #fff url(../images/tree-lastnode.gif) no-repeat;
+}
+
+#keys ul ul li.last.folder {
+background-image: url(../images/tree-lastnode-expanded.gif);
+}
+
+#keys ul ul li.last.folder.collapsed {
+background-image: url(../images/tree-lastnode-collapsed.gif);
+}
+
+#keys .deltree {
+display: none;
+}
+
+#keys .icon:hover .deltree {
+display: inline;
+}
+
+#resize {
+position: fixed;
+top: 0;
+left: 300px;
+bottom: 0;
+width: 5px;
+background-color: #aaa;
+cursor: col-resize;
+padding: 0;
+margin: 0;
+}
+
+#resize-layover {
+position: fixed;
+top: 0;
+left: 305px;
+right: 0;
+bottom: 0;
+width: 100%;
+z-index: 1000;
+}
+
+#frame {
+position: fixed;
+top: 0;
+left: 305px;
+right: 0;
+bottom: 0;
+padding-left: 2em;
+}
+
+#frame iframe {
+width: 100%;
+height: 100%;
+}
+