Merged in dev (pull request #94)

Dev

.angular-cli.json

@@ -24,7 +24,8 @@
         "../node_modules/xterm/dist/xterm.css",
         "../node_modules/elfinder/css/elfinder.min.css",
         "sass/style.scss",
-        "styles.css"
+        "styles.css",
+        "assets/ztree/awesomeStyle/awesome.css"
       ],
       "scripts": [
         "../node_modules/jquery/dist/jquery.min.js",
@@ -35,7 +36,9 @@
         "assets/inspinia/inspinia.js",
         "assets/slimscroll/jquery.slimscroll.min.js",
         "../node_modules/elfinder/js/elfinder.min.js",
-        "../node_modules/xterm/dist/xterm.js"
+        "../node_modules/xterm/dist/xterm.js",
+        "assets/ztree/jquery.ztree.all.min.js",
+        "assets/ztree/jquery.ztree.exhide.min.js"
       ],
       "environmentSource": "environments/environment.ts",
       "environments": {

i18n/zh.json

+cn.json
\ No newline at end of file

mock.py

@@ -4,6 +4,7 @@ from flask import Flask, send_from_directory, render_template, request, jsonify,
 from flask_socketio import SocketIO, Namespace, emit, join_room, leave_room
 import paramiko
 import uuid
+from flask import Flask, request, current_app, redirect
 
 app = Flask(__name__, template_folder='dist')
 
@@ -55,6 +56,7 @@ class SSHws(Namespace):
       "room": str(uuid.uuid4()),
       "chan": dict()
     }
+    print(request.sid)
     join_room(self.clients[request.sid]["room"])
     # self.socketio.start_background_task(self.send_data, self)
 
@@ -108,102 +110,656 @@ class SSHws(Namespace):
 def send_js(path):
   return send_from_directory('dist', path)
 
-
-@app.route('/')
-@app.route('/luna/')
-def index():
-  return render_template('index.html')
-
-
 @app.route('/api/perms/v1/user/nodes-assets/')
 def asset_groups_assets():
   assets = [
-    {
-      "id": 0,
-      "name": "ungrouped",
-      "assets": []
-    },
-    {
-      "id": 1,
-      "name": "Default long name long name long name",
-      "comment": "Default asset group",
-      "assets_granted": [
-        {
-          "id": 1,
-          "hostname": "192.168.1.6",
-          "ip": "192.168.2.6",
-          "port": 22,
-          "platform": "Linux",
-          "system_users_granted": [
-            {
-              "id": 1,
-              "name": "web",
-              "username": "web",
-              "protocol": "ssh",
-              "auth_method": "P",
-              "auto_push": True,
-              "priority": 10
-            },
-            {
-              "id": 2,
-              "name": "liuzheng",
-              "username": "liuzheng",
-              "protocol": "ssh",
-              "auth_method": "P",
-              "auto_push": True,
-              "priority": 10
-
-            }],
-        },
-        {
-          "id": 44,
-          "hostname": "192.168.1.6 long name long name long name long name long name",
-          "ip": "192.168.2.6",
-          "port": 22,
-          "platform": "Linux",
-          "system_users_granted": [
-            {
-              "id": 1,
-              "name": "web",
-              "username": "web",
-              "protocol": "ssh",
-              "auth_method": "P",
-              "auto_push": True,
-              "priority": 1
-            },
-            {
-              "id": 2,
-              "name": "liuzheng",
-              "username": "liuzheng",
-              "protocol": "ssh",
-              "auth_method": "P",
-              "auto_push": True,
-              "priority": 10
-
-            }
-          ]
-        },
-        {
-          "id": 4,
-          "hostname": "windows server",
-          "ip": "123.57.183.135",
-          "port": 3389,
-          "platform": "Windows",
-          "system_users_granted": [
-            {
-              "id": "3",
-              "name": "web",
-              "username": "web",
-              "protocol": "rdp",
-              "auth_method": "P",
-              "auto_push": True,
-              "priority": 10
-            }
-          ]
-        }
-      ]
-    }
-  ]
+              {
+                "id": "67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6",
+                "key": "0:11:77",
+                "name": "新节点 12",
+                "value": "新节点 12",
+                "parent": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                "assets_granted": [
+                  {
+                    "id": "1600ed6d-e3b6-434c-a960-c5bb818806b6",
+                    "hostname": "windows1",
+                    "ip": "10.1.10.178",
+                    "port": 3389,
+                    "system_users_granted": [
+                      {
+                        "id": "8763b81a-bb5e-484a-abca-10514c7bb185",
+                        "name": "组织1-部门1-Administrator",
+                        "username": "Administrator",
+                        "priority": 10,
+                        "protocol": "rdp",
+                        "comment": ""
+                      }
+                    ],
+                    "is_active": True,
+                    "system_users_join": "Administrator",
+                    "os": "",
+                    "domain": "",
+                    "nodes": [
+                      {
+                        "id": "67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6",
+                        "key": "0:11:77",
+                        "value": "新节点 12",
+                        "parent": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      },
+                      {
+                        "id": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "key": "0:11",
+                        "value": "网域测试",
+                        "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      }
+                    ],
+                    "platform": "Windows",
+                    "comment": ""
+                  },
+                  {
+                    "id": "b952a481-a624-467e-b97f-9435155f0d53",
+                    "hostname": "testserver",
+                    "ip": "10.1.10.192",
+                    "port": 22,
+                    "system_users_granted": [
+                      {
+                        "id": "7e326f71-aee5-4688-8cc1-717919470a09",
+                        "name": "root",
+                        "username": "root",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      },
+                      {
+                        "id": "17f384f4-683d-4944-a38d-db73608b92a9",
+                        "name": "zbh-test",
+                        "username": "zbh",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      }
+                    ],
+                    "is_active": True,
+                    "system_users_join": "root, zbh",
+                    "os": "CentOS",
+                    "domain": "",
+                    "nodes": [
+                      {
+                        "id": "67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6",
+                        "key": "0:11:77",
+                        "value": "新节点 12",
+                        "parent": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      },
+                      {
+                        "id": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "key": "0:11",
+                        "value": "网域测试",
+                        "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      },
+                      {
+                        "id": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "key": "0",
+                        "value": "Fit2cloud",
+                        "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      }
+                    ],
+                    "platform": "Linux",
+                    "comment": ""
+                  },
+                  {
+                    "id": "ad594b10-9f64-4913-b7b1-135fe63561d1",
+                    "hostname": "ali-windows",
+                    "ip": "47.104.206.228",
+                    "port": 3389,
+                    "system_users_granted": [
+                      {
+                        "id": "8763b81a-bb5e-484a-abca-10514c7bb185",
+                        "name": "组织1-部门1-Administrator",
+                        "username": "Administrator",
+                        "priority": 10,
+                        "protocol": "rdp",
+                        "comment": ""
+                      }
+                    ],
+                    "is_active": True,
+                    "system_users_join": "Administrator",
+                    "os": "",
+                    "domain": "",
+                    "nodes": [
+                      {
+                        "id": "67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6",
+                        "key": "0:11:77",
+                        "value": "新节点 12",
+                        "parent": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      },
+                      {
+                        "id": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "key": "0",
+                        "value": "Fit2cloud",
+                        "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      }
+                    ],
+                    "platform": "Windows",
+                    "comment": ""
+                  },
+                  {
+                    "id": "b6f16269-d02a-4055-9cd8-460fa10b1540",
+                    "hostname": "test-vm3",
+                    "ip": "172.19.185.8",
+                    "port": 22,
+                    "system_users_granted": [
+                      {
+                        "id": "7e326f71-aee5-4688-8cc1-717919470a09",
+                        "name": "root",
+                        "username": "root",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      },
+                      {
+                        "id": "17f384f4-683d-4944-a38d-db73608b92a9",
+                        "name": "zbh-test",
+                        "username": "zbh",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      }
+                    ],
+                    "is_active": True,
+                    "system_users_join": "root, zbh",
+                    "os": "",
+                    "domain": "8789580f-b5ca-4478-b6d3-d0dafc4c48e8",
+                    "nodes": [
+                      {
+                        "id": "67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6",
+                        "key": "0:11:77",
+                        "value": "新节点 12",
+                        "parent": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      },
+                      {
+                        "id": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "key": "0:11",
+                        "value": "网域测试",
+                        "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      }
+                    ],
+                    "platform": "Linux",
+                    "comment": ""
+                  },
+                  {
+                    "id": "27e50edc-52d9-41ef-8c9e-1bff9d1628b2",
+                    "hostname": "test-vm2",
+                    "ip": "172.19.185.7",
+                    "port": 22,
+                    "system_users_granted": [
+                      {
+                        "id": "7e326f71-aee5-4688-8cc1-717919470a09",
+                        "name": "root",
+                        "username": "root",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      },
+                      {
+                        "id": "17f384f4-683d-4944-a38d-db73608b92a9",
+                        "name": "zbh-test",
+                        "username": "zbh",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      }
+                    ],
+                    "is_active": True,
+                    "system_users_join": "root, zbh",
+                    "os": "",
+                    "domain": "8789580f-b5ca-4478-b6d3-d0dafc4c48e8",
+                    "nodes": [
+                      {
+                        "id": "67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6",
+                        "key": "0:11:77",
+                        "value": "新节点 12",
+                        "parent": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      },
+                      {
+                        "id": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "key": "0:11",
+                        "value": "网域测试",
+                        "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      }
+                    ],
+                    "platform": "Linux",
+                    "comment": ""
+                  },
+                  {
+                    "id": "9ef36bb3-1bed-455f-be09-3770d3f4bf97",
+                    "hostname": "test-vm1",
+                    "ip": "172.19.185.6",
+                    "port": 22,
+                    "system_users_granted": [
+                      {
+                        "id": "7e326f71-aee5-4688-8cc1-717919470a09",
+                        "name": "root",
+                        "username": "root",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      },
+                      {
+                        "id": "17f384f4-683d-4944-a38d-db73608b92a9",
+                        "name": "zbh-test",
+                        "username": "zbh",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      }
+                    ],
+                    "is_active": True,
+                    "system_users_join": "root, zbh",
+                    "os": "",
+                    "domain": "8789580f-b5ca-4478-b6d3-d0dafc4c48e8",
+                    "nodes": [
+                      {
+                        "id": "67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6",
+                        "key": "0:11:77",
+                        "value": "新节点 12",
+                        "parent": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      },
+                      {
+                        "id": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "key": "0:11",
+                        "value": "网域测试",
+                        "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      }
+                    ],
+                    "platform": "Linux",
+                    "comment": ""
+                  }
+                ],
+                "assets_amount": 6
+              },
+              {
+                "id": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                "key": "0:11",
+                "name": "网域测试",
+                "value": "网域测试",
+                "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                "assets_granted": [
+                  {
+                    "id": "1600ed6d-e3b6-434c-a960-c5bb818806b6",
+                    "hostname": "windows1",
+                    "ip": "10.1.10.178",
+                    "port": 3389,
+                    "system_users_granted": [
+                      {
+                        "id": "8763b81a-bb5e-484a-abca-10514c7bb185",
+                        "name": "组织1-部门1-Administrator",
+                        "username": "Administrator",
+                        "priority": 10,
+                        "protocol": "rdp",
+                        "comment": ""
+                      }
+                    ],
+                    "is_active": True,
+                    "system_users_join": "Administrator",
+                    "os": "",
+                    "domain": "",
+                    "nodes": [
+                      {
+                        "id": "67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6",
+                        "key": "0:11:77",
+                        "value": "新节点 12",
+                        "parent": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      },
+                      {
+                        "id": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "key": "0:11",
+                        "value": "网域测试",
+                        "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      }
+                    ],
+                    "platform": "Windows",
+                    "comment": ""
+                  },
+                  {
+                    "id": "b952a481-a624-467e-b97f-9435155f0d53",
+                    "hostname": "testserver",
+                    "ip": "10.1.10.192",
+                    "port": 22,
+                    "system_users_granted": [
+                      {
+                        "id": "7e326f71-aee5-4688-8cc1-717919470a09",
+                        "name": "root",
+                        "username": "root",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      },
+                      {
+                        "id": "17f384f4-683d-4944-a38d-db73608b92a9",
+                        "name": "zbh-test",
+                        "username": "zbh",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      }
+                    ],
+                    "is_active": True,
+                    "system_users_join": "root, zbh",
+                    "os": "CentOS",
+                    "domain": "",
+                    "nodes": [
+                      {
+                        "id": "67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6",
+                        "key": "0:11:77",
+                        "value": "新节点 12",
+                        "parent": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      },
+                      {
+                        "id": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "key": "0:11",
+                        "value": "网域测试",
+                        "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      },
+                      {
+                        "id": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "key": "0",
+                        "value": "Fit2cloud",
+                        "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      }
+                    ],
+                    "platform": "Linux",
+                    "comment": ""
+                  },
+                  {
+                    "id": "b6f16269-d02a-4055-9cd8-460fa10b1540",
+                    "hostname": "test-vm3",
+                    "ip": "172.19.185.8",
+                    "port": 22,
+                    "system_users_granted": [
+                      {
+                        "id": "7e326f71-aee5-4688-8cc1-717919470a09",
+                        "name": "root",
+                        "username": "root",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      },
+                      {
+                        "id": "17f384f4-683d-4944-a38d-db73608b92a9",
+                        "name": "zbh-test",
+                        "username": "zbh",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      }
+                    ],
+                    "is_active": True,
+                    "system_users_join": "root, zbh",
+                    "os": "",
+                    "domain": "8789580f-b5ca-4478-b6d3-d0dafc4c48e8",
+                    "nodes": [
+                      {
+                        "id": "67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6",
+                        "key": "0:11:77",
+                        "value": "新节点 12",
+                        "parent": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      },
+                      {
+                        "id": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "key": "0:11",
+                        "value": "网域测试",
+                        "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      }
+                    ],
+                    "platform": "Linux",
+                    "comment": ""
+                  },
+                  {
+                    "id": "27e50edc-52d9-41ef-8c9e-1bff9d1628b2",
+                    "hostname": "test-vm2",
+                    "ip": "172.19.185.7",
+                    "port": 22,
+                    "system_users_granted": [
+                      {
+                        "id": "7e326f71-aee5-4688-8cc1-717919470a09",
+                        "name": "root",
+                        "username": "root",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      },
+                      {
+                        "id": "17f384f4-683d-4944-a38d-db73608b92a9",
+                        "name": "zbh-test",
+                        "username": "zbh",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      }
+                    ],
+                    "is_active": True,
+                    "system_users_join": "root, zbh",
+                    "os": "",
+                    "domain": "8789580f-b5ca-4478-b6d3-d0dafc4c48e8",
+                    "nodes": [
+                      {
+                        "id": "67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6",
+                        "key": "0:11:77",
+                        "value": "新节点 12",
+                        "parent": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      },
+                      {
+                        "id": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "key": "0:11",
+                        "value": "网域测试",
+                        "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      }
+                    ],
+                    "platform": "Linux",
+                    "comment": ""
+                  },
+                  {
+                    "id": "9ef36bb3-1bed-455f-be09-3770d3f4bf97",
+                    "hostname": "test-vm1",
+                    "ip": "172.19.185.6",
+                    "port": 22,
+                    "system_users_granted": [
+                      {
+                        "id": "7e326f71-aee5-4688-8cc1-717919470a09",
+                        "name": "root",
+                        "username": "root",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      },
+                      {
+                        "id": "17f384f4-683d-4944-a38d-db73608b92a9",
+                        "name": "zbh-test",
+                        "username": "zbh",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      }
+                    ],
+                    "is_active": True,
+                    "system_users_join": "root, zbh",
+                    "os": "",
+                    "domain": "8789580f-b5ca-4478-b6d3-d0dafc4c48e8",
+                    "nodes": [
+                      {
+                        "id": "67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6",
+                        "key": "0:11:77",
+                        "value": "新节点 12",
+                        "parent": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      },
+                      {
+                        "id": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "key": "0:11",
+                        "value": "网域测试",
+                        "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      }
+                    ],
+                    "platform": "Linux",
+                    "comment": ""
+                  }
+                ],
+                "assets_amount": 5
+              },
+              {
+                "id": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                "key": "0",
+                "name": "Fit2cloud",
+                "value": "Fit2cloud",
+                "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                "assets_granted": [
+                  {
+                    "id": "b952a481-a624-467e-b97f-9435155f0d53",
+                    "hostname": "testserver",
+                    "ip": "10.1.10.192",
+                    "port": 22,
+                    "system_users_granted": [
+                      {
+                        "id": "7e326f71-aee5-4688-8cc1-717919470a09",
+                        "name": "root",
+                        "username": "root",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      },
+                      {
+                        "id": "17f384f4-683d-4944-a38d-db73608b92a9",
+                        "name": "zbh-test",
+                        "username": "zbh",
+                        "priority": 10,
+                        "protocol": "ssh",
+                        "comment": ""
+                      }
+                    ],
+                    "is_active": True,
+                    "system_users_join": "root, zbh",
+                    "os": "CentOS",
+                    "domain": "",
+                    "nodes": [
+                      {
+                        "id": "67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6",
+                        "key": "0:11:77",
+                        "value": "新节点 12",
+                        "parent": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      },
+                      {
+                        "id": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "key": "0:11",
+                        "value": "网域测试",
+                        "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      },
+                      {
+                        "id": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "key": "0",
+                        "value": "Fit2cloud",
+                        "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      }
+                    ],
+                    "platform": "Linux",
+                    "comment": ""
+                  },
+                  {
+                    "id": "ad594b10-9f64-4913-b7b1-135fe63561d1",
+                    "hostname": "ali-windows",
+                    "ip": "47.104.206.228",
+                    "port": 3389,
+                    "system_users_granted": [
+                      {
+                        "id": "8763b81a-bb5e-484a-abca-10514c7bb185",
+                        "name": "组织1-部门1-Administrator",
+                        "username": "Administrator",
+                        "priority": 10,
+                        "protocol": "rdp",
+                        "comment": ""
+                      }
+                    ],
+                    "is_active": True,
+                    "system_users_join": "Administrator",
+                    "os": "",
+                    "domain": "",
+                    "nodes": [
+                      {
+                        "id": "67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6",
+                        "key": "0:11:77",
+                        "value": "新节点 12",
+                        "parent": "9c83d432-a353-4a4e-9fd9-be27a5851c2d",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      },
+                      {
+                        "id": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "key": "0",
+                        "value": "Fit2cloud",
+                        "parent": "be9d9c3a-68d0-40ec-887c-5815d68e2f2c",
+                        "assets_amount": 6,
+                        "is_asset": False
+                      }
+                    ],
+                    "platform": "Windows",
+                    "comment": ""
+                  }
+                ],
+                "assets_amount": 2
+              }
+            ]
   return jsonify(assets)
 
 

package-lock.json

 {
   "name": "luna",
-  "version": "0.5.0",
+  "version": "1.0.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -231,6 +231,14 @@
         "tslib": "1.8.1"
       }
     },
+    "@angular/flex-layout": {
+      "version": "2.0.0-beta.10-4905443",
+      "resolved": "https://registry.npmjs.org/@angular/flex-layout/-/flex-layout-2.0.0-beta.10-4905443.tgz",
+      "integrity": "sha512-jjr6mQ3X2vdEQbsyHD/mz1hfTBUUEOZVLFWEz/sbNoeU7uiA4lvqdp/ASrkZydGJHmTDUYrbBE/9kx0lherZ8Q==",
+      "requires": {
+        "tslib": "1.8.1"
+      }
+    },
     "@angular/forms": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-5.2.0.tgz",
@@ -340,6 +348,27 @@
       "resolved": "https://registry.npmjs.org/@swimlane/ngx-datatable/-/ngx-datatable-11.1.7.tgz",
       "integrity": "sha512-TMDN26Q4J+Sh+OPqAx8BK5Q/3hAAmcTAUQ9wvC9nboSOAmYUaHGz8t21yGdeUtRtunIfMpjTnwLa+X2Pfoq42w=="
     },
+    "@swimlane/ngx-ui": {
+      "version": "20.2.0",
+      "resolved": "https://registry.npmjs.org/@swimlane/ngx-ui/-/ngx-ui-20.2.0.tgz",
+      "integrity": "sha512-GPmuhcsLtogiBrITZUSUVEB8X7EtrmJQ+T5MEQqdA/rPsu6VHMPHmx+Dl+Sf2iUubydJByewRgBHNVyr5L+tMQ==",
+      "requires": {
+        "@angular/flex-layout": "2.0.0-beta.10-4905443",
+        "angular2-moment": "1.8.0",
+        "codemirror": "5.37.0",
+        "moment": "2.22.1",
+        "mousetrap": "1.6.1",
+        "ng2-file-upload": "1.3.0",
+        "normalize.css": "5.0.0"
+      },
+      "dependencies": {
+        "moment": {
+          "version": "2.22.1",
+          "resolved": "https://registry.npmjs.org/moment/-/moment-2.22.1.tgz",
+          "integrity": "sha512-shJkRTSebXvsVqk56I+lkb2latjBs8I+pc2TzWc545y2iFnSjm7Wg0QMh+ZWcdSLQyGEau5jI8ocnmkyTgr9YQ=="
+        }
+      }
+    },
     "@types/jasmine": {
       "version": "2.8.4",
       "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-2.8.4.tgz",
@@ -518,6 +547,14 @@
         }
       }
     },
+    "angular2-moment": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/angular2-moment/-/angular2-moment-1.8.0.tgz",
+      "integrity": "sha512-cBppm4FM9sOtZr4eSnodjbIhvn3bZzuw1VIb3VN53/aWKQVrNosQVG7l0dnX5ifdy08i9Yd/5eGYOXw+Lb63YA==",
+      "requires": {
+        "moment": "2.18.1"
+      }
+    },
     "animate.css": {
       "version": "3.5.2",
       "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-3.5.2.tgz",
@@ -1993,6 +2030,11 @@
         "sprintf-js": "1.0.3"
       }
     },
+    "codemirror": {
+      "version": "5.37.0",
+      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.37.0.tgz",
+      "integrity": "sha512-dQaayDJCLU4UJcwg2RM44oFrs0dMNndTp6qxQJF6XI71l1xN3RB4IqiKES0b0rccbARbrD/UBB4t8DNknfaOTw=="
+    },
     "collection-visit": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
@@ -5792,11 +5834,6 @@
       "integrity": "sha1-4g/146KvwmkDILbcVSaCqcf631E=",
       "dev": true
     },
-    "inconsolata": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/inconsolata/-/inconsolata-0.0.2.tgz",
-      "integrity": "sha1-uqFDP0PUKqHtsmvZ7odzjpKSUOs="
-    },
     "indent-string": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
@@ -7632,6 +7669,11 @@
       "resolved": "https://registry.npmjs.org/moment/-/moment-2.18.1.tgz",
       "integrity": "sha1-w2GT3Tzhwu7SrbfIAtu8d6gbHA8="
     },
+    "mousetrap": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/mousetrap/-/mousetrap-1.6.1.tgz",
+      "integrity": "sha1-KghfXHUSlMdefoH27CVFspy/Qtk="
+    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
@@ -8034,6 +8076,16 @@
         "chart.js": "2.7.1"
       }
     },
+    "ng2-file-tree": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/ng2-file-tree/-/ng2-file-tree-0.4.3.tgz",
+      "integrity": "sha1-gpYDAd2GVlu9XLbirQJg4azElq4="
+    },
+    "ng2-file-upload": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/ng2-file-upload/-/ng2-file-upload-1.3.0.tgz",
+      "integrity": "sha512-Pudxik6LWYsT8hNiEW7RfjgGWAnvfQywxwJYMdt1snTUe+KnlRc/QqPv3QEQW6plXTanuLkYz/TbqilSfSHOsw=="
+    },
     "ngx-bootstrap": {
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/ngx-bootstrap/-/ngx-bootstrap-1.9.3.tgz",
@@ -8481,6 +8533,11 @@
       "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
       "dev": true
     },
+    "normalize.css": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-5.0.0.tgz",
+      "integrity": "sha1-fOyHXOgXilMzxN6Ato6pwYudfDc="
+    },
     "npm-font-open-sans": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/npm-font-open-sans/-/npm-font-open-sans-1.1.0.tgz",

package.json

@@ -24,6 +24,7 @@
     "@angular/platform-browser-dynamic": "5.2.0",
     "@angular/router": "5.2.0",
     "@swimlane/ngx-datatable": "^11.1.7",
+    "@swimlane/ngx-ui": "^20.2.0",
     "ajv": "^6.2.1",
     "animate.css": "^3.5.2",
     "body-parser": "^1.18.2",
@@ -47,6 +48,7 @@
     "metismenu": "^2.5.0",
     "mstsc.js": "^0.2.4",
     "ng2-charts": "^1.5.0",
+    "ng2-file-tree": "^0.4.3",
     "ngx-bootstrap": "^1.6.6",
     "ngx-cookie-service": "^1.0.10",
     "ngx-layer": "0.0.4",

proxy.conf.json

@@ -4,7 +4,7 @@
     "secure": false
   },
   "/luna/i18n": {
-    "target": "http://127.0.0.1:5000",
+    "target": "http://127.0.0.1:8088",
     "secure": false
   },
   "/socket.io/": {

src/app/ControlPage/cleftbar/cleftbar.component.html

-<div id="sidebar">
-  <div class="search">
-    <input class="left-search" placeholder=" {{'Search'| trans }} ..." maxlength="2048" name="q" autocomplete="off"
-           title="Search"
-           type="text" tabindex="1" spellcheck="false" autofocus [(ngModel)]="q" (keyup.enter)="Search(q)">
-  </div>
-  <div class="overflow">
-    <ul class="filetree">
-      <li *ngFor="let hostGroup of HostGroups | SearchFilter: q; let i = index ">
-        <input type="checkbox" id="hostgroup-{{i}}">
-        <label for="hostgroup-{{i}}" matTooltip="{{hostGroup.name}}" [matTooltipPosition]="TooltipPosition">{{hostGroup.name}}</label>
-        <ul [ngClass]="{'insearch': q }">
-          <li *ngFor="let host of hostGroup.assets_granted | SearchFilter: q" (click)="Connect(host)"
-              (contextmenu)="onRightClick($event)" matTooltip="{{host.hostname}}"
-              [matTooltipPosition]="TooltipPosition">
-            <i class="fa" [ngClass]="'fa-'+(host.platform||'undefined').toLowerCase()" id="fa-{{i}}"></i>
-            {{host.hostname}}
-          </li>
-        </ul>
-      </li>
-    </ul>
-  </div>
-
-</div>
-<div class="footer">
-  Version <strong>{{version}}</strong>
-</div>
-<!--<app-element-server-menu></app-element-server-menu>-->

src/app/ControlPage/control/control.component.html

-<app-controlnav></app-controlnav>
-<div *ngFor="let m of NavList.List;let i=index"
-     [ngClass]="{'active':i==NavList.Active}"
->
-  <app-element-term [host]="m.host"
-                    [userid]="m.user.id"
-                    [index]="i"
-                    *ngIf="m.type=='ssh'">
-  </app-element-term>
-  <app-element-guacamole [host]="m.host"
-                      [userid]="m.user.id"
-                      [index]="i"
-                      *ngIf="m.type=='rdp'">
-  </app-element-guacamole>
-</div>

src/app/ControlPage/control/controlnav/controlnav.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ControlnavComponent } from './controlnav.component';
-
-describe('ControlnavComponent', () => {
-  let component: ControlnavComponent;
-  let fixture: ComponentFixture<ControlnavComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ControlnavComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ControlnavComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should be created', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/ControlPage/controlpage.component.html

-<div class="container-fluid row">
-  <app-cleftbar class="col-md-2" *ngIf="DataStore.leftbarshow"></app-cleftbar>
-  <app-control [ngClass]="{'col-md-10':DataStore.leftbarshow,'col-md-12':!DataStore.leftbarshow}"></app-control>
-</div>

src/app/IndexPage/index-page.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { IndexPageComponent } from './index-page.component';
-
-describe('IndexPageComponent', () => {
-  let component: IndexPageComponent;
-  let fixture: ComponentFixture<IndexPageComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ IndexPageComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(IndexPageComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should be created', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/app-routing.module.ts

-/**
- * app路由
- *
- *
- * @date     2017-11-07
- * @author   liuzheng <liuzheng712@gmail.com>
- */
-import {NgModule} from '@angular/core';
-import {RouterModule, Routes} from '@angular/router';
-import {environment} from '../environments/environment';
-
-import {NotFoundComponent} from './BasicPage/not-found/not-found.component';
-import {LoginComponent} from './BasicPage/login/login.component';
-import {ControlPageComponent} from './ControlPage/controlpage.component';
-import {ReplayPageComponent} from './replay-page/replay-page.component';
-import {MonitorPageComponent} from './monitor-page/monitor-page.component';
-import {ElementServerMenuComponent} from './elements/server-menu/server-menu.component';
-import {BlankPageComponent} from './blank-page/blank-page.component';
-import {TestPageComponent} from './test-page/test-page.component';
-import {SettingPageComponent} from './setting-page/setting-page.component';
-import {ConnectPageComponent} from './connect-page/connect-page.component';
-
-const appRoutes: Routes = [
-  // {path: 'users/login', component: LoginComponent},
-  {path: 'replay/:token', component: ReplayPageComponent},
-  {path: 'monitor/:token', component: MonitorPageComponent},
-  // {path: 'test', component: TestPageComponent},
-  {path: 'connect', component: ConnectPageComponent},
-  // {path: 'setting', component: SettingPageComponent},
-  {path: 'undefined', component: BlankPageComponent},
-  {path: '', component: ControlPageComponent},
-  {path: '**', component: NotFoundComponent}
-];
-
-@NgModule({
-  imports: [
-    RouterModule.forRoot(
-      appRoutes,
-      {enableTracing: !environment.production} // <-- debugging purposes only
-    )
-  ],
-  exports: [
-    RouterModule
-  ]
-})
-export class AppRoutingModule {
-}

src/app/app.module.ts

@@ -11,122 +11,55 @@ import {FormsModule, ReactiveFormsModule} from '@angular/forms'; // <-- NgModel
 import {LoggerModule, NGXLogger, NgxLoggerLevel} from 'ngx-logger';
 import {HttpClientModule} from '@angular/common/http';
 
-import {AppRoutingModule} from './app-routing.module';
+import {AppRouterModule} from './router/router.module';
 
-import {AppComponent} from './app.component';
+import {AppComponent} from './pages/app.component';
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
 
 // service
 import {AppService, HttpService, LocalStorageService, LogService, UUIDService} from './app.service';
-import {DialogService, ElementDialogAlertComponent} from './elements/dialog/dialog.service';
 
-// Elements
-import {ElementFooterComponent} from './elements/footer/footer.component';
-import {ElementTermComponent} from './elements/term/term.component';
-import {ElementInteractiveComponent} from './elements/interactive/interactive.component';
-import {ChangLanWarningDialogComponent, ElementNavComponent} from './elements/nav/nav.component';
-import {ElementPopupComponent} from './elements/popup/popup.component';
-import {ElementRdpComponent} from './elements/rdp/rdp.component';
-import {ElementServerMenuComponent} from './elements/server-menu/server-menu.component';
-import {ElementIframeComponent} from './elements/iframe/iframe.component';
-import {ElementElfinderComponent} from './elements/elfinder/elfinder.component';
 
-// pages
-import {LoginComponent} from './BasicPage/login/login.component';
-import {IleftbarComponent} from './IndexPage/ileftbar/ileftbar.component';
-import {SearchComponent, SearchFilter} from './ControlPage/search/search.component';
-import {CleftbarComponent, CleftbarDialogComponent} from './ControlPage/cleftbar/cleftbar.component';
-import {ControlComponent} from './ControlPage/control/control.component';
-import {ControlnavComponent} from './ControlPage/control/controlnav/controlnav.component';
-import {ControlPageComponent} from './ControlPage/controlpage.component';
-import {IndexPageComponent} from './IndexPage/index-page.component';
-import {NotFoundComponent} from './BasicPage/not-found/not-found.component';
-import {ReplayPageComponent} from './replay-page/replay-page.component';
-import {Mp4Component} from './replay-page/mp4/mp4.component';
-import {JsonComponent} from './replay-page/json/json.component';
-import {UtcDatePipe} from './app.pipe';
-import {MonitorPageComponent} from './monitor-page/monitor-page.component';
-import {LinuxComponent} from './monitor-page/linux/linux.component';
-import {WindowsComponent} from './monitor-page/windows/windows.component';
 import {NgProgressModule} from 'ngx-progressbar';
-import {TestPageComponent} from './test-page/test-page.component';
-import {BlankPageComponent} from './blank-page/blank-page.component';
-import {MaterialModule} from './MaterialModule.component';
 import {CookieService} from 'ngx-cookie-service';
 import {NgxDatatableModule} from '@swimlane/ngx-datatable';
-import {ElementTableComponent} from './elements/table/table.component';
-import {SettingPageComponent} from './setting-page/setting-page.component';
-import {ElementLeftbarComponent} from './elements/leftbar/leftbar.component';
-import {ElementOfooterComponent} from './elements/ofooter/ofooter.component';
-import {SettingPageBasicComponent} from './setting-page/basic/basic.component';
-import {SettingPageEmailComponent} from './setting-page/email/email.component';
-import {SettingPageLdapComponent} from './setting-page/ldap/ldap.component';
-import {SettingPageTerminalComponent} from './setting-page/terminal/terminal.component';
-import {SettingPageS3Component} from './setting-page/s3/s3.component';
-import {TransPipe} from './trans.pipe';
 import {MAT_LABEL_GLOBAL_OPTIONS} from '@angular/material';
-import {ElementGuacamoleComponent} from './elements/guacamole/guacamole.component';
-import {ConnectPageComponent} from './connect-page/connect-page.component';
+
+
+import {Pipes} from './pipes/pipes';
+import {PagesComponents} from './pages/pages.component';
+import {ElementComponents} from './elements/elements.component';
+import {ChangLanWarningDialogComponent} from './elements/nav/nav.component';
+import {DialogService, ElementDialogAlertComponent} from './elements/dialog/dialog.service';
+import {PluginModules} from './plugins/plugins';
+import {TestPageComponent} from './test-page/test-page.component';
+import {Ng2FileTreeModule} from 'ng2-file-tree/ng2-file-tree';
+import {AssetTreeDialogComponent} from './elements/asset-tree/asset-tree.component';
+
 
 @NgModule({
   imports: [
     BrowserModule,
     BrowserAnimationsModule,
     FormsModule,
-    AppRoutingModule,
     NgProgressModule,
     HttpClientModule,
     ReactiveFormsModule,
-    MaterialModule,
     LoggerModule.forRoot({serverLoggingUrl: '/api/logs', level: NgxLoggerLevel.DEBUG, serverLogLevel: NgxLoggerLevel.ERROR}),
-    NgxDatatableModule
+    NgxDatatableModule,
+    AppRouterModule,
+    ...PluginModules,
+    Ng2FileTreeModule
   ],
   declarations: [
     AppComponent,
-    ElementNavComponent, ChangLanWarningDialogComponent,
-    ElementFooterComponent,
-    ElementPopupComponent,
-    ElementTermComponent,
-    ElementInteractiveComponent,
-    ElementRdpComponent,
-    ElementServerMenuComponent,
-    ElementIframeComponent,
-    ElementDialogAlertComponent,
-    ElementTableComponent,
-    ElementLeftbarComponent,
-    ElementOfooterComponent,
-    ElementGuacamoleComponent,
-    ElementElfinderComponent,
-    LoginComponent,
-    SearchComponent,
-    SearchFilter,
-    IleftbarComponent,
-    CleftbarComponent, CleftbarDialogComponent,
-    ControlComponent,
-    ControlnavComponent,
-    ControlPageComponent,
-    IndexPageComponent,
-    NotFoundComponent,
-    ReplayPageComponent,
-    Mp4Component,
-    JsonComponent,
-    UtcDatePipe,
-    MonitorPageComponent,
-    LinuxComponent,
-    WindowsComponent,
     TestPageComponent,
-    BlankPageComponent,
-    SettingPageComponent,
-    SettingPageBasicComponent,
-    SettingPageEmailComponent,
-    SettingPageLdapComponent,
-    SettingPageTerminalComponent,
-    SettingPageS3Component,
-    TransPipe,
-    ConnectPageComponent,
+    ...Pipes,
+    ...ElementComponents,
+    ...PagesComponents
   ],
   entryComponents: [
-    CleftbarDialogComponent,
+    AssetTreeDialogComponent,
     ElementDialogAlertComponent,
     ChangLanWarningDialogComponent,
   ],

src/app/app.service.ts

@@ -14,7 +14,7 @@ import {DataStore, User, Browser, i18n} from './globals';
 import {environment} from '../environments/environment';
 import {HttpClient, HttpHeaders, HttpParams} from '@angular/common/http';
 import {NGXLogger} from 'ngx-logger';
-import {HostGroup} from './ControlPage/cleftbar/cleftbar.component';
+import {HostGroup} from './pages/control/cleftbar/cleftbar.component';
 import * as UUID from 'uuid-js/lib/uuid.js';
 
 declare function unescape(s: string): string;
@@ -126,12 +126,19 @@ export class HttpService {
     return this.http.get('/api/terminal/v1/sessions/' + token + '/replay');
   }
 
+  get_replay_json(token: string) {
+    return this.http.get('/api/terminal/v2/sessions/' + token + '/replay');
+  }
+
+  get_replay_data(src: string) {
+    return this.http.get(src);
+  }
+
   get_user_id_from_token(token: string) {
     const params = new HttpParams()
       .set('user-only', '1')
       .set('token', token);
     return this.http.get('/api/users/v1/connection-token/', {params: params});
-
   }
 
 }

src/app/elements/asset-tree/asset-tree.component.html

+<ul id="ztree" class="ztree"></ul>

src/app/elements/asset-tree/asset-tree.component.scss

+@import "~@swimlane/ngx-ui/release/components/tree/tree.component";
+@import "~@swimlane/ngx-ui/release/components/icon/icon.component";
+
+.ztree {
+  height: 100%;
+  background-color: inherit;
+}

src/app/elements/asset-tree/asset-tree.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ElementAssetTreeComponent } from './asset-tree.component';
+
+describe('R ', () => {
+  let component: ElementAssetTreeComponent;
+  let fixture: ComponentFixture<ElementAssetTreeComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ElementAssetTreeComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ElementAssetTreeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/elements/asset-tree/asset-tree.component.ts

+import {Component, Input, OnInit, Inject, SimpleChanges, OnChanges} from '@angular/core';
+import {NavList, View} from '../../pages/control/control/control.component';
+import {AppService, LogService} from '../../app.service';
+import {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from '@angular/material';
+import {FormControl, Validators} from '@angular/forms';
+import {DataStore} from '../../globals';
+import {ElementServerMenuComponent} from '../server-menu/server-menu.component';
+import {DialogService} from '../dialog/dialog.service';
+
+declare var $: any;
+
+@Component({
+  selector: 'elements-asset-tree',
+  templateUrl: './asset-tree.component.html',
+  styleUrls: ['./asset-tree.component.scss']
+})
+export class ElementAssetTreeComponent implements OnInit, OnChanges {
+  @Input() Data: any;
+  @Input() query: string;
+  nodes = [];
+  setting = {
+    view: {
+      dblClickExpand: false,
+      showLine: true
+    },
+    data: {
+      simpleData: {
+        enable: true
+      }
+    },
+    callback: {
+      onClick: this.onCzTreeOnClick.bind(this)
+    },
+  };
+  hiddenNodes: any;
+
+  onCzTreeOnClick(event, treeId, treeNode, clickFlag) {
+    this.Connect(treeNode);
+  }
+
+  constructor(private _appService: AppService,
+              public _dialog: MatDialog,
+              public _logger: LogService) {
+  }
+
+  ngOnInit() {
+    if (this.Data) {
+      this.draw();
+    }
+    // clearInterval(this.timer);
+    //
+    // this.timer = setInterval(() => {
+    //   if (this.Data) {
+    //     this.draw();
+    //     clearInterval(this.timer);
+    //   }
+    // }, 100);
+  }
+
+  ngOnChanges(changes: SimpleChanges) {
+    if (changes['Data'] && this.Data) {
+      this.draw();
+    }
+    if (changes['query'] && !changes['query'].firstChange) {
+      this.filter();
+    }
+  }
+
+  draw() {
+    const nodes = {};
+    const assets = {};
+    this.Data.forEach((v, i) => {
+      if (!nodes[v['id']]) {
+        nodes[v['id']] = true;
+        this.nodes.push({
+          'id': v['id'],
+          'key': v['key'],
+          'name': v['name'],
+          'value': v['value'],
+          'pId': v['parent'],
+          'assets_amount': v['assets_amount'],
+          'isParent': true,
+          'open': v['key'] === '0'
+        });
+      }
+
+      v['assets_granted'].forEach((vv, ii) => {
+        vv['nodes'].forEach((vvv, iii) => {
+          if (!nodes[vvv['id']]) {
+            this.nodes.push({
+              'id': vvv['id'],
+              'key': vvv['key'],
+              'name': vvv['value'],
+              'value': vvv['value'],
+              'pId': vvv['parent'],
+              'assets_amount': vvv['assets_amount'],
+              'isParent': true,
+              'open': vvv['key'] === '0'
+            });
+            nodes[vvv['id']] = true;
+          }
+          if (!assets[vv['id'] + '@' + vvv['id']]) {
+            this.nodes.push({
+              'id': vv['id'],
+              'name': vv['hostname'],
+              'value': vv['hostname'],
+              'system_users_granted': vv['system_users_granted'],
+              'platform': vv['platform'],
+              'comment': vv['comment'],
+              'isParent': false,
+              'pId': vvv['id'],
+              'iconSkin': vv['platform'].toLowerCase()
+            });
+            assets[vv['id'] + '@' + vvv['id']] = true;
+          }
+
+        });
+      });
+    });
+    $.fn.zTree.init($('#ztree'), this.setting, this.nodes);
+  }
+
+  Connect(host) {
+    // console.log(host);
+    let user: any;
+    if (host.system_users_granted.length > 1) {
+      user = this.checkPriority(host.system_users_granted);
+      if (user) {
+        this.login(host, user);
+      } else {
+        const dialogRef = this._dialog.open(AssetTreeDialogComponent, {
+          height: '200px',
+          width: '300px',
+          data: {users: host.system_users_granted}
+        });
+
+        dialogRef.afterClosed().subscribe(result => {
+          if (result) {
+            for (const i of host.system_users_granted) {
+              if (i.id.toString() === result.toString()) {
+                user = i;
+                break;
+              }
+            }
+            this.login(host, user);
+          }
+        });
+      }
+    } else if (host.system_users_granted.length === 1) {
+      user = host.system_users_granted[0];
+      this.login(host, user);
+    }
+  }
+
+  // autologin() {
+  //   const asset_id = this._appService.getQueryString('asset_id');
+  //   const user_id = this._appService.getQueryString('user_id');
+  //   let tag = false;
+  //   if (asset_id) {
+  //     for (let g of this.Data) {
+  //       if (g['assets_granted']) {
+  //         for (let host of g['assets_granted']) {
+  //           if (host.id.toString() === asset_id) {
+  //             if (user_id) {
+  //               host['system_users_granted'].forEach((user, kk) => {
+  //                 if (user.id.toString() === user_id.toString()) {
+  //                   this.login(host, user);
+  //                   tag = true;
+  //                   return;
+  //                 }
+  //               });
+  //             } else {
+  //               this.Connect(host);
+  //               tag = true;
+  //               return;
+  //             }
+  //           }
+  //         }
+  //       }
+  //     }
+  //     if (!tag) {
+  //       this._layer.alert('Maybe you do not have permission on that host');
+  //     }
+  //   }
+  //   DataStore.autologin = true;
+  // }
+
+  login(host, user) {
+    const id = NavList.List.length - 1;
+    this._logger.debug(NavList);
+    this._logger.debug(host);
+    if (user) {
+      NavList.List[id].nick = host.name;
+      NavList.List[id].connected = true;
+      NavList.List[id].edit = false;
+      NavList.List[id].closed = false;
+      NavList.List[id].host = host;
+      NavList.List[id].user = user;
+      if (user.protocol === 'ssh') {
+        NavList.List[id].type = 'ssh';
+      } else if (user.protocol === 'rdp') {
+        NavList.List[id].type = 'rdp';
+      }
+      NavList.List.push(new View());
+      NavList.Active = id;
+    }
+    this._logger.debug(NavList);
+  }
+
+  checkPriority(sysUsers) {
+    let priority = -1;
+    let user: any;
+    for (const u of sysUsers) {
+      if (u.priority > priority) {
+        user = u;
+        priority = u.priority;
+      } else if (u.priority === priority) {
+        return null;
+      }
+    }
+    return user;
+  }
+
+  filter() {
+    const zTreeObj = $.fn.zTree.getZTreeObj('ztree');
+    zTreeObj.showNodes(this.hiddenNodes);
+
+    function filterFunc(node) {
+      const _keywords = $('#keyword').val();
+      if (node.isParent || node.name.indexOf(_keywords) !== -1) {
+        return false;
+      }
+      return true;
+    }
+
+    this.hiddenNodes = zTreeObj.getNodesByFilter(filterFunc);
+
+    zTreeObj.hideNodes(this.hiddenNodes);
+    zTreeObj.expandAll(true);
+  }
+}
+
+
+@Component({
+  selector: 'elements-asset-tree-dialog',
+  templateUrl: 'dialog.html',
+})
+export class AssetTreeDialogComponent implements OnInit {
+  UserSelectControl = new FormControl('', [Validators.required]);
+  selected: any;
+
+  constructor(public dialogRef: MatDialogRef<AssetTreeDialogComponent>,
+              @Inject(MAT_DIALOG_DATA) public data: any,
+              private _logger: LogService) {
+  }
+
+  ngOnInit() {
+    this.selected = this.data.users[0].id;
+    this.UserSelectControl.setValue(this.selected);
+    // this._logger.debug(this.UserSelectControl);
+  }
+
+  onNoClick(): void {
+    this.dialogRef.close();
+  }
+
+  compareFn: ((f1: any, f2: any) => boolean) | null = this.compareByValue;
+
+  compareByValue(f1: any, f2: any) {
+    return f1 && f2 && f1.value === f2.value;
+  }
+}

src/app/elements/dialog/dialog.service.ts

@@ -43,7 +43,7 @@ export class DialogService {
 
 
 @Component({
-  selector: 'app-alert',
+  selector: 'elements-alert',
   templateUrl: 'alert.html',
   styleUrls: ['./alert.scss']
 })

src/app/elements/elements.component.ts

+// Elements
+import {ElementTableComponent} from './table/table.component';
+import {ElementLeftbarComponent} from './leftbar/leftbar.component';
+import {ElementOfooterComponent} from './ofooter/ofooter.component';
+import {ElementFooterComponent} from './footer/footer.component';
+import {ElementTermComponent} from './term/term.component';
+import {ElementInteractiveComponent} from './interactive/interactive.component';
+import {ChangLanWarningDialogComponent, ElementNavComponent} from './nav/nav.component';
+import {ElementPopupComponent} from './popup/popup.component';
+import {ElementRdpComponent} from './rdp/rdp.component';
+import {ElementServerMenuComponent} from './server-menu/server-menu.component';
+import {ElementIframeComponent} from './iframe/iframe.component';
+import {ElementElfinderComponent} from './elfinder/elfinder.component';
+import {ElementSettingsComponent} from './settings/settings.component';
+import {ElementDialogAlertComponent} from './dialog/dialog.service';
+import {ElementGuacamoleComponent} from './guacamole/guacamole.component';
+import {AssetTreeDialogComponent, ElementAssetTreeComponent} from './asset-tree/asset-tree.component';
+
+export const ElementComponents = [
+  ElementLeftbarComponent,
+  ElementOfooterComponent,
+  ElementTableComponent,
+  ElementFooterComponent,
+  ElementTermComponent,
+  ElementInteractiveComponent,
+  ElementNavComponent, ChangLanWarningDialogComponent,
+  ElementPopupComponent,
+  ElementRdpComponent,
+  ElementServerMenuComponent,
+  ElementIframeComponent,
+  ElementElfinderComponent,
+  ElementSettingsComponent,
+  ElementDialogAlertComponent,
+  ElementGuacamoleComponent,
+  ElementAssetTreeComponent,
+  AssetTreeDialogComponent
+];

src/app/elements/elfinder/elfinder.component.ts

@@ -2,7 +2,7 @@ import {Component, OnInit} from '@angular/core';
 // import * as elfinder from 'elfinder/js/elfinder.min.js';
 
 @Component({
-  selector: 'app-element-elfinder',
+  selector: 'elements-elfinder',
   templateUrl: './elfinder.component.html',
   styleUrls: ['./elfinder.component.scss']
 })

src/app/elements/footer/footer.component.ts

@@ -10,7 +10,7 @@ import {DataStore, User} from '../../globals';
 import {version} from '../../../environments/environment';
 
 @Component({
-  selector: 'app-element-footer',
+  selector: 'elements-footer',
   templateUrl: './footer.component.html',
   styleUrls: ['./footer.component.css']
 })

src/app/elements/guacamole/guacamole.component.ts

@@ -4,10 +4,10 @@ import {HttpService, LogService} from '../../app.service';
 import {DataStore, User} from '../../globals';
 import {DomSanitizer} from '@angular/platform-browser';
 import {environment} from '../../../environments/environment';
-import {NavList} from '../../ControlPage/control/control.component';
+import {NavList} from '../../pages/control/control/control.component';
 
 @Component({
-  selector: 'app-element-guacamole',
+  selector: 'elements-guacamole',
   templateUrl: './guacamole.component.html',
   styleUrls: ['./guacamole.component.scss']
 })

src/app/elements/iframe/iframe.component.ts

 import {Component, Input, OnInit} from '@angular/core';
 import {DomSanitizer} from '@angular/platform-browser';
-import {NavList} from '../../ControlPage/control/control.component';
+import {NavList} from '../../pages/control/control/control.component';
 
 import {User, DataStore} from '../../globals';
 import {HttpService, LogService} from '../../app.service';
@@ -8,7 +8,7 @@ import {environment} from '../../../environments/environment';
 import {CookieService} from 'ngx-cookie-service';
 
 @Component({
-  selector: 'app-element-iframe',
+  selector: 'elements-iframe',
   templateUrl: './iframe.component.html',
   styleUrls: ['./iframe.component.scss']
 })

src/app/elements/interactive/interactive.component.ts

 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'app-element-interactive',
+  selector: 'elements-interactive',
   templateUrl: './interactive.component.html',
   styleUrls: ['./interactive.component.scss']
 })

src/app/elements/leftbar/leftbar.component.ts

@@ -3,7 +3,7 @@ import {FormBuilder, FormGroup} from '@angular/forms';
 import {Router} from '@angular/router';
 
 @Component({
-  selector: 'app-element-leftbar',
+  selector: 'elements-leftbar',
   templateUrl: './leftbar.component.html',
   styleUrls: ['./leftbar.component.scss']
 })

src/app/elements/nav/nav.component.ts

@@ -7,8 +7,8 @@
  */
 import {Component, Inject, OnInit} from '@angular/core';
 import {AppService, HttpService, LocalStorageService, LogService} from '../../app.service';
-import {CleftbarComponent} from '../../ControlPage/cleftbar/cleftbar.component';
-import {ControlComponent, NavList} from '../../ControlPage/control/control.component';
+import {CleftbarComponent} from '../../pages/control/cleftbar/cleftbar.component';
+import {ControlComponent, NavList, View} from '../../pages/control/control/control.component';
 import {DataStore, i18n} from '../../globals';
 import * as jQuery from 'jquery/dist/jquery.min.js';
 import {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from '@angular/material';
@@ -17,7 +17,7 @@ import {FormControl, Validators} from '@angular/forms';
 declare let layer: any;
 
 @Component({
-  selector: 'app-element-nav',
+  selector: 'elements-nav',
   templateUrl: './nav.component.html',
   styleUrls: ['./nav.component.css'],
 })
@@ -26,7 +26,7 @@ export class ElementNavComponent implements OnInit {
   ChangeLanWarningDialog: any;
 
   static Hide() {
-    jQuery('app-element-nav').hide();
+    jQuery('elements-nav').hide();
   }
 
   constructor(private _appService: AppService,
@@ -53,6 +53,10 @@ export class ElementNavComponent implements OnInit {
         CleftbarComponent.Hide();
         break;
       }
+      case 'Settings': {
+        this.Settings();
+        break;
+      }
       case 'ShowLeft': {
         CleftbarComponent.Show();
         break;
@@ -253,10 +257,9 @@ export class ElementNavComponent implements OnInit {
           'disable': true
         },
         {
-          'id': 'Language',
-          'href': '',
-          'name': 'Language',
-          'disable': true
+          'id': 'Settings',
+          'click': 'Settings',
+          'name': 'Settings'
         }]
     }, {
       'id': 'Help',
@@ -339,11 +342,22 @@ export class ElementNavComponent implements OnInit {
     }
     location.reload();
   }
+
+  Settings() {
+    const id = NavList.List.length - 1;
+    NavList.List[id].nick = 'Setting';
+    NavList.List[id].connected = true;
+    NavList.List[id].edit = false;
+    NavList.List[id].closed = false;
+    NavList.List[id].type = 'settings';
+    NavList.List.push(new View());
+    NavList.Active = id;
+  }
 }
 
 
 @Component({
-  selector: 'app-element-nav-dialog',
+  selector: 'elements-nav-dialog',
   templateUrl: 'changeLanWarning.html',
 })
 export class ChangLanWarningDialogComponent implements OnInit {

src/app/elements/ofooter/ofooter.component.ts

@@ -3,7 +3,7 @@ import {version} from '../../../environments/environment';
 import {DataStore} from '../../globals';
 
 @Component({
-  selector: 'app-element-ofooter',
+  selector: 'elements-ofooter',
   templateUrl: './ofooter.component.html',
   styleUrls: ['./ofooter.component.scss']
 })

src/app/elements/popup/popup.component.ts

 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'app-element-popup',
+  selector: 'elements-popup',
   templateUrl: './popup.component.html',
   styleUrls: ['./popup.component.css']
 })

src/app/elements/rdp/rdp.component.ts

@@ -11,7 +11,7 @@ import {DataStore} from '../../globals';
 declare let Mstsc: any;
 
 @Component({
-  selector: 'app-element-rdp',
+  selector: 'elements-rdp',
   templateUrl: './rdp.component.html',
   styleUrls: ['./rdp.component.scss']
 })

src/app/elements/server-menu/server-menu.component.ts

@@ -9,7 +9,7 @@ export class Menu {
 }
 
 @Component({
-  selector: 'app-element-server-menu',
+  selector: 'elements-server-menu',
   templateUrl: './server-menu.component.html',
   styleUrls: ['./server-menu.component.scss'],
 })

src/app/replay-page/mp4/mp4.component.html → src/app/elements/settings/settings.component.html

 <p>
-  mp4 works!
+  settings works!
 </p>

src/app/elements/settings/settings.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ElementSettingsComponent } from './settings.component';
+
+describe('ElementSettingsComponent', () => {
+  let component: ElementSettingsComponent;
+  let fixture: ComponentFixture<ElementSettingsComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ElementSettingsComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ElementSettingsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/elements/settings/settings.component.ts

+import {Component, Input, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'elements-settings',
+  templateUrl: './settings.component.html',
+  styleUrls: ['./settings.component.scss']
+})
+export class ElementSettingsComponent implements OnInit {
+  @Input() index: number;
+
+  constructor() {
+  }
+
+  ngOnInit() {
+  }
+
+}

src/app/elements/table/table.component.ts

@@ -28,7 +28,7 @@ export let Config: {
 };
 
 @Component({
-  selector: 'app-element-table',
+  selector: 'elements-table',
   templateUrl: './table.component.html',
   styleUrls: ['./table.component.scss']
 })

src/app/elements/term/term.component.ts

 import {AfterViewInit, Component, Input, OnInit, ViewChild} from '@angular/core';
 import {ElementRef} from '@angular/core';
 import {term, Terminal, TermWS} from '../../globals';
-import {NavList} from '../../ControlPage/control/control.component';
+import {NavList} from '../../pages/control/control/control.component';
 import * as jQuery from 'jquery/dist/jquery.min.js';
 import {UUIDService} from '../../app.service';
 import {CookieService} from 'ngx-cookie-service';
 
 @Component({
-  selector: 'app-element-term',
+  selector: 'elements-term',
   templateUrl: './term.component.html',
   styleUrls: ['./term.component.css']
 })

src/app/elements/tree/tree.component.html

+<div *ngFor="let node of TreeData">
+  <div *ngIf="node.leafs?.length>0">
+    {{node.id}}
+    <elements-tree [TreeData]="node.leafs"></elements-tree>
+  </div>
+  <div *ngIf="node.leafs?.length==0">
+    {{node.id}}
+  </div>
+</div>
+
+
+<!--<ul class="filetree ">-->
+<!--<li *ngFor="let hostGroup of HostGroups | SearchFilter: q; let i = index ">-->
+<!--<input type="checkbox" id="hostgroup-{{i}}">-->
+<!--<label for="hostgroup-{{i}}" matTooltip="{{hostGroup.name}}" [matTooltipPosition]="TooltipPosition">{{hostGroup.name}}</label>-->
+<!--</li>-->
+<!--</ul>-->

src/app/monitor-page/linux/linux.component.spec.ts → src/app/elements/tree/tree.component.spec.ts

 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { LinuxComponent } from './linux.component';
+import { ElementTreeComponent } from './tree.component';
 
-describe('LinuxComponent', () => {
-  let component: LinuxComponent;
-  let fixture: ComponentFixture<LinuxComponent>;
+describe('R ', () => {
+  let component: ElementTreeComponent;
+  let fixture: ComponentFixture<ElementTreeComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ LinuxComponent ]
+      declarations: [ ElementTreeComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(LinuxComponent);
+    fixture = TestBed.createComponent(ElementTreeComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

src/app/elements/tree/tree.component.ts

+import {Component, Input, OnInit} from '@angular/core';
+import {HttpService} from '../../app.service';
+
+export interface Assets {
+  name: string;
+  id: string;
+  type: string;
+}
+
+export interface Groups {
+  id: string;
+  key: string;
+  name: string;
+  value: string;
+  parent: string;
+  assets_granted: Array<Assets>;
+}
+
+export class TreeStruct {
+  id: string;
+
+  leafs: Array<TreeStruct>;
+
+  static create(id, parent: string) {
+    const tmp = new TreeStruct();
+    tmp.id = id;
+    tmp.leafs = [];
+    return tmp;
+  }
+
+}
+
+
+@Component({
+  selector: 'elements-tree',
+  templateUrl: './tree.component.html',
+  styleUrls: ['./tree.component.scss']
+})
+export class ElementTreeComponent implements OnInit {
+  @Input() TreeData: Array<TreeStruct>;
+
+  constructor(private _http: HttpService) {
+
+
+  }
+
+  ngOnInit() {
+  }
+
+}

src/app/globals.ts

@@ -26,13 +26,17 @@ export let Video: {
   id: string,
   src: string,
   type: string,
+  height: number,
+  width: number,
   json: object;
   timelist: Array<number>;
   totalTime: number;
 } = {
-  id: 'sss',
-  src: 'sss',
-  type: 'json',
+  id: '',
+  src: '',
+  type: '',
+  width: 0,
+  height: 0,
   json: {},
   timelist: [],
   totalTime: 0,

src/app/monitor-page/monitor-page.component.html

-<app-monitor-linux></app-monitor-linux>

src/app/app.component.css → src/app/pages/app.component.css

 
-app-element-nav {
+elements-nav {
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   font-weight: 300;
@@ -22,7 +22,7 @@ nav {
   width: 100%;
 }
 
-app-element-interactive {
+elements-interactive {
   position: absolute;
   display: inline-block;
   bottom: 120px;

src/app/app.component.html → src/app/pages/app.component.html

 <ng-progress></ng-progress>
-<app-element-nav *ngIf="DataStore.NavShow"></app-element-nav>
+<elements-nav *ngIf="DataStore.NavShow"></elements-nav>
 <router-outlet></router-outlet>
-<!--<app-element-interactive></app-element-interactive>-->
+<!--<elements-interactive></elements-interactive>-->

src/app/app.component.ts → src/app/pages/app.component.ts

@@ -6,7 +6,7 @@
  * @author   liuzheng <liuzheng712@gmail.com>
  */
 import {Component} from '@angular/core';
-import {DataStore} from './globals';
+import {DataStore} from '../globals';
 
 @Component({
   selector: 'app-root',

src/app/blank-page/blank-page.component.spec.ts → src/app/pages/blank/blank.component.spec.ts

 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { BlankPageComponent } from './blank-page.component';
+import { PagesBlankComponent } from './blank.component';
 
-describe('BlankPageComponent', () => {
-  let component: BlankPageComponent;
-  let fixture: ComponentFixture<BlankPageComponent>;
+describe('PagesBlankComponent', () => {
+  let component: PagesBlankComponent;
+  let fixture: ComponentFixture<PagesBlankComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ BlankPageComponent ]
+      declarations: [ PagesBlankComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(BlankPageComponent);
+    fixture = TestBed.createComponent(PagesBlankComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

src/app/blank-page/blank-page.component.ts → src/app/pages/blank/blank.component.ts

 import {Component, OnInit} from '@angular/core';
-import {DataStore} from '../globals';
+import {DataStore} from '../../globals';
 
 @Component({
-  selector: 'app-blank-page',
-  templateUrl: './blank-page.component.html',
-  styleUrls: ['./blank-page.component.scss']
+  selector: 'pages-blank',
+  templateUrl: './blank.component.html',
+  styleUrls: ['./blank.component.scss']
 })
-export class BlankPageComponent implements OnInit {
+export class PagesBlankComponent implements OnInit {
 
   constructor() {
     DataStore.NavShow = false;

src/app/connect-page/connect-page.component.html → src/app/pages/connect/connect.component.html

-<app-element-term
+<elements-term
   [token]="token"
   [index]="0"
   *ngIf="system =='linux'">
-</app-element-term>
-<app-element-guacamole
+</elements-term>
+<elements-guacamole
   [target]="target"
   [index]="0"
   *ngIf="system=='windows' && target">
-</app-element-guacamole>
+</elements-guacamole>

src/app/connect-page/connect-page.component.spec.ts → src/app/pages/connect/connect.component.spec.ts

 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { ConnectPageComponent } from './connect-page.component';
+import { PagesConnectComponent } from './connect.component';
 
 describe('ConnectPageComponent', () => {
-  let component: ConnectPageComponent;
-  let fixture: ComponentFixture<ConnectPageComponent>;
+  let component: PagesConnectComponent;
+  let fixture: ComponentFixture<PagesConnectComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ ConnectPageComponent ]
+      declarations: [ PagesConnectComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(ConnectPageComponent);
+    fixture = TestBed.createComponent(PagesConnectComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

src/app/connect-page/connect-page.component.ts → src/app/pages/connect/connect.component.ts

 import {Component, OnInit} from '@angular/core';
-import {AppService, HttpService, LocalStorageService} from '../app.service';
-import {DataStore} from '../globals';
+import {AppService, HttpService, LocalStorageService} from '../../app.service';
+import {DataStore} from '../../globals';
 import * as jQuery from 'jquery/dist/jquery.min.js';
 
 @Component({
-  selector: 'app-connect-page',
-  templateUrl: './connect-page.component.html',
-  styleUrls: ['./connect-page.component.scss']
+  selector: 'pages-connect',
+  templateUrl: './connect.component.html',
+  styleUrls: ['./connect.component.scss']
 })
-export class ConnectPageComponent implements OnInit {
+export class PagesConnectComponent implements OnInit {
   token: string;
   system: string;
   authToken: string;

src/app/pages/control/cleftbar/cleftbar.component.html

+<div class="sidebar" fxLayout="column" ngxSplit="column">
+  <div fxflex="0 0 50px" class="search">
+    <input id="keyword" class="left-search" placeholder=" {{'Search'| trans }} ..." maxlength="2048" name="q"
+           autocomplete="off"
+           title="Search"
+           type="text" tabindex="1" spellcheck="false" autofocus [(ngModel)]="q" (keyup.enter)="Search(q)">
+  </div>
+  <div class="overflow ngx-scroll-overlay" fxflex="1 1 100%">
+    <elements-asset-tree [Data]="zNodes" [query]="q"></elements-asset-tree>
+  </div>
+
+  <div class="footer-version" fxflex="0 0 40px">
+    <p> Version <strong>{{version}}</strong></p>
+  </div>
+</div>
+<!--<elements-server-menu></elements-server-menu>-->

src/app/ControlPage/cleftbar/cleftbar.component.css → src/app/pages/control/cleftbar/cleftbar.component.scss

+.sidebar {
+  height: 100%;
+  width: 100%;
+}
+
 :root {
   font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
 }
@@ -8,6 +13,7 @@ label {
 
 .filetree {
   padding-left: 20px;
+  height: inherit;
 }
 
 .filetree input[type="checkbox"] {
@@ -52,51 +58,56 @@ label {
   display: inline-block;
 }
 
-.search {
-  border-left-width: 0;
-  border-bottom: #19aa8d 2px inset;
+.fa.fa-undefined:before {
+  content: "\f26c";
 }
 
 .left-search {
   padding-left: 14px;
   width: 100%;
   border: none;
-  height: 28px;
   background: #2f2a2a;
   color: #ffffff;
 }
 
-.footer {
-  background: #2f2a2a;
-  font-size: 9pt;
-  border-top-width: 1px;
-  left: 0;
-  padding: 1px 20px 0 20px;
-  position: absolute;
+.search {
+  border-left-width: 0;
+  border-bottom: #19aa8d 2px inset;
+  //padding-top: 30px;
+  width: 100%;
+  //position: fixed;
+  //height: 28px;
 }
 
-.fa.fa-undefined:before {
-  content: "\f26c";
+.search > input {
+  height: 30px;
 }
 
 .overflow {
   height: 100%;
-  overflow-y: scroll;
-  position: absolute;
   width: 100%;
+  float: left;
+  position: inherit;
+  background: #2f2a2a;
+  color: #d6cbcb;
 }
 
-::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
+.footer-version {
+  background: #2f2a2a;
+  font-size: 9pt;
+  left: 0;
+  width: 100%;
+  padding: 1px 20px 0 20px;
+  border-top: 1px solid #e7eaec;
+  bottom: 0;
+  //height: 30px;
+  //position: fixed;
 }
 
-::-webkit-scrollbar-track {
-  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-  border-radius: 10px;
+.footer-version > p {
+  height: 8px;
+  padding-top: 2px;
+  padding-bottom: 2px;
 }
 
-::-webkit-scrollbar-thumb {
-  border-radius: 10px;
-  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
-}
+@import "~@swimlane/ngx-ui/release/styles/components/scrollbars";

src/app/ControlPage/cleftbar/cleftbar.component.ts → src/app/pages/control/cleftbar/cleftbar.component.ts

@@ -8,16 +8,15 @@
  */
 
 import {Component, Inject, OnInit} from '@angular/core';
-import {AppService, HttpService, LogService} from '../../app.service';
+import {AppService, HttpService, LogService} from '../../../app.service';
 import {SearchComponent} from '../search/search.component';
-import {DataStore} from '../../globals';
-import {version} from '../../../environments/environment';
-import {ElementServerMenuComponent} from '../../elements/server-menu/server-menu.component';
+import {DataStore} from '../../../globals';
+import {version} from '../../../../environments/environment';
 import {NavList, View} from '../control/control.component';
 import {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from '@angular/material';
 import {FormControl, Validators} from '@angular/forms';
-import {DialogService} from '../../elements/dialog/dialog.service';
-
+import {ElementServerMenuComponent} from '../../../elements/server-menu/server-menu.component';
+import {DialogService} from '../../../elements/dialog/dialog.service';
 
 export interface HostGroup {
   name: string;
@@ -32,14 +31,15 @@ export class Host {
 }
 
 @Component({
-  selector: 'app-cleftbar',
+  selector: 'pages-control-cleftbar',
   templateUrl: './cleftbar.component.html',
-  styleUrls: ['./cleftbar.component.css'],
+  styleUrls: ['./cleftbar.component.scss'],
   providers: [SearchComponent, ElementServerMenuComponent]
 })
 export class CleftbarComponent implements OnInit {
   DataStore = DataStore;
   HostGroups: Array<HostGroup>;
+  zNodes: any;
   version = version;
   q: string;
   event: MouseEvent;
@@ -94,110 +94,14 @@ export class CleftbarComponent implements OnInit {
   ngOnInit() {
     this._http.get_my_asset_groups_assets()
       .subscribe(response => {
-        this.HostGroups = response;
-        if (!DataStore.autologin) {
-          this.autologin();
-        }
+        this.zNodes = response;
+        // this.HostGroups = response;
+        // if (!DataStore.autologin) {
+        //   this.autologin();
+        // }
       });
   }
 
-  autologin() {
-    const asset_id = this._appService.getQueryString('asset_id');
-    const user_id = this._appService.getQueryString('user_id');
-    let tag = false;
-    if (asset_id) {
-      for (let g of this.HostGroups) {
-        if (g['assets_granted']) {
-          for (let host of g['assets_granted']) {
-            if (host.id.toString() === asset_id) {
-              if (user_id) {
-                host['system_users_granted'].forEach((user, kk) => {
-                  if (user.id.toString() === user_id.toString()) {
-                    this.login(host, user);
-                    tag = true;
-                    return;
-                  }
-                });
-              } else {
-                this.Connect(host);
-                tag = true;
-                return;
-              }
-            }
-          }
-        }
-      }
-      if (!tag) {
-        this._layer.alert('Maybe you do not have permission on that host');
-      }
-    }
-    DataStore.autologin = true;
-  }
-
-  Connect(host) {
-    // console.log(host);
-    let user: any;
-    if (host.system_users_granted.length > 1) {
-      user = this.checkPriority(host.system_users_granted);
-      if (user) {
-        this.login(host, user);
-      } else {
-        const dialogRef = this._dialog.open(CleftbarDialogComponent, {
-          height: '200px',
-          width: '300px',
-          data: {users: host.system_users_granted}
-        });
-
-        dialogRef.afterClosed().subscribe(result => {
-          if (result) {
-            for (let i of host.system_users_granted) {
-              if (i.id.toString() === result.toString()) {
-                user = i;
-                break;
-              }
-            }
-            this.login(host, user);
-          }
-        });
-      }
-    } else if (host.system_users_granted.length === 1) {
-      user = host.system_users_granted[0];
-      this.login(host, user);
-    }
-  }
-
-  login(host, user) {
-    const id = NavList.List.length - 1;
-    if (user) {
-      NavList.List[id].nick = host.hostname;
-      NavList.List[id].connected = true;
-      NavList.List[id].edit = false;
-      NavList.List[id].closed = false;
-      NavList.List[id].host = host;
-      NavList.List[id].user = user;
-      if (user.protocol === 'ssh') {
-        NavList.List[id].type = 'ssh';
-      } else if (user.protocol === 'rdp') {
-        NavList.List[id].type = 'rdp';
-      }
-      NavList.List.push(new View());
-      NavList.Active = id;
-    }
-  }
-
-  checkPriority(sysUsers) {
-    let priority = -1;
-    let user: any;
-    for (const u of sysUsers) {
-      if (u.priority > priority) {
-        user = u;
-        priority = u.priority;
-      } else if (u.priority === priority) {
-        return null;
-      }
-    }
-    return user;
-  }
 
   Search(q) {
     this._search.Search(q);
@@ -210,34 +114,3 @@ export class CleftbarComponent implements OnInit {
     // this._menu.contextmenu(this.clientY, this.clientX);
   }
 }
-
-
-@Component({
-  selector: 'app-cleftbar-dialog',
-  templateUrl: 'dialog.html',
-})
-export class CleftbarDialogComponent implements OnInit {
-  UserSelectControl = new FormControl('', [Validators.required]);
-  selected: any;
-
-  constructor(public dialogRef: MatDialogRef<CleftbarDialogComponent>,
-              @Inject(MAT_DIALOG_DATA) public data: any,
-              private _logger: LogService) {
-  }
-
-  ngOnInit() {
-    this.selected = this.data.users[0].id;
-    this.UserSelectControl.setValue(this.selected);
-    // this._logger.debug(this.UserSelectControl);
-  }
-
-  onNoClick(): void {
-    this.dialogRef.close();
-  }
-
-  compareFn: ((f1: any, f2: any) => boolean) | null = this.compareByValue;
-
-  compareByValue(f1: any, f2: any) {
-    return f1 && f2 && f1.value === f2.value;
-  }
-}

src/app/ControlPage/controlpage.component.css → src/app/pages/control/control.component.css

-div, term-leftbar, term-body {
+div {
   height: 100%;
   width: 100%;
   padding: 0;
-}
-
-div {
   background-color: black;
   margin: 0;
-  padding-top: 30px;
   position: initial;
 }
 
-app-cleftbar {
-  padding: 0;
+pages-control-cleftbar, pages-control-control {
   background: #2f2a2a;
   color: #d6cbcb;
 }
 
-app-control {
-  padding: 0;
+.container-fluid {
+  padding-top: 30px;
 }

src/app/pages/control/control.component.html

+<div class="container-fluid row" fxLayout="row" ngxSplit="row">
+  <div fxFlex="20%" ngxSplitArea *ngIf="DataStore.leftbarshow">
+    <pages-control-cleftbar></pages-control-cleftbar>
+  </div>
+  <div fxFlex="15px" ngxSplitHandle ></div>
+  <div fxFlex>
+    <pages-control-control></pages-control-control>
+  </div>
+</div>

src/app/ControlPage/controlpage.component.spec.ts → src/app/pages/control/control.component.spec.ts

 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { ControlPageComponent } from './controlpage.component';
+import { PagesControlComponent } from './control.component';
 
 describe('ControlPageComponent', () => {
-  let component: ControlPageComponent;
-  let fixture: ComponentFixture<ControlPageComponent>;
+  let component: PagesControlComponent;
+  let fixture: ComponentFixture<PagesControlComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ ControlPageComponent ]
+      declarations: [ PagesControlComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(ControlPageComponent);
+    fixture = TestBed.createComponent(PagesControlComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

src/app/ControlPage/controlpage.component.ts → src/app/pages/control/control.component.ts

@@ -6,15 +6,15 @@
  * @author   liuzheng <liuzheng712@gmail.com>
  */
 import {Component, OnInit} from '@angular/core';
-import {AppService} from '../app.service';
-import {DataStore, User} from '../globals';
+import {AppService} from '../../app.service';
+import {DataStore, User} from '../../globals';
 
 @Component({
-  selector: 'app-controllpage',
-  templateUrl: './controlpage.component.html',
-  styleUrls: ['./controlpage.component.css'],
+  selector: 'pages-control',
+  templateUrl: './control.component.html',
+  styleUrls: ['./control.component.css'],
 })
-export class ControlPageComponent implements OnInit {
+export class PagesControlComponent implements OnInit {
   DataStore = DataStore;
   User = User;
 

src/app/ControlPage/control/control.component.css → src/app/pages/control/control/control.component.css

-div, app-element-term, app-element-iframe {
+div, elements-term, elements-guacamole, elements-settings {
   height: 100%;
+}
+
+elements-term, elements-guacamole, elements-settings {
   padding-bottom: 30px;
 }
 
-div {
+.window {
   display: none;
 }
 
 .active {
   display: block;
 }
+
+.right-side {
+  height: 100%;
+  width: 100%;
+  background-color: gray;
+}

src/app/pages/control/control/control.component.html

+<div fxLayout="column" ngxSplit="column" style="width: 100%;height: 100%;">
+  <div fxflex="0 0 50px" class="search">
+    <pages-control-nav></pages-control-nav>
+  </div>
+  <div fxFlex>
+    <div class="window" *ngFor="let m of NavList.List;let i=index"
+         [ngClass]="{'active':i==NavList.Active}">
+      <elements-term [index]="i"
+                     [host]="m.host"
+                     [userid]="m.user.id"
+                     *ngIf="m.type=='ssh'">
+      </elements-term>
+      <elements-guacamole [index]="i"
+                          [host]="m.host"
+                          [userid]="m.user.id"
+                          *ngIf="m.type=='rdp'">
+      </elements-guacamole>
+      <elements-settings [index]="i"
+                         *ngIf="m.type=='settings'">
+      </elements-settings>
+    </div>
+  </div>
+</div>

src/app/ControlPage/control/control.component.ts → src/app/pages/control/control/control.component.ts

@@ -8,7 +8,7 @@
  */
 
 import {Component, OnInit} from '@angular/core';
-import {TermWS} from '../../globals';
+import {TermWS} from '../../../globals';
 
 // export class Term {
 //   machine: string;
@@ -41,7 +41,7 @@ export let NavList: {
 };
 
 @Component({
-  selector: 'app-control',
+  selector: 'pages-control-control',
   templateUrl: './control.component.html',
   styleUrls: ['./control.component.css']
 })

src/app/pages/control/control/controlnav/nav.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PagesControlNavComponent } from './nav.component';
+
+describe('ControlPagesControlNavComponent', () => {
+  let component: PagesControlNavComponent;
+  let fixture: ComponentFixture<PagesControlNavComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ PagesControlNavComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PagesControlNavComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should be created', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/ControlPage/control/controlnav/controlnav.component.ts → src/app/pages/control/control/controlnav/nav.component.ts

@@ -12,12 +12,12 @@ import {ControlComponent, NavList} from '../control.component';
 import * as jQuery from 'jquery/dist/jquery.min.js';
 
 @Component({
-  selector: 'app-controlnav',
-  templateUrl: './controlnav.component.html',
-  styleUrls: ['./controlnav.component.css'],
+  selector: 'pages-control-nav',
+  templateUrl: './nav.component.html',
+  styleUrls: ['./nav.component.css'],
 })
-export class ControlnavComponent implements OnInit {
-  setActive = ControlnavComponent.setActive;
+export class PagesControlNavComponent implements OnInit {
+  setActive = PagesControlNavComponent.setActive;
   NavList = NavList;
 
   static checkActive(index) {
@@ -31,7 +31,7 @@ export class ControlnavComponent implements OnInit {
     } else {
       NavList.Active = index;
     }
-    ControlnavComponent.setActive(NavList.Active);
+    PagesControlNavComponent.setActive(NavList.Active);
   }
 
   static setActive(index) {
@@ -65,7 +65,7 @@ export class ControlnavComponent implements OnInit {
       ControlComponent.TerminalDisconnect(index);
     }
     NavList.List.splice(index, 1);
-    ControlnavComponent.checkActive(index);
+    PagesControlNavComponent.checkActive(index);
   }
 
   scrollleft() {

src/app/ControlPage/search/search.component.ts → src/app/pages/control/search/search.component.ts

@@ -7,7 +7,7 @@
  */
 import {Component, OnChanges, Input, Pipe, PipeTransform} from '@angular/core';
 
-import {AppService, HttpService, LogService} from '../../app.service';
+import {AppService, HttpService, LogService} from '../../../app.service';
 
 export let Q = '';
 

src/app/IndexPage/ileftbar/ileftbar.component.ts → src/app/pages/index/ileftbar/ileftbar.component.ts

@@ -6,10 +6,10 @@
  * @author   liuzheng <liuzheng712@gmail.com>
  */
 import {Component, OnInit} from '@angular/core';
-import {AppService, LogService} from '../../app.service';
+import {AppService, LogService} from '../../../app.service';
 
 @Component({
-  selector: 'app-ileftbar',
+  selector: 'pages-ileftbar',
   templateUrl: './ileftbar.component.html',
   styleUrls: ['./ileftbar.component.css']
 })

src/app/BasicPage/login/login.component.spec.ts → src/app/pages/index/index.component.spec.ts

 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { LoginComponent } from './login.component';
+import { PagesIndexComponent } from './index.component';
 
-describe('LoginComponent', () => {
-  let component: LoginComponent;
-  let fixture: ComponentFixture<LoginComponent>;
+describe('PagesIndexComponent', () => {
+  let component: PagesIndexComponent;
+  let fixture: ComponentFixture<PagesIndexComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ LoginComponent ]
+      declarations: [ PagesIndexComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(LoginComponent);
+    fixture = TestBed.createComponent(PagesIndexComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

src/app/IndexPage/index-page.component.ts → src/app/pages/index/index.component.ts

@@ -6,15 +6,15 @@
  * @author   liuzheng <liuzheng712@gmail.com>
  */
 import {Component, OnInit} from '@angular/core';
-import {AppService} from '../app.service';
-import {User} from '../globals';
+import {AppService} from '../../app.service';
+import {User} from '../../globals';
 
 @Component({
-  selector: 'app-index-page',
-  templateUrl: './index-page.component.html',
-  styleUrls: ['./index-page.component.css'],
+  selector: 'pages-index',
+  templateUrl: './index.component.html',
+  styleUrls: ['./index.component.css'],
 })
-export class IndexPageComponent implements OnInit {
+export class PagesIndexComponent implements OnInit {
   User = User;
 
   constructor() {

src/app/BasicPage/not-found/not-found.component.spec.ts → src/app/pages/login/login.component.spec.ts

 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { NotFoundComponent } from './not-found.component';
+import { PagesLoginComponent } from './login.component';
 
-describe('NotFoundComponent', () => {
-  let component: NotFoundComponent;
-  let fixture: ComponentFixture<NotFoundComponent>;
+describe('PagesLoginComponent', () => {
+  let component: PagesLoginComponent;
+  let fixture: ComponentFixture<PagesLoginComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ NotFoundComponent ]
+      declarations: [ PagesLoginComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(NotFoundComponent);
+    fixture = TestBed.createComponent(PagesLoginComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

src/app/BasicPage/login/login.component.ts → src/app/pages/login/login.component.ts

@@ -13,11 +13,11 @@ import {DataStore, User} from '../../globals';
 import * as jQuery from 'jquery/dist/jquery.min.js';
 
 @Component({
-  selector: 'app-login',
+  selector: 'pages-login',
   templateUrl: './login.component.html',
   styleUrls: ['./login.component.css'],
 })
-export class LoginComponent implements OnInit {
+export class PagesLoginComponent implements OnInit {
   DataStore = DataStore;
   User = User;
   loginBotton = 'login to your account';

src/app/monitor-page/linux/linux.component.html → src/app/pages/monitor/linux/linux.component.html

-<app-element-term
+<elements-term
   [index]="0"
   [monitor]="token"
-></app-element-term>
+></elements-term>

src/app/pages/monitor/linux/linux.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PagesMonitorLinuxComponent } from './linux.component';
+
+describe('PagesMonitorLinuxComponent', () => {
+  let component: PagesMonitorLinuxComponent;
+  let fixture: ComponentFixture<PagesMonitorLinuxComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ PagesMonitorLinuxComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PagesMonitorLinuxComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/monitor-page/linux/linux.component.ts → src/app/pages/monitor/linux/linux.component.ts

 import {Component, OnInit} from '@angular/core';
-import {Monitor} from '../../globals';
+import {Monitor} from '../../../globals';
 
 @Component({
-  selector: 'app-monitor-linux',
+  selector: 'pages-monitor-linux',
   templateUrl: './linux.component.html',
   styleUrls: ['./linux.component.css']
 })
-export class LinuxComponent implements OnInit {
+export class PagesMonitorLinuxComponent implements OnInit {
   token: string;
 
   constructor() {

src/app/pages/monitor/monitor.component.html

+<pages-monitor-linux></pages-monitor-linux>

src/app/monitor-page/monitor-page.component.spec.ts → src/app/pages/monitor/monitor.component.spec.ts

 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { MonitorPageComponent } from './monitor-page.component';
+import { PagesMonitorComponent } from './monitor.component';
 
-describe('MonitorPageComponent', () => {
-  let component: MonitorPageComponent;
-  let fixture: ComponentFixture<MonitorPageComponent>;
+describe('PagesMonitorComponent', () => {
+  let component: PagesMonitorComponent;
+  let fixture: ComponentFixture<PagesMonitorComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ MonitorPageComponent ]
+      declarations: [ PagesMonitorComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(MonitorPageComponent);
+    fixture = TestBed.createComponent(PagesMonitorComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

src/app/monitor-page/monitor-page.component.ts → src/app/pages/monitor/monitor.component.ts

 import {Component, OnInit} from '@angular/core';
 import {ActivatedRoute, Params} from '@angular/router';
-import {DataStore, Monitor} from '../globals';
+import {DataStore, Monitor} from '../../globals';
 
 @Component({
-  selector: 'app-monitor-page',
-  templateUrl: './monitor-page.component.html',
-  styleUrls: ['./monitor-page.component.css']
+  selector: 'pages-monitor',
+  templateUrl: './monitor.component.html',
+  styleUrls: ['./monitor.component.css']
 })
-export class MonitorPageComponent implements OnInit {
+export class PagesMonitorComponent implements OnInit {
 
   constructor(private activatedRoute: ActivatedRoute) {
     DataStore.NavShow = false;

src/app/monitor-page/windows/windows.component.spec.ts → src/app/pages/monitor/windows/windows.component.spec.ts

 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { WindowsComponent } from './windows.component';
+import { PagesMonitorWindowsComponent } from './windows.component';
 
-describe('WindowsComponent', () => {
-  let component: WindowsComponent;
-  let fixture: ComponentFixture<WindowsComponent>;
+describe('PagesMonitorWindowsComponent', () => {
+  let component: PagesMonitorWindowsComponent;
+  let fixture: ComponentFixture<PagesMonitorWindowsComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ WindowsComponent ]
+      declarations: [ PagesMonitorWindowsComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(WindowsComponent);
+    fixture = TestBed.createComponent(PagesMonitorWindowsComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

src/app/monitor-page/windows/windows.component.ts → src/app/pages/monitor/windows/windows.component.ts

 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'app-windows',
+  selector: 'pages-monitor-windows',
   templateUrl: './windows.component.html',
   styleUrls: ['./windows.component.css']
 })
-export class WindowsComponent implements OnInit {
+export class PagesMonitorWindowsComponent implements OnInit {
 
   constructor() { }
 

src/app/pages/not-found/not-found.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PagesNotFoundComponent } from './not-found.component';
+
+describe('PagesNotFoundComponent', () => {
+  let component: PagesNotFoundComponent;
+  let fixture: ComponentFixture<PagesNotFoundComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ PagesNotFoundComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PagesNotFoundComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should be created', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/BasicPage/not-found/not-found.component.ts → src/app/pages/not-found/not-found.component.ts

@@ -2,11 +2,11 @@ import {Component, OnInit} from '@angular/core';
 import {DataStore} from '../../globals';
 
 @Component({
-  selector: 'app-not-found',
+  selector: 'pages-not-found',
   templateUrl: './not-found.component.html',
   styleUrls: ['./not-found.component.css']
 })
-export class NotFoundComponent implements OnInit {
+export class PagesNotFoundComponent implements OnInit {
 
   constructor() {
 

src/app/pages/pages.component.ts

+import {PagesBlankComponent} from './blank/blank.component';
+import {PagesConnectComponent} from './connect/connect.component';
+import {PagesControlComponent} from './control/control.component';
+import {PagesIndexComponent} from './index/index.component';
+import {PagesMonitorComponent} from './monitor/monitor.component';
+import {PagesReplayComponent} from './replay/replay.component';
+// import {PagesSettingComponent} from './setting/setting.component';
+import {PagesNotFoundComponent} from './not-found/not-found.component';
+import {PagesLoginComponent} from './login/login.component';
+import {CleftbarComponent} from './control/cleftbar/cleftbar.component';
+import {Mp4Component} from './replay/mp4/mp4.component';
+import {JsonComponent} from './replay/json/json.component';
+import {ControlComponent} from './control/control/control.component';
+import {PagesControlNavComponent} from './control/control/controlnav/nav.component';
+import {SearchComponent, SearchFilter} from './control/search/search.component';
+import {PagesMonitorLinuxComponent} from './monitor/linux/linux.component';
+import {PagesMonitorWindowsComponent} from './monitor/windows/windows.component';
+
+export const PagesComponents = [
+  PagesBlankComponent,
+  PagesConnectComponent,
+  PagesControlComponent, ControlComponent, PagesControlNavComponent,
+  CleftbarComponent,
+  PagesIndexComponent,
+  PagesMonitorComponent,
+  PagesReplayComponent, Mp4Component, JsonComponent,
+  // PagesSettingComponent,
+  PagesNotFoundComponent,
+  PagesLoginComponent,
+  SearchComponent,
+  SearchFilter,
+  PagesMonitorLinuxComponent,
+  PagesMonitorWindowsComponent
+];

src/app/replay-page/json/json.component.css → src/app/pages/replay/json/json.component.css

@@ -22,7 +22,7 @@
   min-width: 12px;
 }
 
-app-element-term {
+elements-term {
   position: absolute;
   width: 100%;
   height: 100%;

src/app/replay-page/json/json.component.html → src/app/pages/replay/json/json.component.html

@@ -33,5 +33,5 @@
   {{time | utcDate | date:"HH:mm:ss"}}
 </div>
 
-<app-element-term></app-element-term>
+<elements-term></elements-term>
 <!--<asciinema-player></asciinema-player>-->

src/app/replay-page/json/json.component.ts → src/app/pages/replay/json/json.component.ts

-import {Component, OnInit} from '@angular/core';
-import {Video, term} from '../../globals';
+import {Component, Input, OnInit} from '@angular/core';
+import {Video, term} from '../../../globals';
+import {HttpService, LogService} from '../../../app.service';
 
 @Component({
-  selector: 'app-json',
+  selector: 'app-replay-json',
   templateUrl: './json.component.html',
   styleUrls: ['./json.component.css']
 })
@@ -17,10 +18,29 @@ export class JsonComponent implements OnInit {
   pos = 0;
   scrubber: number;
 
-  constructor() {
+  constructor(private _http: HttpService,
+              private _logger: LogService) {
   }
 
   ngOnInit() {
+    if (Video.src !== 'READY') {
+      this._http.get_replay_data(Video.src)
+        .subscribe(
+          data => {
+            Video.json = data;
+            Video.timelist = Object.keys(Video.json).map(Number);
+            Video.timelist = Video.timelist.sort(function (a, b) {
+              return a - b;
+            });
+            Video.totalTime = Video.timelist[Video.timelist.length - 1] * 1000;
+          },
+          err => {
+            alert('无法下载');
+            this._logger.error(err);
+          }
+        );
+    }
+
     const that = this;
     let r = true;
     window.onresize = function () {

src/app/pages/replay/mp4/mp4.component.html

+<div [ngStyle]="{'width.px': Video.width,'height.px':Video.height}">
+  <video controls>
+    <source [src]="Video.src" type="video/mp4">
+    Your browser does not support the video tag.
+    <br>
+    您的浏览器不支持，请升级
+  </video>
+</div>

src/app/pages/replay/mp4/mp4.component.ts

+import {Component, Input, OnInit} from '@angular/core';
+import {Video} from '../../../globals';
+
+@Component({
+  selector: 'app-replay-mp4',
+  templateUrl: './mp4.component.html',
+  styleUrls: ['./mp4.component.css']
+})
+export class Mp4Component implements OnInit {
+  Video = Video;
+
+  constructor() {
+  }
+
+  ngOnInit() {
+    if (this.Video.height === 0) {
+      this.Video.height = 600;
+    }
+    if (this.Video.width === 0) {
+      this.Video.width = 800;
+    }
+
+  }
+
+}

src/app/pages/replay/replay.component.html

+<app-replay-json *ngIf="Video.type=='json'"></app-replay-json>
+<app-replay-mp4 *ngIf="Video.type=='mp4'"></app-replay-mp4>

src/app/replay-page/replay-page.component.spec.ts → src/app/pages/replay/replay.component.spec.ts

 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { ReplayPageComponent } from './replay-page.component';
+import { PagesReplayComponent } from './replay-page.component';
 
 describe('ReplayPageComponent', () => {
-  let component: ReplayPageComponent;
-  let fixture: ComponentFixture<ReplayPageComponent>;
+  let component: PagesReplayComponent;
+  let fixture: ComponentFixture<PagesReplayComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ ReplayPageComponent ]
+      declarations: [ PagesReplayComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(ReplayPageComponent);
+    fixture = TestBed.createComponent(PagesReplayComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

src/app/replay-page/replay-page.component.ts → src/app/pages/replay/replay.component.ts

 import {Component, OnInit} from '@angular/core';
 import {ActivatedRoute, Params} from '@angular/router';
-import {HttpService, LogService} from '../app.service';
-import {Video, DataStore} from '../globals';
+import {HttpService, LogService} from '../../app.service';
+import {Video, DataStore} from '../../globals';
 
 @Component({
-  selector: 'app-replay-page',
-  templateUrl: './replay-page.component.html',
-  styleUrls: ['./replay-page.component.css']
+  selector: 'pages-replay',
+  templateUrl: './replay.component.html',
+  styleUrls: ['./replay.component.css']
 })
-export class ReplayPageComponent implements OnInit {
+export class PagesReplayComponent implements OnInit {
 
   constructor(private activatedRoute: ActivatedRoute,
               private _http: HttpService,
@@ -23,21 +23,35 @@ export class ReplayPageComponent implements OnInit {
     this.activatedRoute.params.subscribe((params: Params) => {
       token = params['token'];
     });
-    this._http.get_replay(token)
+    this._http.get_replay_json(token)
       .subscribe(
         data => {
-          Video.type = 'json';
-          Video.json = data;
-          Video.timelist = Object.keys(Video.json).map(Number);
-          Video.timelist = Video.timelist.sort(function (a, b) {
-            return a - b;
-          });
-          Video.totalTime = Video.timelist[Video.timelist.length - 1] * 1000;
+          Video.type = data['type'];
+          Video.src = data['src'];
+          Video.id = data['id'];
+          // Video.width = data['width'];
+          // Video.height = data['height'];
         },
         err => {
-          alert('无法下载');
-          this._logger.error(err);
-        },
+          this._http.get_replay(token)
+            .subscribe(
+              data => {
+                Video.type = 'json';
+                Video.json = data;
+                Video.src = 'READY';
+                Video.timelist = Object.keys(Video.json).map(Number);
+                Video.timelist = Video.timelist.sort(function (a, b) {
+                  return a - b;
+                });
+                Video.totalTime = Video.timelist[Video.timelist.length - 1] * 1000;
+
+              }, err2 => {
+                alert('无法下载');
+                this._logger.error(err2);
+              },
+            );
+
+        }
       );
 
   }

src/app/setting-page/setting-page.component.html → src/app/pages/setting/setting.component.html

 <div class="pace-done">
-  <app-element-leftbar></app-element-leftbar>
+  <elements-leftbar></elements-leftbar>
   <mat-card class="content">
     <mat-tab-group>
       <mat-tab label="{{'Basic setting'|trans}}">
@@ -16,5 +16,5 @@
       </mat-tab>
     </mat-tab-group>
   </mat-card>
-  <app-element-ofooter></app-element-ofooter>
+  <elements-ofooter></elements-ofooter>
 </div>

src/app/setting-page/setting-page.component.spec.ts → src/app/pages/setting/setting.component.spec.ts

 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { SettingPageComponent } from './setting-page.component';
+import { PagesSettingComponent } from './setting.component';
 
 describe('SettingPageComponent', () => {
-  let component: SettingPageComponent;
-  let fixture: ComponentFixture<SettingPageComponent>;
+  let component: PagesSettingComponent;
+  let fixture: ComponentFixture<PagesSettingComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ SettingPageComponent ]
+      declarations: [ PagesSettingComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(SettingPageComponent);
+    fixture = TestBed.createComponent(PagesSettingComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

src/app/replay-page/mp4/mp4.component.ts → src/app/pages/setting/setting.component.ts

 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'app-mp4',
-  templateUrl: './mp4.component.html',
-  styleUrls: ['./mp4.component.css']
+  selector: 'pages-setting',
+  templateUrl: './setting.component.html',
+  styleUrls: ['./setting.component.scss']
 })
-export class Mp4Component implements OnInit {
+export class PagesSettingComponent implements OnInit {
 
   constructor() { }
 

src/app/app.pipe.ts → src/app/pipes/date.pipe.ts

 import {Pipe, PipeTransform} from '@angular/core';
 
+
 @Pipe({
   name: 'utcDate'
 })

src/app/pipes/pipes.ts

+import {TransPipe} from './trans.pipe';
+import {UtcDatePipe} from './date.pipe';
+
+export const Pipes = [
+  UtcDatePipe,
+  TransPipe
+];

src/app/trans.pipe.ts → src/app/pipes/trans.pipe.ts

 import {Pipe, PipeTransform} from '@angular/core';
-import {i18n} from './globals';
+import {i18n} from '../globals';
 
 @Pipe({
   name: 'trans'

src/app/plugins/plugins.ts

+import {MaterialModule} from './MaterialModule.component';
+import {NgxUIModule, SplitModule} from '@swimlane/ngx-ui';
+
+export const PluginModules = [
+  MaterialModule,
+  NgxUIModule,
+  SplitModule
+];
+
+

src/app/replay-page/replay-page.component.html

-<app-json></app-json>

src/app/router/router.module.ts

+/**
+ * app路由
+ *
+ *
+ * @date     2017-11-07
+ * @author   liuzheng <liuzheng712@gmail.com>
+ */
+import {NgModule} from '@angular/core';
+import {RouterModule, Routes} from '@angular/router';
+import {environment} from '../../environments/environment';
+
+import {PagesBlankComponent} from '../pages/blank/blank.component';
+import {TestPageComponent} from '../test-page/test-page.component';
+// import {PagesSettingComponent} from '../pages/setting/setting.component';
+import {PagesConnectComponent} from '../pages/connect/connect.component';
+import {PagesReplayComponent} from '../pages/replay/replay.component';
+import {PagesControlComponent} from '../pages/control/control.component';
+import {PagesNotFoundComponent} from '../pages/not-found/not-found.component';
+import {PagesMonitorComponent} from '../pages/monitor/monitor.component';
+
+
+const appRoutes: Routes = [
+  // {path: 'users/login', component: LoginComponent},
+  {path: 'replay/:token', component: PagesReplayComponent},
+  {path: 'monitor/:token', component: PagesMonitorComponent},
+  {path: 'test', component: TestPageComponent},
+  {path: 'connect', component: PagesConnectComponent},
+  // {path: 'setting', component: PagesSettingComponent},
+  {path: 'undefined', component: PagesBlankComponent},
+  {path: '', component: PagesControlComponent},
+  {path: '**', component: PagesNotFoundComponent}
+];
+
+@NgModule({
+  imports: [
+    RouterModule.forRoot(
+      appRoutes,
+      {enableTracing: false} // <-- debugging purposes only
+      // {enableTracing: !environment.production} // <-- debugging purposes only
+    )
+  ],
+  exports: [
+    RouterModule
+  ]
+})
+export class AppRouterModule {
+}

src/app/setting-page/setting-page.component.ts

-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-setting-page',
-  templateUrl: './setting-page.component.html',
-  styleUrls: ['./setting-page.component.scss']
-})
-export class SettingPageComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}

src/app/test-page/test-page.component.html

-<app-element-elfinder></app-element-elfinder>
+<!--<tree-root [nodes]="nodes" [options]="options"></tree-root>-->
+<!--<app-replay-mp4></app-replay-mp4>-->
+<!--<elements-tree [TreeData]="nodes1"></elements-tree>-->
+<elements-asset-tree [Data]="zNodes"></elements-asset-tree>
+

src/app/test-page/test-page.component.scss

+:host {
+  display: block;
+  width: 100%;
+  margin: 50px 0;
+}
+.btns {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: wrap;
+}

src/app/test-page/test-page.component.ts

 import {Component, OnInit} from '@angular/core';
-import {DataStore} from '../globals';
+import {DataStore, Video} from '../globals';
 
 @Component({
   selector: 'app-test-page',
@@ -7,12 +7,664 @@ import {DataStore} from '../globals';
   styleUrls: ['./test-page.component.scss']
 })
 export class TestPageComponent implements OnInit {
+  zNodes = [
+    {
+      'id': '67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6',
+      'key': '0:11:77',
+      'name': '新节点 12',
+      'value': '新节点 12',
+      'parent': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+      'assets_granted': [
+        {
+          'id': '1600ed6d-e3b6-434c-a960-c5bb818806b6',
+          'hostname': 'windows1',
+          'ip': '10.1.10.178',
+          'port': 3389,
+          'system_users_granted': [
+            {
+              'id': '8763b81a-bb5e-484a-abca-10514c7bb185',
+              'name': '组织1-部门1-Administrator',
+              'username': 'Administrator',
+              'priority': 10,
+              'protocol': 'rdp',
+              'comment': ''
+            }
+          ],
+          'is_active': true,
+          'system_users_join': 'Administrator',
+          'os': null,
+          'domain': null,
+          'nodes': [
+            {
+              'id': '67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6',
+              'key': '0:11:77',
+              'value': '新节点 12',
+              'parent': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'assets_amount': 6,
+              'is_asset': false
+            },
+            {
+              'id': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'key': '0:11',
+              'value': '网域测试',
+              'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'assets_amount': 6,
+              'is_asset': false
+            }
+          ],
+          'platform': 'Windows',
+          'comment': ''
+        },
+        {
+          'id': 'b952a481-a624-467e-b97f-9435155f0d53',
+          'hostname': 'testserver',
+          'ip': '10.1.10.192',
+          'port': 22,
+          'system_users_granted': [
+            {
+              'id': '7e326f71-aee5-4688-8cc1-717919470a09',
+              'name': 'root',
+              'username': 'root',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            },
+            {
+              'id': '17f384f4-683d-4944-a38d-db73608b92a9',
+              'name': 'zbh-test',
+              'username': 'zbh',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            }
+          ],
+          'is_active': true,
+          'system_users_join': 'root, zbh',
+          'os': 'CentOS',
+          'domain': null,
+          'nodes': [
+            {
+              'id': '67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6',
+              'key': '0:11:77',
+              'value': '新节点 12',
+              'parent': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'assets_amount': 6,
+              'is_asset': false
+            },
+            {
+              'id': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'key': '0:11',
+              'value': '网域测试',
+              'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'assets_amount': 6,
+              'is_asset': false
+            },
+            {
+              'id': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'key': '0',
+              'value': 'Fit2cloud',
+              'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'assets_amount': 6,
+              'is_asset': false
+            }
+          ],
+          'platform': 'Linux',
+          'comment': ''
+        },
+        {
+          'id': 'ad594b10-9f64-4913-b7b1-135fe63561d1',
+          'hostname': 'ali-windows',
+          'ip': '47.104.206.228',
+          'port': 3389,
+          'system_users_granted': [
+            {
+              'id': '8763b81a-bb5e-484a-abca-10514c7bb185',
+              'name': '组织1-部门1-Administrator',
+              'username': 'Administrator',
+              'priority': 10,
+              'protocol': 'rdp',
+              'comment': ''
+            }
+          ],
+          'is_active': true,
+          'system_users_join': 'Administrator',
+          'os': null,
+          'domain': null,
+          'nodes': [
+            {
+              'id': '67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6',
+              'key': '0:11:77',
+              'value': '新节点 12',
+              'parent': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'assets_amount': 6,
+              'is_asset': false
+            },
+            {
+              'id': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'key': '0',
+              'value': 'Fit2cloud',
+              'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'assets_amount': 6,
+              'is_asset': false
+            }
+          ],
+          'platform': 'Windows',
+          'comment': ''
+        },
+        {
+          'id': 'b6f16269-d02a-4055-9cd8-460fa10b1540',
+          'hostname': 'test-vm3',
+          'ip': '172.19.185.8',
+          'port': 22,
+          'system_users_granted': [
+            {
+              'id': '7e326f71-aee5-4688-8cc1-717919470a09',
+              'name': 'root',
+              'username': 'root',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            },
+            {
+              'id': '17f384f4-683d-4944-a38d-db73608b92a9',
+              'name': 'zbh-test',
+              'username': 'zbh',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            }
+          ],
+          'is_active': true,
+          'system_users_join': 'root, zbh',
+          'os': null,
+          'domain': '8789580f-b5ca-4478-b6d3-d0dafc4c48e8',
+          'nodes': [
+            {
+              'id': '67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6',
+              'key': '0:11:77',
+              'value': '新节点 12',
+              'parent': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'assets_amount': 6,
+              'is_asset': false
+            },
+            {
+              'id': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'key': '0:11',
+              'value': '网域测试',
+              'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'assets_amount': 6,
+              'is_asset': false
+            }
+          ],
+          'platform': 'Linux',
+          'comment': ''
+        },
+        {
+          'id': '27e50edc-52d9-41ef-8c9e-1bff9d1628b2',
+          'hostname': 'test-vm2',
+          'ip': '172.19.185.7',
+          'port': 22,
+          'system_users_granted': [
+            {
+              'id': '7e326f71-aee5-4688-8cc1-717919470a09',
+              'name': 'root',
+              'username': 'root',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            },
+            {
+              'id': '17f384f4-683d-4944-a38d-db73608b92a9',
+              'name': 'zbh-test',
+              'username': 'zbh',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            }
+          ],
+          'is_active': true,
+          'system_users_join': 'root, zbh',
+          'os': null,
+          'domain': '8789580f-b5ca-4478-b6d3-d0dafc4c48e8',
+          'nodes': [
+            {
+              'id': '67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6',
+              'key': '0:11:77',
+              'value': '新节点 12',
+              'parent': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'assets_amount': 6,
+              'is_asset': false
+            },
+            {
+              'id': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'key': '0:11',
+              'value': '网域测试',
+              'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'assets_amount': 6,
+              'is_asset': false
+            }
+          ],
+          'platform': 'Linux',
+          'comment': ''
+        },
+        {
+          'id': '9ef36bb3-1bed-455f-be09-3770d3f4bf97',
+          'hostname': 'test-vm1',
+          'ip': '172.19.185.6',
+          'port': 22,
+          'system_users_granted': [
+            {
+              'id': '7e326f71-aee5-4688-8cc1-717919470a09',
+              'name': 'root',
+              'username': 'root',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            },
+            {
+              'id': '17f384f4-683d-4944-a38d-db73608b92a9',
+              'name': 'zbh-test',
+              'username': 'zbh',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            }
+          ],
+          'is_active': true,
+          'system_users_join': 'root, zbh',
+          'os': null,
+          'domain': '8789580f-b5ca-4478-b6d3-d0dafc4c48e8',
+          'nodes': [
+            {
+              'id': '67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6',
+              'key': '0:11:77',
+              'value': '新节点 12',
+              'parent': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'assets_amount': 6,
+              'is_asset': false
+            },
+            {
+              'id': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'key': '0:11',
+              'value': '网域测试',
+              'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'assets_amount': 6,
+              'is_asset': false
+            }
+          ],
+          'platform': 'Linux',
+          'comment': ''
+        }
+      ],
+      'assets_amount': 6
+    },
+    {
+      'id': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+      'key': '0:11',
+      'name': '网域测试',
+      'value': '网域测试',
+      'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+      'assets_granted': [
+        {
+          'id': '1600ed6d-e3b6-434c-a960-c5bb818806b6',
+          'hostname': 'windows1',
+          'ip': '10.1.10.178',
+          'port': 3389,
+          'system_users_granted': [
+            {
+              'id': '8763b81a-bb5e-484a-abca-10514c7bb185',
+              'name': '组织1-部门1-Administrator',
+              'username': 'Administrator',
+              'priority': 10,
+              'protocol': 'rdp',
+              'comment': ''
+            }
+          ],
+          'is_active': true,
+          'system_users_join': 'Administrator',
+          'os': null,
+          'domain': null,
+          'nodes': [
+            {
+              'id': '67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6',
+              'key': '0:11:77',
+              'value': '新节点 12',
+              'parent': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'assets_amount': 6,
+              'is_asset': false
+            },
+            {
+              'id': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'key': '0:11',
+              'value': '网域测试',
+              'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'assets_amount': 6,
+              'is_asset': false
+            }
+          ],
+          'platform': 'Windows',
+          'comment': ''
+        },
+        {
+          'id': 'b952a481-a624-467e-b97f-9435155f0d53',
+          'hostname': 'testserver',
+          'ip': '10.1.10.192',
+          'port': 22,
+          'system_users_granted': [
+            {
+              'id': '7e326f71-aee5-4688-8cc1-717919470a09',
+              'name': 'root',
+              'username': 'root',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            },
+            {
+              'id': '17f384f4-683d-4944-a38d-db73608b92a9',
+              'name': 'zbh-test',
+              'username': 'zbh',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            }
+          ],
+          'is_active': true,
+          'system_users_join': 'root, zbh',
+          'os': 'CentOS',
+          'domain': null,
+          'nodes': [
+            {
+              'id': '67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6',
+              'key': '0:11:77',
+              'value': '新节点 12',
+              'parent': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'assets_amount': 6,
+              'is_asset': false
+            },
+            {
+              'id': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'key': '0:11',
+              'value': '网域测试',
+              'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'assets_amount': 6,
+              'is_asset': false
+            },
+            {
+              'id': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'key': '0',
+              'value': 'Fit2cloud',
+              'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'assets_amount': 6,
+              'is_asset': false
+            }
+          ],
+          'platform': 'Linux',
+          'comment': ''
+        },
+        {
+          'id': 'b6f16269-d02a-4055-9cd8-460fa10b1540',
+          'hostname': 'test-vm3',
+          'ip': '172.19.185.8',
+          'port': 22,
+          'system_users_granted': [
+            {
+              'id': '7e326f71-aee5-4688-8cc1-717919470a09',
+              'name': 'root',
+              'username': 'root',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            },
+            {
+              'id': '17f384f4-683d-4944-a38d-db73608b92a9',
+              'name': 'zbh-test',
+              'username': 'zbh',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            }
+          ],
+          'is_active': true,
+          'system_users_join': 'root, zbh',
+          'os': null,
+          'domain': '8789580f-b5ca-4478-b6d3-d0dafc4c48e8',
+          'nodes': [
+            {
+              'id': '67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6',
+              'key': '0:11:77',
+              'value': '新节点 12',
+              'parent': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'assets_amount': 6,
+              'is_asset': false
+            },
+            {
+              'id': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'key': '0:11',
+              'value': '网域测试',
+              'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'assets_amount': 6,
+              'is_asset': false
+            }
+          ],
+          'platform': 'Linux',
+          'comment': ''
+        },
+        {
+          'id': '27e50edc-52d9-41ef-8c9e-1bff9d1628b2',
+          'hostname': 'test-vm2',
+          'ip': '172.19.185.7',
+          'port': 22,
+          'system_users_granted': [
+            {
+              'id': '7e326f71-aee5-4688-8cc1-717919470a09',
+              'name': 'root',
+              'username': 'root',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            },
+            {
+              'id': '17f384f4-683d-4944-a38d-db73608b92a9',
+              'name': 'zbh-test',
+              'username': 'zbh',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            }
+          ],
+          'is_active': true,
+          'system_users_join': 'root, zbh',
+          'os': null,
+          'domain': '8789580f-b5ca-4478-b6d3-d0dafc4c48e8',
+          'nodes': [
+            {
+              'id': '67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6',
+              'key': '0:11:77',
+              'value': '新节点 12',
+              'parent': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'assets_amount': 6,
+              'is_asset': false
+            },
+            {
+              'id': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'key': '0:11',
+              'value': '网域测试',
+              'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'assets_amount': 6,
+              'is_asset': false
+            }
+          ],
+          'platform': 'Linux',
+          'comment': ''
+        },
+        {
+          'id': '9ef36bb3-1bed-455f-be09-3770d3f4bf97',
+          'hostname': 'test-vm1',
+          'ip': '172.19.185.6',
+          'port': 22,
+          'system_users_granted': [
+            {
+              'id': '7e326f71-aee5-4688-8cc1-717919470a09',
+              'name': 'root',
+              'username': 'root',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            },
+            {
+              'id': '17f384f4-683d-4944-a38d-db73608b92a9',
+              'name': 'zbh-test',
+              'username': 'zbh',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            }
+          ],
+          'is_active': true,
+          'system_users_join': 'root, zbh',
+          'os': null,
+          'domain': '8789580f-b5ca-4478-b6d3-d0dafc4c48e8',
+          'nodes': [
+            {
+              'id': '67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6',
+              'key': '0:11:77',
+              'value': '新节点 12',
+              'parent': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'assets_amount': 6,
+              'is_asset': false
+            },
+            {
+              'id': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'key': '0:11',
+              'value': '网域测试',
+              'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'assets_amount': 6,
+              'is_asset': false
+            }
+          ],
+          'platform': 'Linux',
+          'comment': ''
+        }
+      ],
+      'assets_amount': 5
+    },
+    {
+      'id': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+      'key': '0',
+      'name': 'Fit2cloud',
+      'value': 'Fit2cloud',
+      'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+      'assets_granted': [
+        {
+          'id': 'b952a481-a624-467e-b97f-9435155f0d53',
+          'hostname': 'testserver',
+          'ip': '10.1.10.192',
+          'port': 22,
+          'system_users_granted': [
+            {
+              'id': '7e326f71-aee5-4688-8cc1-717919470a09',
+              'name': 'root',
+              'username': 'root',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            },
+            {
+              'id': '17f384f4-683d-4944-a38d-db73608b92a9',
+              'name': 'zbh-test',
+              'username': 'zbh',
+              'priority': 10,
+              'protocol': 'ssh',
+              'comment': ''
+            }
+          ],
+          'is_active': true,
+          'system_users_join': 'root, zbh',
+          'os': 'CentOS',
+          'domain': null,
+          'nodes': [
+            {
+              'id': '67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6',
+              'key': '0:11:77',
+              'value': '新节点 12',
+              'parent': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'assets_amount': 6,
+              'is_asset': false
+            },
+            {
+              'id': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'key': '0:11',
+              'value': '网域测试',
+              'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'assets_amount': 6,
+              'is_asset': false
+            },
+            {
+              'id': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'key': '0',
+              'value': 'Fit2cloud',
+              'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'assets_amount': 6,
+              'is_asset': false
+            }
+          ],
+          'platform': 'Linux',
+          'comment': ''
+        },
+        {
+          'id': 'ad594b10-9f64-4913-b7b1-135fe63561d1',
+          'hostname': 'ali-windows',
+          'ip': '47.104.206.228',
+          'port': 3389,
+          'system_users_granted': [
+            {
+              'id': '8763b81a-bb5e-484a-abca-10514c7bb185',
+              'name': '组织1-部门1-Administrator',
+              'username': 'Administrator',
+              'priority': 10,
+              'protocol': 'rdp',
+              'comment': ''
+            }
+          ],
+          'is_active': true,
+          'system_users_join': 'Administrator',
+          'os': null,
+          'domain': null,
+          'nodes': [
+            {
+              'id': '67f92d6c-0f91-4d20-a0e4-ac83b7dd02b6',
+              'key': '0:11:77',
+              'value': '新节点 12',
+              'parent': '9c83d432-a353-4a4e-9fd9-be27a5851c2d',
+              'assets_amount': 6,
+              'is_asset': false
+            },
+            {
+              'id': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'key': '0',
+              'value': 'Fit2cloud',
+              'parent': 'be9d9c3a-68d0-40ec-887c-5815d68e2f2c',
+              'assets_amount': 6,
+              'is_asset': false
+            }
+          ],
+          'platform': 'Windows',
+          'comment': ''
+        }
+      ],
+      'assets_amount': 2
+    }
+  ];
 
   constructor() {
     DataStore.NavShow = false;
   }
 
+
   ngOnInit() {
+    Video.id = 'asfafdasd';
+    Video.src = 'https://www.w3schools.com/tags/movie.mp4';
+
   }
 
 }

src/assets/ztree/awesomeStyle/awesome.css

+/*-------------------------------------
+zTree Style using fontawesome instead of images
+
+version:    1.1
+author:     Mike King
+email:      mikkelking @ hotmail . com
+website:    http://code.google.com/p/jquerytree/
+
+-------------------------------------*/
+/* Definitions ----------------------*/
+/* End of Definitions ---------------*/
+/* Imports  -------------------------*/
+/* End of Imports  ------------------*/
+.ztree * {
+  padding: 0;
+  margin: 0;
+  font-size: 12px;
+  font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif;
+  background-color: #f3f3f3;
+}
+.ztree {
+  margin: 0;
+  padding: 5px;
+  color: #676a6c;
+  background-color: #f3f3f3;
+}
+.ztree li {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  line-height: 17px;
+  text-align: left;
+  white-space: nowrap;
+  outline: 0;
+}
+.ztree li ul {
+  margin: 0px;
+  padding: 0 0 0 18px;
+}
+.ztree li a {
+  padding-right: 3px;
+  margin: 0;
+  cursor: pointer;
+  height: 20px;
+  color: #676a6c;
+  background-color: transparent;
+  text-decoration: none;
+  vertical-align: top;
+  display: inline-block;
+}
+.ztree li a input.rename {
+  height: 14px;
+  width: 80px;
+  padding: 0;
+  margin: 0;
+  color: #f3f3f3;
+  background-color: #676a6c;
+  font-size: 12px;
+  border: 1px #585956 solid;
+  *border: 0px;
+}
+.ztree li a:hover {
+  background: #e7f4f9;
+  border-radius: 2px;
+  box-shadow: inset 0 0 1px #cccccc;
+}
+.ztree li a.curSelectedNode {
+  padding-top: 0px;
+  background-color: #beebff;
+  color: #676a6c;
+  height: 20px;
+  opacity: 0.8;
+}
+.ztree li a.curSelectedNode_Edit {
+  padding-top: 0px;
+  background-color: #f3f3f3;
+  color: red;
+  height: 20px;
+  border: 1px #676a6c solid;
+  opacity: 0.8;
+}
+.ztree li a.tmpTargetNode_inner {
+  padding-top: 0px;
+  background-color: #f3f3f3;
+  color: #676a6c;
+  height: 20px;
+  border: 1px #666 solid;
+  opacity: 0.8;
+  filter: alpha(opacity=80);
+}
+.ztree li span {
+  line-height: 20px;
+  margin-right: 2px;
+  background-color: transparent;
+}
+.ztree li span.button {
+  line-height: 0;
+  margin: 0;
+  padding: 0;
+  width: 18px;
+  height: 20px;
+  display: inline-block;
+  vertical-align: top;
+  border: 0px solid;
+  cursor: pointer;
+  outline: none;
+  background-color: transparent;
+  background-repeat: no-repeat;
+  background-attachment: scroll;
+}
+.ztree li span.button::before {
+  color: #676a6c;
+  font-family: FontAwesome;
+  padding-top: 10px;
+}
+.ztree li span.button.chk {
+  margin: 0px;
+  cursor: auto;
+  width: 12px;
+  display: inline-block;
+  padding-top: 10px;
+  padding-left: 2px;
+}
+.ztree li span.button.chk.checkbox_false_full::before {
+  content: "\f096";
+}
+.ztree li span.button.chk.checkbox_false_full_focus::before {
+  content: "\f096";
+  color: #676a6c;
+}
+.ztree li span.button.chk.checkbox_false_part::before {
+  content: "\f096";
+  color: #aaaaaa;
+}
+.ztree li span.button.chk.checkbox_false_part_focus::before {
+  content: "\f096";
+  color: #cad96c;
+}
+.ztree li span.button.chk.checkbox_false_disable::before {
+  content: "\f096";
+  color: #808080;
+}
+.ztree li span.button.chk.checkbox_true_full::before {
+  content: "\f046";
+}
+.ztree li span.button.chk.checkbox_true_full_focus::before {
+  content: "\f046";
+}
+.ztree li span.button.chk.checkbox_true_part::before {
+  content: "\f14a";
+}
+.ztree li span.button.chk.checkbox_true_part_focus::before {
+  content: "\f14a";
+  color: #676a6c;
+}
+.ztree li span.button.chk.checkbox_true_full_focus::before {
+  content: "\f046";
+  color: #676a6c;
+}
+.ztree li span.button.chk.checkbox_true_part::before {
+  content: "\f046";
+  color: #aaaaaa;
+}
+.ztree li span.button.chk.checkbox_true_part_focus::before {
+  content: "\f046";
+  color: #cad96c;
+}
+.ztree li span.button.chk.checkbox_true_disable::before {
+  content: "\f046";
+  color: #808080;
+}
+.ztree li span.button.chk.radio_false_full::before {
+  content: "\f10c";
+}
+.ztree li span.button.chk.radio_false_full_focus::before {
+  content: "\f10c";
+  color: #676a6c;
+}
+.ztree li span.button.chk.radio_false_part::before {
+  content: "\f10c";
+  color: #aaaaaa;
+}
+.ztree li span.button.chk.radio_false_part_focus::before {
+  content: "\f10c";
+  color: #676a6c;
+}
+.ztree li span.button.chk.radio_false_disable::before {
+  content: "\f1db";
+  color: #808080;
+}
+.ztree li span.button.chk.radio_true_full::before {
+  content: "\f192";
+}
+.ztree li span.button.chk.radio_true_full_focus::before {
+  content: "\f192";
+  color: #676a6c;
+}
+.ztree li span.button.chk.radio_true_part::before {
+  content: "\f192";
+  color: #aaaaaa;
+}
+.ztree li span.button.chk.radio_true_part_focus::before {
+  content: "\f192";
+  color: #aaaaaa;
+}
+.ztree li span.button.chk.radio_true_disable::before {
+  content: "\f1db";
+  color: #808080;
+}
+.ztree li span.button.switch {
+  width: 18px;
+  height: 20px;
+}
+.ztree li span.button.root_open::before {
+  content: "\f107";
+  padding-top: 10px;
+  padding-left: 2px;
+  display: inline-block;
+}
+.ztree li span.button.root_close::before {
+  content: "\f105";
+  padding-top: 10px;
+  padding-left: 2px;
+  display: inline-block;
+}
+.ztree li span.button.roots_open::before {
+  content: "\f107";
+  padding-top: 10px;
+  padding-left: 2px;
+  display: inline-block;
+}
+.ztree li span.button.roots_close::before {
+  content: "\f105";
+  padding-top: 10px;
+  padding-left: 2px;
+  display: inline-block;
+}
+.ztree li span.button.center_open::before {
+  content: "\f107";
+  padding-top: 10px;
+  padding-left: 2px;
+  display: inline-block;
+}
+.ztree li span.button.center_close::before {
+  content: "\f105";
+  padding-top: 10px;
+  padding-left: 2px;
+  display: inline-block;
+}
+.ztree li span.button.bottom_open::before {
+  content: "\f107";
+  padding-top: 10px;
+  padding-left: 2px;
+  display: inline-block;
+}
+.ztree li span.button.bottom_close::before {
+  content: "\f105";
+  padding-top: 10px;
+  padding-left: 2px;
+  display: inline-block;
+}
+.ztree li span.button.root_docu {
+  background: none;
+}
+.ztree li span.button.roots_docu::before {
+  content: "\f114";
+  padding-left: 2px;
+  display: inline-block;
+  color: #676a6c;
+}
+.ztree li span.button.center_docu::before {
+  padding-top: 10px;
+  padding-left: 2px;
+  display: inline-block;
+  color: #676a6c;
+}
+.ztree li span.button.bottom_docu::before {
+  padding-top: 10px;
+  padding-left: 2px;
+  display: inline-block;
+  color: #676a6c;
+}
+.ztree li span.button.noline_docu {
+  background: none;
+}
+.ztree li span.button.ico_open::before {
+  content: "\f07c";
+  font-family: FontAwesome;
+  padding-top: 10px;
+  padding-left: 2px;
+  display: inline-block;
+  color: #676a6c;
+}
+.ztree li span.button.ico_close::before {
+  content: "\f07b";
+  font-family: FontAwesome;
+  padding-top: 10px;
+  padding-left: 2px;
+  display: inline-block;
+  color: #676a6c;
+}
+.ztree li span.button.ico_docu::before {
+  content: "\f07b";
+  font-family: FontAwesome;
+  padding-top: 10px;
+  padding-left: 2px;
+  display: inline-block;
+  color: #676a6c;
+}
+.ztree li span.button.file_ico_docu::before {
+  content: "\f022";
+  font-family: FontAwesome;
+  padding-top: 10px;
+  padding-left: 2px;
+  display: inline-block;
+  color: #676a6c;
+}
+.ztree li span.button.linux_ico_docu::before {
+  content: "\f17c";
+  font-family: FontAwesome;
+  padding-top: 10px;
+  padding-left: 2px;
+  display: inline-block;
+  color: #676a6c;
+}
+.ztree li span.button.windows_ico_docu::before {
+  content: "\f17a";
+  font-family: FontAwesome;
+  padding-top: 10px;
+  padding-left: 2px;
+  display: inline-block;
+  color: #676a6c;
+}
+.ztree li span.button.edit {
+  margin-left: 4px;
+  margin-right: -1px;
+  vertical-align: top;
+  *vertical-align: middle;
+  padding-top: 10px;
+}
+.ztree li span.button.edit::before {
+  content: "\f044";
+  font-family: FontAwesome;
+}
+.ztree li span.button.remove {
+  margin-left: 4px;
+  margin-right: -1px;
+  vertical-align: top;
+  *vertical-align: middle;
+  padding-top: 10px;
+}
+.ztree li span.button.remove::before {
+  content: "\f1f8";
+  font-family: FontAwesome;
+}
+.ztree li span.button.add {
+  margin-left: 4px;
+  margin-right: -1px;
+  vertical-align: top;
+  *vertical-align: middle;
+  padding-top: 10px;
+}
+.ztree li span.button.add::before {
+  content: "\f067";
+  font-family: FontAwesome;
+}
+.ztree li span.button.ico_loading {
+  margin-right: 2px;
+  background: url(img/loading.gif) no-repeat scroll 0 0 transparent;
+  vertical-align: top;
+  *vertical-align: middle;
+}
+ul.tmpTargetzTree {
+  background-color: #FFE6B0;
+  opacity: 0.8;
+  filter: alpha(opacity=80);
+}
+span.tmpzTreeMove_arrow {
+  width: 16px;
+  height: 20px;
+  display: inline-block;
+  padding: 0;
+  margin: 2px 0 0 1px;
+  border: 0 none;
+  position: absolute;
+  background-color: transparent;
+  background-attachment: scroll;
+}
+span.tmpzTreeMove_arrow::before {
+  content: "\f04b";
+  font-family: FontAwesome;
+  color: #676a6c;
+}
+ul.ztree.zTreeDragUL {
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  width: auto;
+  height: auto;
+  overflow: hidden;
+  background-color: #cfcfcf;
+  border: 1px #676a6c dotted;
+  opacity: 0.8;
+  filter: alpha(opacity=80);
+}
+.ztreeMask {
+  z-index: 10000;
+  background-color: #cfcfcf;
+  opacity: 0.0;
+  filter: alpha(opacity=0);
+  position: absolute;
+}

src/assets/ztree/awesomeStyle/awesome.less

+/*-------------------------------------
+zTree Style using fontawesome instead of images
+
+version:    1.1
+author:     Mike King
+email:      mikkelking @ hotmail . com
+website:    http://code.google.com/p/jquerytree/
+
+-------------------------------------*/
+
+/* Definitions ----------------------*/
+@font-size: 12px;
+// Regular icon and text color is white, which suits any medium -> dark background 
+@color-normal: #676a6c;
+// Background color
+@color-bg: #f3f3f3;
+// Highlight color
+@color-highlight: #676a6c;
+// Partially selected (checkboxes, radio buttons)
+@color-partial: #aaaaaa;
+// Partially selected and focused (checkboxes, radio buttons)
+@color-partfocus: #cad96c;
+// Disabled altogether
+@color-disabled: #808080;
+// Editing color
+@color-edit: yellow;
+@w: 18px;
+@h: 20px;
+@pad-left: 2px;
+@pad-top: 10px;
+/* End of Definitions ---------------*/
+
+/* Imports  -------------------------*/
+@import "fa.less";
+/* End of Imports  ------------------*/
+
+.ztree * {padding:0; margin:0; font-size:@font-size; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif; background-color: @color-bg;}
+.ztree {
+    margin:0; padding:5px; color:@color-normal; background-color: @color-bg;
+    li {
+        padding:0; margin:0; list-style:none; line-height:17px; text-align:left; white-space:nowrap; outline:0;
+        ul {
+            margin: 0px; padding:0 0 0 18px;
+        }
+        ul.line { }
+        a {padding-right:3px; margin:0; cursor:pointer; height:@h; color:@color-normal; background-color: transparent;
+            text-decoration:none; vertical-align:top; display: inline-block;
+            input.rename {height:14px; width:80px; padding:0; margin:0;
+                          color: @color-bg; background-color: @color-normal;
+                        font-size:@font-size; border:1px #585956 solid; *border:0px}
+        }
+        a:hover {
+            background: #e7f4f9;
+            border-radius: 2px;
+            box-shadow: inset 0 0 1px #cccccc;
+        }
+        a.curSelectedNode {padding-top:0px; background-color:#beebff; color:@color-highlight; height:@h; opacity:0.8;}
+        a.curSelectedNode_Edit {padding-top:0px; background-color:#f3f3f3; color:red; height:@h; border:1px #676a6c solid; opacity:0.8;}
+        a.tmpTargetNode_inner {padding-top:0px; background-color:#f3f3f3; color:@color-highlight; height:@h; border:1px #666 solid;
+          opacity:0.8; filter:alpha(opacity=80)}
+        a.tmpTargetNode_prev {}
+        a.tmpTargetNode_next {}
+        span {line-height:@h; margin-right:2px; background-color:transparent;}
+        span.button {line-height:0; margin:0; padding: 0; width:@w; height:@h; display: inline-block; vertical-align:top;
+          border:0px solid; cursor: pointer;outline:none;
+          background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+
+            &::before{color: @color-normal; font-family: FontAwesome; padding-top:@pad-top;}
+            &.chk { margin:0px; cursor: auto; width: 12px;
+                display: inline-block;padding-top:@pad-top;padding-left:@pad-left;
+
+                &.checkbox_false_full::before {content: @fa-square-o;}
+                &.checkbox_false_full_focus::before {content: @fa-square-o; color:@color-highlight;}
+                &.checkbox_false_part::before {content: @fa-square-o;color: @color-partial;}
+                &.checkbox_false_part_focus::before {content: @fa-square-o; color:@color-partfocus;}
+                &.checkbox_false_disable::before {content: @fa-square-o; color:@color-disabled;}
+                &.checkbox_true_full::before {content: @fa-check-square-o;}
+                &.checkbox_true_full_focus::before {content: @fa-check-square-o;}
+                &.checkbox_true_part::before {content: @fa-check-square;}
+                &.checkbox_true_part_focus::before {content: @fa-check-square; color: @color-highlight}
+                &.checkbox_true_full_focus::before {content: @fa-check-square-o; color: @color-highlight}
+                &.checkbox_true_part::before {content: @fa-check-square-o;color: @color-partial}
+                &.checkbox_true_part_focus::before {content: @fa-check-square-o;color: @color-partfocus;}
+                &.checkbox_true_disable::before {content: @fa-check-square-o;color: @color-disabled}
+
+                &.radio_false_full::before {content: @fa-circle-o;}
+                &.radio_false_full_focus::before {content: @fa-circle-o;color: @color-highlight}
+                &.radio_false_part::before {content: @fa-circle-o;color: @color-partial}
+                &.radio_false_part_focus::before {content: @fa-circle-o;color: @color-highlight}
+                &.radio_false_disable::before {content: @fa-circle-thin;color: @color-disabled}
+                &.radio_true_full::before {content: @fa-dot-circle-o;}
+                &.radio_true_full_focus::before {content: @fa-dot-circle-o;color: @color-highlight}
+                &.radio_true_part::before {content: @fa-dot-circle-o;color: @color-partial}
+                &.radio_true_part_focus::before {content: @fa-dot-circle-o;color: @color-partial;}
+                &.radio_true_disable::before {content: @fa-circle-thin;color: @color-disabled}
+
+            }
+            &.switch  {width:@w; height:@h}
+            &.root_open::before{content: @fa-angle-down;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;}
+            &.root_close::before{content: @fa-angle-right;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;}
+            &.roots_open::before{content: @fa-angle-down;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;}
+            &.roots_close::before{content: @fa-angle-right;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;}
+            &.center_open::before{content: @fa-angle-down;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;}
+            &.center_close::before{content: @fa-angle-right;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;}
+            &.bottom_open::before{content: @fa-angle-down;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;}
+            &.bottom_close::before{content: @fa-angle-right;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;}
+            &.noline_open{}
+            &.noline_close{}
+            &.root_docu{ background:none;}
+            &.roots_docu::before{content: @fa-folder-o;padding-left:@pad-left;display: inline-block;color:@color-normal;}
+            &.center_docu::before{padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;}
+            &.bottom_docu::before{padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;}
+            &.noline_docu{ background:none;}
+
+            &.ico_open::before {content: @fa-folder-open;font-family: FontAwesome;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;}
+            &.ico_close::before {content: @fa-folder;font-family: FontAwesome;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;}
+            &.ico_docu::before{content: @fa-folder;font-family: FontAwesome;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;}
+
+            &.file_ico_docu::before{content: @fa-list-alt;font-family: FontAwesome;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;}
+            &.linux_ico_docu::before{content: @fa-linux;font-family: FontAwesome;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;}
+            &.windows_ico_docu::before{content: @fa-windows;font-family: FontAwesome;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;}
+
+            &.edit {margin-left:4px; margin-right: -1px;  vertical-align:top; *vertical-align:middle;padding-top:@pad-top;}
+            &.edit::before{content: @fa-pencil-square-o;font-family: FontAwesome;}
+    
+            &.remove {margin-left:4px; margin-right: -1px;  vertical-align:top; *vertical-align:middle;padding-top:@pad-top;}
+            &.remove::before{content: @fa-trash;font-family: FontAwesome;}
+
+    
+            &.add {margin-left:4px; margin-right: -1px; vertical-align:top; *vertical-align:middle;padding-top:@pad-top;}
+            &.add::before{content: @fa-plus;font-family: FontAwesome;}
+
+            &.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+        }
+
+    }
+}
+
+
+ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
+
+// this is the arrow that moves 
+span.tmpzTreeMove_arrow{width:16px; height:@h; display: inline-block; 
+                                padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
+                                background-color:transparent;  background-attachment: scroll;
+                                 }
+span.tmpzTreeMove_arrow::before{content: @fa-play;font-family: FontAwesome;color: @color-highlight;
+                                 }
+// outline
+
+ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; 
+             background-color:#cfcfcf; border:1px @color-highlight dotted; opacity:0.8; filter:alpha(opacity=80)}
+.ztreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
+

src/assets/ztree/awesomeStyle/fa.less

+@fa-glass: "\f000";
+@fa-music: "\f001";
+@fa-search: "\f002";
+@fa-envelope-o: "\f003";
+@fa-heart: "\f004";
+@fa-star: "\f005";
+@fa-star-o: "\f006";
+@fa-user: "\f007";
+@fa-film: "\f008";
+@fa-th-large: "\f009";
+@fa-th: "\f00a";
+@fa-th-list: "\f00b";
+@fa-check: "\f00c";
+@fa-times: "\f00d";
+@fa-search-plus: "\f00e";
+@fa-search-minus: "\f010";
+@fa-power-off: "\f011";
+@fa-signal: "\f012";
+@fa-cog: "\f013";
+@fa-trash-o: "\f014";
+@fa-home: "\f015";
+@fa-file-o: "\f016";
+@fa-clock-o: "\f017";
+@fa-road: "\f018";
+@fa-download: "\f019";
+@fa-arrow-circle-o-down: "\f01a";
+@fa-arrow-circle-o-up: "\f01b";
+@fa-inbox: "\f01c";
+@fa-play-circle-o: "\f01d";
+@fa-repeat: "\f01e";
+@fa-refresh: "\f021";
+@fa-list-alt: "\f022";
+@fa-lock: "\f023";
+@fa-flag: "\f024";
+@fa-headphones: "\f025";
+@fa-volume-off: "\f026";
+@fa-volume-down: "\f027";
+@fa-volume-up: "\f028";
+@fa-qrcode: "\f029";
+@fa-barcode: "\f02a";
+@fa-tag: "\f02b";
+@fa-tags: "\f02c";
+@fa-book: "\f02d";
+@fa-bookmark: "\f02e";
+@fa-print: "\f02f";
+@fa-camera: "\f030";
+@fa-font: "\f031";
+@fa-bold: "\f032";
+@fa-italic: "\f033";
+@fa-text-height: "\f034";
+@fa-text-width: "\f035";
+@fa-align-left: "\f036";
+@fa-align-center: "\f037";
+@fa-align-right: "\f038";
+@fa-align-justify: "\f039";
+@fa-list: "\f03a";
+@fa-outdent: "\f03b";
+@fa-indent: "\f03c";
+@fa-video-camera: "\f03d";
+@fa-picture-o: "\f03e";
+@fa-pencil: "\f040";
+@fa-map-marker: "\f041";
+@fa-adjust: "\f042";
+@fa-tint: "\f043";
+@fa-pencil-square-o: "\f044";
+@fa-share-square-o: "\f045";
+@fa-check-square-o: "\f046";
+@fa-arrows: "\f047";
+@fa-step-backward: "\f048";
+@fa-fast-backward: "\f049";
+@fa-backward: "\f04a";
+@fa-play: "\f04b";
+@fa-pause: "\f04c";
+@fa-stop: "\f04d";
+@fa-forward: "\f04e";
+@fa-fast-forward: "\f050";
+@fa-step-forward: "\f051";
+@fa-eject: "\f052";
+@fa-chevron-left: "\f053";
+@fa-chevron-right: "\f054";
+@fa-plus-circle: "\f055";
+@fa-minus-circle: "\f056";
+@fa-times-circle: "\f057";
+@fa-check-circle: "\f058";
+@fa-question-circle: "\f059";
+@fa-info-circle: "\f05a";
+@fa-crosshairs: "\f05b";
+@fa-times-circle-o: "\f05c";
+@fa-check-circle-o: "\f05d";
+@fa-ban: "\f05e";
+@fa-arrow-left: "\f060";
+@fa-arrow-right: "\f061";
+@fa-arrow-up: "\f062";
+@fa-arrow-down: "\f063";
+@fa-share: "\f064";
+@fa-expand: "\f065";
+@fa-compress: "\f066";
+@fa-plus: "\f067";
+@fa-minus: "\f068";
+@fa-asterisk: "\f069";
+@fa-exclamation-circle: "\f06a";
+@fa-gift: "\f06b";
+@fa-leaf: "\f06c";
+@fa-fire: "\f06d";
+@fa-eye: "\f06e";
+@fa-eye-slash: "\f070";
+@fa-exclamation-triangle: "\f071";
+@fa-plane: "\f072";
+@fa-calendar: "\f073";
+@fa-random: "\f074";
+@fa-comment: "\f075";
+@fa-magnet: "\f076";
+@fa-chevron-up: "\f077";
+@fa-chevron-down: "\f078";
+@fa-retweet: "\f079";
+@fa-shopping-cart: "\f07a";
+@fa-folder: "\f07b";
+@fa-folder-open: "\f07c";
+@fa-arrows-v: "\f07d";
+@fa-arrows-h: "\f07e";
+@fa-bar-chart: "\f080";
+@fa-twitter-square: "\f081";
+@fa-facebook-square: "\f082";
+@fa-camera-retro: "\f083";
+@fa-key: "\f084";
+@fa-cogs: "\f085";
+@fa-comments: "\f086";
+@fa-thumbs-o-up: "\f087";
+@fa-thumbs-o-down: "\f088";
+@fa-star-half: "\f089";
+@fa-heart-o: "\f08a";
+@fa-sign-out: "\f08b";
+@fa-linkedin-square: "\f08c";
+@fa-thumb-tack: "\f08d";
+@fa-external-link: "\f08e";
+@fa-sign-in: "\f090";
+@fa-trophy: "\f091";
+@fa-github-square: "\f092";
+@fa-upload: "\f093";
+@fa-lemon-o: "\f094";
+@fa-phone: "\f095";
+@fa-square-o: "\f096";
+@fa-bookmark-o: "\f097";
+@fa-phone-square: "\f098";
+@fa-twitter: "\f099";
+@fa-facebook: "\f09a";
+@fa-github: "\f09b";
+@fa-unlock: "\f09c";
+@fa-credit-card: "\f09d";
+@fa-rss: "\f09e";
+@fa-hdd-o: "\f0a0";
+@fa-bullhorn: "\f0a1";
+@fa-bell: "\f0f3";
+@fa-certificate: "\f0a3";
+@fa-hand-o-right: "\f0a4";
+@fa-hand-o-left: "\f0a5";
+@fa-hand-o-up: "\f0a6";
+@fa-hand-o-down: "\f0a7";
+@fa-arrow-circle-left: "\f0a8";
+@fa-arrow-circle-right: "\f0a9";
+@fa-arrow-circle-up: "\f0aa";
+@fa-arrow-circle-down: "\f0ab";
+@fa-globe: "\f0ac";
+@fa-wrench: "\f0ad";
+@fa-tasks: "\f0ae";
+@fa-filter: "\f0b0";
+@fa-briefcase: "\f0b1";
+@fa-arrows-alt: "\f0b2";
+@fa-users: "\f0c0";
+@fa-link: "\f0c1";
+@fa-cloud: "\f0c2";
+@fa-flask: "\f0c3";
+@fa-scissors: "\f0c4";
+@fa-files-o: "\f0c5";
+@fa-paperclip: "\f0c6";
+@fa-floppy-o: "\f0c7";
+@fa-square: "\f0c8";
+@fa-bars: "\f0c9";
+@fa-list-ul: "\f0ca";
+@fa-list-ol: "\f0cb";
+@fa-strikethrough: "\f0cc";
+@fa-underline: "\f0cd";
+@fa-table: "\f0ce";
+@fa-magic: "\f0d0";
+@fa-truck: "\f0d1";
+@fa-pinterest: "\f0d2";
+@fa-pinterest-square: "\f0d3";
+@fa-google-plus-square: "\f0d4";
+@fa-google-plus: "\f0d5";
+@fa-money: "\f0d6";
+@fa-caret-down: "\f0d7";
+@fa-caret-up: "\f0d8";
+@fa-caret-left: "\f0d9";
+@fa-caret-right: "\f0da";
+@fa-columns: "\f0db";
+@fa-sort: "\f0dc";
+@fa-sort-desc: "\f0dd";
+@fa-sort-asc: "\f0de";
+@fa-envelope: "\f0e0";
+@fa-linkedin: "\f0e1";
+@fa-undo: "\f0e2";
+@fa-gavel: "\f0e3";
+@fa-tachometer: "\f0e4";
+@fa-comment-o: "\f0e5";
+@fa-comments-o: "\f0e6";
+@fa-bolt: "\f0e7";
+@fa-sitemap: "\f0e8";
+@fa-umbrella: "\f0e9";
+@fa-clipboard: "\f0ea";
+@fa-lightbulb-o: "\f0eb";
+@fa-exchange: "\f0ec";
+@fa-cloud-download: "\f0ed";
+@fa-cloud-upload: "\f0ee";
+@fa-user-md: "\f0f0";
+@fa-stethoscope: "\f0f1";
+@fa-suitcase: "\f0f2";
+@fa-bell-o: "\f0a2";
+@fa-coffee: "\f0f4";
+@fa-cutlery: "\f0f5";
+@fa-file-text-o: "\f0f6";
+@fa-building-o: "\f0f7";
+@fa-hospital-o: "\f0f8";
+@fa-ambulance: "\f0f9";
+@fa-medkit: "\f0fa";
+@fa-fighter-jet: "\f0fb";
+@fa-beer: "\f0fc";
+@fa-h-square: "\f0fd";
+@fa-plus-square: "\f0fe";
+@fa-angle-double-left: "\f100";
+@fa-angle-double-right: "\f101";
+@fa-angle-double-up: "\f102";
+@fa-angle-double-down: "\f103";
+@fa-angle-left: "\f104";
+@fa-angle-right: "\f105";
+@fa-angle-up: "\f106";
+@fa-angle-down: "\f107";
+@fa-desktop: "\f108";
+@fa-laptop: "\f109";
+@fa-tablet: "\f10a";
+@fa-mobile: "\f10b";
+@fa-circle-o: "\f10c";
+@fa-quote-left: "\f10d";
+@fa-quote-right: "\f10e";
+@fa-spinner: "\f110";
+@fa-circle: "\f111";
+@fa-reply: "\f112";
+@fa-github-alt: "\f113";
+@fa-folder-o: "\f114";
+@fa-folder-open-o: "\f115";
+@fa-smile-o: "\f118";
+@fa-frown-o: "\f119";
+@fa-meh-o: "\f11a";
+@fa-gamepad: "\f11b";
+@fa-keyboard-o: "\f11c";
+@fa-flag-o: "\f11d";
+@fa-flag-checkered: "\f11e";
+@fa-terminal: "\f120";
+@fa-code: "\f121";
+@fa-reply-all: "\f122";
+@fa-star-half-o: "\f123";
+@fa-location-arrow: "\f124";
+@fa-crop: "\f125";
+@fa-code-fork: "\f126";
+@fa-chain-broken: "\f127";
+@fa-question: "\f128";
+@fa-info: "\f129";
+@fa-exclamation: "\f12a";
+@fa-superscript: "\f12b";
+@fa-subscript: "\f12c";
+@fa-eraser: "\f12d";
+@fa-puzzle-piece: "\f12e";
+@fa-microphone: "\f130";
+@fa-microphone-slash: "\f131";
+@fa-shield: "\f132";
+@fa-calendar-o: "\f133";
+@fa-fire-extinguisher: "\f134";
+@fa-rocket: "\f135";
+@fa-maxcdn: "\f136";
+@fa-chevron-circle-left: "\f137";
+@fa-chevron-circle-right: "\f138";
+@fa-chevron-circle-up: "\f139";
+@fa-chevron-circle-down: "\f13a";
+@fa-html5: "\f13b";
+@fa-css3: "\f13c";
+@fa-anchor: "\f13d";
+@fa-unlock-alt: "\f13e";
+@fa-bullseye: "\f140";
+@fa-ellipsis-h: "\f141";
+@fa-ellipsis-v: "\f142";
+@fa-rss-square: "\f143";
+@fa-play-circle: "\f144";
+@fa-ticket: "\f145";
+@fa-minus-square: "\f146";
+@fa-minus-square-o: "\f147";
+@fa-level-up: "\f148";
+@fa-level-down: "\f149";
+@fa-check-square: "\f14a";
+@fa-pencil-square: "\f14b";
+@fa-external-link-square: "\f14c";
+@fa-share-square: "\f14d";
+@fa-compass: "\f14e";
+@fa-caret-square-o-down: "\f150";
+@fa-caret-square-o-up: "\f151";
+@fa-caret-square-o-right: "\f152";
+@fa-eur: "\f153";
+@fa-gbp: "\f154";
+@fa-usd: "\f155";
+@fa-inr: "\f156";
+@fa-jpy: "\f157";
+@fa-rub: "\f158";
+@fa-krw: "\f159";
+@fa-btc: "\f15a";
+@fa-file: "\f15b";
+@fa-file-text: "\f15c";
+@fa-sort-alpha-asc: "\f15d";
+@fa-sort-alpha-desc: "\f15e";
+@fa-sort-amount-asc: "\f160";
+@fa-sort-amount-desc: "\f161";
+@fa-sort-numeric-asc: "\f162";
+@fa-sort-numeric-desc: "\f163";
+@fa-thumbs-up: "\f164";
+@fa-thumbs-down: "\f165";
+@fa-youtube-square: "\f166";
+@fa-youtube: "\f167";
+@fa-xing: "\f168";
+@fa-xing-square: "\f169";
+@fa-youtube-play: "\f16a";
+@fa-dropbox: "\f16b";
+@fa-stack-overflow: "\f16c";
+@fa-instagram: "\f16d";
+@fa-flickr: "\f16e";
+@fa-adn: "\f170";
+@fa-bitbucket: "\f171";
+@fa-bitbucket-square: "\f172";
+@fa-tumblr: "\f173";
+@fa-tumblr-square: "\f174";
+@fa-long-arrow-down: "\f175";
+@fa-long-arrow-up: "\f176";
+@fa-long-arrow-left: "\f177";
+@fa-long-arrow-right: "\f178";
+@fa-apple: "\f179";
+@fa-windows: "\f17a";
+@fa-android: "\f17b";
+@fa-linux: "\f17c";
+@fa-dribbble: "\f17d";
+@fa-skype: "\f17e";
+@fa-foursquare: "\f180";
+@fa-trello: "\f181";
+@fa-female: "\f182";
+@fa-male: "\f183";
+@fa-gittip: "\f184";
+@fa-sun-o: "\f185";
+@fa-moon-o: "\f186";
+@fa-archive: "\f187";
+@fa-bug: "\f188";
+@fa-vk: "\f189";
+@fa-weibo: "\f18a";
+@fa-renren: "\f18b";
+@fa-pagelines: "\f18c";
+@fa-stack-exchange: "\f18d";
+@fa-arrow-circle-o-right: "\f18e";
+@fa-arrow-circle-o-left: "\f190";
+@fa-caret-square-o-left: "\f191";
+@fa-dot-circle-o: "\f192";
+@fa-wheelchair: "\f193";
+@fa-vimeo-square: "\f194";
+@fa-try: "\f195";
+@fa-plus-square-o: "\f196";
+@fa-space-shuttle: "\f197";
+@fa-slack: "\f198";
+@fa-envelope-square: "\f199";
+@fa-wordpress: "\f19a";
+@fa-openid: "\f19b";
+@fa-university: "\f19c";
+@fa-graduation-cap: "\f19d";
+@fa-yahoo: "\f19e";
+@fa-google: "\f1a0";
+@fa-reddit: "\f1a1";
+@fa-reddit-square: "\f1a2";
+@fa-stumbleupon-circle: "\f1a3";
+@fa-stumbleupon: "\f1a4";
+@fa-delicious: "\f1a5";
+@fa-digg: "\f1a6";
+@fa-pied-piper: "\f1a7";
+@fa-pied-piper-alt: "\f1a8";
+@fa-drupal: "\f1a9";
+@fa-joomla: "\f1aa";
+@fa-language: "\f1ab";
+@fa-fax: "\f1ac";
+@fa-building: "\f1ad";
+@fa-child: "\f1ae";
+@fa-paw: "\f1b0";
+@fa-spoon: "\f1b1";
+@fa-cube: "\f1b2";
+@fa-cubes: "\f1b3";
+@fa-behance: "\f1b4";
+@fa-behance-square: "\f1b5";
+@fa-steam: "\f1b6";
+@fa-steam-square: "\f1b7";
+@fa-recycle: "\f1b8";
+@fa-car: "\f1b9";
+@fa-taxi: "\f1ba";
+@fa-tree: "\f1bb";
+@fa-spotify: "\f1bc";
+@fa-deviantart: "\f1bd";
+@fa-soundcloud: "\f1be";
+@fa-database: "\f1c0";
+@fa-file-pdf-o: "\f1c1";
+@fa-file-word-o: "\f1c2";
+@fa-file-excel-o: "\f1c3";
+@fa-file-powerpoint-o: "\f1c4";
+@fa-file-image-o: "\f1c5";
+@fa-file-archive-o: "\f1c6";
+@fa-file-audio-o: "\f1c7";
+@fa-file-video-o: "\f1c8";
+@fa-file-code-o: "\f1c9";
+@fa-vine: "\f1ca";
+@fa-codepen: "\f1cb";
+@fa-jsfiddle: "\f1cc";
+@fa-life-ring: "\f1cd";
+@fa-circle-o-notch: "\f1ce";
+@fa-rebel: "\f1d0";
+@fa-empire: "\f1d1";
+@fa-git-square: "\f1d2";
+@fa-git: "\f1d3";
+@fa-hacker-news: "\f1d4";
+@fa-tencent-weibo: "\f1d5";
+@fa-qq: "\f1d6";
+@fa-weixin: "\f1d7";
+@fa-paper-plane: "\f1d8";
+@fa-paper-plane-o: "\f1d9";
+@fa-history: "\f1da";
+@fa-circle-thin: "\f1db";
+@fa-header: "\f1dc";
+@fa-paragraph: "\f1dd";
+@fa-sliders: "\f1de";
+@fa-share-alt: "\f1e0";
+@fa-share-alt-square: "\f1e1";
+@fa-bomb: "\f1e2";
+@fa-futbol-o: "\f1e3";
+@fa-tty: "\f1e4";
+@fa-binoculars: "\f1e5";
+@fa-plug: "\f1e6";
+@fa-slideshare: "\f1e7";
+@fa-twitch: "\f1e8";
+@fa-yelp: "\f1e9";
+@fa-newspaper-o: "\f1ea";
+@fa-wifi: "\f1eb";
+@fa-calculator: "\f1ec";
+@fa-paypal: "\f1ed";
+@fa-google-wallet: "\f1ee";
+@fa-cc-visa: "\f1f0";
+@fa-cc-mastercard: "\f1f1";
+@fa-cc-discover: "\f1f2";
+@fa-cc-amex: "\f1f3";
+@fa-cc-paypal: "\f1f4";
+@fa-cc-stripe: "\f1f5";
+@fa-bell-slash: "\f1f6";
+@fa-bell-slash-o: "\f1f7";
+@fa-trash: "\f1f8";
+@fa-copyright: "\f1f9";
+@fa-at: "\f1fa";
+@fa-eyedropper: "\f1fb";
+@fa-paint-brush: "\f1fc";
+@fa-birthday-cake: "\f1fd";
+@fa-area-chart: "\f1fe";
+@fa-pie-chart: "\f200";
+@fa-line-chart: "\f201";
+@fa-lastfm: "\f202";
+@fa-lastfm-square: "\f203";
+@fa-toggle-off: "\f204";
+@fa-toggle-on: "\f205";
+@fa-bicycle: "\f206";
+@fa-bus: "\f207";
+@fa-ioxhost: "\f208";
+@fa-angellist: "\f209";
+@fa-cc: "\f20a";
+@fa-ils: "\f20b";
+@fa-meanpath: "\f20c";
+

src/assets/ztree/demo.css

+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
+body {color: #2f332a;font: 15px/21px Arial, Helvetica, simsun, sans-serif;background: #f0f6e4 \9;}
+h1, h2, h3, h4, h5, h6 {color: #2f332a;font-weight: bold;font-family: Helvetica, Arial, sans-serif;padding-bottom: 5px;}
+h1 {font-size: 24px;line-height: 34px;text-align: center;}
+h2 {font-size: 14px;line-height: 24px;padding-top: 5px;}
+h6 {font-weight: normal;font-size: 12px;letter-spacing: 1px;line-height: 24px;text-align: center;}
+a {color:#3C6E31;text-decoration: underline;}
+a:hover {background-color:#3C6E31;color:white;}
+input.radio {margin: 0 2px 0 8px;}
+input.radio.first {margin-left:0;}
+input.empty {color: lightgray;}
+code {color: #2f332a;}
+.highlight_red {color:#A60000;}
+.highlight_green {color:#A7F43D;}
+li {list-style: circle;font-size: 12px;}
+li.title {list-style: none;}
+ul.list {margin-left: 17px;}
+
+div.content_wrap {width: 600px;height:380px;}
+div.content_wrap div.left{float: left;width: 250px;}
+div.content_wrap div.right{float: right;width: 340px;}
+div.zTreeDemoBackground {width:250px;height:362px;text-align:left;}
+
+ul.ztree {margin-top: 10px;border: 1px solid #617775;background: #f0f6e4;width:220px;height:360px;overflow-y:scroll;overflow-x:auto;}
+ul.log {border: 1px solid #617775;background: #f0f6e4;width:300px;height:170px;overflow: hidden;}
+ul.log.small {height:45px;}
+ul.log li {color: #666666;list-style: none;padding-left: 10px;}
+ul.log li.dark {background-color: #E3E3E3;}
+
+/* ruler */
+div.ruler {height:20px; width:220px; background-color:#f0f6e4;border: 1px solid #333; margin-bottom: 5px; cursor: pointer}
+div.ruler div.cursor {height:20px; width:30px; background-color:#3C6E31; color:white; text-align: right; padding-right: 5px; cursor: pointer}
\ No newline at end of file

src/assets/ztree/jquery.ztree.all.min.js

+
+/*
+ * JQuery zTree core v3.5.33
+ * http://treejs.cn/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2018-01-30
+ */
+(function(q){var H,I,J,K,L,M,u,s={},v={},w={},N={treeId:"",treeObj:null,view:{addDiyDom:null,autoCancelSelected:!0,dblClickExpand:!0,expandSpeed:"fast",fontCss:{},nameIsHTML:!1,selectedMulti:!0,showIcon:!0,showLine:!0,showTitle:!0,txtSelectedEnable:!1},data:{key:{isParent:"isParent",children:"children",name:"name",title:"",url:"url",icon:"icon"},simpleData:{enable:!1,idKey:"id",pIdKey:"pId",rootPId:null},keep:{parent:!1,leaf:!1}},async:{enable:!1,contentType:"application/x-www-form-urlencoded",type:"post",
+dataType:"text",url:"",autoParam:[],otherParam:[],dataFilter:null},callback:{beforeAsync:null,beforeClick:null,beforeDblClick:null,beforeRightClick:null,beforeMouseDown:null,beforeMouseUp:null,beforeExpand:null,beforeCollapse:null,beforeRemove:null,onAsyncError:null,onAsyncSuccess:null,onNodeCreated:null,onClick:null,onDblClick:null,onRightClick:null,onMouseDown:null,onMouseUp:null,onExpand:null,onCollapse:null,onRemove:null}},x=[function(a){var b=a.treeObj,c=f.event;b.bind(c.NODECREATED,function(b,
+c,h){j.apply(a.callback.onNodeCreated,[b,c,h])});b.bind(c.CLICK,function(b,c,h,e,m){j.apply(a.callback.onClick,[c,h,e,m])});b.bind(c.EXPAND,function(b,c,h){j.apply(a.callback.onExpand,[b,c,h])});b.bind(c.COLLAPSE,function(b,c,h){j.apply(a.callback.onCollapse,[b,c,h])});b.bind(c.ASYNC_SUCCESS,function(b,c,h,e){j.apply(a.callback.onAsyncSuccess,[b,c,h,e])});b.bind(c.ASYNC_ERROR,function(b,c,h,e,m,f){j.apply(a.callback.onAsyncError,[b,c,h,e,m,f])});b.bind(c.REMOVE,function(b,c,h){j.apply(a.callback.onRemove,
+[b,c,h])});b.bind(c.SELECTED,function(b,c,h){j.apply(a.callback.onSelected,[c,h])});b.bind(c.UNSELECTED,function(b,c,h){j.apply(a.callback.onUnSelected,[c,h])})}],y=[function(a){var b=f.event;a.treeObj.unbind(b.NODECREATED).unbind(b.CLICK).unbind(b.EXPAND).unbind(b.COLLAPSE).unbind(b.ASYNC_SUCCESS).unbind(b.ASYNC_ERROR).unbind(b.REMOVE).unbind(b.SELECTED).unbind(b.UNSELECTED)}],z=[function(a){var b=e.getCache(a);b||(b={},e.setCache(a,b));b.nodes=[];b.doms=[]}],A=[function(a,b,c,d,g,h){if(c){var k=
+e.getRoot(a),m=e.nodeChildren(a,c);c.level=b;c.tId=a.treeId+"_"+ ++k.zId;c.parentTId=d?d.tId:null;c.open=typeof c.open=="string"?j.eqs(c.open,"true"):!!c.open;b=e.nodeIsParent(a,c);j.isArray(m)&&!(b===!1||typeof b=="string"&&j.eqs(b,"false"))?(e.nodeIsParent(a,c,!0),c.zAsync=!0):(b=e.nodeIsParent(a,c,b),c.open=b&&!a.async.enable?c.open:!1,c.zAsync=!b);c.isFirstNode=g;c.isLastNode=h;c.getParentNode=function(){return e.getNodeCache(a,c.parentTId)};c.getPreNode=function(){return e.getPreNode(a,c)};c.getNextNode=
+function(){return e.getNextNode(a,c)};c.getIndex=function(){return e.getNodeIndex(a,c)};c.getPath=function(){return e.getNodePath(a,c)};c.isAjaxing=!1;e.fixPIdKeyValue(a,c)}}],t=[function(a){var b=a.target,c=e.getSetting(a.data.treeId),d="",g=null,h="",k="",m=null,i=null,o=null;if(j.eqs(a.type,"mousedown"))k="mousedown";else if(j.eqs(a.type,"mouseup"))k="mouseup";else if(j.eqs(a.type,"contextmenu"))k="contextmenu";else if(j.eqs(a.type,"click"))if(j.eqs(b.tagName,"span")&&b.getAttribute("treeNode"+
+f.id.SWITCH)!==null)d=j.getNodeMainDom(b).id,h="switchNode";else{if(o=j.getMDom(c,b,[{tagName:"a",attrName:"treeNode"+f.id.A}]))d=j.getNodeMainDom(o).id,h="clickNode"}else if(j.eqs(a.type,"dblclick")&&(k="dblclick",o=j.getMDom(c,b,[{tagName:"a",attrName:"treeNode"+f.id.A}])))d=j.getNodeMainDom(o).id,h="switchNode";if(k.length>0&&d.length==0&&(o=j.getMDom(c,b,[{tagName:"a",attrName:"treeNode"+f.id.A}])))d=j.getNodeMainDom(o).id;if(d.length>0)switch(g=e.getNodeCache(c,d),h){case "switchNode":e.nodeIsParent(c,
+g)?j.eqs(a.type,"click")||j.eqs(a.type,"dblclick")&&j.apply(c.view.dblClickExpand,[c.treeId,g],c.view.dblClickExpand)?m=H:h="":h="";break;case "clickNode":m=I}switch(k){case "mousedown":i=J;break;case "mouseup":i=K;break;case "dblclick":i=L;break;case "contextmenu":i=M}return{stop:!1,node:g,nodeEventType:h,nodeEventCallback:m,treeEventType:k,treeEventCallback:i}}],B=[function(a){var b=e.getRoot(a);b||(b={},e.setRoot(a,b));e.nodeChildren(a,b,[]);b.expandTriggerFlag=!1;b.curSelectedList=[];b.noSelection=
+!0;b.createdNodes=[];b.zId=0;b._ver=(new Date).getTime()}],C=[],D=[],E=[],F=[],G=[],e={addNodeCache:function(a,b){e.getCache(a).nodes[e.getNodeCacheId(b.tId)]=b},getNodeCacheId:function(a){return a.substring(a.lastIndexOf("_")+1)},addAfterA:function(a){D.push(a)},addBeforeA:function(a){C.push(a)},addInnerAfterA:function(a){F.push(a)},addInnerBeforeA:function(a){E.push(a)},addInitBind:function(a){x.push(a)},addInitUnBind:function(a){y.push(a)},addInitCache:function(a){z.push(a)},addInitNode:function(a){A.push(a)},
+addInitProxy:function(a,b){b?t.splice(0,0,a):t.push(a)},addInitRoot:function(a){B.push(a)},addNodesData:function(a,b,c,d){var g=e.nodeChildren(a,b);g?c>=g.length&&(c=-1):(g=e.nodeChildren(a,b,[]),c=-1);if(g.length>0&&c===0)g[0].isFirstNode=!1,i.setNodeLineIcos(a,g[0]);else if(g.length>0&&c<0)g[g.length-1].isLastNode=!1,i.setNodeLineIcos(a,g[g.length-1]);e.nodeIsParent(a,b,!0);c<0?e.nodeChildren(a,b,g.concat(d)):(a=[c,0].concat(d),g.splice.apply(g,a))},addSelectedNode:function(a,b){var c=e.getRoot(a);
+e.isSelectedNode(a,b)||c.curSelectedList.push(b)},addCreatedNode:function(a,b){(a.callback.onNodeCreated||a.view.addDiyDom)&&e.getRoot(a).createdNodes.push(b)},addZTreeTools:function(a){G.push(a)},exSetting:function(a){q.extend(!0,N,a)},fixPIdKeyValue:function(a,b){a.data.simpleData.enable&&(b[a.data.simpleData.pIdKey]=b.parentTId?b.getParentNode()[a.data.simpleData.idKey]:a.data.simpleData.rootPId)},getAfterA:function(a,b,c){for(var d=0,e=D.length;d<e;d++)D[d].apply(this,arguments)},getBeforeA:function(a,
+b,c){for(var d=0,e=C.length;d<e;d++)C[d].apply(this,arguments)},getInnerAfterA:function(a,b,c){for(var d=0,e=F.length;d<e;d++)F[d].apply(this,arguments)},getInnerBeforeA:function(a,b,c){for(var d=0,e=E.length;d<e;d++)E[d].apply(this,arguments)},getCache:function(a){return w[a.treeId]},getNodeIndex:function(a,b){if(!b)return null;for(var c=b.parentTId?b.getParentNode():e.getRoot(a),c=e.nodeChildren(a,c),d=0,g=c.length-1;d<=g;d++)if(c[d]===b)return d;return-1},getNextNode:function(a,b){if(!b)return null;
+for(var c=b.parentTId?b.getParentNode():e.getRoot(a),c=e.nodeChildren(a,c),d=0,g=c.length-1;d<=g;d++)if(c[d]===b)return d==g?null:c[d+1];return null},getNodeByParam:function(a,b,c,d){if(!b||!c)return null;for(var g=0,h=b.length;g<h;g++){var k=b[g];if(k[c]==d)return b[g];k=e.nodeChildren(a,k);if(k=e.getNodeByParam(a,k,c,d))return k}return null},getNodeCache:function(a,b){if(!b)return null;var c=w[a.treeId].nodes[e.getNodeCacheId(b)];return c?c:null},getNodePath:function(a,b){if(!b)return null;var c;
+(c=b.parentTId?b.getParentNode().getPath():[])&&c.push(b);return c},getNodes:function(a){return e.nodeChildren(a,e.getRoot(a))},getNodesByParam:function(a,b,c,d){if(!b||!c)return[];for(var g=[],h=0,k=b.length;h<k;h++){var m=b[h];m[c]==d&&g.push(m);m=e.nodeChildren(a,m);g=g.concat(e.getNodesByParam(a,m,c,d))}return g},getNodesByParamFuzzy:function(a,b,c,d){if(!b||!c)return[];for(var g=[],d=d.toLowerCase(),h=0,k=b.length;h<k;h++){var m=b[h];typeof m[c]=="string"&&b[h][c].toLowerCase().indexOf(d)>-1&&
+g.push(m);m=e.nodeChildren(a,m);g=g.concat(e.getNodesByParamFuzzy(a,m,c,d))}return g},getNodesByFilter:function(a,b,c,d,g){if(!b)return d?null:[];for(var h=d?null:[],k=0,m=b.length;k<m;k++){var f=b[k];if(j.apply(c,[f,g],!1)){if(d)return f;h.push(f)}f=e.nodeChildren(a,f);f=e.getNodesByFilter(a,f,c,d,g);if(d&&f)return f;h=d?f:h.concat(f)}return h},getPreNode:function(a,b){if(!b)return null;for(var c=b.parentTId?b.getParentNode():e.getRoot(a),c=e.nodeChildren(a,c),d=0,g=c.length;d<g;d++)if(c[d]===b)return d==
+0?null:c[d-1];return null},getRoot:function(a){return a?v[a.treeId]:null},getRoots:function(){return v},getSetting:function(a){return s[a]},getSettings:function(){return s},getZTreeTools:function(a){return(a=this.getRoot(this.getSetting(a)))?a.treeTools:null},initCache:function(a){for(var b=0,c=z.length;b<c;b++)z[b].apply(this,arguments)},initNode:function(a,b,c,d,e,h){for(var k=0,f=A.length;k<f;k++)A[k].apply(this,arguments)},initRoot:function(a){for(var b=0,c=B.length;b<c;b++)B[b].apply(this,arguments)},
+isSelectedNode:function(a,b){for(var c=e.getRoot(a),d=0,g=c.curSelectedList.length;d<g;d++)if(b===c.curSelectedList[d])return!0;return!1},nodeChildren:function(a,b,c){if(!b)return null;a=a.data.key.children;typeof c!=="undefined"&&(b[a]=c);return b[a]},nodeIsParent:function(a,b,c){if(!b)return!1;a=a.data.key.isParent;typeof c!=="undefined"&&(typeof c==="string"&&(c=j.eqs(c,"true")),b[a]=!!c);return b[a]},nodeName:function(a,b,c){a=a.data.key.name;typeof c!=="undefined"&&(b[a]=c);return""+b[a]},nodeTitle:function(a,
+b){return""+b[a.data.key.title===""?a.data.key.name:a.data.key.title]},removeNodeCache:function(a,b){var c=e.nodeChildren(a,b);if(c)for(var d=0,g=c.length;d<g;d++)e.removeNodeCache(a,c[d]);e.getCache(a).nodes[e.getNodeCacheId(b.tId)]=null},removeSelectedNode:function(a,b){for(var c=e.getRoot(a),d=0,g=c.curSelectedList.length;d<g;d++)if(b===c.curSelectedList[d]||!e.getNodeCache(a,c.curSelectedList[d].tId))c.curSelectedList.splice(d,1),a.treeObj.trigger(f.event.UNSELECTED,[a.treeId,b]),d--,g--},setCache:function(a,
+b){w[a.treeId]=b},setRoot:function(a,b){v[a.treeId]=b},setZTreeTools:function(a,b){for(var c=0,d=G.length;c<d;c++)G[c].apply(this,arguments)},transformToArrayFormat:function(a,b){function c(b){d.push(b);(b=e.nodeChildren(a,b))&&(d=d.concat(e.transformToArrayFormat(a,b)))}if(!b)return[];var d=[];if(j.isArray(b))for(var g=0,h=b.length;g<h;g++)c(b[g]);else c(b);return d},transformTozTreeFormat:function(a,b){var c,d,g=a.data.simpleData.idKey,h=a.data.simpleData.pIdKey;if(!g||g==""||!b)return[];if(j.isArray(b)){var k=
+[],f={};for(c=0,d=b.length;c<d;c++)f[b[c][g]]=b[c];for(c=0,d=b.length;c<d;c++){var i=f[b[c][h]];if(i&&b[c][g]!=b[c][h]){var o=e.nodeChildren(a,i);o||(o=e.nodeChildren(a,i,[]));o.push(b[c])}else k.push(b[c])}return k}else return[b]}},n={bindEvent:function(a){for(var b=0,c=x.length;b<c;b++)x[b].apply(this,arguments)},unbindEvent:function(a){for(var b=0,c=y.length;b<c;b++)y[b].apply(this,arguments)},bindTree:function(a){var b={treeId:a.treeId},c=a.treeObj;a.view.txtSelectedEnable||c.bind("selectstart",
+u).css({"-moz-user-select":"-moz-none"});c.bind("click",b,n.proxy);c.bind("dblclick",b,n.proxy);c.bind("mouseover",b,n.proxy);c.bind("mouseout",b,n.proxy);c.bind("mousedown",b,n.proxy);c.bind("mouseup",b,n.proxy);c.bind("contextmenu",b,n.proxy)},unbindTree:function(a){a.treeObj.unbind("selectstart",u).unbind("click",n.proxy).unbind("dblclick",n.proxy).unbind("mouseover",n.proxy).unbind("mouseout",n.proxy).unbind("mousedown",n.proxy).unbind("mouseup",n.proxy).unbind("contextmenu",n.proxy)},doProxy:function(a){for(var b=
+[],c=0,d=t.length;c<d;c++){var e=t[c].apply(this,arguments);b.push(e);if(e.stop)break}return b},proxy:function(a){var b=e.getSetting(a.data.treeId);if(!j.uCanDo(b,a))return!0;for(var b=n.doProxy(a),c=!0,d=0,g=b.length;d<g;d++){var h=b[d];h.nodeEventCallback&&(c=h.nodeEventCallback.apply(h,[a,h.node])&&c);h.treeEventCallback&&(c=h.treeEventCallback.apply(h,[a,h.node])&&c)}return c}};H=function(a,b){var c=e.getSetting(a.data.treeId);if(b.open){if(j.apply(c.callback.beforeCollapse,[c.treeId,b],!0)==
+!1)return!0}else if(j.apply(c.callback.beforeExpand,[c.treeId,b],!0)==!1)return!0;e.getRoot(c).expandTriggerFlag=!0;i.switchNode(c,b);return!0};I=function(a,b){var c=e.getSetting(a.data.treeId),d=c.view.autoCancelSelected&&(a.ctrlKey||a.metaKey)&&e.isSelectedNode(c,b)?0:c.view.autoCancelSelected&&(a.ctrlKey||a.metaKey)&&c.view.selectedMulti?2:1;if(j.apply(c.callback.beforeClick,[c.treeId,b,d],!0)==!1)return!0;d===0?i.cancelPreSelectedNode(c,b):i.selectNode(c,b,d===2);c.treeObj.trigger(f.event.CLICK,
+[a,c.treeId,b,d]);return!0};J=function(a,b){var c=e.getSetting(a.data.treeId);j.apply(c.callback.beforeMouseDown,[c.treeId,b],!0)&&j.apply(c.callback.onMouseDown,[a,c.treeId,b]);return!0};K=function(a,b){var c=e.getSetting(a.data.treeId);j.apply(c.callback.beforeMouseUp,[c.treeId,b],!0)&&j.apply(c.callback.onMouseUp,[a,c.treeId,b]);return!0};L=function(a,b){var c=e.getSetting(a.data.treeId);j.apply(c.callback.beforeDblClick,[c.treeId,b],!0)&&j.apply(c.callback.onDblClick,[a,c.treeId,b]);return!0};
+M=function(a,b){var c=e.getSetting(a.data.treeId);j.apply(c.callback.beforeRightClick,[c.treeId,b],!0)&&j.apply(c.callback.onRightClick,[a,c.treeId,b]);return typeof c.callback.onRightClick!="function"};u=function(a){a=a.originalEvent.srcElement.nodeName.toLowerCase();return a==="input"||a==="textarea"};var j={apply:function(a,b,c){return typeof a=="function"?a.apply(O,b?b:[]):c},canAsync:function(a,b){var c=e.nodeChildren(a,b),d=e.nodeIsParent(a,b);return a.async.enable&&b&&d&&!(b.zAsync||c&&c.length>
+0)},clone:function(a){if(a===null)return null;var b=j.isArray(a)?[]:{},c;for(c in a)b[c]=a[c]instanceof Date?new Date(a[c].getTime()):typeof a[c]==="object"?j.clone(a[c]):a[c];return b},eqs:function(a,b){return a.toLowerCase()===b.toLowerCase()},isArray:function(a){return Object.prototype.toString.apply(a)==="[object Array]"},isElement:function(a){return typeof HTMLElement==="object"?a instanceof HTMLElement:a&&typeof a==="object"&&a!==null&&a.nodeType===1&&typeof a.nodeName==="string"},$:function(a,
+b,c){b&&typeof b!="string"&&(c=b,b="");return typeof a=="string"?q(a,c?c.treeObj.get(0).ownerDocument:null):q("#"+a.tId+b,c?c.treeObj:null)},getMDom:function(a,b,c){if(!b)return null;for(;b&&b.id!==a.treeId;){for(var d=0,e=c.length;b.tagName&&d<e;d++)if(j.eqs(b.tagName,c[d].tagName)&&b.getAttribute(c[d].attrName)!==null)return b;b=b.parentNode}return null},getNodeMainDom:function(a){return q(a).parent("li").get(0)||q(a).parentsUntil("li").parent().get(0)},isChildOrSelf:function(a,b){return q(a).closest("#"+
+b).length>0},uCanDo:function(){return!0}},i={addNodes:function(a,b,c,d,g){var h=e.nodeIsParent(a,b);if(!a.data.keep.leaf||!b||h)if(j.isArray(d)||(d=[d]),a.data.simpleData.enable&&(d=e.transformTozTreeFormat(a,d)),b){var h=l(b,f.id.SWITCH,a),k=l(b,f.id.ICON,a),m=l(b,f.id.UL,a);if(!b.open)i.replaceSwitchClass(b,h,f.folder.CLOSE),i.replaceIcoClass(b,k,f.folder.CLOSE),b.open=!1,m.css({display:"none"});e.addNodesData(a,b,c,d);i.createNodes(a,b.level+1,d,b,c);g||i.expandCollapseParentNode(a,b,!0)}else e.addNodesData(a,
+e.getRoot(a),c,d),i.createNodes(a,0,d,null,c)},appendNodes:function(a,b,c,d,g,h,k){if(!c)return[];var f=[],j=d?d:e.getRoot(a),j=e.nodeChildren(a,j),o,l;if(!j||g>=j.length-c.length)g=-1;for(var n=0,Q=c.length;n<Q;n++){var p=c[n];h&&(o=(g===0||j.length==c.length)&&n==0,l=g<0&&n==c.length-1,e.initNode(a,b,p,d,o,l,k),e.addNodeCache(a,p));o=e.nodeIsParent(a,p);l=[];var q=e.nodeChildren(a,p);q&&q.length>0&&(l=i.appendNodes(a,b+1,q,p,-1,h,k&&p.open));k&&(i.makeDOMNodeMainBefore(f,a,p),i.makeDOMNodeLine(f,
+a,p),e.getBeforeA(a,p,f),i.makeDOMNodeNameBefore(f,a,p),e.getInnerBeforeA(a,p,f),i.makeDOMNodeIcon(f,a,p),e.getInnerAfterA(a,p,f),i.makeDOMNodeNameAfter(f,a,p),e.getAfterA(a,p,f),o&&p.open&&i.makeUlHtml(a,p,f,l.join("")),i.makeDOMNodeMainAfter(f,a,p),e.addCreatedNode(a,p))}return f},appendParentULDom:function(a,b){var c=[],d=l(b,a);!d.get(0)&&b.parentTId&&(i.appendParentULDom(a,b.getParentNode()),d=l(b,a));var g=l(b,f.id.UL,a);g.get(0)&&g.remove();g=e.nodeChildren(a,b);g=i.appendNodes(a,b.level+1,
+g,b,-1,!1,!0);i.makeUlHtml(a,b,c,g.join(""));d.append(c.join(""))},asyncNode:function(a,b,c,d){var g,h;g=e.nodeIsParent(a,b);if(b&&!g)return j.apply(d),!1;else if(b&&b.isAjaxing)return!1;else if(j.apply(a.callback.beforeAsync,[a.treeId,b],!0)==!1)return j.apply(d),!1;if(b)b.isAjaxing=!0,l(b,f.id.ICON,a).attr({style:"","class":f.className.BUTTON+" "+f.className.ICO_LOADING});var k={},m=j.apply(a.async.autoParam,[a.treeId,b],a.async.autoParam);for(g=0,h=m.length;b&&g<h;g++){var r=m[g].split("="),o=
+r;r.length>1&&(o=r[1],r=r[0]);k[o]=b[r]}m=j.apply(a.async.otherParam,[a.treeId,b],a.async.otherParam);if(j.isArray(m))for(g=0,h=m.length;g<h;g+=2)k[m[g]]=m[g+1];else for(var n in m)k[n]=m[n];var P=e.getRoot(a)._ver;q.ajax({contentType:a.async.contentType,cache:!1,type:a.async.type,url:j.apply(a.async.url,[a.treeId,b],a.async.url),data:a.async.contentType.indexOf("application/json")>-1?JSON.stringify(k):k,dataType:a.async.dataType,success:function(h){if(P==e.getRoot(a)._ver){var k=[];try{k=!h||h.length==
+0?[]:typeof h=="string"?eval("("+h+")"):h}catch(g){k=h}if(b)b.isAjaxing=null,b.zAsync=!0;i.setNodeLineIcos(a,b);k&&k!==""?(k=j.apply(a.async.dataFilter,[a.treeId,b,k],k),i.addNodes(a,b,-1,k?j.clone(k):[],!!c)):i.addNodes(a,b,-1,[],!!c);a.treeObj.trigger(f.event.ASYNC_SUCCESS,[a.treeId,b,h]);j.apply(d)}},error:function(c,d,h){if(P==e.getRoot(a)._ver){if(b)b.isAjaxing=null;i.setNodeLineIcos(a,b);a.treeObj.trigger(f.event.ASYNC_ERROR,[a.treeId,b,c,d,h])}}});return!0},cancelPreSelectedNode:function(a,
+b,c){var d=e.getRoot(a).curSelectedList,g,h;for(g=d.length-1;g>=0;g--)if(h=d[g],b===h||!b&&(!c||c!==h))if(l(h,f.id.A,a).removeClass(f.node.CURSELECTED),b){e.removeSelectedNode(a,b);break}else d.splice(g,1),a.treeObj.trigger(f.event.UNSELECTED,[a.treeId,h])},createNodeCallback:function(a){if(a.callback.onNodeCreated||a.view.addDiyDom)for(var b=e.getRoot(a);b.createdNodes.length>0;){var c=b.createdNodes.shift();j.apply(a.view.addDiyDom,[a.treeId,c]);a.callback.onNodeCreated&&a.treeObj.trigger(f.event.NODECREATED,
+[a.treeId,c])}},createNodes:function(a,b,c,d,g){if(c&&c.length!=0){var h=e.getRoot(a),k=!d||d.open||!!l(e.nodeChildren(a,d)[0],a).get(0);h.createdNodes=[];var b=i.appendNodes(a,b,c,d,g,!0,k),m,j;d?(d=l(d,f.id.UL,a),d.get(0)&&(m=d)):m=a.treeObj;m&&(g>=0&&(j=m.children()[g]),g>=0&&j?q(j).before(b.join("")):m.append(b.join("")));i.createNodeCallback(a)}},destroy:function(a){a&&(e.initCache(a),e.initRoot(a),n.unbindTree(a),n.unbindEvent(a),a.treeObj.empty(),delete s[a.treeId])},expandCollapseNode:function(a,
+b,c,d,g){var h=e.getRoot(a),k;if(b){var m=e.nodeChildren(a,b),r=e.nodeIsParent(a,b);if(h.expandTriggerFlag)k=g,g=function(){k&&k();b.open?a.treeObj.trigger(f.event.EXPAND,[a.treeId,b]):a.treeObj.trigger(f.event.COLLAPSE,[a.treeId,b])},h.expandTriggerFlag=!1;if(!b.open&&r&&(!l(b,f.id.UL,a).get(0)||m&&m.length>0&&!l(m[0],a).get(0)))i.appendParentULDom(a,b),i.createNodeCallback(a);if(b.open==c)j.apply(g,[]);else{var c=l(b,f.id.UL,a),h=l(b,f.id.SWITCH,a),o=l(b,f.id.ICON,a);r?(b.open=!b.open,b.iconOpen&&
+b.iconClose&&o.attr("style",i.makeNodeIcoStyle(a,b)),b.open?(i.replaceSwitchClass(b,h,f.folder.OPEN),i.replaceIcoClass(b,o,f.folder.OPEN),d==!1||a.view.expandSpeed==""?(c.show(),j.apply(g,[])):m&&m.length>0?c.slideDown(a.view.expandSpeed,g):(c.show(),j.apply(g,[]))):(i.replaceSwitchClass(b,h,f.folder.CLOSE),i.replaceIcoClass(b,o,f.folder.CLOSE),d==!1||a.view.expandSpeed==""||!(m&&m.length>0)?(c.hide(),j.apply(g,[])):c.slideUp(a.view.expandSpeed,g))):j.apply(g,[])}}else j.apply(g,[])},expandCollapseParentNode:function(a,
+b,c,d,e){b&&(b.parentTId?(i.expandCollapseNode(a,b,c,d),b.parentTId&&i.expandCollapseParentNode(a,b.getParentNode(),c,d,e)):i.expandCollapseNode(a,b,c,d,e))},expandCollapseSonNode:function(a,b,c,d,g){var h=e.getRoot(a),h=b?e.nodeChildren(a,b):e.nodeChildren(a,h),k=b?!1:d,f=e.getRoot(a).expandTriggerFlag;e.getRoot(a).expandTriggerFlag=!1;if(h)for(var j=0,l=h.length;j<l;j++)h[j]&&i.expandCollapseSonNode(a,h[j],c,k);e.getRoot(a).expandTriggerFlag=f;i.expandCollapseNode(a,b,c,d,g)},isSelectedNode:function(a,
+b){if(!b)return!1;var c=e.getRoot(a).curSelectedList,d;for(d=c.length-1;d>=0;d--)if(b===c[d])return!0;return!1},makeDOMNodeIcon:function(a,b,c){var d=e.nodeName(b,c),d=b.view.nameIsHTML?d:d.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");a.push("<span id='",c.tId,f.id.ICON,"' title='' treeNode",f.id.ICON," class='",i.makeNodeIcoClass(b,c),"' style='",i.makeNodeIcoStyle(b,c),"'></span><span id='",c.tId,f.id.SPAN,"' class='",f.className.NAME,"'>",d,"</span>")},makeDOMNodeLine:function(a,
+b,c){a.push("<span id='",c.tId,f.id.SWITCH,"' title='' class='",i.makeNodeLineClass(b,c),"' treeNode",f.id.SWITCH,"></span>")},makeDOMNodeMainAfter:function(a){a.push("</li>")},makeDOMNodeMainBefore:function(a,b,c){a.push("<li id='",c.tId,"' class='",f.className.LEVEL,c.level,"' tabindex='0' hidefocus='true' treenode>")},makeDOMNodeNameAfter:function(a){a.push("</a>")},makeDOMNodeNameBefore:function(a,b,c){var d=e.nodeTitle(b,c),g=i.makeNodeUrl(b,c),h=i.makeNodeFontCss(b,c),k=[],m;for(m in h)k.push(m,
+":",h[m],";");a.push("<a id='",c.tId,f.id.A,"' class='",f.className.LEVEL,c.level,"' treeNode",f.id.A,' onclick="',c.click||"",'" ',g!=null&&g.length>0?"href='"+g+"'":""," target='",i.makeNodeTarget(c),"' style='",k.join(""),"'");j.apply(b.view.showTitle,[b.treeId,c],b.view.showTitle)&&d&&a.push("title='",d.replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),"'");a.push(">")},makeNodeFontCss:function(a,b){var c=j.apply(a.view.fontCss,[a.treeId,b],a.view.fontCss);return c&&typeof c!="function"?
+c:{}},makeNodeIcoClass:function(a,b){var c=["ico"];if(!b.isAjaxing){var d=e.nodeIsParent(a,b);c[0]=(b.iconSkin?b.iconSkin+"_":"")+c[0];d?c.push(b.open?f.folder.OPEN:f.folder.CLOSE):c.push(f.folder.DOCU)}return f.className.BUTTON+" "+c.join("_")},makeNodeIcoStyle:function(a,b){var c=[];if(!b.isAjaxing){var d=e.nodeIsParent(a,b)&&b.iconOpen&&b.iconClose?b.open?b.iconOpen:b.iconClose:b[a.data.key.icon];d&&c.push("background:url(",d,") 0 0 no-repeat;");(a.view.showIcon==!1||!j.apply(a.view.showIcon,[a.treeId,
+b],!0))&&c.push("width:0px;height:0px;")}return c.join("")},makeNodeLineClass:function(a,b){var c=[];a.view.showLine?b.level==0&&b.isFirstNode&&b.isLastNode?c.push(f.line.ROOT):b.level==0&&b.isFirstNode?c.push(f.line.ROOTS):b.isLastNode?c.push(f.line.BOTTOM):c.push(f.line.CENTER):c.push(f.line.NOLINE);e.nodeIsParent(a,b)?c.push(b.open?f.folder.OPEN:f.folder.CLOSE):c.push(f.folder.DOCU);return i.makeNodeLineClassEx(b)+c.join("_")},makeNodeLineClassEx:function(a){return f.className.BUTTON+" "+f.className.LEVEL+
+a.level+" "+f.className.SWITCH+" "},makeNodeTarget:function(a){return a.target||"_blank"},makeNodeUrl:function(a,b){var c=a.data.key.url;return b[c]?b[c]:null},makeUlHtml:function(a,b,c,d){c.push("<ul id='",b.tId,f.id.UL,"' class='",f.className.LEVEL,b.level," ",i.makeUlLineClass(a,b),"' style='display:",b.open?"block":"none","'>");c.push(d);c.push("</ul>")},makeUlLineClass:function(a,b){return a.view.showLine&&!b.isLastNode?f.line.LINE:""},removeChildNodes:function(a,b){if(b){var c=e.nodeChildren(a,
+b);if(c){for(var d=0,g=c.length;d<g;d++)e.removeNodeCache(a,c[d]);e.removeSelectedNode(a);delete b[a.data.key.children];a.data.keep.parent?l(b,f.id.UL,a).empty():(e.nodeIsParent(a,b,!1),b.open=!1,c=l(b,f.id.SWITCH,a),d=l(b,f.id.ICON,a),i.replaceSwitchClass(b,c,f.folder.DOCU),i.replaceIcoClass(b,d,f.folder.DOCU),l(b,f.id.UL,a).remove())}}},scrollIntoView:function(a,b){if(b)if(typeof Element==="undefined"){var c=a.treeObj.get(0).getBoundingClientRect(),d=b.getBoundingClientRect();(d.top<c.top||d.bottom>
+c.bottom||d.right>c.right||d.left<c.left)&&b.scrollIntoView()}else{if(!Element.prototype.scrollIntoViewIfNeeded)Element.prototype.scrollIntoViewIfNeeded=function(a){function b(a,c,d,f){return{left:a,top:c,width:d,height:f,right:a+d,bottom:c+f,translate:function(e,g){return b(e+a,g+c,d,f)},relativeFromTo:function(g,k){var i=a,j=c,g=g.offsetParent,k=k.offsetParent;if(g===k)return e;for(;g;g=g.offsetParent)i+=g.offsetLeft+g.clientLeft,j+=g.offsetTop+g.clientTop;for(;k;k=k.offsetParent)i-=k.offsetLeft+
+k.clientLeft,j-=k.offsetTop+k.clientTop;return b(i,j,d,f)}}}for(var c,d=this,e=b(this.offsetLeft,this.offsetTop,this.offsetWidth,this.offsetHeight);j.isElement(c=d.parentNode);){var f=c.offsetLeft+c.clientLeft,i=c.offsetTop+c.clientTop,e=e.relativeFromTo(d,c).translate(-f,-i);c.scrollLeft=!1===a||e.left<=c.scrollLeft+c.clientWidth&&c.scrollLeft<=e.right-c.clientWidth+c.clientWidth?Math.min(e.left,Math.max(e.right-c.clientWidth,c.scrollLeft)):(e.right-c.clientWidth+e.left)/2;c.scrollTop=!1===a||e.top<=
+c.scrollTop+c.clientHeight&&c.scrollTop<=e.bottom-c.clientHeight+c.clientHeight?Math.min(e.top,Math.max(e.bottom-c.clientHeight,c.scrollTop)):(e.bottom-c.clientHeight+e.top)/2;e=e.translate(f-c.scrollLeft,i-c.scrollTop);d=c}};b.scrollIntoViewIfNeeded()}},setFirstNode:function(a,b){var c=e.nodeChildren(a,b);if(c.length>0)c[0].isFirstNode=!0},setLastNode:function(a,b){var c=e.nodeChildren(a,b);if(c.length>0)c[c.length-1].isLastNode=!0},removeNode:function(a,b){var c=e.getRoot(a),d=b.parentTId?b.getParentNode():
+c;b.isFirstNode=!1;b.isLastNode=!1;b.getPreNode=function(){return null};b.getNextNode=function(){return null};if(e.getNodeCache(a,b.tId)){l(b,a).remove();e.removeNodeCache(a,b);e.removeSelectedNode(a,b);for(var g=e.nodeChildren(a,d),h=0,k=g.length;h<k;h++)if(g[h].tId==b.tId){g.splice(h,1);break}i.setFirstNode(a,d);i.setLastNode(a,d);var j,h=g.length;if(!a.data.keep.parent&&h==0)e.nodeIsParent(a,d,!1),d.open=!1,delete d[a.data.key.children],h=l(d,f.id.UL,a),k=l(d,f.id.SWITCH,a),j=l(d,f.id.ICON,a),
+i.replaceSwitchClass(d,k,f.folder.DOCU),i.replaceIcoClass(d,j,f.folder.DOCU),h.css("display","none");else if(a.view.showLine&&h>0){var r=g[h-1],h=l(r,f.id.UL,a),k=l(r,f.id.SWITCH,a);j=l(r,f.id.ICON,a);d==c?g.length==1?i.replaceSwitchClass(r,k,f.line.ROOT):(c=l(g[0],f.id.SWITCH,a),i.replaceSwitchClass(g[0],c,f.line.ROOTS),i.replaceSwitchClass(r,k,f.line.BOTTOM)):i.replaceSwitchClass(r,k,f.line.BOTTOM);h.removeClass(f.line.LINE)}}},replaceIcoClass:function(a,b,c){if(b&&!a.isAjaxing&&(a=b.attr("class"),
+a!=void 0)){a=a.split("_");switch(c){case f.folder.OPEN:case f.folder.CLOSE:case f.folder.DOCU:a[a.length-1]=c}b.attr("class",a.join("_"))}},replaceSwitchClass:function(a,b,c){if(b){var d=b.attr("class");if(d!=void 0){d=d.split("_");switch(c){case f.line.ROOT:case f.line.ROOTS:case f.line.CENTER:case f.line.BOTTOM:case f.line.NOLINE:d[0]=i.makeNodeLineClassEx(a)+c;break;case f.folder.OPEN:case f.folder.CLOSE:case f.folder.DOCU:d[1]=c}b.attr("class",d.join("_"));c!==f.folder.DOCU?b.removeAttr("disabled"):
+b.attr("disabled","disabled")}}},selectNode:function(a,b,c){c||i.cancelPreSelectedNode(a,null,b);l(b,f.id.A,a).addClass(f.node.CURSELECTED);e.addSelectedNode(a,b);a.treeObj.trigger(f.event.SELECTED,[a.treeId,b])},setNodeFontCss:function(a,b){var c=l(b,f.id.A,a),d=i.makeNodeFontCss(a,b);d&&c.css(d)},setNodeLineIcos:function(a,b){if(b){var c=l(b,f.id.SWITCH,a),d=l(b,f.id.UL,a),g=l(b,f.id.ICON,a),h=i.makeUlLineClass(a,b);h.length==0?d.removeClass(f.line.LINE):d.addClass(h);c.attr("class",i.makeNodeLineClass(a,
+b));e.nodeIsParent(a,b)?c.removeAttr("disabled"):c.attr("disabled","disabled");g.removeAttr("style");g.attr("style",i.makeNodeIcoStyle(a,b));g.attr("class",i.makeNodeIcoClass(a,b))}},setNodeName:function(a,b){var c=e.nodeTitle(a,b),d=l(b,f.id.SPAN,a);d.empty();a.view.nameIsHTML?d.html(e.nodeName(a,b)):d.text(e.nodeName(a,b));j.apply(a.view.showTitle,[a.treeId,b],a.view.showTitle)&&l(b,f.id.A,a).attr("title",!c?"":c)},setNodeTarget:function(a,b){l(b,f.id.A,a).attr("target",i.makeNodeTarget(b))},setNodeUrl:function(a,
+b){var c=l(b,f.id.A,a),d=i.makeNodeUrl(a,b);d==null||d.length==0?c.removeAttr("href"):c.attr("href",d)},switchNode:function(a,b){b.open||!j.canAsync(a,b)?i.expandCollapseNode(a,b,!b.open):a.async.enable?i.asyncNode(a,b)||i.expandCollapseNode(a,b,!b.open):b&&i.expandCollapseNode(a,b,!b.open)}};q.fn.zTree={consts:{className:{BUTTON:"button",LEVEL:"level",ICO_LOADING:"ico_loading",SWITCH:"switch",NAME:"node_name"},event:{NODECREATED:"ztree_nodeCreated",CLICK:"ztree_click",EXPAND:"ztree_expand",COLLAPSE:"ztree_collapse",
+ASYNC_SUCCESS:"ztree_async_success",ASYNC_ERROR:"ztree_async_error",REMOVE:"ztree_remove",SELECTED:"ztree_selected",UNSELECTED:"ztree_unselected"},id:{A:"_a",ICON:"_ico",SPAN:"_span",SWITCH:"_switch",UL:"_ul"},line:{ROOT:"root",ROOTS:"roots",CENTER:"center",BOTTOM:"bottom",NOLINE:"noline",LINE:"line"},folder:{OPEN:"open",CLOSE:"close",DOCU:"docu"},node:{CURSELECTED:"curSelectedNode"}},_z:{tools:j,view:i,event:n,data:e},getZTreeObj:function(a){return(a=e.getZTreeTools(a))?a:null},destroy:function(a){if(a&&
+a.length>0)i.destroy(e.getSetting(a));else for(var b in s)i.destroy(s[b])},init:function(a,b,c){var d=j.clone(N);q.extend(!0,d,b);d.treeId=a.attr("id");d.treeObj=a;d.treeObj.empty();s[d.treeId]=d;if(typeof document.body.style.maxHeight==="undefined")d.view.expandSpeed="";e.initRoot(d);a=e.getRoot(d);c=c?j.clone(j.isArray(c)?c:[c]):[];d.data.simpleData.enable?e.nodeChildren(d,a,e.transformTozTreeFormat(d,c)):e.nodeChildren(d,a,c);e.initCache(d);n.unbindTree(d);n.bindTree(d);n.unbindEvent(d);n.bindEvent(d);
+var g={setting:d,addNodes:function(a,b,c,g){function f(){i.addNodes(d,a,b,n,g==!0)}a||(a=null);var l=e.nodeIsParent(d,a);if(a&&!l&&d.data.keep.leaf)return null;l=parseInt(b,10);isNaN(l)?(g=!!c,c=b,b=-1):b=l;if(!c)return null;var n=j.clone(j.isArray(c)?c:[c]);j.canAsync(d,a)?i.asyncNode(d,a,g,f):f();return n},cancelSelectedNode:function(a){i.cancelPreSelectedNode(d,a)},destroy:function(){i.destroy(d)},expandAll:function(a){a=!!a;i.expandCollapseSonNode(d,null,a,!0);return a},expandNode:function(a,
+b,c,g,f){function n(){var b=l(a,d).get(0);b&&g!==!1&&i.scrollIntoView(d,b)}if(!a||!e.nodeIsParent(d,a))return null;b!==!0&&b!==!1&&(b=!a.open);if((f=!!f)&&b&&j.apply(d.callback.beforeExpand,[d.treeId,a],!0)==!1)return null;else if(f&&!b&&j.apply(d.callback.beforeCollapse,[d.treeId,a],!0)==!1)return null;b&&a.parentTId&&i.expandCollapseParentNode(d,a.getParentNode(),b,!1);if(b===a.open&&!c)return null;e.getRoot(d).expandTriggerFlag=f;!j.canAsync(d,a)&&c?i.expandCollapseSonNode(d,a,b,!0,n):(a.open=
+!b,i.switchNode(this.setting,a),n());return b},getNodes:function(){return e.getNodes(d)},getNodeByParam:function(a,b,c){return!a?null:e.getNodeByParam(d,c?e.nodeChildren(d,c):e.getNodes(d),a,b)},getNodeByTId:function(a){return e.getNodeCache(d,a)},getNodesByParam:function(a,b,c){return!a?null:e.getNodesByParam(d,c?e.nodeChildren(d,c):e.getNodes(d),a,b)},getNodesByParamFuzzy:function(a,b,c){return!a?null:e.getNodesByParamFuzzy(d,c?e.nodeChildren(d,c):e.getNodes(d),a,b)},getNodesByFilter:function(a,
+b,c,f){b=!!b;return!a||typeof a!="function"?b?null:[]:e.getNodesByFilter(d,c?e.nodeChildren(d,c):e.getNodes(d),a,b,f)},getNodeIndex:function(a){if(!a)return null;for(var b=a.parentTId?a.getParentNode():e.getRoot(d),b=e.nodeChildren(d,b),c=0,f=b.length;c<f;c++)if(b[c]==a)return c;return-1},getSelectedNodes:function(){for(var a=[],b=e.getRoot(d).curSelectedList,c=0,f=b.length;c<f;c++)a.push(b[c]);return a},isSelectedNode:function(a){return e.isSelectedNode(d,a)},reAsyncChildNodesPromise:function(a,
+b,c){return new Promise(function(d,e){try{g.reAsyncChildNodes(a,b,c,function(){d(a)})}catch(f){e(f)}})},reAsyncChildNodes:function(a,b,c,g){if(this.setting.async.enable){var j=!a;j&&(a=e.getRoot(d));if(b=="refresh"){for(var b=e.nodeChildren(d,a),n=0,q=b?b.length:0;n<q;n++)e.removeNodeCache(d,b[n]);e.removeSelectedNode(d);e.nodeChildren(d,a,[]);j?this.setting.treeObj.empty():l(a,f.id.UL,d).empty()}i.asyncNode(this.setting,j?null:a,!!c,g)}},refresh:function(){this.setting.treeObj.empty();var a=e.getRoot(d),
+b=e.nodeChildren(d,a);e.initRoot(d);e.nodeChildren(d,a,b);e.initCache(d);i.createNodes(d,0,e.nodeChildren(d,a),null,-1)},removeChildNodes:function(a){if(!a)return null;var b=e.nodeChildren(d,a);i.removeChildNodes(d,a);return b?b:null},removeNode:function(a,b){a&&(b=!!b,b&&j.apply(d.callback.beforeRemove,[d.treeId,a],!0)==!1||(i.removeNode(d,a),b&&this.setting.treeObj.trigger(f.event.REMOVE,[d.treeId,a])))},selectNode:function(a,b,c){function e(){if(!c){var b=l(a,d).get(0);i.scrollIntoView(d,b)}}if(a&&
+j.uCanDo(d)){b=d.view.selectedMulti&&b;if(a.parentTId)i.expandCollapseParentNode(d,a.getParentNode(),!0,!1,e);else if(!c)try{l(a,d).focus().blur()}catch(f){}i.selectNode(d,a,b)}},transformTozTreeNodes:function(a){return e.transformTozTreeFormat(d,a)},transformToArray:function(a){return e.transformToArrayFormat(d,a)},updateNode:function(a){a&&l(a,d).get(0)&&j.uCanDo(d)&&(i.setNodeName(d,a),i.setNodeTarget(d,a),i.setNodeUrl(d,a),i.setNodeLineIcos(d,a),i.setNodeFontCss(d,a))}};a.treeTools=g;e.setZTreeTools(d,
+g);(c=e.nodeChildren(d,a))&&c.length>0?i.createNodes(d,0,c,null,-1):d.async.enable&&d.async.url&&d.async.url!==""&&i.asyncNode(d);return g}};var O=q.fn.zTree,l=j.$,f=O.consts})(jQuery);
+
+/*
+ * JQuery zTree excheck v3.5.33
+ * http://treejs.cn/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2018-01-30
+ */
+(function(n){var q,r,s,p={event:{CHECK:"ztree_check"},id:{CHECK:"_check"},checkbox:{STYLE:"checkbox",DEFAULT:"chk",DISABLED:"disable",FALSE:"false",TRUE:"true",FULL:"full",PART:"part",FOCUS:"focus"},radio:{STYLE:"radio",TYPE_ALL:"all",TYPE_LEVEL:"level"}},w={check:{enable:!1,autoCheckTrigger:!1,chkStyle:p.checkbox.STYLE,nocheckInherit:!1,chkDisabledInherit:!1,radioType:p.radio.TYPE_LEVEL,chkboxType:{Y:"ps",N:"ps"}},data:{key:{checked:"checked"}},callback:{beforeCheck:null,onCheck:null}};q=function(c,
+a){if(a.chkDisabled===!0)return!1;var b=e.getSetting(c.data.treeId);if(i.apply(b.callback.beforeCheck,[b.treeId,a],!0)==!1)return!0;var d=e.nodeChecked(b,a);e.nodeChecked(b,a,!d);f.checkNodeRelation(b,a);d=m(a,h.id.CHECK,b);f.setChkClass(b,d,a);f.repairParentChkClassWithSelf(b,a);b.treeObj.trigger(h.event.CHECK,[c,b.treeId,a]);return!0};r=function(c,a){if(a.chkDisabled===!0)return!1;var b=e.getSetting(c.data.treeId),d=m(a,h.id.CHECK,b);a.check_Focus=!0;f.setChkClass(b,d,a);return!0};s=function(c,
+a){if(a.chkDisabled===!0)return!1;var b=e.getSetting(c.data.treeId),d=m(a,h.id.CHECK,b);a.check_Focus=!1;f.setChkClass(b,d,a);return!0};n.extend(!0,n.fn.zTree.consts,p);n.extend(!0,n.fn.zTree._z,{tools:{},view:{checkNodeRelation:function(c,a){var b,d,j;d=h.radio;b=e.nodeChecked(c,a);if(c.check.chkStyle==d.STYLE){var g=e.getRadioCheckedList(c);if(b)if(c.check.radioType==d.TYPE_ALL){for(d=g.length-1;d>=0;d--){b=g[d];var k=e.nodeChecked(c,b);k&&b!=a&&(e.nodeChecked(c,b,!1),g.splice(d,1),f.setChkClass(c,
+m(b,h.id.CHECK,c),b),b.parentTId!=a.parentTId&&f.repairParentChkClassWithSelf(c,b))}g.push(a)}else{g=a.parentTId?a.getParentNode():e.getRoot(c);g=e.nodeChildren(c,g);for(d=0,j=g.length;d<j;d++)if(b=g[d],(k=e.nodeChecked(c,b))&&b!=a)e.nodeChecked(c,b,!1),f.setChkClass(c,m(b,h.id.CHECK,c),b)}else if(c.check.radioType==d.TYPE_ALL)for(d=0,j=g.length;d<j;d++)if(a==g[d]){g.splice(d,1);break}}else g=e.nodeChildren(c,a),b&&(!g||g.length==0||c.check.chkboxType.Y.indexOf("s")>-1)&&f.setSonNodeCheckBox(c,a,
+!0),!b&&(!g||g.length==0||c.check.chkboxType.N.indexOf("s")>-1)&&f.setSonNodeCheckBox(c,a,!1),b&&c.check.chkboxType.Y.indexOf("p")>-1&&f.setParentNodeCheckBox(c,a,!0),!b&&c.check.chkboxType.N.indexOf("p")>-1&&f.setParentNodeCheckBox(c,a,!1)},makeChkClass:function(c,a){var b=h.checkbox,d=h.radio,j="",g=e.nodeChecked(c,a),j=a.chkDisabled===!0?b.DISABLED:a.halfCheck?b.PART:c.check.chkStyle==d.STYLE?a.check_Child_State<1?b.FULL:b.PART:g?a.check_Child_State===2||a.check_Child_State===-1?b.FULL:b.PART:
+a.check_Child_State<1?b.FULL:b.PART,d=c.check.chkStyle+"_"+(g?b.TRUE:b.FALSE)+"_"+j,d=a.check_Focus&&a.chkDisabled!==!0?d+"_"+b.FOCUS:d;return h.className.BUTTON+" "+b.DEFAULT+" "+d},repairAllChk:function(c,a){if(c.check.enable&&c.check.chkStyle===h.checkbox.STYLE)for(var b=e.getRoot(c),b=e.nodeChildren(c,b),d=0,j=b.length;d<j;d++){var g=b[d];g.nocheck!==!0&&g.chkDisabled!==!0&&e.nodeChecked(c,g,a);f.setSonNodeCheckBox(c,g,a)}},repairChkClass:function(c,a){if(a&&(e.makeChkFlag(c,a),a.nocheck!==!0)){var b=
+m(a,h.id.CHECK,c);f.setChkClass(c,b,a)}},repairParentChkClass:function(c,a){if(a&&a.parentTId){var b=a.getParentNode();f.repairChkClass(c,b);f.repairParentChkClass(c,b)}},repairParentChkClassWithSelf:function(c,a){if(a){var b=e.nodeChildren(c,a);b&&b.length>0?f.repairParentChkClass(c,b[0]):f.repairParentChkClass(c,a)}},repairSonChkDisabled:function(c,a,b,d){if(a){if(a.chkDisabled!=b)a.chkDisabled=b;f.repairChkClass(c,a);if((a=e.nodeChildren(c,a))&&d)for(var j=0,g=a.length;j<g;j++)f.repairSonChkDisabled(c,
+a[j],b,d)}},repairParentChkDisabled:function(c,a,b,d){if(a){if(a.chkDisabled!=b&&d)a.chkDisabled=b;f.repairChkClass(c,a);f.repairParentChkDisabled(c,a.getParentNode(),b,d)}},setChkClass:function(c,a,b){a&&(b.nocheck===!0?a.hide():a.show(),a.attr("class",f.makeChkClass(c,b)))},setParentNodeCheckBox:function(c,a,b,d){var j=m(a,h.id.CHECK,c);d||(d=a);e.makeChkFlag(c,a);a.nocheck!==!0&&a.chkDisabled!==!0&&(e.nodeChecked(c,a,b),f.setChkClass(c,j,a),c.check.autoCheckTrigger&&a!=d&&c.treeObj.trigger(h.event.CHECK,
+[null,c.treeId,a]));if(a.parentTId){j=!0;if(!b)for(var g=e.nodeChildren(c,a.getParentNode()),k=0,o=g.length;k<o;k++){var l=g[k],i=e.nodeChecked(c,l);if(l.nocheck!==!0&&l.chkDisabled!==!0&&i||(l.nocheck===!0||l.chkDisabled===!0)&&l.check_Child_State>0){j=!1;break}}j&&f.setParentNodeCheckBox(c,a.getParentNode(),b,d)}},setSonNodeCheckBox:function(c,a,b,d){if(a){var j=m(a,h.id.CHECK,c);d||(d=a);var g=!1,k=e.nodeChildren(c,a);if(k)for(var o=0,l=k.length;o<l;o++){var i=k[o];f.setSonNodeCheckBox(c,i,b,d);
+i.chkDisabled===!0&&(g=!0)}if(a!=e.getRoot(c)&&a.chkDisabled!==!0){g&&a.nocheck!==!0&&e.makeChkFlag(c,a);if(a.nocheck!==!0&&a.chkDisabled!==!0){if(e.nodeChecked(c,a,b),!g)a.check_Child_State=k&&k.length>0?b?2:0:-1}else a.check_Child_State=-1;f.setChkClass(c,j,a);c.check.autoCheckTrigger&&a!=d&&a.nocheck!==!0&&a.chkDisabled!==!0&&c.treeObj.trigger(h.event.CHECK,[null,c.treeId,a])}}}},event:{},data:{getRadioCheckedList:function(c){for(var a=e.getRoot(c).radioCheckedList,b=0,d=a.length;b<d;b++)e.getNodeCache(c,
+a[b].tId)||(a.splice(b,1),b--,d--);return a},getCheckStatus:function(c,a){if(!c.check.enable||a.nocheck||a.chkDisabled)return null;var b=e.nodeChecked(c,a);return{checked:b,half:a.halfCheck?a.halfCheck:c.check.chkStyle==h.radio.STYLE?a.check_Child_State===2:b?a.check_Child_State>-1&&a.check_Child_State<2:a.check_Child_State>0}},getTreeCheckedNodes:function(c,a,b,d){if(!a)return[];for(var j=b&&c.check.chkStyle==h.radio.STYLE&&c.check.radioType==h.radio.TYPE_ALL,d=!d?[]:d,g=0,f=a.length;g<f;g++){var i=
+a[g],l=e.nodeChildren(c,i),m=e.nodeChecked(c,i);if(i.nocheck!==!0&&i.chkDisabled!==!0&&m==b&&(d.push(i),j))break;e.getTreeCheckedNodes(c,l,b,d);if(j&&d.length>0)break}return d},getTreeChangeCheckedNodes:function(c,a,b){if(!a)return[];for(var b=!b?[]:b,d=0,j=a.length;d<j;d++){var g=a[d],f=e.nodeChildren(c,g),h=e.nodeChecked(c,g);g.nocheck!==!0&&g.chkDisabled!==!0&&h!=g.checkedOld&&b.push(g);e.getTreeChangeCheckedNodes(c,f,b)}return b},makeChkFlag:function(c,a){if(a){var b=-1,d=e.nodeChildren(c,a);
+if(d)for(var j=0,g=d.length;j<g;j++){var f=d[j],i=e.nodeChecked(c,f),l=-1;if(c.check.chkStyle==h.radio.STYLE)if(l=f.nocheck===!0||f.chkDisabled===!0?f.check_Child_State:f.halfCheck===!0?2:i?2:f.check_Child_State>0?2:0,l==2){b=2;break}else l==0&&(b=0);else if(c.check.chkStyle==h.checkbox.STYLE)if(l=f.nocheck===!0||f.chkDisabled===!0?f.check_Child_State:f.halfCheck===!0?1:i?f.check_Child_State===-1||f.check_Child_State===2?2:1:f.check_Child_State>0?1:0,l===1){b=1;break}else if(l===2&&b>-1&&j>0&&l!==
+b){b=1;break}else if(b===2&&l>-1&&l<2){b=1;break}else l>-1&&(b=l)}a.check_Child_State=b}}}});var n=n.fn.zTree,i=n._z.tools,h=n.consts,f=n._z.view,e=n._z.data,m=i.$;e.nodeChecked=function(c,a,b){if(!a)return!1;c=c.data.key.checked;typeof b!=="undefined"&&(typeof b==="string"&&(b=i.eqs(checked,"true")),a[c]=!!b);return a[c]};e.exSetting(w);e.addInitBind(function(c){c.treeObj.bind(h.event.CHECK,function(a,b,d,e){a.srcEvent=b;i.apply(c.callback.onCheck,[a,d,e])})});e.addInitUnBind(function(c){c.treeObj.unbind(h.event.CHECK)});
+e.addInitCache(function(){});e.addInitNode(function(c,a,b,d){if(b){a=e.nodeChecked(c,b);a=e.nodeChecked(c,b,a);b.checkedOld=a;if(typeof b.nocheck=="string")b.nocheck=i.eqs(b.nocheck,"true");b.nocheck=!!b.nocheck||c.check.nocheckInherit&&d&&!!d.nocheck;if(typeof b.chkDisabled=="string")b.chkDisabled=i.eqs(b.chkDisabled,"true");b.chkDisabled=!!b.chkDisabled||c.check.chkDisabledInherit&&d&&!!d.chkDisabled;if(typeof b.halfCheck=="string")b.halfCheck=i.eqs(b.halfCheck,"true");b.halfCheck=!!b.halfCheck;
+b.check_Child_State=-1;b.check_Focus=!1;b.getCheckStatus=function(){return e.getCheckStatus(c,b)};c.check.chkStyle==h.radio.STYLE&&c.check.radioType==h.radio.TYPE_ALL&&a&&e.getRoot(c).radioCheckedList.push(b)}});e.addInitProxy(function(c){var a=c.target,b=e.getSetting(c.data.treeId),d="",f=null,g="",k=null;if(i.eqs(c.type,"mouseover")){if(b.check.enable&&i.eqs(a.tagName,"span")&&a.getAttribute("treeNode"+h.id.CHECK)!==null)d=i.getNodeMainDom(a).id,g="mouseoverCheck"}else if(i.eqs(c.type,"mouseout")){if(b.check.enable&&
+i.eqs(a.tagName,"span")&&a.getAttribute("treeNode"+h.id.CHECK)!==null)d=i.getNodeMainDom(a).id,g="mouseoutCheck"}else if(i.eqs(c.type,"click")&&b.check.enable&&i.eqs(a.tagName,"span")&&a.getAttribute("treeNode"+h.id.CHECK)!==null)d=i.getNodeMainDom(a).id,g="checkNode";if(d.length>0)switch(f=e.getNodeCache(b,d),g){case "checkNode":k=q;break;case "mouseoverCheck":k=r;break;case "mouseoutCheck":k=s}return{stop:g==="checkNode",node:f,nodeEventType:g,nodeEventCallback:k,treeEventType:"",treeEventCallback:null}},
+!0);e.addInitRoot(function(c){e.getRoot(c).radioCheckedList=[]});e.addBeforeA(function(c,a,b){c.check.enable&&(e.makeChkFlag(c,a),b.push("<span ID='",a.tId,h.id.CHECK,"' class='",f.makeChkClass(c,a),"' treeNode",h.id.CHECK,a.nocheck===!0?" style='display:none;'":"","></span>"))});e.addZTreeTools(function(c,a){a.checkNode=function(a,b,g,k){var o=e.nodeChecked(c,a);if(a.chkDisabled!==!0&&(b!==!0&&b!==!1&&(b=!o),k=!!k,(o!==b||g)&&!(k&&i.apply(this.setting.callback.beforeCheck,[this.setting.treeId,a],
+!0)==!1)&&i.uCanDo(this.setting)&&this.setting.check.enable&&a.nocheck!==!0))e.nodeChecked(c,a,b),b=m(a,h.id.CHECK,this.setting),(g||this.setting.check.chkStyle===h.radio.STYLE)&&f.checkNodeRelation(this.setting,a),f.setChkClass(this.setting,b,a),f.repairParentChkClassWithSelf(this.setting,a),k&&this.setting.treeObj.trigger(h.event.CHECK,[null,this.setting.treeId,a])};a.checkAllNodes=function(a){f.repairAllChk(this.setting,!!a)};a.getCheckedNodes=function(a){var a=a!==!1,b=e.nodeChildren(c,e.getRoot(this.setting));
+return e.getTreeCheckedNodes(this.setting,b,a)};a.getChangeCheckedNodes=function(){var a=e.nodeChildren(c,e.getRoot(this.setting));return e.getTreeChangeCheckedNodes(this.setting,a)};a.setChkDisabled=function(a,b,c,e){b=!!b;c=!!c;f.repairSonChkDisabled(this.setting,a,b,!!e);f.repairParentChkDisabled(this.setting,a.getParentNode(),b,c)};var b=a.updateNode;a.updateNode=function(c,e){b&&b.apply(a,arguments);if(c&&this.setting.check.enable&&m(c,this.setting).get(0)&&i.uCanDo(this.setting)){var g=m(c,
+h.id.CHECK,this.setting);(e==!0||this.setting.check.chkStyle===h.radio.STYLE)&&f.checkNodeRelation(this.setting,c);f.setChkClass(this.setting,g,c);f.repairParentChkClassWithSelf(this.setting,c)}}});var t=f.createNodes;f.createNodes=function(c,a,b,d,e){t&&t.apply(f,arguments);b&&f.repairParentChkClassWithSelf(c,d)};var u=f.removeNode;f.removeNode=function(c,a){var b=a.getParentNode();u&&u.apply(f,arguments);a&&b&&(f.repairChkClass(c,b),f.repairParentChkClass(c,b))};var v=f.appendNodes;f.appendNodes=
+function(c,a,b,d,h,g,i){var m="";v&&(m=v.apply(f,arguments));d&&e.makeChkFlag(c,d);return m}})(jQuery);
+
+/*
+ * JQuery zTree exedit v3.5.33
+ * http://treejs.cn/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2018-01-30
+ */
+(function(B){var I={event:{DRAG:"ztree_drag",DROP:"ztree_drop",RENAME:"ztree_rename",DRAGMOVE:"ztree_dragmove"},id:{EDIT:"_edit",INPUT:"_input",REMOVE:"_remove"},move:{TYPE_INNER:"inner",TYPE_PREV:"prev",TYPE_NEXT:"next"},node:{CURSELECTED_EDIT:"curSelectedNode_Edit",TMPTARGET_TREE:"tmpTargetzTree",TMPTARGET_NODE:"tmpTargetNode"}},v={onHoverOverNode:function(a,b){var c=i.getSetting(a.data.treeId),d=i.getRoot(c);if(d.curHoverNode!=b)v.onHoverOutNode(a);d.curHoverNode=b;e.addHoverDom(c,b)},onHoverOutNode:function(a){var a=
+i.getSetting(a.data.treeId),b=i.getRoot(a);if(b.curHoverNode&&!i.isSelectedNode(a,b.curHoverNode))e.removeTreeDom(a,b.curHoverNode),b.curHoverNode=null},onMousedownNode:function(a,b){function c(a){if(m.dragFlag==0&&Math.abs(N-a.clientX)<f.edit.drag.minMoveSize&&Math.abs(O-a.clientY)<f.edit.drag.minMoveSize)return!0;var b,c,g,j;L.css("cursor","pointer");if(m.dragFlag==0){if(k.apply(f.callback.beforeDrag,[f.treeId,n],!0)==!1)return l(a),!0;for(b=0,c=n.length;b<c;b++){if(b==0)m.dragNodeShowBefore=[];
+g=n[b];i.nodeIsParent(f,g)&&g.open?(e.expandCollapseNode(f,g,!g.open),m.dragNodeShowBefore[g.tId]=!0):m.dragNodeShowBefore[g.tId]=!1}m.dragFlag=1;y.showHoverDom=!1;k.showIfameMask(f,!0);j=!0;var p=-1;if(n.length>1){var o=n[0].parentTId?i.nodeChildren(f,n[0].getParentNode()):i.getNodes(f);g=[];for(b=0,c=o.length;b<c;b++)if(m.dragNodeShowBefore[o[b].tId]!==void 0&&(j&&p>-1&&p+1!==b&&(j=!1),g.push(o[b]),p=b),n.length===g.length){n=g;break}}j&&(H=n[0].getPreNode(),Q=n[n.length-1].getNextNode());C=q("<ul class='zTreeDragUL'></ul>",
+f);for(b=0,c=n.length;b<c;b++)g=n[b],g.editNameFlag=!1,e.selectNode(f,g,b>0),e.removeTreeDom(f,g),b>f.edit.drag.maxShowNodeNum-1||(j=q("<li id='"+g.tId+"_tmp'></li>",f),j.append(q(g,d.id.A,f).clone()),j.css("padding","0"),j.children("#"+g.tId+d.id.A).removeClass(d.node.CURSELECTED),C.append(j),b==f.edit.drag.maxShowNodeNum-1&&(j=q("<li id='"+g.tId+"_moretmp'><a>  ...  </a></li>",f),C.append(j)));C.attr("id",n[0].tId+d.id.UL+"_tmp");C.addClass(f.treeObj.attr("class"));C.appendTo(L);u=q("<span class='tmpzTreeMove_arrow'></span>",
+f);u.attr("id","zTreeMove_arrow_tmp");u.appendTo(L);f.treeObj.trigger(d.event.DRAG,[a,f.treeId,n])}if(m.dragFlag==1){t&&u.attr("id")==a.target.id&&w&&a.clientX+G.scrollLeft()+2>B("#"+w+d.id.A,t).offset().left?(g=B("#"+w+d.id.A,t),a.target=g.length>0?g.get(0):a.target):t&&(t.removeClass(d.node.TMPTARGET_TREE),w&&B("#"+w+d.id.A,t).removeClass(d.node.TMPTARGET_NODE+"_"+d.move.TYPE_PREV).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_NEXT).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_INNER));
+w=t=null;J=!1;h=f;g=i.getSettings();for(var z in g)if(g[z].treeId&&g[z].edit.enable&&g[z].treeId!=f.treeId&&(a.target.id==g[z].treeId||B(a.target).parents("#"+g[z].treeId).length>0))J=!0,h=g[z];z=G.scrollTop();j=G.scrollLeft();p=h.treeObj.offset();b=h.treeObj.get(0).scrollHeight;g=h.treeObj.get(0).scrollWidth;c=a.clientY+z-p.top;var E=h.treeObj.height()+p.top-a.clientY-z,r=a.clientX+j-p.left,s=h.treeObj.width()+p.left-a.clientX-j,p=c<f.edit.drag.borderMax&&c>f.edit.drag.borderMin,o=E<f.edit.drag.borderMax&&
+E>f.edit.drag.borderMin,F=r<f.edit.drag.borderMax&&r>f.edit.drag.borderMin,v=s<f.edit.drag.borderMax&&s>f.edit.drag.borderMin,E=c>f.edit.drag.borderMin&&E>f.edit.drag.borderMin&&r>f.edit.drag.borderMin&&s>f.edit.drag.borderMin,r=p&&h.treeObj.scrollTop()<=0,s=o&&h.treeObj.scrollTop()+h.treeObj.height()+10>=b,M=F&&h.treeObj.scrollLeft()<=0,P=v&&h.treeObj.scrollLeft()+h.treeObj.width()+10>=g;if(a.target&&k.isChildOrSelf(a.target,h.treeId)){for(var D=a.target;D&&D.tagName&&!k.eqs(D.tagName,"li")&&D.id!=
+h.treeId;)D=D.parentNode;var R=!0;for(b=0,c=n.length;b<c;b++)if(g=n[b],D.id===g.tId){R=!1;break}else if(q(g,f).find("#"+D.id).length>0){R=!1;break}if(R&&a.target&&k.isChildOrSelf(a.target,D.id+d.id.A))t=B(D),w=D.id}g=n[0];if(E&&k.isChildOrSelf(a.target,h.treeId)){if(!t&&(a.target.id==h.treeId||r||s||M||P)&&(J||!J&&g.parentTId))t=h.treeObj;p?h.treeObj.scrollTop(h.treeObj.scrollTop()-10):o&&h.treeObj.scrollTop(h.treeObj.scrollTop()+10);F?h.treeObj.scrollLeft(h.treeObj.scrollLeft()-10):v&&h.treeObj.scrollLeft(h.treeObj.scrollLeft()+
+10);t&&t!=h.treeObj&&t.offset().left<h.treeObj.offset().left&&h.treeObj.scrollLeft(h.treeObj.scrollLeft()+t.offset().left-h.treeObj.offset().left)}C.css({top:a.clientY+z+3+"px",left:a.clientX+j+3+"px"});b=j=0;if(t&&t.attr("id")!=h.treeId){var A=w==null?null:i.getNodeCache(h,w),p=(a.ctrlKey||a.metaKey)&&f.edit.drag.isMove&&f.edit.drag.isCopy||!f.edit.drag.isMove&&f.edit.drag.isCopy;c=!!(H&&w===H.tId);F=!!(Q&&w===Q.tId);o=g.parentTId&&g.parentTId==w;g=(p||!F)&&k.apply(h.edit.drag.prev,[h.treeId,n,A],
+!!h.edit.drag.prev);c=(p||!c)&&k.apply(h.edit.drag.next,[h.treeId,n,A],!!h.edit.drag.next);p=(p||!o)&&!(h.data.keep.leaf&&!i.nodeIsParent(f,A))&&k.apply(h.edit.drag.inner,[h.treeId,n,A],!!h.edit.drag.inner);o=function(){t=null;w="";x=d.move.TYPE_INNER;u.css({display:"none"});if(window.zTreeMoveTimer)clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId=null};if(!g&&!c&&!p)o();else if(F=B("#"+w+d.id.A,t),v=A.isLastNode?null:B("#"+A.getNextNode().tId+d.id.A,t.next()),E=F.offset().top,r=
+F.offset().left,s=g?p?0.25:c?0.5:1:-1,M=c?p?0.75:g?0.5:0:-1,z=(a.clientY+z-E)/F.height(),(s==1||z<=s&&z>=-0.2)&&g?(j=1-u.width(),b=E-u.height()/2,x=d.move.TYPE_PREV):(M==0||z>=M&&z<=1.2)&&c?(j=1-u.width(),b=v==null||i.nodeIsParent(f,A)&&A.open?E+F.height()-u.height()/2:v.offset().top-u.height()/2,x=d.move.TYPE_NEXT):p?(j=5-u.width(),b=E,x=d.move.TYPE_INNER):o(),t){u.css({display:"block",top:b+"px",left:r+j+"px"});F.addClass(d.node.TMPTARGET_NODE+"_"+x);if(S!=w||T!=x)K=(new Date).getTime();if(A&&i.nodeIsParent(f,
+A)&&x==d.move.TYPE_INNER&&(z=!0,window.zTreeMoveTimer&&window.zTreeMoveTargetNodeTId!==A.tId?(clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId=null):window.zTreeMoveTimer&&window.zTreeMoveTargetNodeTId===A.tId&&(z=!1),z))window.zTreeMoveTimer=setTimeout(function(){x==d.move.TYPE_INNER&&A&&i.nodeIsParent(f,A)&&!A.open&&(new Date).getTime()-K>h.edit.drag.autoOpenTime&&k.apply(h.callback.beforeDragOpen,[h.treeId,A],!0)&&(e.switchNode(h,A),h.edit.drag.autoExpandTrigger&&h.treeObj.trigger(d.event.EXPAND,
+[h.treeId,A]))},h.edit.drag.autoOpenTime+50),window.zTreeMoveTargetNodeTId=A.tId}}else if(x=d.move.TYPE_INNER,t&&k.apply(h.edit.drag.inner,[h.treeId,n,null],!!h.edit.drag.inner)?t.addClass(d.node.TMPTARGET_TREE):t=null,u.css({display:"none"}),window.zTreeMoveTimer)clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId=null;S=w;T=x;f.treeObj.trigger(d.event.DRAGMOVE,[a,f.treeId,n])}return!1}function l(a){if(window.zTreeMoveTimer)clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId=
+null;T=S=null;G.unbind("mousemove",c);G.unbind("mouseup",l);G.unbind("selectstart",g);L.css("cursor","");t&&(t.removeClass(d.node.TMPTARGET_TREE),w&&B("#"+w+d.id.A,t).removeClass(d.node.TMPTARGET_NODE+"_"+d.move.TYPE_PREV).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_NEXT).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_INNER));k.showIfameMask(f,!1);y.showHoverDom=!0;if(m.dragFlag!=0){m.dragFlag=0;var b,j,o;for(b=0,j=n.length;b<j;b++)o=n[b],i.nodeIsParent(f,o)&&m.dragNodeShowBefore[o.tId]&&
+!o.open&&(e.expandCollapseNode(f,o,!o.open),delete m.dragNodeShowBefore[o.tId]);C&&C.remove();u&&u.remove();var r=(a.ctrlKey||a.metaKey)&&f.edit.drag.isMove&&f.edit.drag.isCopy||!f.edit.drag.isMove&&f.edit.drag.isCopy;!r&&t&&w&&n[0].parentTId&&w==n[0].parentTId&&x==d.move.TYPE_INNER&&(t=null);if(t){var p=w==null?null:i.getNodeCache(h,w);if(k.apply(f.callback.beforeDrop,[h.treeId,n,p,x,r],!0)==!1)e.selectNodes(v,n);else{var s=r?k.clone(n):n;b=function(){if(J){if(!r)for(var b=0,c=n.length;b<c;b++)e.removeNode(f,
+n[b]);x==d.move.TYPE_INNER?e.addNodes(h,p,-1,s):e.addNodes(h,p.getParentNode(),x==d.move.TYPE_PREV?p.getIndex():p.getIndex()+1,s)}else if(r&&x==d.move.TYPE_INNER)e.addNodes(h,p,-1,s);else if(r)e.addNodes(h,p.getParentNode(),x==d.move.TYPE_PREV?p.getIndex():p.getIndex()+1,s);else if(x!=d.move.TYPE_NEXT)for(b=0,c=s.length;b<c;b++)e.moveNode(h,p,s[b],x,!1);else for(b=-1,c=s.length-1;b<c;c--)e.moveNode(h,p,s[c],x,!1);e.selectNodes(h,s);b=q(s[0],f).get(0);e.scrollIntoView(f,b);f.treeObj.trigger(d.event.DROP,
+[a,h.treeId,s,p,x,r])};x==d.move.TYPE_INNER&&k.canAsync(h,p)?e.asyncNode(h,p,!1,b):b()}}else e.selectNodes(v,n),f.treeObj.trigger(d.event.DROP,[a,f.treeId,n,null,null,null])}}function g(){return!1}var o,j,f=i.getSetting(a.data.treeId),m=i.getRoot(f),y=i.getRoots();if(a.button==2||!f.edit.enable||!f.edit.drag.isCopy&&!f.edit.drag.isMove)return!0;var r=a.target,s=i.getRoot(f).curSelectedList,n=[];if(i.isSelectedNode(f,b))for(o=0,j=s.length;o<j;o++){if(s[o].editNameFlag&&k.eqs(r.tagName,"input")&&r.getAttribute("treeNode"+
+d.id.INPUT)!==null)return!0;n.push(s[o]);if(n[0].parentTId!==s[o].parentTId){n=[b];break}}else n=[b];e.editNodeBlur=!0;e.cancelCurEditNode(f);var G=B(f.treeObj.get(0).ownerDocument),L=B(f.treeObj.get(0).ownerDocument.body),C,u,t,J=!1,h=f,v=f,H,Q,S=null,T=null,w=null,x=d.move.TYPE_INNER,N=a.clientX,O=a.clientY,K=(new Date).getTime();k.uCanDo(f)&&G.bind("mousemove",c);G.bind("mouseup",l);G.bind("selectstart",g);a.preventDefault&&a.preventDefault();return!0}};B.extend(!0,B.fn.zTree.consts,I);B.extend(!0,
+B.fn.zTree._z,{tools:{getAbs:function(a){a=a.getBoundingClientRect();return[a.left+(document.body.scrollLeft+document.documentElement.scrollLeft),a.top+(document.body.scrollTop+document.documentElement.scrollTop)]},inputFocus:function(a){a.get(0)&&(a.focus(),k.setCursorPosition(a.get(0),a.val().length))},inputSelect:function(a){a.get(0)&&(a.focus(),a.select())},setCursorPosition:function(a,b){if(a.setSelectionRange)a.focus(),a.setSelectionRange(b,b);else if(a.createTextRange){var c=a.createTextRange();
+c.collapse(!0);c.moveEnd("character",b);c.moveStart("character",b);c.select()}},showIfameMask:function(a,b){for(var c=i.getRoot(a);c.dragMaskList.length>0;)c.dragMaskList[0].remove(),c.dragMaskList.shift();if(b)for(var d=q("iframe",a),g=0,e=d.length;g<e;g++){var j=d.get(g),f=k.getAbs(j),j=q("<div id='zTreeMask_"+g+"' class='zTreeMask' style='top:"+f[1]+"px; left:"+f[0]+"px; width:"+j.offsetWidth+"px; height:"+j.offsetHeight+"px;'></div>",a);j.appendTo(q("body",a));c.dragMaskList.push(j)}}},view:{addEditBtn:function(a,
+b){if(!(b.editNameFlag||q(b,d.id.EDIT,a).length>0)&&k.apply(a.edit.showRenameBtn,[a.treeId,b],a.edit.showRenameBtn)){var c=q(b,d.id.A,a),l="<span class='"+d.className.BUTTON+" edit' id='"+b.tId+d.id.EDIT+"' title='"+k.apply(a.edit.renameTitle,[a.treeId,b],a.edit.renameTitle)+"' treeNode"+d.id.EDIT+" style='display:none;'></span>";c.append(l);q(b,d.id.EDIT,a).bind("click",function(){if(!k.uCanDo(a)||k.apply(a.callback.beforeEditName,[a.treeId,b],!0)==!1)return!1;e.editNode(a,b);return!1}).show()}},
+addRemoveBtn:function(a,b){if(!(b.editNameFlag||q(b,d.id.REMOVE,a).length>0)&&k.apply(a.edit.showRemoveBtn,[a.treeId,b],a.edit.showRemoveBtn)){var c=q(b,d.id.A,a),l="<span class='"+d.className.BUTTON+" remove' id='"+b.tId+d.id.REMOVE+"' title='"+k.apply(a.edit.removeTitle,[a.treeId,b],a.edit.removeTitle)+"' treeNode"+d.id.REMOVE+" style='display:none;'></span>";c.append(l);q(b,d.id.REMOVE,a).bind("click",function(){if(!k.uCanDo(a)||k.apply(a.callback.beforeRemove,[a.treeId,b],!0)==!1)return!1;e.removeNode(a,
+b);a.treeObj.trigger(d.event.REMOVE,[a.treeId,b]);return!1}).bind("mousedown",function(){return!0}).show()}},addHoverDom:function(a,b){if(i.getRoots().showHoverDom)b.isHover=!0,a.edit.enable&&(e.addEditBtn(a,b),e.addRemoveBtn(a,b)),k.apply(a.view.addHoverDom,[a.treeId,b])},cancelCurEditNode:function(a,b,c){var l=i.getRoot(a),g=l.curEditNode;if(g){var o=l.curEditInput,b=b?b:c?i.nodeName(a,g):o.val();if(k.apply(a.callback.beforeRename,[a.treeId,g,b,c],!0)===!1)return!1;i.nodeName(a,g,b);q(g,d.id.A,
+a).removeClass(d.node.CURSELECTED_EDIT);o.unbind();e.setNodeName(a,g);g.editNameFlag=!1;l.curEditNode=null;l.curEditInput=null;e.selectNode(a,g,!1);a.treeObj.trigger(d.event.RENAME,[a.treeId,g,c])}return l.noSelection=!0},editNode:function(a,b){var c=i.getRoot(a);e.editNodeBlur=!1;if(i.isSelectedNode(a,b)&&c.curEditNode==b&&b.editNameFlag)setTimeout(function(){k.inputFocus(c.curEditInput)},0);else{b.editNameFlag=!0;e.removeTreeDom(a,b);e.cancelCurEditNode(a);e.selectNode(a,b,!1);q(b,d.id.SPAN,a).html("<input type=text class='rename' id='"+
+b.tId+d.id.INPUT+"' treeNode"+d.id.INPUT+" >");var l=q(b,d.id.INPUT,a);l.attr("value",i.nodeName(a,b));a.edit.editNameSelectAll?k.inputSelect(l):k.inputFocus(l);l.bind("blur",function(){e.editNodeBlur||e.cancelCurEditNode(a)}).bind("keydown",function(b){b.keyCode=="13"?(e.editNodeBlur=!0,e.cancelCurEditNode(a)):b.keyCode=="27"&&e.cancelCurEditNode(a,null,!0)}).bind("click",function(){return!1}).bind("dblclick",function(){return!1});q(b,d.id.A,a).addClass(d.node.CURSELECTED_EDIT);c.curEditInput=l;
+c.noSelection=!1;c.curEditNode=b}},moveNode:function(a,b,c,l,g,k){var j=i.getRoot(a);if(b!=c&&(!a.data.keep.leaf||!b||i.nodeIsParent(a,b)||l!=d.move.TYPE_INNER)){var f=c.parentTId?c.getParentNode():j,m=b===null||b==j;m&&b===null&&(b=j);if(m)l=d.move.TYPE_INNER;j=b.parentTId?b.getParentNode():j;if(l!=d.move.TYPE_PREV&&l!=d.move.TYPE_NEXT)l=d.move.TYPE_INNER;if(l==d.move.TYPE_INNER)if(m)c.parentTId=null;else{if(!i.nodeIsParent(a,b))i.nodeIsParent(a,b,!0),b.open=!!b.open,e.setNodeLineIcos(a,b);c.parentTId=
+b.tId}var y;m?y=m=a.treeObj:(!k&&l==d.move.TYPE_INNER?e.expandCollapseNode(a,b,!0,!1):k||e.expandCollapseNode(a,b.getParentNode(),!0,!1),m=q(b,a),y=q(b,d.id.UL,a),m.get(0)&&!y.get(0)&&(y=[],e.makeUlHtml(a,b,y,""),m.append(y.join(""))),y=q(b,d.id.UL,a));var r=q(c,a);r.get(0)?m.get(0)||r.remove():r=e.appendNodes(a,c.level,[c],null,-1,!1,!0).join("");y.get(0)&&l==d.move.TYPE_INNER?y.append(r):m.get(0)&&l==d.move.TYPE_PREV?m.before(r):m.get(0)&&l==d.move.TYPE_NEXT&&m.after(r);var s;y=-1;var r=0,n=null,
+m=null,B=c.level,v=i.nodeChildren(a,f),C=i.nodeChildren(a,j),u=i.nodeChildren(a,b);if(c.isFirstNode){if(y=0,v.length>1)n=v[1],n.isFirstNode=!0}else if(c.isLastNode)y=v.length-1,n=v[y-1],n.isLastNode=!0;else for(j=0,s=v.length;j<s;j++)if(v[j].tId==c.tId){y=j;break}y>=0&&v.splice(y,1);if(l!=d.move.TYPE_INNER)for(j=0,s=C.length;j<s;j++)C[j].tId==b.tId&&(r=j);if(l==d.move.TYPE_INNER){u||(u=i.nodeChildren(a,b,[]));if(u.length>0)m=u[u.length-1],m.isLastNode=!1;u.splice(u.length,0,c);c.isLastNode=!0;c.isFirstNode=
+u.length==1}else b.isFirstNode&&l==d.move.TYPE_PREV?(C.splice(r,0,c),m=b,m.isFirstNode=!1,c.parentTId=b.parentTId,c.isFirstNode=!0,c.isLastNode=!1):b.isLastNode&&l==d.move.TYPE_NEXT?(C.splice(r+1,0,c),m=b,m.isLastNode=!1,c.parentTId=b.parentTId,c.isFirstNode=!1,c.isLastNode=!0):(l==d.move.TYPE_PREV?C.splice(r,0,c):C.splice(r+1,0,c),c.parentTId=b.parentTId,c.isFirstNode=!1,c.isLastNode=!1);i.fixPIdKeyValue(a,c);i.setSonNodeLevel(a,c.getParentNode(),c);e.setNodeLineIcos(a,c);e.repairNodeLevelClass(a,
+c,B);!a.data.keep.parent&&v.length<1?(i.nodeIsParent(a,f,!1),f.open=!1,b=q(f,d.id.UL,a),l=q(f,d.id.SWITCH,a),j=q(f,d.id.ICON,a),e.replaceSwitchClass(f,l,d.folder.DOCU),e.replaceIcoClass(f,j,d.folder.DOCU),b.css("display","none")):n&&e.setNodeLineIcos(a,n);m&&e.setNodeLineIcos(a,m);a.check&&a.check.enable&&e.repairChkClass&&(e.repairChkClass(a,f),e.repairParentChkClassWithSelf(a,f),f!=c.parent&&e.repairParentChkClassWithSelf(a,c));k||e.expandCollapseParentNode(a,c.getParentNode(),!0,g)}},removeEditBtn:function(a,
+b){q(b,d.id.EDIT,a).unbind().remove()},removeRemoveBtn:function(a,b){q(b,d.id.REMOVE,a).unbind().remove()},removeTreeDom:function(a,b){b.isHover=!1;e.removeEditBtn(a,b);e.removeRemoveBtn(a,b);k.apply(a.view.removeHoverDom,[a.treeId,b])},repairNodeLevelClass:function(a,b,c){if(c!==b.level){var e=q(b,a),g=q(b,d.id.A,a),a=q(b,d.id.UL,a),c=d.className.LEVEL+c,b=d.className.LEVEL+b.level;e.removeClass(c);e.addClass(b);g.removeClass(c);g.addClass(b);a.removeClass(c);a.addClass(b)}},selectNodes:function(a,
+b){for(var c=0,d=b.length;c<d;c++)e.selectNode(a,b[c],c>0)}},event:{},data:{setSonNodeLevel:function(a,b,c){if(c){var d=i.nodeChildren(a,c);c.level=b?b.level+1:0;if(d)for(var b=0,g=d.length;b<g;b++)d[b]&&i.setSonNodeLevel(a,c,d[b])}}}});var H=B.fn.zTree,k=H._z.tools,d=H.consts,e=H._z.view,i=H._z.data,q=k.$;i.exSetting({edit:{enable:!1,editNameSelectAll:!1,showRemoveBtn:!0,showRenameBtn:!0,removeTitle:"remove",renameTitle:"rename",drag:{autoExpandTrigger:!1,isCopy:!0,isMove:!0,prev:!0,next:!0,inner:!0,
+minMoveSize:5,borderMax:10,borderMin:-5,maxShowNodeNum:5,autoOpenTime:500}},view:{addHoverDom:null,removeHoverDom:null},callback:{beforeDrag:null,beforeDragOpen:null,beforeDrop:null,beforeEditName:null,beforeRename:null,onDrag:null,onDragMove:null,onDrop:null,onRename:null}});i.addInitBind(function(a){var b=a.treeObj,c=d.event;b.bind(c.RENAME,function(b,c,d,e){k.apply(a.callback.onRename,[b,c,d,e])});b.bind(c.DRAG,function(b,c,d,e){k.apply(a.callback.onDrag,[c,d,e])});b.bind(c.DRAGMOVE,function(b,
+c,d,e){k.apply(a.callback.onDragMove,[c,d,e])});b.bind(c.DROP,function(b,c,d,e,f,i,q){k.apply(a.callback.onDrop,[c,d,e,f,i,q])})});i.addInitUnBind(function(a){var a=a.treeObj,b=d.event;a.unbind(b.RENAME);a.unbind(b.DRAG);a.unbind(b.DRAGMOVE);a.unbind(b.DROP)});i.addInitCache(function(){});i.addInitNode(function(a,b,c){if(c)c.isHover=!1,c.editNameFlag=!1});i.addInitProxy(function(a){var b=a.target,c=i.getSetting(a.data.treeId),e=a.relatedTarget,g="",o=null,j="",f=null,m=null;if(k.eqs(a.type,"mouseover")){if(m=
+k.getMDom(c,b,[{tagName:"a",attrName:"treeNode"+d.id.A}]))g=k.getNodeMainDom(m).id,j="hoverOverNode"}else if(k.eqs(a.type,"mouseout"))m=k.getMDom(c,e,[{tagName:"a",attrName:"treeNode"+d.id.A}]),m||(g="remove",j="hoverOutNode");else if(k.eqs(a.type,"mousedown")&&(m=k.getMDom(c,b,[{tagName:"a",attrName:"treeNode"+d.id.A}])))g=k.getNodeMainDom(m).id,j="mousedownNode";if(g.length>0)switch(o=i.getNodeCache(c,g),j){case "mousedownNode":f=v.onMousedownNode;break;case "hoverOverNode":f=v.onHoverOverNode;
+break;case "hoverOutNode":f=v.onHoverOutNode}return{stop:!1,node:o,nodeEventType:j,nodeEventCallback:f,treeEventType:"",treeEventCallback:null}});i.addInitRoot(function(a){var a=i.getRoot(a),b=i.getRoots();a.curEditNode=null;a.curEditInput=null;a.curHoverNode=null;a.dragFlag=0;a.dragNodeShowBefore=[];a.dragMaskList=[];b.showHoverDom=!0});i.addZTreeTools(function(a,b){b.cancelEditName=function(a){i.getRoot(this.setting).curEditNode&&e.cancelCurEditNode(this.setting,a?a:null,!0)};b.copyNode=function(b,
+l,g,o){if(!l)return null;var j=i.nodeIsParent(a,b);if(b&&!j&&this.setting.data.keep.leaf&&g===d.move.TYPE_INNER)return null;var f=this,m=k.clone(l);if(!b)b=null,g=d.move.TYPE_INNER;g==d.move.TYPE_INNER?(l=function(){e.addNodes(f.setting,b,-1,[m],o)},k.canAsync(this.setting,b)?e.asyncNode(this.setting,b,o,l):l()):(e.addNodes(this.setting,b.parentNode,-1,[m],o),e.moveNode(this.setting,b,m,g,!1,o));return m};b.editName=function(a){a&&a.tId&&a===i.getNodeCache(this.setting,a.tId)&&(a.parentTId&&e.expandCollapseParentNode(this.setting,
+a.getParentNode(),!0),e.editNode(this.setting,a))};b.moveNode=function(b,l,g,o){function j(){e.moveNode(m.setting,b,l,g,!1,o)}if(!l)return l;var f=i.nodeIsParent(a,b);if(b&&!f&&this.setting.data.keep.leaf&&g===d.move.TYPE_INNER)return null;else if(b&&(l.parentTId==b.tId&&g==d.move.TYPE_INNER||q(l,this.setting).find("#"+b.tId).length>0))return null;else b||(b=null);var m=this;k.canAsync(this.setting,b)&&g===d.move.TYPE_INNER?e.asyncNode(this.setting,b,o,j):j();return l};b.setEditable=function(a){this.setting.edit.enable=
+a;return this.refresh()}});var N=e.cancelPreSelectedNode;e.cancelPreSelectedNode=function(a,b){for(var c=i.getRoot(a).curSelectedList,d=0,g=c.length;d<g;d++)if(!b||b===c[d])if(e.removeTreeDom(a,c[d]),b)break;N&&N.apply(e,arguments)};var O=e.createNodes;e.createNodes=function(a,b,c,d,g){O&&O.apply(e,arguments);c&&e.repairParentChkClassWithSelf&&e.repairParentChkClassWithSelf(a,d)};var V=e.makeNodeUrl;e.makeNodeUrl=function(a,b){return a.edit.enable?null:V.apply(e,arguments)};var K=e.removeNode;e.removeNode=
+function(a,b){var c=i.getRoot(a);if(c.curEditNode===b)c.curEditNode=null;K&&K.apply(e,arguments)};var P=e.selectNode;e.selectNode=function(a,b,c){var d=i.getRoot(a);if(i.isSelectedNode(a,b)&&d.curEditNode==b&&b.editNameFlag)return!1;P&&P.apply(e,arguments);e.addHoverDom(a,b);return!0};var U=k.uCanDo;k.uCanDo=function(a,b){var c=i.getRoot(a);if(b&&(k.eqs(b.type,"mouseover")||k.eqs(b.type,"mouseout")||k.eqs(b.type,"mousedown")||k.eqs(b.type,"mouseup")))return!0;if(c.curEditNode)e.editNodeBlur=!1,c.curEditInput.focus();
+return!c.curEditNode&&(U?U.apply(e,arguments):!0)}})(jQuery);
+

src/assets/ztree/jquery.ztree.exhide.min.js

+/*
+ * JQuery zTree exHideNodes v3.5.35
+ * http://treejs.cn/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2018-03-30
+ */
+(function(j){j.extend(!0,j.fn.zTree._z,{view:{clearOldFirstNode:function(c,a){for(var b=a.getNextNode();b;){if(b.isFirstNode){b.isFirstNode=!1;e.setNodeLineIcos(c,b);break}if(b.isLastNode)break;b=b.getNextNode()}},clearOldLastNode:function(c,a,b){for(a=a.getPreNode();a;){if(a.isLastNode){a.isLastNode=!1;b&&e.setNodeLineIcos(c,a);break}if(a.isFirstNode)break;a=a.getPreNode()}},makeDOMNodeMainBefore:function(c,a,b){a=d.isHidden(a,b);c.push("<li ",a?"style='display:none;' ":"","id='",b.tId,"' class='",
+l.className.LEVEL,b.level,"' tabindex='0' hidefocus='true' treenode>")},showNode:function(c,a){d.isHidden(c,a,!1);d.initShowForExCheck(c,a);k(a,c).show()},showNodes:function(c,a,b){if(a&&a.length!=0){var f={},g,i;for(g=0,i=a.length;g<i;g++){var h=a[g];if(!f[h.parentTId]){var u=h.getParentNode();f[h.parentTId]=u===null?d.getRoot(c):h.getParentNode()}e.showNode(c,h,b)}for(var j in f)a=d.nodeChildren(c,f[j]),e.setFirstNodeForShow(c,a),e.setLastNodeForShow(c,a)}},hideNode:function(c,a){d.isHidden(c,a,
+!0);a.isFirstNode=!1;a.isLastNode=!1;d.initHideForExCheck(c,a);e.cancelPreSelectedNode(c,a);k(a,c).hide()},hideNodes:function(c,a,b){if(a&&a.length!=0){var f={},g,i;for(g=0,i=a.length;g<i;g++){var h=a[g];if((h.isFirstNode||h.isLastNode)&&!f[h.parentTId]){var j=h.getParentNode();f[h.parentTId]=j===null?d.getRoot(c):h.getParentNode()}e.hideNode(c,h,b)}for(var k in f)a=d.nodeChildren(c,f[k]),e.setFirstNodeForHide(c,a),e.setLastNodeForHide(c,a)}},setFirstNode:function(c,a){var b=d.nodeChildren(c,a),f=
+d.isHidden(c,b[0],!1);b.length>0&&!f?b[0].isFirstNode=!0:b.length>0&&e.setFirstNodeForHide(c,b)},setLastNode:function(c,a){var b=d.nodeChildren(c,a),f=d.isHidden(c,b[0]);b.length>0&&!f?b[b.length-1].isLastNode=!0:b.length>0&&e.setLastNodeForHide(c,b)},setFirstNodeForHide:function(c,a){var b,f,g;for(f=0,g=a.length;f<g;f++){b=a[f];if(b.isFirstNode)break;if(!d.isHidden(c,b)&&!b.isFirstNode){b.isFirstNode=!0;e.setNodeLineIcos(c,b);break}else b=null}return b},setFirstNodeForShow:function(c,a){var b,f,
+g,i,h;for(f=0,g=a.length;f<g;f++){b=a[f];var j=d.isHidden(c,b);if(!i&&!j&&b.isFirstNode){i=b;break}else if(!i&&!j&&!b.isFirstNode)b.isFirstNode=!0,i=b,e.setNodeLineIcos(c,b);else if(i&&b.isFirstNode){b.isFirstNode=!1;h=b;e.setNodeLineIcos(c,b);break}}return{"new":i,old:h}},setLastNodeForHide:function(c,a){var b,f;for(f=a.length-1;f>=0;f--){b=a[f];if(b.isLastNode)break;if(!d.isHidden(c,b)&&!b.isLastNode){b.isLastNode=!0;e.setNodeLineIcos(c,b);break}else b=null}return b},setLastNodeForShow:function(c,
+a){var b,f,g,i;for(f=a.length-1;f>=0;f--){b=a[f];var h=d.isHidden(c,b);if(!g&&!h&&b.isLastNode){g=b;break}else if(!g&&!h&&!b.isLastNode)b.isLastNode=!0,g=b,e.setNodeLineIcos(c,b);else if(g&&b.isLastNode){b.isLastNode=!1;i=b;e.setNodeLineIcos(c,b);break}}return{"new":g,old:i}}},data:{initHideForExCheck:function(c,a){if(d.isHidden(c,a)&&c.check&&c.check.enable){if(typeof a._nocheck=="undefined")a._nocheck=!!a.nocheck,a.nocheck=!0;a.check_Child_State=-1;e.repairParentChkClassWithSelf&&e.repairParentChkClassWithSelf(c,
+a)}},initShowForExCheck:function(c,a){if(!d.isHidden(c,a)&&c.check&&c.check.enable){if(typeof a._nocheck!="undefined")a.nocheck=a._nocheck,delete a._nocheck;if(e.setChkClass){var b=k(a,l.id.CHECK,c);e.setChkClass(c,b,a)}e.repairParentChkClassWithSelf&&e.repairParentChkClassWithSelf(c,a)}}}});var j=j.fn.zTree,m=j._z.tools,l=j.consts,e=j._z.view,d=j._z.data,k=m.$;d.isHidden=function(c,a,b){if(!a)return!1;c=c.data.key.isHidden;typeof b!=="undefined"&&(typeof b==="string"&&(b=m.eqs(checked,"true")),a[c]=
+!!b);return a[c]};d.exSetting({data:{key:{isHidden:"isHidden"}}});d.addInitNode(function(c,a,b){a=d.isHidden(c,b);d.isHidden(c,b,a);d.initHideForExCheck(c,b)});d.addBeforeA(function(){});d.addZTreeTools(function(c,a){a.showNodes=function(a,b){e.showNodes(c,a,b)};a.showNode=function(a,b){a&&e.showNodes(c,[a],b)};a.hideNodes=function(a,b){e.hideNodes(c,a,b)};a.hideNode=function(a,b){a&&e.hideNodes(c,[a],b)};var b=a.checkNode;if(b)a.checkNode=function(f,e,i,h){(!f||!d.isHidden(c,f))&&b.apply(a,arguments)}});
+var n=d.initNode;d.initNode=function(c,a,b,f,g,i,h){var j=(f?f:d.getRoot(c))[c.data.key.children];d.tmpHideFirstNode=e.setFirstNodeForHide(c,j);d.tmpHideLastNode=e.setLastNodeForHide(c,j);h&&(e.setNodeLineIcos(c,d.tmpHideFirstNode),e.setNodeLineIcos(c,d.tmpHideLastNode));g=d.tmpHideFirstNode===b;i=d.tmpHideLastNode===b;n&&n.apply(d,arguments);h&&i&&e.clearOldLastNode(c,b,h)};var o=d.makeChkFlag;if(o)d.makeChkFlag=function(c,a){(!a||!d.isHidden(c,a))&&o.apply(d,arguments)};var p=d.getTreeCheckedNodes;
+if(p)d.getTreeCheckedNodes=function(c,a,b,f){if(a&&a.length>0){var e=a[0].getParentNode();if(e&&d.isHidden(c,e))return[]}return p.apply(d,arguments)};var q=d.getTreeChangeCheckedNodes;if(q)d.getTreeChangeCheckedNodes=function(c,a,b){if(a&&a.length>0){var e=a[0].getParentNode();if(e&&d.isHidden(c,e))return[]}return q.apply(d,arguments)};var r=e.expandCollapseSonNode;if(r)e.expandCollapseSonNode=function(c,a,b,f,g){(!a||!d.isHidden(c,a))&&r.apply(e,arguments)};var s=e.setSonNodeCheckBox;if(s)e.setSonNodeCheckBox=
+function(c,a,b,f){(!a||!d.isHidden(c,a))&&s.apply(e,arguments)};var t=e.repairParentChkClassWithSelf;if(t)e.repairParentChkClassWithSelf=function(c,a){(!a||!d.isHidden(c,a))&&t.apply(e,arguments)}})(jQuery);

src/assets/ztree/metroStyle/metroStyle.css

+/*-------------------------------------
+zTree Style
+
+version:    3.4
+author:     Hunter.z
+email:      hunter.z@263.net
+website:    http://code.google.com/p/jquerytree/
+
+-------------------------------------*/
+
+.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
+.ztree {margin:0; padding:5px; color:#333}
+.ztree li{padding:0; margin:0; list-style:none; line-height:17px; text-align:left; white-space:nowrap; outline:0}
+.ztree li ul{ margin:0; padding:0 0 0 18px}
+.ztree li ul.line{ background:url(./img/line_conn.png) 0 0 repeat-y;}
+
+.ztree li a {padding-right:3px; margin:0; cursor:pointer; height:21px; color:#333; background-color: transparent; text-decoration:none; vertical-align:top; display: inline-block}
+.ztree li a:hover {text-decoration:underline}
+.ztree li a.curSelectedNode {padding-top:0px; background-color:#e5e5e5; color:black; height:21px; opacity:0.8;}
+.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#e5e5e5; color:black; height:21px; border:1px #666 solid; opacity:0.8;}
+.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#aaa; color:white; height:21px; border:1px #666 solid;
+  opacity:0.8; filter:alpha(opacity=80)}
+.ztree li a.tmpTargetNode_prev {}
+.ztree li a.tmpTargetNode_next {}
+.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
+  font-size:12px; border:1px #585956 solid; *border:0px}
+.ztree li span {line-height:21px; margin-right:2px}
+.ztree li span.button {line-height:0; margin:0; padding: 0; width:21px; height:21px; display: inline-block; vertical-align:middle;
+  border:0 none; cursor: pointer;outline:none;
+  background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+  background-image:url("./img/metro.png"); *background-image:url("./img/metro.gif")}
+
+.ztree li span.button.chk {width:13px; height:13px; margin:0 2px; cursor: auto}
+.ztree li span.button.chk.checkbox_false_full {background-position: -5px -5px;}
+.ztree li span.button.chk.checkbox_false_full_focus {background-position: -5px -26px;}
+.ztree li span.button.chk.checkbox_false_part {background-position: -5px -48px;}
+.ztree li span.button.chk.checkbox_false_part_focus {background-position: -5px -68px;}
+.ztree li span.button.chk.checkbox_false_disable {background-position: -5px -89px;}
+.ztree li span.button.chk.checkbox_true_full {background-position: -26px -5px;}
+.ztree li span.button.chk.checkbox_true_full_focus {background-position: -26px -26px;}
+.ztree li span.button.chk.checkbox_true_part {background-position: -26px -48px;}
+.ztree li span.button.chk.checkbox_true_part_focus {background-position: -26px -68px;}
+.ztree li span.button.chk.checkbox_true_disable {background-position: -26px -89px;}
+.ztree li span.button.chk.radio_false_full {background-position: -47px -5px;}
+.ztree li span.button.chk.radio_false_full_focus {background-position: -47px -26px;}
+.ztree li span.button.chk.radio_false_part {background-position: -47px -47px;}
+.ztree li span.button.chk.radio_false_part_focus {background-position: -47px -68px;}
+.ztree li span.button.chk.radio_false_disable {background-position: -47px -89px;}
+.ztree li span.button.chk.radio_true_full {background-position: -68px -5px;}
+.ztree li span.button.chk.radio_true_full_focus {background-position: -68px -26px;}
+.ztree li span.button.chk.radio_true_part {background-position: -68px -47px;}
+.ztree li span.button.chk.radio_true_part_focus {background-position: -68px -68px;}
+.ztree li span.button.chk.radio_true_disable {background-position: -68px -89px;}
+
+.ztree li span.button.switch {width:21px; height:21px}
+.ztree li span.button.root_open{background-position:-105px -63px}
+.ztree li span.button.root_close{background-position:-126px -63px}
+.ztree li span.button.roots_open{background-position: -105px 0;}
+.ztree li span.button.roots_close{background-position: -126px 0;}
+.ztree li span.button.center_open{background-position: -105px -21px;}
+.ztree li span.button.center_close{background-position: -126px -21px;}
+.ztree li span.button.bottom_open{background-position: -105px -42px;}
+.ztree li span.button.bottom_close{background-position: -126px -42px;}
+.ztree li span.button.noline_open{background-position: -105px -84px;}
+.ztree li span.button.noline_close{background-position: -126px -84px;}
+.ztree li span.button.root_docu{ background:none;}
+.ztree li span.button.roots_docu{background-position: -84px 0;}
+.ztree li span.button.center_docu{background-position: -84px -21px;}
+.ztree li span.button.bottom_docu{background-position: -84px -42px;}
+.ztree li span.button.noline_docu{ background:none;}
+
+.ztree li span.button.ico_open{margin-right:2px; background-position: -147px -21px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_close{margin-right:2px; margin-right:2px; background-position: -147px 0; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_docu{margin-right:2px; background-position: -147px -42px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.edit {margin-left:2px; margin-right: -1px; background-position: -189px -21px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.edit:hover {
+  background-position: -168px -21px;
+}
+.ztree li span.button.remove {margin-left:2px; margin-right: -1px; background-position: -189px -42px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.remove:hover {
+  background-position: -168px -42px;
+}
+.ztree li span.button.add {margin-left:2px; margin-right: -1px; background-position: -189px 0; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.add:hover {
+  background-position: -168px 0;
+}
+.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+
+ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
+
+span.tmpzTreeMove_arrow {width:16px; height:21px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
+    background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+    background-position:-168px -84px; background-image:url("./img/metro.png"); *background-image:url("./img/metro.gif")}
+
+ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
+.ztreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}

src/assets/ztree/ztreestyle/ztreestyle.css

+/*-------------------------------------
+zTree Style
+
+version:	3.5.19
+author:		Hunter.z
+email:		hunter.z@263.net
+website:	http://code.google.com/p/jquerytree/
+
+-------------------------------------*/
+
+.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
+.ztree {margin:0; padding:5px; color:#333}
+.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
+.ztree li ul{ margin:0; padding:0 0 0 18px}
+.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;}
+
+.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
+	text-decoration:none; vertical-align:top; display: inline-block}
+.ztree li a:hover {text-decoration:underline}
+.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
+.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
+.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
+	opacity:0.8; filter:alpha(opacity=80)}
+.ztree li a.tmpTargetNode_prev {}
+.ztree li a.tmpTargetNode_next {}
+.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
+	font-size:12px; border:1px #7EC4CC solid; *border:0px}
+.ztree li span {line-height:16px; margin-right:2px}
+.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
+	border:0 none; cursor: pointer;outline:none;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
+
+.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
+.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
+.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
+.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
+.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
+.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
+.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
+.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
+.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
+.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
+.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
+.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
+.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
+.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
+.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
+.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
+.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
+.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
+.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
+.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
+.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}
+
+.ztree li span.button.switch {width:18px; height:18px}
+.ztree li span.button.root_open{background-position:-92px -54px}
+.ztree li span.button.root_close{background-position:-74px -54px}
+.ztree li span.button.roots_open{background-position:-92px 0}
+.ztree li span.button.roots_close{background-position:-74px 0}
+.ztree li span.button.center_open{background-position:-92px -18px}
+.ztree li span.button.center_close{background-position:-74px -18px}
+.ztree li span.button.bottom_open{background-position:-92px -36px}
+.ztree li span.button.bottom_close{background-position:-74px -36px}
+.ztree li span.button.noline_open{background-position:-92px -72px}
+.ztree li span.button.noline_close{background-position:-74px -72px}
+.ztree li span.button.root_docu{ background:none;}
+.ztree li span.button.roots_docu{background-position:-56px 0}
+.ztree li span.button.center_docu{background-position:-56px -18px}
+.ztree li span.button.bottom_docu{background-position:-56px -36px}
+.ztree li span.button.noline_docu{ background:none;}
+
+.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
+
+.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+
+ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
+
+span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-position:-110px -80px; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
+
+ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
+.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
+
+/* level style*/
+/*.ztree li span.button.level0 {
+	display:none;
+}
+.ztree li ul.level0 {
+	padding:0;
+	background:none;
+}*/
\ No newline at end of file

src/main.ts

-import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import {enableProdMode} from '@angular/core';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
-import { environment } from './environments/environment';
+import {AppModule} from './app/app.module';
+import {environment} from './environments/environment';
 
 if (environment.production) {
   enableProdMode();

src/sass/style.scss

@@ -63,3 +63,31 @@ $material-design-icons-font-path: '~/material-design-icons/iconfont/';
   font-feature-settings: 'liga';
 }
 
+//ul {
+//  padding-left: 0;
+//  list-style-type: none;
+//}
+//
+//ngx-tree div.ngx-tree div.ngx-tree-vr {
+//  display: none;
+//}
+
+.ztree * {
+  background-color: inherit !important;
+  color: #ffffff;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+//.ztree li {
+//font-size: 15pt !important;
+//  padding-top: 5px !important;
+//}
+//
+//.ztree li span.node_name {
+//  padding-left: 8px !important;
+//}
+
+.ztree li span.button::before {
+  color: #ffffff !important;
+}

tslint.json

@@ -117,13 +117,23 @@
     "directive-selector": [
       true,
       "attribute",
-      "app",
-      "camelCase"
+      [
+        "elements",
+        "pages",
+        "app"
+      ],
+      "camelCase",
+      "elements",
+      "pages"
     ],
     "component-selector": [
       true,
       "element",
-      "app",
+      [
+        "elements",
+        "pages",
+        "app"
+      ],
       "kebab-case"
     ],
     "use-input-property-decorator": true,