From 02996e64f01d0519c788c23ff5dedb46c7d07fb1 Mon Sep 17 00:00:00 2001
From: zhongjin <zhongjin@onenetcom.cn>
Date: Sun, 16 Sep 2018 00:02:11 +0800
Subject: [PATCH] new

---
 www/edit.html      | 2 +-
 www/edit.html.map  | 2 +-
 www/index.html     | 4 ++--
 www/index.html.map | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/www/edit.html b/www/edit.html
index 29419d4..746df5b 100644
--- a/www/edit.html
+++ b/www/edit.html
@@ -64,7 +64,7 @@
         }
 
         table.fixed td { overflow: hidden; }
-        table.fixed th { overflow: hidden; font-weight: 100;font-size: 0.8em;}
+        table.fixed th { overflow: hidden; font-weight: 100;}
 
         label {
             font-size: 0.8em;
diff --git a/www/edit.html.map b/www/edit.html.map
index ed7dffc..a72b101 100644
--- a/www/edit.html.map
+++ b/www/edit.html.map
@@ -1 +1 @@
-{"version":3,"sources":["edit.html"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"edit.html","sourcesContent":["<html>\n<head>\n    <title>云控曲线</title>\n    <link href=\"img/favicon.png\" rel=\"shortcut icon\" type=\"image/x-icon\" />\n    <link type=\"text/css\" rel=\"stylesheet\" href=\"../../lib/css/themes/jquery-ui/default/jquery-ui.min.css\">\n    <link type=\"text/css\" rel=\"stylesheet\" href=\"../../lib/css/fancytree/ui.fancytree.min.css\"/>\n    <link type=\"text/css\" rel=\"stylesheet\" href=\"css/jquery.colorpicker.css\"/>\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"../../lib/css/iob/selectID.css\"/>\n\n    <script type=\"text/javascript\" src=\"../../lib/js/jquery-1.11.1.min.js\"></script>\n    <script type=\"text/javascript\" src=\"../../lib/js/jquery-ui-1.10.3.full.min.js\"></script>\n    <script type=\"text/javascript\" src=\"../../lib/js/jquery.fancytree-all.min.js\"></script>\n    <script type=\"text/javascript\" src=\"../../lib/js/translate.js\"></script>\n    <script type=\"text/javascript\" src=\"../../lib/js/selectID.js\"></script>\n    <script type=\"text/javascript\" src=\"../../lib/js/socket.io.js\"></script>\n\n    <script type=\"text/javascript\" src=\"../../_socket/info.js\"></script>\n\n    <style>\n        .ui-resizable-s {\n            cursor: s-resize;\n            height: 10px;\n            width: 100%;\n            bottom: -6px;\n            background: #a0a0a0;\n            left: 0;\n        }\n        .save {\n            /*position: absolute;\n            top: 10px;\n            right: 130px;*/\n            margin-top: 1px;\n            margin-left: 10px;\n        }\n        .save[aria-disabled=\"false\"] {\n            background: #ff7474;\n            color: white;\n            border-color: #8e8e8e;\n        }\n\n        .input {\n            /*width: 150px;*/\n        }\n\n        .input_time {\n            width: 80px;\n        }\n\n        .label {\n            width: 130px;\n        }\n\n        .ui-widget input {\n            font-size: 14px;\n        }\n\n        .header {\n            background: white;\n            color: black;\n            font-size: 0.8em;\n        }\n\n        body {\n            font-family: Arial,PingFangSC-Light,\"Microsoft YaHei\",sans-serif;\n        }\n\n        h3 {\n            line-height: 0.3!important;\n            font-size: 15px!important;\n        }\n\n        .ui-accordion-content {\n            padding: 5px 10px !important;\n        }\n\n        #accordion {\n            font-size: 14px !important;\n            height: 100%;\n        }\n\n        #accordion>div {\n            padding: 3px;\n        }\n\n        table.fixed td { overflow: hidden; }\n        table.fixed th { overflow: hidden; font-weight: 100;font-size: 0.8em;}\n\n        label {\n            font-size: 0.8em;\n            color: #959595;            \n        }\n        \n        table {\n            \n        }\n        \n        .no-spaces {\n            border-collapse: collapse;\n            border-spacing: 0;\n        }\n\n        /*.ui-resizable-s {\n            cursor: s-resize;\n            height: 10px;\n            bottom: -5px;\n            left: 0;\n            right: 0;\n            background-color: gray;\n        }*/\n        .version {\n            position: absolute;\n            top: 16px;\n            right: 10px;\n            color: white;\n        }\n\n        .presets_table_all {\n            width: 100%\n        }\n        .presets_table_all th {\n            background: grey;\n            color: white;\n            text-align: left;\n            padding: 5px;\n        }\n        .presets_table_all td {\n            padding: 5px;\n        }\n\n        .presets_table_all tr:nth-child(even) {\n            background: #dcdbdb;\n        }\n        .presets-selected {\n            background: #7598b9 !important;\n        }\n        .presets_table_th_load {\n            width: 70px;\n        }\n        .presets_table_th_name {\n            width: 20%;\n        }\n        .presets_table_th_ids {\n            width: calc(80 - 150px);\n        }\n        .presets_table_th_buttons {\n            width: 70px;\n        }\n\n    </style>\n</head>\n<body style=\"height: calc(100% - 16px); width: 100%; margin: 0; padding: 0;\">\n\n<div id=\"resizable1\" style=\"overflow: hidden; height: 360px\">\n    <div style=\"height: calc(100% - 75px); position: relative; overflow: hidden;\">\n        <div id=\"accordion\">\n            <ul>\n                <li><a href=\"#chapter_presets\"  class=\"translate\">Presets</a></li>\n                <li><a href=\"#chapter_ids\"      class=\"translate\">Input data</a></li>\n                <li><a href=\"#chapter_markline\" class=\"translate\">Markings</a></li>\n                <li><a href=\"#chapter_time\"     class=\"translate\">Time</a></li>\n                <li><a href=\"#chapter_options\"  class=\"translate\">Options</a></li>\n                <li><button class=\"save\">Save</button></li>\n            </ul>\n            <div id=\"chapter_presets\" style=\"width: 100%; height: calc(100% - 50px); overflow: auto;\">\n                <table class=\"presets_table_all\">\n                    <thead>\n                        <tr>\n                            <th class=\"presets_table_th_load\"></th>\n                            <th class=\"presets_table_th_name translate\">Name</th>\n                            <th class=\"presets_table_th_ids translate\">IDs</th>\n                            <th class=\"presets_table_th_buttons\"></th>\n                        </tr>\n                    </thead>\n                    <tbody id=\"presets_table\">\n\n                    </tbody>\n                </table>\n            </div>\n            <!--h3><span class=\"translate\">Input data</span><span style=\"float:right; font-weight: normal; color: #959595\">Version: 1.5.7</span></h3-->\n            <div id=\"chapter_ids\" style=\"width: 100%; height: calc(100% - 50px); overflow: auto;\">\n                <table>\n                    <tr>\n                        <td colspan=\"7\">\n                            <button style=\"margin-left: 1px\" id=\"ids_add\" class=\"translateB\">Add new line</button>\n                            <button id=\"clear\" title=\"Reset settings\" class=\"translateT\">Clear</button>\n                            <button id=\"arrangeBools\" class=\"translateB button_arrange_bools\">Arrange bools</button>\n                            <label  class=\"translate\" style=\"padding-left: 20px\" for=\"autoUpdate\">Auto-update:</label><input type=\"checkbox\" id=\"autoUpdate\"/>\n                        </td>\n                    </tr>\n                </table>\n                <div style=\"width: 100%;\">\n                    <table style=\"table-layout: fixed;\" class=\"fixed\" id=\"idslist_table\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n                        <tbody id=\"idslist\"></tbody>\n                    </table>\n                </div>\n            </div>\n            <!--h3 class=\"markline-option\"><span class=\"translate\">Markings</span></h3-->\n            <div id=\"chapter_markline\" class=\"markline-option\" style=\"width: 100%; height: calc(100% - 50px); overflow: auto;\">\n                <table style=\"width: 100%\">\n                    <tr>\n                        <td colspan=\"7\">\n                            <button style=\"margin-left: 1px\" id=\"markline_add\" class=\"translateB\">Add new markings</button>\n                        </td>\n                    </tr>\n                </table>\n                <div style=\"width: 100%; height: 100%\">\n                    <table style=\"table-layout: fixed;\" class=\"fixed\" id=\"markline_table\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n                        <thead id=\"markline_head\">\n                        <tr class=\"header\">\n                            <td class=\"translate\" style=\"width: 30%; white-space: nowrap\">Line ID</td>\n                            <td class=\"translate\" style=\"width: 130px; white-space: nowrap\">Upper value or ID</td>\n                            <td class=\"translate\" style=\"width: 40px;\"></td>\n                            <td class=\"translate\" style=\"width: 130px; white-space: nowrap\">Lower value or ID</td>\n                            <td class=\"translate\" style=\"width: 40px;\"></td>\n                            <td class=\"translate\" style=\"width: 180px\">Color</td>\n                            <td class=\"translate\" style=\"width: 80px\">Fill</td>\n                            <td class=\"translate\" style=\"width: 80px\">&#216L</td>\n                            <td class=\"translate\" style=\"width: 80px\">&#216S</td>\n                            <td class=\"translate\" style=\"width: 30%\">Text</td>\n                            <td class=\"translate\" style=\"width: 150px; white-space: nowrap\">Text position</td>\n                            <td class=\"translate\" style=\"width: 100px; white-space: nowrap\">Text offset</td>\n                            <td class=\"translate\" style=\"width: 100px; white-space: nowrap\">Text size</td>\n                            <td class=\"translate\" style=\"width: 180px; white-space: nowrap\">Text color</td>\n                            <td class=\"translate\" style=\"width: 80px\"></td>\n                        </tr>\n                        </thead>\n                        <tbody id=\"markline_list\"></tbody>\n                    </table>\n                </div>\n            </div>\n            <!--h3 class=\"chapter_time\"><span class=\"translate\">Time</span> <span id=\"time_span\"></span></h3-->\n            <div id=\"chapter_time\" style=\"display: flex; height: calc(100% - 50px); overflow: auto;\" class=\"chapter_time\">\n                <table >\n                    <tr>\n                        <td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Time Span</td>\n                    </tr>\n                    <tr class=\"time_timeType\">\n                        <td><label  class=\"translate\" for=\"timeType\">Aggregation:</label></td>\n                        <td><select id=\"timeType\" class=\"input value\">\n                            <option value=\"relative\" class=\"translate\">relative</option>\n                            <option value=\"static\"   class=\"translate\">static</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"relative time_relativeEnd\">\n                        <td><label  class=\"translate\" for=\"relativeEnd\">End:</label></td>\n                        <td><select id=\"relativeEnd\" class=\"input value\">\n                            <option value=\"now\"         class=\"translate\">now</option>\n                            <option value=\"1minute\"     class=\"translate\">end of minute</option>\n                            <option value=\"5minutes\"    class=\"translate\">end of 5 minutes</option>\n                            <option value=\"10minutes\"   class=\"translate\">end of 10 minutes</option>\n                            <option value=\"30minutes\"   class=\"translate\">end of 30 minutes</option>\n                            <option value=\"1hour\"       class=\"translate\">end of hour</option>\n                            <option value=\"2hours\"      class=\"translate\">end of 2 hours</option>\n                            <option value=\"3hours\"      class=\"translate\">end of 3 hours</option>\n                            <option value=\"4hours\"      class=\"translate\">end of 4 hours</option>\n                            <option value=\"6hours\"      class=\"translate\">end of 6 hours</option>\n                            <option value=\"8hours\"      class=\"translate\">end of 8 hours</option>\n                            <option value=\"12hours\"     class=\"translate\">end of 12 hours</option>\n                            <option value=\"today\"       class=\"translate\">end of day</option>\n                            <option value=\"weekEurope\"  class=\"translate\">end of sunday</option>\n                            <option value=\"weekUsa\"     class=\"translate\">end of saturday</option>\n                            <option value=\"month\"       class=\"translate\">this month</option>\n                            <option value=\"year\"        class=\"translate\">this year</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"relative time_range\">\n                        <td><label  class=\"translate\" for=\"range\">Range:</label></td>\n                        <td><select id=\"range\"      class=\"value input\">\n                            <option value=\"10\"      class=\"translate\">10 minutes</option>\n                            <option value=\"30\"      class=\"translate\">30 minutes</option>\n                            <option value=\"60\"      class=\"translate\">1 hour</option>\n                            <option value=\"120\"     class=\"translate\">2 hours</option>\n                            <option value=\"180\"     class=\"translate\">3 hours</option>\n                            <option value=\"360\"     class=\"translate\">6 hours</option>\n                            <option value=\"720\"     class=\"translate\">12 hours</option>\n                            <option value=\"1440\"    class=\"translate\">1 day</option>\n                            <option value=\"2880\"    class=\"translate\">2 days</option>\n                            <option value=\"4320\"    class=\"translate\">3 days</option>\n                            <option value=\"10080\"   class=\"translate\">7 days</option>\n                            <option value=\"20160\"   class=\"translate\">14 days</option>\n                            <option value=\"1m\"      class=\"translate\">1 month</option>\n                            <option value=\"2m\"      class=\"translate\">2 months</option>\n                            <option value=\"3m\"      class=\"translate\">3 months</option>\n                            <option value=\"6m\"      class=\"translate\">6 months</option>\n                            <option value=\"1y\"      class=\"translate\">1 year</option>\n                            <option value=\"2y\"      class=\"translate\">2 years</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"relative time_live\">\n                        <td><label  class=\"translate\" for=\"live\">Live update every:</label></td>\n                        <td><select class=\"value\" id=\"live\">\n                            <option value=\"\"        class=\"translate\">none</option>\n                            <option value=\"5\"       class=\"translate\">5 seconds</option>\n                            <option value=\"10\"      class=\"translate\">10 seconds</option>\n                            <option value=\"15\"      class=\"translate\">15 seconds</option>\n                            <option value=\"20\"      class=\"translate\">20 seconds</option>\n                            <option value=\"30\"      class=\"translate\">30 seconds</option>\n                            <option value=\"60\"      class=\"translate\">1 minute</option>\n                            <option value=\"120\"     class=\"translate\">2 minutes</option>\n                            <option value=\"300\"     class=\"translate\">5 minutes</option>\n                            <option value=\"600\"     class=\"translate\">10 minutes</option>\n                            <option value=\"900\"     class=\"translate\">15 minutes</option>\n                            <option value=\"1200\"    class=\"translate\">20 minutes</option>\n                            <option value=\"1800\"    class=\"translate\">30 minutes</option>\n                            <option value=\"3600\"    class=\"translate\">1 hour</option>\n                            <option value=\"7200\"    class=\"translate\">2 hours</option>\n                            <option value=\"10800\"   class=\"translate\">3 hours</option>\n                            <option value=\"21600\"   class=\"translate\">6 hours</option>\n                            <option value=\"43200\"   class=\"translate\">12 hours</option>\n                            <option value=\"86400\"   class=\"translate\">1 day</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"static time_start\">\n                        <td><label class=\"translate\" for=\"start\">Start:</label></td>\n                        <td><input type=\"date\" id=\"start\" class=\"value input\"> <input type=\"time\" id=\"start_time\" class=\"value input_time\"></td>\n                    </tr>\n                    <tr class=\"static time_end\">\n                        <td><label  class=\"translate\" for=\"end\">End:</label></td>\n                        <td><input type=\"date\" id=\"end\" class=\"value input\"> <input type=\"time\" id=\"end_time\" class=\"value input_time\"></td>\n                    </tr>\n                </table>\n\n                <table style=\"margin-left: 25px\">\n                    <tr>\n                        <td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Aggregate</td>\n                    </tr>\n                    <tr class=\"time_aggregateType\">\n                        <td><label class=\"translate\" for=\"aggregateType\">Step type:</label></td>\n                        <td><select id=\"aggregateType\" class=\"value input\">\n                            <option value=\"count\" class=\"translate\">counts</option>\n                            <option value=\"step\" class=\"translate\">seconds</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"time_aggregateSpan\">\n                        <td><label  id=\"spanName\" class=\"translate\" for=\"aggregateSpan\">Step span:</label></td>\n                        <td><input id=\"aggregateSpan\" value=\"300\" class=\"value input\"></td>\n                    </tr>\n                    <tr class=\"time_ticks\">\n                        <td><label class=\"translate\" for=\"ticks\">Ticks from:</label></td>\n                        <td><table class=\"no-spaces\"><tr><td><input id=\"ticks\" class=\"value input\" style=\"display: inline;\" /></td><td><button style=\"display: inline; margin-right: 15px;\" id=\"ticks_select\"></button></td></tr></table></td>\n                    </tr>\n                </table>\n            </div>\n            <!--h3 class=\"translate chapter_options\">Options</h3-->\n            <div id=\"chapter_options\" style=\"display: flex; height: calc(100% - 50px); overflow: auto;\" class=\"chapter_options\">\n                <table style=\"width: 380px\">\n                    <tr>\n                        <td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Appearance</td>\n                    </tr>\n                    <tr class=\"options_width\">\n                        <td style=\"width: 270px\"><label class=\"translate\" for=\"width\">Width:</label></td>\n                        <td><input id=\"width\" class=\"value input spinner\"/></td>\n                    </tr>\n                    <tr class=\"options_height\">\n                        <td><label class=\"translate\" for=\"height\">Height:</label></td>\n                        <td><input id=\"height\" class=\"value input spinner\"></td>\n                    </tr>\n                    <tr class=\"options_noborder\">\n                        <td><label class=\"translate\" for=\"noBorder\">No border:</label></td>\n                        <td><select class=\"value input\" id=\"noBorder\">\n                            <option value=\"\" class=\"translate\"></option>\n                            <option value=\"noborder\" class=\"translate\">yes</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"options_window_bg\">\n                        <td class=\"label\"><label class=\"translate\" for=\"window_bg\">Window background:</label></td>\n                        <td>\n                            <table class=\"no-spaces\"><tr><td><input id=\"window_bg\" class=\"value input input-static-color\" style=\"display: inline-block\"></td><td><button data-clear=\"window_bg\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table>\n                        </td>\n                    </tr>\n                    <tr class=\"options_bg_custom\">\n                        <td class=\"label\"><label class=\"translate\" for=\"bg_custom\">Custom chart background:</label></td>\n                        <td>\n                            <input type=\"checkbox\" id=\"bg_custom\">\n                        </td>\n                    </tr>\n                    <tr class=\"options_bg\">\n                        <td class=\"label\"><label class=\"bg_predefined\" for=\"bg_predefined\">Chart background:</label></td>\n                        <td>\n                            <select id=\"bg_predefined\">\n                                <option value=\"\" class=\"translate\">default</option>\n                                <option value=\"0\">Portrait</option>\n                                <option value=\"1\">Instagram</option>\n                                <option value=\"2\">ServQuick</option>\n                                <option value=\"3\">Metallic Toad</option>\n                                <option value=\"4\">Clouds</option>\n                                <option value=\"5\">Mirage</option>\n                                <option value=\"6\">Steel Gray</option>\n                                <option value=\"7\">Horizon</option>\n                                <option value=\"8\">Koko Caramel</option>\n                                <option value=\"9\">Turquoise flow</option>\n                            </select>\n                            <input id=\"bg\" class=\"value input\" style=\"display: none\"/>\n                        </td>\n                    </tr>\n                    <tr class=\"options_x_labels_color\">\n                        <td class=\"label\"><label class=\"translate\" for=\"x_labels_color\">X axis labels color:</label></td>\n                        <td>\n                            <table class=\"no-spaces\"><tr><td><input class=\"value input input-static-color\" id=\"x_labels_color\"></td><td><button data-clear=\"x_labels_color\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table>\n                        </td>\n                    </tr>\n                    <tr class=\"options_y_labels_color\">\n                        <td class=\"label\">><label class=\"translate\" for=\"y_labels_color\">Y axis labels color:</label></td>\n                        <td>\n                            <table class=\"no-spaces\"><tr><td><input class=\"value input input-static-color\" id=\"y_labels_color\"></td><td><button data-clear=\"y_labels_color\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table>\n                        </td>\n                    </tr>\n                    <tr class=\"options_border_color\">\n                        <td><label class=\"translate label\" for=\"border_color\">Border color:</label></td>\n                        <td>\n                            <table class=\"no-spaces\"><tr><td><input class=\"value input input-static-color\" id=\"border_color\"></td><td><button data-clear=\"border_color\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table>\n                        </td>\n                    </tr>\n                    <tr class=\"options_grid_color\">\n                        <td class=\"label\"><label class=\"translate\" for=\"grid_color\">Grid color:</label></td>\n                        <td>\n                            <table class=\"no-spaces\"><tr><td><input class=\"value input input-static-color\" id=\"grid_color\"></td><td><button data-clear=\"grid_color\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table>\n                        </td>\n                    </tr>\n                    <tr class=\"options_border_width\">\n                        <td class=\"label\"><label class=\"translate\" for=\"border_width\">Border width:</label></td>\n                        <td>\n                            <input class=\"value input\" id=\"border_width\">\n                        </td>\n                    </tr>\n                </table>\n\n                <table style=\"width: 340px\" class=\"options-bar\">\n                    <tr>\n                        <td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Bar settings</td>\n                    </tr>\n                    <tr class=\"options_barColor\">\n                        <td><label  class=\"translate\" for=\"barColor\">Fill color:</label></td>\n                        <td>\n                            <table class=\"no-spaces\"><tr><td><input class=\"value input input-static-color\" id=\"barColor\"></td><td><button data-clear=\"barColor\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table>\n                        </td>\n                    </tr>\n                    <tr class=\"options_barLabels\">\n                        <td><label  class=\"translate\" for=\"barLabels\">Show labels:</label></td>\n                        <td><select id=\"barLabels\" class=\"value input\">\n                            <option value=\"\"       class=\"translate\">none</option>\n                            <option value=\"topover\"  class=\"translate\">top over</option>\n                            <option value=\"topunder\" class=\"translate\">top under</option>\n                            <option value=\"bottom\"   class=\"translate\">bottom</option>\n                            <option value=\"middle\"   class=\"translate\">middle</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"options_barWidth\">\n                        <td><label class=\"translate\" for=\"barWidth\">Bars width:</label></td>\n                        <td><input id=\"barWidth\" class=\"value input\"></td>\n                    </tr>\n                    <tr class=\"options_barFontSize\">\n                        <td><label class=\"translate\" for=\"barFontSize\">Label font size:</label></td>\n                        <td><input id=\"barFontSize\" class=\"value input\"></td>\n                    </tr>\n                    <tr class=\"options_barFontColor\">\n                        <td><label class=\"translate\" for=\"barFontColor\">Label color:</label></td>\n                        <td>\n                            <table class=\"no-spaces\"><tr><td><input class=\"value input input-static-color\" id=\"barFontColor\"></td><td><button data-clear=\"barFontColor\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table>\n                        </td>\n                    </tr>\n                </table>\n\n                <table style=\"margin-left: 25px; width: 300px\">\n                    <tr><td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Title</td></tr>\n                    <tr class=\"options_title\">\n                        <td><label for=\"title\" class=\"translate\">Title:</label></td>\n                        <td><input id=\"title\" class=\"value input\"></td>\n                    </tr>\n                    <!-- Do not use values 50, 5, and -5. They are reserved for 50-middle/center, 5-inside at edge, -5 outside at edge -->\n                    <tr class=\"options_titlePos\">\n                        <td><label for=\"titlePos\" class=\"translate\">Title position:</label></td>\n                        <td><select class=\"value input\" id=\"titlePos\">\n                            <option value=\"\" class=\"translate\">none</option>\n                            <option value=\"top:35;left:65\" class=\"translate\">Top, left, inside</option>\n                            <option value=\"top:35;right:5\" class=\"translate\">Top, right, inside</option>\n                            <option value=\"top:35;left:50\" class=\"translate\">Top, center, inside</option>\n                            <option value=\"top:50;left:65\" class=\"translate\">Middle, left, inside</option>\n                            <option value=\"top:50;right:5\" class=\"translate\">Middle, right, inside</option>\n                            <option value=\"bottom:5;left:65\" class=\"translate\">Bottom, left, inside</option>\n                            <option value=\"bottom:5;right:5\" class=\"translate\">Bottom, right, inside</option>\n                            <option value=\"bottom:5;left:50\" class=\"translate\">Bottom, center, inside</option>\n\n                            <option value=\"top:5;right:-5\" class=\"translate\">Top, right, outside</option>\n                            <option value=\"top:50;right:-5\" class=\"translate\">Middle, right, outside</option>\n                            <option value=\"bottom:5;right:-5\" class=\"translate\">Bottom, right, outside</option>\n                            <option value=\"bottom:-5;left:50\" class=\"translate\">Bottom, center, outside</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"options_titleColor\">\n                        <td><label class=\"translate\" for=\"titleColor\">Title color:</label></td>\n                        <td><table class=\"no-spaces\"><tr><td><input id=\"titleColor\" class=\"value input input-static-color\"></td><td><button data-clear=\"titleColor\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table></td>\n                    </tr>\n                    <tr class=\"options_titleSize\">\n                        <td><label for=\"titleSize\" class=\"translate\">Title size:</label></td>\n                        <td><input id=\"titleSize\" class=\"value input\"></td>\n                    </tr>\n\n                </table>\n\n                <table style=\"margin-left: 25px; width: 400px\">\n                    <tr><td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Options</td></tr>\n                    <tr class=\"options_legend\">\n                        <td><label class=\"translate\" for=\"legend\">Show legend:</label></td>\n                        <td><select class=\"value input\" id=\"legend\">\n                            <option value=\"\" class=\"translate\">none</option>\n                            <option value=\"nw\" class=\"translate\">Top, left</option>\n                            <option value=\"ne\" class=\"translate\">Top, right</option>\n                            <option value=\"sw\" class=\"translate\">Bottom, left</option>\n                            <option value=\"se\" class=\"translate\">Bottom, right</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"options_legColumns\">\n                        <td><label class=\"translate\" for=\"legColumns\">Legend columns:</label></td>\n                        <td><input type=\"number\" class=\"value\" id=\"legColumns\"></td>\n                    </tr>\n                    <tr class=\"options_legBgOpacity\">\n                        <td><label class=\"translate\" for=\"legBgOpacity\">Legend opacity (from 0 to 1):</label></td>\n                        <td><input class=\"value input\" id=\"legBgOpacity\"/></td>\n                    </tr>\n                    <tr class=\"options_legBg\">\n                        <td><label class=\"translate\" for=\"legBg\">Legend background:</label></td>\n                        <td><table class=\"no-spaces\"><tr><td><input class=\"value input input-static-color\" id=\"legBg\" style=\"display: inline-block\"></td><td><button data-clear=\"legBg\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table></td>\n                    </tr>\n                    <tr class=\"options_hoverDetail\">\n                        <td><label class=\"translate\" for=\"hoverDetail\">Hover details:</label></td>\n                        <td><input type=\"checkbox\" class=\"value\" id=\"hoverDetail\"></td>\n                    </tr>\n                    <tr class=\"options_timeFormat\">\n                        <td><label class=\"translate\" for=\"timeFormat\">Time format:</label></td>\n                        <td><select class=\"value input\" id=\"timeFormat\">\n                            <option value=\"\" class=\"translate\">Default</option>\n                            <option value=\"%H:%M %d.%m\">HH:MM dd.mm</option>\n                            <option value=\"%H:%M %d.%m.\">HH:MM dd.mm.</option>\n                            <option value=\"%H:%M <br> %d.%m\">HH:MM / dd.mm</option>\n                            <option value=\"%H:%M <br> %d.%m.\">HH:MM / dd.mm.</option>\n                            <option value=\"%H:%M <br> %d.%m.%y\">HH:MM / dd.mm.yy</option>\n                            <option value=\"%H:%M:%S %d.%m.%y\">HH:MM:SS dd.mm.yy</option>\n                            <option value=\"%H:%M %d.%m.%y\">HH:MM dd.mm.yy</option>\n                            <option value=\"%I:%M:%S %x %p\">HH:MM:SS mm/dd/yy am (US)</option>\n                            <option value=\"%H:%M:%S %d/%m/%y\">HH:MM:SS dd/mm/yy (UK)</option>\n                            <option value=\"%H:%M:%S %m.%d.%y\">HH:MM:SS mm.dd.yy</option>\n\n                            <option value=\"%H:%M %a\">HH:MM dow</option>\n                            <option value=\"%H:%M:%S %a\">HH:MM:SS dow</option>\n\n                            <option value=\"%H:%M %m.%d\">HH:MM mm.dd</option>\n                            <option value=\"%H:%M:%S\">HH:MM:SS</option>\n                            <option value=\"%H:%M\">HH:MM</option>\n                            <option value=\"%d.%m\">dd.mm</option>\n                            <option value=\"%d.%m.\">dd.mm.</option>\n                            <option value=\"%m/%d\">mm/dd</option>\n                            <option value=\"%d\">dd</option>\n                            <option value=\"%m\">mm</option>\n                            <option value=\"%y\">y</option>\n                            <option value=\"%H\">HH</option>\n                            <option value=\"%M\">MM</option>\n                            <option value=\"%a\">dow</option>\n                            <option value=\"%d.%m.%y\">dd.mm.yy</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"options_smoothing\">\n                        <td><label class=\"translate\" for=\"smoothing\">Smoothing:</label></td>\n                        <td><input class=\"value input\" id=\"smoothing\"></td>\n                    </tr>\n                    <!--tr class=\"options_afterComma\">\n                        <td class=\"translate\">After comma:</td>\n                        <td><input class=\"value input\" id=\"afterComma\"></td>\n                    </tr-->\n                    <tr class=\"options_useComma\">\n                        <td><label class=\"translate\" for=\"useComma\">Use comma:</label></td>\n                        <td><input type=\"checkbox\" class=\"value\" id=\"useComma\"></td>\n                    </tr>\n                    <tr class=\"options_zoom\">\n                        <td><label class=\"translate\" for=\"zoom\">Enable zoom and pan:</label></td>\n                        <td><input type=\"checkbox\" class=\"value\" id=\"zoom\"></td>\n                    </tr>\n                    <tr class=\"options_noedit\">\n                        <td><label class=\"translate\" for=\"noedit\">Hide edit button:</label></td>\n                        <td><input type=\"checkbox\" class=\"value\" id=\"noedit\"></td>\n                    </tr>\n                    <tr class=\"options_animation\">\n                        <td><label class=\"translate\" for=\"animation\">Animation:</label></td>\n                        <td><select class=\"value input\" id=\"animation\">\n                            <option value=\"0\" class=\"translate\">no</option>\n                            <option value=\"300\" class=\"translate\">300ms</option>\n                            <option value=\"500\" class=\"translate\">500ms</option>\n                            <option value=\"1000\" class=\"translate\">1s</option>\n                            <option value=\"2000\" class=\"translate\">2s</option>\n                            <option value=\"3000\" class=\"translate\">3s</option>\n                            <option value=\"5000\" class=\"translate\">5s</option>\n                            <option value=\"10000\" class=\"translate\">10s</option>\n                        </select></td>\n                    </tr>\n                </table>\n            </div>\n        </div>\n        <div class=\"version\">Version: 1.9.2</div>\n    </div>\n    <div style=\"height: 70px; display: flex; justify-content: space-around; align-items: center; margin-top: 4px; margin-bottom: 0\">\n        <label class=\"translate\" for=\"link\">Link</label>\n        <textarea id=\"link\" style=\"width: calc(100% - 260px); height: 55px; word-break: break-all; resize: none\"></textarea>\n        <button style=\"padding-left: 2px\" id=\"open\"          class=\"translateB\">Open</button>\n        <button style=\"padding-left: 5px\" id=\"updatePreview\" class=\"translateB\">update Preview</button>\n    </div>\n</div>\n<iframe style=\"width: calc(100% - 20px); bottom: 0; height: calc(100% - 380px); border: 1px solid #afafaf; border-radius: 2px\" id=\"chart\"></iframe>\n<div id=\"dialog-select-member\" style=\"display: none\"></div>\n\n<div id=\"dialog-line-options\" style=\"display: none\">\n    <table>\n    </table>\n</div>\n<div id=\"dialog-new-preset\" style=\"display: none\">\n    <table>\n        <tr id=\"dialog-new-preset-info-tr\">\n            <td><label for=\"dialog-new-preset-into\" class=\"translate\">Save into:</label></td>\n            <td><select id=\"dialog-new-preset-into\" style=\"width: 100%;\"></select></td>\n        </tr>\n        <tr id=\"dialog-new-preset-name-tr\">\n            <td><label for=\"dialog-new-preset-name\" class=\"translate\">Name:</label></td>\n            <td><input id=\"dialog-new-preset-name\" style=\"width: 100%;\"/></td>\n        </tr>\n    </table>\n</div>\n\n<script type=\"text/javascript\" src=\"js/edit.js\"></script>\n</body>\n</html>\n"]}
\ No newline at end of file
+{"version":3,"sources":["edit.html"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"edit.html","sourcesContent":["<html>\n<head>\n    <title>云控曲线</title>\n    <link href=\"img/favicon.png\" rel=\"shortcut icon\" type=\"image/x-icon\" />\n    <link type=\"text/css\" rel=\"stylesheet\" href=\"../../lib/css/themes/jquery-ui/default/jquery-ui.min.css\">\n    <link type=\"text/css\" rel=\"stylesheet\" href=\"../../lib/css/fancytree/ui.fancytree.min.css\"/>\n    <link type=\"text/css\" rel=\"stylesheet\" href=\"css/jquery.colorpicker.css\"/>\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"../../lib/css/iob/selectID.css\"/>\n\n    <script type=\"text/javascript\" src=\"../../lib/js/jquery-1.11.1.min.js\"></script>\n    <script type=\"text/javascript\" src=\"../../lib/js/jquery-ui-1.10.3.full.min.js\"></script>\n    <script type=\"text/javascript\" src=\"../../lib/js/jquery.fancytree-all.min.js\"></script>\n    <script type=\"text/javascript\" src=\"../../lib/js/translate.js\"></script>\n    <script type=\"text/javascript\" src=\"../../lib/js/selectID.js\"></script>\n    <script type=\"text/javascript\" src=\"../../lib/js/socket.io.js\"></script>\n\n    <script type=\"text/javascript\" src=\"../../_socket/info.js\"></script>\n\n    <style>\n        .ui-resizable-s {\n            cursor: s-resize;\n            height: 10px;\n            width: 100%;\n            bottom: -6px;\n            background: #a0a0a0;\n            left: 0;\n        }\n        .save {\n            /*position: absolute;\n            top: 10px;\n            right: 130px;*/\n            margin-top: 1px;\n            margin-left: 10px;\n        }\n        .save[aria-disabled=\"false\"] {\n            background: #ff7474;\n            color: white;\n            border-color: #8e8e8e;\n        }\n\n        .input {\n            /*width: 150px;*/\n        }\n\n        .input_time {\n            width: 80px;\n        }\n\n        .label {\n            width: 130px;\n        }\n\n        .ui-widget input {\n            font-size: 14px;\n        }\n\n        .header {\n            background: white;\n            color: black;\n            font-size: 0.8em;\n        }\n\n        body {\n            font-family: Arial,PingFangSC-Light,\"Microsoft YaHei\",sans-serif;\n        }\n\n        h3 {\n            line-height: 0.3!important;\n            font-size: 15px!important;\n        }\n\n        .ui-accordion-content {\n            padding: 5px 10px !important;\n        }\n\n        #accordion {\n            font-size: 14px !important;\n            height: 100%;\n        }\n\n        #accordion>div {\n            padding: 3px;\n        }\n\n        table.fixed td { overflow: hidden; }\n        table.fixed th { overflow: hidden; font-weight: 100;}\n\n        label {\n            font-size: 0.8em;\n            color: #959595;            \n        }\n        \n        table {\n            \n        }\n        \n        .no-spaces {\n            border-collapse: collapse;\n            border-spacing: 0;\n        }\n\n        /*.ui-resizable-s {\n            cursor: s-resize;\n            height: 10px;\n            bottom: -5px;\n            left: 0;\n            right: 0;\n            background-color: gray;\n        }*/\n        .version {\n            position: absolute;\n            top: 16px;\n            right: 10px;\n            color: white;\n        }\n\n        .presets_table_all {\n            width: 100%\n        }\n        .presets_table_all th {\n            background: grey;\n            color: white;\n            text-align: left;\n            padding: 5px;\n        }\n        .presets_table_all td {\n            padding: 5px;\n        }\n\n        .presets_table_all tr:nth-child(even) {\n            background: #dcdbdb;\n        }\n        .presets-selected {\n            background: #7598b9 !important;\n        }\n        .presets_table_th_load {\n            width: 70px;\n        }\n        .presets_table_th_name {\n            width: 20%;\n        }\n        .presets_table_th_ids {\n            width: calc(80 - 150px);\n        }\n        .presets_table_th_buttons {\n            width: 70px;\n        }\n\n    </style>\n</head>\n<body style=\"height: calc(100% - 16px); width: 100%; margin: 0; padding: 0;\">\n\n<div id=\"resizable1\" style=\"overflow: hidden; height: 360px\">\n    <div style=\"height: calc(100% - 75px); position: relative; overflow: hidden;\">\n        <div id=\"accordion\">\n            <ul>\n                <li><a href=\"#chapter_presets\"  class=\"translate\">Presets</a></li>\n                <li><a href=\"#chapter_ids\"      class=\"translate\">Input data</a></li>\n                <li><a href=\"#chapter_markline\" class=\"translate\">Markings</a></li>\n                <li><a href=\"#chapter_time\"     class=\"translate\">Time</a></li>\n                <li><a href=\"#chapter_options\"  class=\"translate\">Options</a></li>\n                <li><button class=\"save\">Save</button></li>\n            </ul>\n            <div id=\"chapter_presets\" style=\"width: 100%; height: calc(100% - 50px); overflow: auto;\">\n                <table class=\"presets_table_all\">\n                    <thead>\n                        <tr>\n                            <th class=\"presets_table_th_load\"></th>\n                            <th class=\"presets_table_th_name translate\">Name</th>\n                            <th class=\"presets_table_th_ids translate\">IDs</th>\n                            <th class=\"presets_table_th_buttons\"></th>\n                        </tr>\n                    </thead>\n                    <tbody id=\"presets_table\">\n\n                    </tbody>\n                </table>\n            </div>\n            <!--h3><span class=\"translate\">Input data</span><span style=\"float:right; font-weight: normal; color: #959595\">Version: 1.5.7</span></h3-->\n            <div id=\"chapter_ids\" style=\"width: 100%; height: calc(100% - 50px); overflow: auto;\">\n                <table>\n                    <tr>\n                        <td colspan=\"7\">\n                            <button style=\"margin-left: 1px\" id=\"ids_add\" class=\"translateB\">Add new line</button>\n                            <button id=\"clear\" title=\"Reset settings\" class=\"translateT\">Clear</button>\n                            <button id=\"arrangeBools\" class=\"translateB button_arrange_bools\">Arrange bools</button>\n                            <label  class=\"translate\" style=\"padding-left: 20px\" for=\"autoUpdate\">Auto-update:</label><input type=\"checkbox\" id=\"autoUpdate\"/>\n                        </td>\n                    </tr>\n                </table>\n                <div style=\"width: 100%;\">\n                    <table style=\"table-layout: fixed;\" class=\"fixed\" id=\"idslist_table\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n                        <tbody id=\"idslist\"></tbody>\n                    </table>\n                </div>\n            </div>\n            <!--h3 class=\"markline-option\"><span class=\"translate\">Markings</span></h3-->\n            <div id=\"chapter_markline\" class=\"markline-option\" style=\"width: 100%; height: calc(100% - 50px); overflow: auto;\">\n                <table style=\"width: 100%\">\n                    <tr>\n                        <td colspan=\"7\">\n                            <button style=\"margin-left: 1px\" id=\"markline_add\" class=\"translateB\">Add new markings</button>\n                        </td>\n                    </tr>\n                </table>\n                <div style=\"width: 100%; height: 100%\">\n                    <table style=\"table-layout: fixed;\" class=\"fixed\" id=\"markline_table\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n                        <thead id=\"markline_head\">\n                        <tr class=\"header\">\n                            <td class=\"translate\" style=\"width: 30%; white-space: nowrap\">Line ID</td>\n                            <td class=\"translate\" style=\"width: 130px; white-space: nowrap\">Upper value or ID</td>\n                            <td class=\"translate\" style=\"width: 40px;\"></td>\n                            <td class=\"translate\" style=\"width: 130px; white-space: nowrap\">Lower value or ID</td>\n                            <td class=\"translate\" style=\"width: 40px;\"></td>\n                            <td class=\"translate\" style=\"width: 180px\">Color</td>\n                            <td class=\"translate\" style=\"width: 80px\">Fill</td>\n                            <td class=\"translate\" style=\"width: 80px\">&#216L</td>\n                            <td class=\"translate\" style=\"width: 80px\">&#216S</td>\n                            <td class=\"translate\" style=\"width: 30%\">Text</td>\n                            <td class=\"translate\" style=\"width: 150px; white-space: nowrap\">Text position</td>\n                            <td class=\"translate\" style=\"width: 100px; white-space: nowrap\">Text offset</td>\n                            <td class=\"translate\" style=\"width: 100px; white-space: nowrap\">Text size</td>\n                            <td class=\"translate\" style=\"width: 180px; white-space: nowrap\">Text color</td>\n                            <td class=\"translate\" style=\"width: 80px\"></td>\n                        </tr>\n                        </thead>\n                        <tbody id=\"markline_list\"></tbody>\n                    </table>\n                </div>\n            </div>\n            <!--h3 class=\"chapter_time\"><span class=\"translate\">Time</span> <span id=\"time_span\"></span></h3-->\n            <div id=\"chapter_time\" style=\"display: flex; height: calc(100% - 50px); overflow: auto;\" class=\"chapter_time\">\n                <table >\n                    <tr>\n                        <td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Time Span</td>\n                    </tr>\n                    <tr class=\"time_timeType\">\n                        <td><label  class=\"translate\" for=\"timeType\">Aggregation:</label></td>\n                        <td><select id=\"timeType\" class=\"input value\">\n                            <option value=\"relative\" class=\"translate\">relative</option>\n                            <option value=\"static\"   class=\"translate\">static</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"relative time_relativeEnd\">\n                        <td><label  class=\"translate\" for=\"relativeEnd\">End:</label></td>\n                        <td><select id=\"relativeEnd\" class=\"input value\">\n                            <option value=\"now\"         class=\"translate\">now</option>\n                            <option value=\"1minute\"     class=\"translate\">end of minute</option>\n                            <option value=\"5minutes\"    class=\"translate\">end of 5 minutes</option>\n                            <option value=\"10minutes\"   class=\"translate\">end of 10 minutes</option>\n                            <option value=\"30minutes\"   class=\"translate\">end of 30 minutes</option>\n                            <option value=\"1hour\"       class=\"translate\">end of hour</option>\n                            <option value=\"2hours\"      class=\"translate\">end of 2 hours</option>\n                            <option value=\"3hours\"      class=\"translate\">end of 3 hours</option>\n                            <option value=\"4hours\"      class=\"translate\">end of 4 hours</option>\n                            <option value=\"6hours\"      class=\"translate\">end of 6 hours</option>\n                            <option value=\"8hours\"      class=\"translate\">end of 8 hours</option>\n                            <option value=\"12hours\"     class=\"translate\">end of 12 hours</option>\n                            <option value=\"today\"       class=\"translate\">end of day</option>\n                            <option value=\"weekEurope\"  class=\"translate\">end of sunday</option>\n                            <option value=\"weekUsa\"     class=\"translate\">end of saturday</option>\n                            <option value=\"month\"       class=\"translate\">this month</option>\n                            <option value=\"year\"        class=\"translate\">this year</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"relative time_range\">\n                        <td><label  class=\"translate\" for=\"range\">Range:</label></td>\n                        <td><select id=\"range\"      class=\"value input\">\n                            <option value=\"10\"      class=\"translate\">10 minutes</option>\n                            <option value=\"30\"      class=\"translate\">30 minutes</option>\n                            <option value=\"60\"      class=\"translate\">1 hour</option>\n                            <option value=\"120\"     class=\"translate\">2 hours</option>\n                            <option value=\"180\"     class=\"translate\">3 hours</option>\n                            <option value=\"360\"     class=\"translate\">6 hours</option>\n                            <option value=\"720\"     class=\"translate\">12 hours</option>\n                            <option value=\"1440\"    class=\"translate\">1 day</option>\n                            <option value=\"2880\"    class=\"translate\">2 days</option>\n                            <option value=\"4320\"    class=\"translate\">3 days</option>\n                            <option value=\"10080\"   class=\"translate\">7 days</option>\n                            <option value=\"20160\"   class=\"translate\">14 days</option>\n                            <option value=\"1m\"      class=\"translate\">1 month</option>\n                            <option value=\"2m\"      class=\"translate\">2 months</option>\n                            <option value=\"3m\"      class=\"translate\">3 months</option>\n                            <option value=\"6m\"      class=\"translate\">6 months</option>\n                            <option value=\"1y\"      class=\"translate\">1 year</option>\n                            <option value=\"2y\"      class=\"translate\">2 years</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"relative time_live\">\n                        <td><label  class=\"translate\" for=\"live\">Live update every:</label></td>\n                        <td><select class=\"value\" id=\"live\">\n                            <option value=\"\"        class=\"translate\">none</option>\n                            <option value=\"5\"       class=\"translate\">5 seconds</option>\n                            <option value=\"10\"      class=\"translate\">10 seconds</option>\n                            <option value=\"15\"      class=\"translate\">15 seconds</option>\n                            <option value=\"20\"      class=\"translate\">20 seconds</option>\n                            <option value=\"30\"      class=\"translate\">30 seconds</option>\n                            <option value=\"60\"      class=\"translate\">1 minute</option>\n                            <option value=\"120\"     class=\"translate\">2 minutes</option>\n                            <option value=\"300\"     class=\"translate\">5 minutes</option>\n                            <option value=\"600\"     class=\"translate\">10 minutes</option>\n                            <option value=\"900\"     class=\"translate\">15 minutes</option>\n                            <option value=\"1200\"    class=\"translate\">20 minutes</option>\n                            <option value=\"1800\"    class=\"translate\">30 minutes</option>\n                            <option value=\"3600\"    class=\"translate\">1 hour</option>\n                            <option value=\"7200\"    class=\"translate\">2 hours</option>\n                            <option value=\"10800\"   class=\"translate\">3 hours</option>\n                            <option value=\"21600\"   class=\"translate\">6 hours</option>\n                            <option value=\"43200\"   class=\"translate\">12 hours</option>\n                            <option value=\"86400\"   class=\"translate\">1 day</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"static time_start\">\n                        <td><label class=\"translate\" for=\"start\">Start:</label></td>\n                        <td><input type=\"date\" id=\"start\" class=\"value input\"> <input type=\"time\" id=\"start_time\" class=\"value input_time\"></td>\n                    </tr>\n                    <tr class=\"static time_end\">\n                        <td><label  class=\"translate\" for=\"end\">End:</label></td>\n                        <td><input type=\"date\" id=\"end\" class=\"value input\"> <input type=\"time\" id=\"end_time\" class=\"value input_time\"></td>\n                    </tr>\n                </table>\n\n                <table style=\"margin-left: 25px\">\n                    <tr>\n                        <td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Aggregate</td>\n                    </tr>\n                    <tr class=\"time_aggregateType\">\n                        <td><label class=\"translate\" for=\"aggregateType\">Step type:</label></td>\n                        <td><select id=\"aggregateType\" class=\"value input\">\n                            <option value=\"count\" class=\"translate\">counts</option>\n                            <option value=\"step\" class=\"translate\">seconds</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"time_aggregateSpan\">\n                        <td><label  id=\"spanName\" class=\"translate\" for=\"aggregateSpan\">Step span:</label></td>\n                        <td><input id=\"aggregateSpan\" value=\"300\" class=\"value input\"></td>\n                    </tr>\n                    <tr class=\"time_ticks\">\n                        <td><label class=\"translate\" for=\"ticks\">Ticks from:</label></td>\n                        <td><table class=\"no-spaces\"><tr><td><input id=\"ticks\" class=\"value input\" style=\"display: inline;\" /></td><td><button style=\"display: inline; margin-right: 15px;\" id=\"ticks_select\"></button></td></tr></table></td>\n                    </tr>\n                </table>\n            </div>\n            <!--h3 class=\"translate chapter_options\">Options</h3-->\n            <div id=\"chapter_options\" style=\"display: flex; height: calc(100% - 50px); overflow: auto;\" class=\"chapter_options\">\n                <table style=\"width: 380px\">\n                    <tr>\n                        <td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Appearance</td>\n                    </tr>\n                    <tr class=\"options_width\">\n                        <td style=\"width: 270px\"><label class=\"translate\" for=\"width\">Width:</label></td>\n                        <td><input id=\"width\" class=\"value input spinner\"/></td>\n                    </tr>\n                    <tr class=\"options_height\">\n                        <td><label class=\"translate\" for=\"height\">Height:</label></td>\n                        <td><input id=\"height\" class=\"value input spinner\"></td>\n                    </tr>\n                    <tr class=\"options_noborder\">\n                        <td><label class=\"translate\" for=\"noBorder\">No border:</label></td>\n                        <td><select class=\"value input\" id=\"noBorder\">\n                            <option value=\"\" class=\"translate\"></option>\n                            <option value=\"noborder\" class=\"translate\">yes</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"options_window_bg\">\n                        <td class=\"label\"><label class=\"translate\" for=\"window_bg\">Window background:</label></td>\n                        <td>\n                            <table class=\"no-spaces\"><tr><td><input id=\"window_bg\" class=\"value input input-static-color\" style=\"display: inline-block\"></td><td><button data-clear=\"window_bg\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table>\n                        </td>\n                    </tr>\n                    <tr class=\"options_bg_custom\">\n                        <td class=\"label\"><label class=\"translate\" for=\"bg_custom\">Custom chart background:</label></td>\n                        <td>\n                            <input type=\"checkbox\" id=\"bg_custom\">\n                        </td>\n                    </tr>\n                    <tr class=\"options_bg\">\n                        <td class=\"label\"><label class=\"bg_predefined\" for=\"bg_predefined\">Chart background:</label></td>\n                        <td>\n                            <select id=\"bg_predefined\">\n                                <option value=\"\" class=\"translate\">default</option>\n                                <option value=\"0\">Portrait</option>\n                                <option value=\"1\">Instagram</option>\n                                <option value=\"2\">ServQuick</option>\n                                <option value=\"3\">Metallic Toad</option>\n                                <option value=\"4\">Clouds</option>\n                                <option value=\"5\">Mirage</option>\n                                <option value=\"6\">Steel Gray</option>\n                                <option value=\"7\">Horizon</option>\n                                <option value=\"8\">Koko Caramel</option>\n                                <option value=\"9\">Turquoise flow</option>\n                            </select>\n                            <input id=\"bg\" class=\"value input\" style=\"display: none\"/>\n                        </td>\n                    </tr>\n                    <tr class=\"options_x_labels_color\">\n                        <td class=\"label\"><label class=\"translate\" for=\"x_labels_color\">X axis labels color:</label></td>\n                        <td>\n                            <table class=\"no-spaces\"><tr><td><input class=\"value input input-static-color\" id=\"x_labels_color\"></td><td><button data-clear=\"x_labels_color\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table>\n                        </td>\n                    </tr>\n                    <tr class=\"options_y_labels_color\">\n                        <td class=\"label\">><label class=\"translate\" for=\"y_labels_color\">Y axis labels color:</label></td>\n                        <td>\n                            <table class=\"no-spaces\"><tr><td><input class=\"value input input-static-color\" id=\"y_labels_color\"></td><td><button data-clear=\"y_labels_color\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table>\n                        </td>\n                    </tr>\n                    <tr class=\"options_border_color\">\n                        <td><label class=\"translate label\" for=\"border_color\">Border color:</label></td>\n                        <td>\n                            <table class=\"no-spaces\"><tr><td><input class=\"value input input-static-color\" id=\"border_color\"></td><td><button data-clear=\"border_color\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table>\n                        </td>\n                    </tr>\n                    <tr class=\"options_grid_color\">\n                        <td class=\"label\"><label class=\"translate\" for=\"grid_color\">Grid color:</label></td>\n                        <td>\n                            <table class=\"no-spaces\"><tr><td><input class=\"value input input-static-color\" id=\"grid_color\"></td><td><button data-clear=\"grid_color\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table>\n                        </td>\n                    </tr>\n                    <tr class=\"options_border_width\">\n                        <td class=\"label\"><label class=\"translate\" for=\"border_width\">Border width:</label></td>\n                        <td>\n                            <input class=\"value input\" id=\"border_width\">\n                        </td>\n                    </tr>\n                </table>\n\n                <table style=\"width: 340px\" class=\"options-bar\">\n                    <tr>\n                        <td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Bar settings</td>\n                    </tr>\n                    <tr class=\"options_barColor\">\n                        <td><label  class=\"translate\" for=\"barColor\">Fill color:</label></td>\n                        <td>\n                            <table class=\"no-spaces\"><tr><td><input class=\"value input input-static-color\" id=\"barColor\"></td><td><button data-clear=\"barColor\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table>\n                        </td>\n                    </tr>\n                    <tr class=\"options_barLabels\">\n                        <td><label  class=\"translate\" for=\"barLabels\">Show labels:</label></td>\n                        <td><select id=\"barLabels\" class=\"value input\">\n                            <option value=\"\"       class=\"translate\">none</option>\n                            <option value=\"topover\"  class=\"translate\">top over</option>\n                            <option value=\"topunder\" class=\"translate\">top under</option>\n                            <option value=\"bottom\"   class=\"translate\">bottom</option>\n                            <option value=\"middle\"   class=\"translate\">middle</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"options_barWidth\">\n                        <td><label class=\"translate\" for=\"barWidth\">Bars width:</label></td>\n                        <td><input id=\"barWidth\" class=\"value input\"></td>\n                    </tr>\n                    <tr class=\"options_barFontSize\">\n                        <td><label class=\"translate\" for=\"barFontSize\">Label font size:</label></td>\n                        <td><input id=\"barFontSize\" class=\"value input\"></td>\n                    </tr>\n                    <tr class=\"options_barFontColor\">\n                        <td><label class=\"translate\" for=\"barFontColor\">Label color:</label></td>\n                        <td>\n                            <table class=\"no-spaces\"><tr><td><input class=\"value input input-static-color\" id=\"barFontColor\"></td><td><button data-clear=\"barFontColor\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table>\n                        </td>\n                    </tr>\n                </table>\n\n                <table style=\"margin-left: 25px; width: 300px\">\n                    <tr><td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Title</td></tr>\n                    <tr class=\"options_title\">\n                        <td><label for=\"title\" class=\"translate\">Title:</label></td>\n                        <td><input id=\"title\" class=\"value input\"></td>\n                    </tr>\n                    <!-- Do not use values 50, 5, and -5. They are reserved for 50-middle/center, 5-inside at edge, -5 outside at edge -->\n                    <tr class=\"options_titlePos\">\n                        <td><label for=\"titlePos\" class=\"translate\">Title position:</label></td>\n                        <td><select class=\"value input\" id=\"titlePos\">\n                            <option value=\"\" class=\"translate\">none</option>\n                            <option value=\"top:35;left:65\" class=\"translate\">Top, left, inside</option>\n                            <option value=\"top:35;right:5\" class=\"translate\">Top, right, inside</option>\n                            <option value=\"top:35;left:50\" class=\"translate\">Top, center, inside</option>\n                            <option value=\"top:50;left:65\" class=\"translate\">Middle, left, inside</option>\n                            <option value=\"top:50;right:5\" class=\"translate\">Middle, right, inside</option>\n                            <option value=\"bottom:5;left:65\" class=\"translate\">Bottom, left, inside</option>\n                            <option value=\"bottom:5;right:5\" class=\"translate\">Bottom, right, inside</option>\n                            <option value=\"bottom:5;left:50\" class=\"translate\">Bottom, center, inside</option>\n\n                            <option value=\"top:5;right:-5\" class=\"translate\">Top, right, outside</option>\n                            <option value=\"top:50;right:-5\" class=\"translate\">Middle, right, outside</option>\n                            <option value=\"bottom:5;right:-5\" class=\"translate\">Bottom, right, outside</option>\n                            <option value=\"bottom:-5;left:50\" class=\"translate\">Bottom, center, outside</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"options_titleColor\">\n                        <td><label class=\"translate\" for=\"titleColor\">Title color:</label></td>\n                        <td><table class=\"no-spaces\"><tr><td><input id=\"titleColor\" class=\"value input input-static-color\"></td><td><button data-clear=\"titleColor\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table></td>\n                    </tr>\n                    <tr class=\"options_titleSize\">\n                        <td><label for=\"titleSize\" class=\"translate\">Title size:</label></td>\n                        <td><input id=\"titleSize\" class=\"value input\"></td>\n                    </tr>\n\n                </table>\n\n                <table style=\"margin-left: 25px; width: 400px\">\n                    <tr><td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Options</td></tr>\n                    <tr class=\"options_legend\">\n                        <td><label class=\"translate\" for=\"legend\">Show legend:</label></td>\n                        <td><select class=\"value input\" id=\"legend\">\n                            <option value=\"\" class=\"translate\">none</option>\n                            <option value=\"nw\" class=\"translate\">Top, left</option>\n                            <option value=\"ne\" class=\"translate\">Top, right</option>\n                            <option value=\"sw\" class=\"translate\">Bottom, left</option>\n                            <option value=\"se\" class=\"translate\">Bottom, right</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"options_legColumns\">\n                        <td><label class=\"translate\" for=\"legColumns\">Legend columns:</label></td>\n                        <td><input type=\"number\" class=\"value\" id=\"legColumns\"></td>\n                    </tr>\n                    <tr class=\"options_legBgOpacity\">\n                        <td><label class=\"translate\" for=\"legBgOpacity\">Legend opacity (from 0 to 1):</label></td>\n                        <td><input class=\"value input\" id=\"legBgOpacity\"/></td>\n                    </tr>\n                    <tr class=\"options_legBg\">\n                        <td><label class=\"translate\" for=\"legBg\">Legend background:</label></td>\n                        <td><table class=\"no-spaces\"><tr><td><input class=\"value input input-static-color\" id=\"legBg\" style=\"display: inline-block\"></td><td><button data-clear=\"legBg\" class=\"clear-button\" style=\"display: inline-block\"></button></td></tr></table></td>\n                    </tr>\n                    <tr class=\"options_hoverDetail\">\n                        <td><label class=\"translate\" for=\"hoverDetail\">Hover details:</label></td>\n                        <td><input type=\"checkbox\" class=\"value\" id=\"hoverDetail\"></td>\n                    </tr>\n                    <tr class=\"options_timeFormat\">\n                        <td><label class=\"translate\" for=\"timeFormat\">Time format:</label></td>\n                        <td><select class=\"value input\" id=\"timeFormat\">\n                            <option value=\"\" class=\"translate\">Default</option>\n                            <option value=\"%H:%M %d.%m\">HH:MM dd.mm</option>\n                            <option value=\"%H:%M %d.%m.\">HH:MM dd.mm.</option>\n                            <option value=\"%H:%M <br> %d.%m\">HH:MM / dd.mm</option>\n                            <option value=\"%H:%M <br> %d.%m.\">HH:MM / dd.mm.</option>\n                            <option value=\"%H:%M <br> %d.%m.%y\">HH:MM / dd.mm.yy</option>\n                            <option value=\"%H:%M:%S %d.%m.%y\">HH:MM:SS dd.mm.yy</option>\n                            <option value=\"%H:%M %d.%m.%y\">HH:MM dd.mm.yy</option>\n                            <option value=\"%I:%M:%S %x %p\">HH:MM:SS mm/dd/yy am (US)</option>\n                            <option value=\"%H:%M:%S %d/%m/%y\">HH:MM:SS dd/mm/yy (UK)</option>\n                            <option value=\"%H:%M:%S %m.%d.%y\">HH:MM:SS mm.dd.yy</option>\n\n                            <option value=\"%H:%M %a\">HH:MM dow</option>\n                            <option value=\"%H:%M:%S %a\">HH:MM:SS dow</option>\n\n                            <option value=\"%H:%M %m.%d\">HH:MM mm.dd</option>\n                            <option value=\"%H:%M:%S\">HH:MM:SS</option>\n                            <option value=\"%H:%M\">HH:MM</option>\n                            <option value=\"%d.%m\">dd.mm</option>\n                            <option value=\"%d.%m.\">dd.mm.</option>\n                            <option value=\"%m/%d\">mm/dd</option>\n                            <option value=\"%d\">dd</option>\n                            <option value=\"%m\">mm</option>\n                            <option value=\"%y\">y</option>\n                            <option value=\"%H\">HH</option>\n                            <option value=\"%M\">MM</option>\n                            <option value=\"%a\">dow</option>\n                            <option value=\"%d.%m.%y\">dd.mm.yy</option>\n                        </select></td>\n                    </tr>\n                    <tr class=\"options_smoothing\">\n                        <td><label class=\"translate\" for=\"smoothing\">Smoothing:</label></td>\n                        <td><input class=\"value input\" id=\"smoothing\"></td>\n                    </tr>\n                    <!--tr class=\"options_afterComma\">\n                        <td class=\"translate\">After comma:</td>\n                        <td><input class=\"value input\" id=\"afterComma\"></td>\n                    </tr-->\n                    <tr class=\"options_useComma\">\n                        <td><label class=\"translate\" for=\"useComma\">Use comma:</label></td>\n                        <td><input type=\"checkbox\" class=\"value\" id=\"useComma\"></td>\n                    </tr>\n                    <tr class=\"options_zoom\">\n                        <td><label class=\"translate\" for=\"zoom\">Enable zoom and pan:</label></td>\n                        <td><input type=\"checkbox\" class=\"value\" id=\"zoom\"></td>\n                    </tr>\n                    <tr class=\"options_noedit\">\n                        <td><label class=\"translate\" for=\"noedit\">Hide edit button:</label></td>\n                        <td><input type=\"checkbox\" class=\"value\" id=\"noedit\"></td>\n                    </tr>\n                    <tr class=\"options_animation\">\n                        <td><label class=\"translate\" for=\"animation\">Animation:</label></td>\n                        <td><select class=\"value input\" id=\"animation\">\n                            <option value=\"0\" class=\"translate\">no</option>\n                            <option value=\"300\" class=\"translate\">300ms</option>\n                            <option value=\"500\" class=\"translate\">500ms</option>\n                            <option value=\"1000\" class=\"translate\">1s</option>\n                            <option value=\"2000\" class=\"translate\">2s</option>\n                            <option value=\"3000\" class=\"translate\">3s</option>\n                            <option value=\"5000\" class=\"translate\">5s</option>\n                            <option value=\"10000\" class=\"translate\">10s</option>\n                        </select></td>\n                    </tr>\n                </table>\n            </div>\n        </div>\n        <div class=\"version\">Version: 1.9.2</div>\n    </div>\n    <div style=\"height: 70px; display: flex; justify-content: space-around; align-items: center; margin-top: 4px; margin-bottom: 0\">\n        <label class=\"translate\" for=\"link\">Link</label>\n        <textarea id=\"link\" style=\"width: calc(100% - 260px); height: 55px; word-break: break-all; resize: none\"></textarea>\n        <button style=\"padding-left: 2px\" id=\"open\"          class=\"translateB\">Open</button>\n        <button style=\"padding-left: 5px\" id=\"updatePreview\" class=\"translateB\">update Preview</button>\n    </div>\n</div>\n<iframe style=\"width: calc(100% - 20px); bottom: 0; height: calc(100% - 380px); border: 1px solid #afafaf; border-radius: 2px\" id=\"chart\"></iframe>\n<div id=\"dialog-select-member\" style=\"display: none\"></div>\n\n<div id=\"dialog-line-options\" style=\"display: none\">\n    <table>\n    </table>\n</div>\n<div id=\"dialog-new-preset\" style=\"display: none\">\n    <table>\n        <tr id=\"dialog-new-preset-info-tr\">\n            <td><label for=\"dialog-new-preset-into\" class=\"translate\">Save into:</label></td>\n            <td><select id=\"dialog-new-preset-into\" style=\"width: 100%;\"></select></td>\n        </tr>\n        <tr id=\"dialog-new-preset-name-tr\">\n            <td><label for=\"dialog-new-preset-name\" class=\"translate\">Name:</label></td>\n            <td><input id=\"dialog-new-preset-name\" style=\"width: 100%;\"/></td>\n        </tr>\n    </table>\n</div>\n\n<script type=\"text/javascript\" src=\"js/edit.js\"></script>\n</body>\n</html>\n"]}
\ No newline at end of file
diff --git a/www/index.html b/www/index.html
index 8a8df0e..7e5ba78 100644
--- a/www/index.html
+++ b/www/index.html
@@ -1,4 +1,4 @@
-<head><title>Flot Chart</title><meta http-equiv="content-type" content="text/html; charset=utf-8"><link href="img/favicon.png" rel="shortcut icon" type="image/x-icon"><script type="text/javascript" src="../../lib/js/jquery-1.11.2.min.js"></script><script type="text/javascript" src="../../lib/js/socket.io.js"></script><script type="text/javascript" src="../../_socket/info.js"></script><style>.rickshaw_graph .x_tick.invisible {
+<head><title>云控曲线</title><meta http-equiv="content-type" content="text/html; charset=utf-8"><link href="img/favicon.png" rel="shortcut icon" type="image/x-icon"><script type="text/javascript" src="../../lib/js/jquery-1.11.2.min.js"></script><script type="text/javascript" src="../../lib/js/socket.io.js"></script><script type="text/javascript" src="../../_socket/info.js"></script><style>.rickshaw_graph .x_tick.invisible {
             border-left: 0 rgba(0, 0, 0, 0) !important;
         }
 
@@ -8,7 +8,7 @@
         }
 
         div, span, p, td {
-            font-family: Arial, sans-serif;
+            font-family: Arial,PingFangSC-Light,"Microsoft YaHei",sans-serif;
         }
 
         #chart {
diff --git a/www/index.html.map b/www/index.html.map
index 1e6800b..b7f4c7a 100644
--- a/www/index.html.map
+++ b/www/index.html.map
@@ -1 +1 @@
-{"version":3,"sources":["index.html"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.html","sourcesContent":["<head>\n    <title>Flot Chart</title>\n    <meta http-equiv=\"content-type\" content=\"text/html; charset=utf-8\">\n    <link href=\"img/favicon.png\" rel=\"shortcut icon\" type=\"image/x-icon\" />\n\n    <!--link type=\"text/css\" rel=\"stylesheet\" href=\"/lib/css/themes/jquery-ui/default/jquery-ui.min.css\"-->\n\n    <script type=\"text/javascript\" src=\"../../lib/js/jquery-1.11.2.min.js\"></script>\n    <!--script src=\"/lib/js/jquery-ui.1.11.2.slider.min.js\"></script-->\n    <script type=\"text/javascript\" src=\"../../lib/js/socket.io.js\"></script>\n\n    <script type=\"text/javascript\" src=\"../../_socket/info.js\"></script>\n    <style>\n        .rickshaw_graph .x_tick.invisible {\n            border-left: 0 rgba(0, 0, 0, 0) !important;\n        }\n\n        #title {\n            font-size: 24px;\n            font-weight: bold;\n        }\n\n        div, span, p, td {\n            font-family: Arial, sans-serif;\n        }\n\n        #chart {\n            display: inline-block;\n        }\n\n        #legend_container {\n            position: absolute;\n            right: 0;\n            bottom: 26px;\n            width: 0;\n        }\n\n        .chart-container {\n            box-sizing: border-box;\n            padding: 20px 15px 15px 15px;\n            /*margin: 15px auto 30px auto;*/\n            border: 1px solid #ddd;\n            background: #fff;\n            background: linear-gradient(#f6f6f6 0, #fff 50px);\n            background: -o-linear-gradient(#f6f6f6 0, #fff 50px);\n            background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);\n            background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);\n            background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);\n            -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n            -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n            -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n            -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .chart-placeholder {\n            width: 100%;\n            height: 100%;\n            font-size: 14px;\n            line-height: 1.2em;\n        }\n\n        /* ------------------ connecting -------------------------- */\n        #server-disconnect {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            overflow: hidden;\n            background-color: rgba(231,231,231,0.9) !important;\n            background-size: 100% !important;\n            background-position: center !important;\n            background-repeat: no-repeat !important;\n            z-index: 5000;\n        }\n\n        #server-disconnect > * {\n            /* center child divs  */\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            /* x-border-box */\n            box-sizing: border-box;\n            -moz-box-sizing: border-box;\n            -ms-box-sizing: border-box;\n            -webkit-box-sizing: border-box;\n            /* x-unselectable */\n            user-select: none;\n            -o-user-select: none;\n            -ms-user-select: none;\n            -moz-user-select: -moz-none;\n            -webkit-user-select: none;\n            cursor: default;\n        }\n        .splash-screen-circle-outer {\n            z-index: 20000;\n            width: 100px;\n            height: 100px;\n            border-radius: 100px;\n            margin-top: -50px;\n            margin-left: -50px;\n            border: 5px solid rgba(87, 113, 145, 0.9);\n            opacity: .9;\n            border-right: 5px solid rgba(0, 0, 0, 0);\n            border-left: 5px solid rgba(0, 0, 0, 0);\n            box-shadow: 0 0 35px #577191;\n            -moz-animation: spinPulse 5s infinite ease-in-out;\n            -webkit-animation: spinPulse 5s infinite linear;\n        }\n        .splash-screen-circle-inner {\n            z-index: 20001;\n            width: 80px;\n            height: 80px;\n            border-radius: 80px;\n            margin-top: -40px;\n            margin-left: -40px;\n            background-color: rgba(0, 0, 0, 0);\n            border: 5px solid rgba(87, 113, 145, 0.9);\n            opacity: .9;\n            border-left: 5px solid rgba(0, 0, 0, 0);\n            border-right: 5px solid rgba(0, 0, 0, 0);\n            box-shadow: 0 0 15px #577191;\n            -moz-animation: spinoffPulse 5s infinite linear;\n            -webkit-animation: spinoffPulse 5s infinite linear;\n        }\n        .splash-screen-text {\n            z-index: 20002;\n            width: 100px;\n            height: 100px;\n            line-height: 100px;\n            margin-top: -50px;\n            margin-left: -50px;\n            font-family: Verdana, Geneva, sans-serif;\n            font-size: 13px;\n            text-align: center;\n            text-shadow: 1px 1px #cccccc;\n            vertical-align: middle;\n            color: #002951;\n        }\n        @-moz-keyframes spinPulse {\n            0% {\n                -moz-transform: rotate(160deg);\n                opacity: 0;\n                box-shadow: 0 0 1px #577191;\n            }\n            50% {\n                -moz-transform: rotate(145deg);\n                opacity: 1;\n            }\n            100% {\n                -moz-transform: rotate(-320deg);\n                opacity: 0;\n            }\n        }\n        @-moz-keyframes spinoffPulse {\n            0% {\n                -moz-transform: rotate(0deg);\n            }\n            100% {\n                -moz-transform: rotate(360deg);\n            }\n        }\n        @-webkit-keyframes spinPulse {\n            0% {\n                -webkit-transform: rotate(160deg);\n                opacity: 0;\n                box-shadow: 0 0 1px #577191;\n            }\n            50% {\n                -webkit-transform: rotate(145deg);\n                opacity: 1;\n            }\n            100% {\n                -webkit-transform: rotate(-320deg);\n                opacity: 0;\n            }\n        }\n        @-webkit-keyframes spinoffPulse {\n            0% {\n                -webkit-transform: rotate(0deg);\n            }\n            100% {\n                -webkit-transform: rotate(360deg);\n            }\n        }\n\n        .loader,\n        .loader:before,\n        .loader:after {\n            background: #8ca6ff;\n            -webkit-animation: load1 1s infinite ease-in-out;\n            animation: load1 1s infinite ease-in-out;\n            width: 1em;\n            height: 4em;\n        }\n        .loader:before,\n        .loader:after {\n            position: absolute;\n            top: 0;\n            content: '';\n        }\n        .loader:before {\n            left: -1.5em;\n            -webkit-animation-delay: -0.32s;\n            animation-delay: -0.32s;\n        }\n        .loader {\n            color:          #8ca6ff;\n            text-indent:    -9999em;\n            font-size:      11px;\n            -webkit-transform: translateZ(0);\n            -ms-transform:  translateZ(0);\n            transform:      translateZ(0);\n            -webkit-animation-delay: -0.16s;\n            animation-delay: -0.16s;\n            position:       absolute;\n            top:            5em;\n            left:           13em;\n            z-index:        1000;\n        }\n        .loader:after {\n            left:           1.5em;\n        }\n        @-webkit-keyframes load1 {\n            0%,\n            80%,\n            100% {\n                box-shadow: 0 0;\n                height: 2.5em;\n            }\n            40% {\n                box-shadow: 0 -1em;\n                height: 3em;\n            }\n        }\n        @keyframes load1 {\n            0%,\n            80%,\n            100% {\n                box-shadow: 0 0;\n                height: 2.5em;\n            }\n            40% {\n                box-shadow: 0 -1em;\n                height: 3em;\n            }\n        }\n\n        #resetZoom {\n            position: absolute;\n            right: 50%;\n            top: 20px;\n            z-index: 10;\n            cursor: pointer\n        }\n\n        #edit {\n            position: absolute;\n            right: 20px;\n            top: 10px;\n            z-index: 10;\n            cursor: pointer;\n            opacity: 0.4;\n        }\n\n        .data-point-label {\n            text-align: center;\n            overflow: visible;\n            white-space: nowrap;\n        }\n\n    </style>\n</head>\n<body style=\"margin: 0\">\n\n    <div id=\"chart_container\">\n        <div id=\"server-disconnect\">\n            <div class=\"splash-screen-text\">...</div>\n            <div class=\"splash-screen-circle-outer\"></div>\n            <div class=\"splash-screen-circle-inner\"></div>\n        </div>\n        <div id=\"no-connection\"\n             style=\"position: absolute; left: 50%; top: 50%; display: none; font-size: 3em; background: rgba(0, 0, 0, 0.1); border-radius: 10px; text-align: center\">\n            No connection to server\n        </div>\n        <div id=\"chart_placeholder\" class=\"chart-placeholder\"></div>\n        <div id=\"title\" style=\"position:absolute\"></div>\n    </div>\n    <div id=\"edit\" style=\"display: none\">\n        <svg fill=\"#000000\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"></path>\n            <path d=\"M0 0h24v24H0z\" fill=\"none\"></path>\n        </svg>\n    </div>\n    <svg style=\"display: none\" title=\"Reset zoom\" id=\"resetZoom\" height='35' width='35'  fill=\"#000000\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 126.308 118.728\" enable-background=\"new 0 0 126.308 118.728\" xml:space=\"preserve\">\n        <path fill=\"#DDDDDD\" d=\"M123.962,99.037c-0.082-0.076-0.172-0.116-0.246-0.181L100.929,76.46l-5.749-5.648c5.875-12.929,5.905-28.35-1.279-41.82  C81.632,6.015,52.957-2.707,29.979,9.555c-0.486,0.257-0.944,0.549-1.418,0.826c-7.41,4.288-13.254,10.305-17.261,17.284  c-2.663-1.367-4.591-2.553-4.868-2.73c0.261,0.17,0.083,0.008-0.245-0.225c-0.237-0.198-0.505-0.352-0.798-0.482  c-0.11-0.056-0.229-0.103-0.324-0.135c-0.253-0.079-0.514-0.11-0.767-0.118c-0.063-0.008-0.11-0.004-0.182-0.004  c-0.221,0.004-0.442,0.027-0.656,0.075c-0.024,0.008-0.047,0.008-0.071,0.016c-1.035,0.257-1.92,1.027-2.256,2.134  c-0.13,0.407-0.154,0.822-0.118,1.225c0,0-0.012,0.012-0.004,0.016c0,0,0,0,0,0.008c0.008,0.355,0.047,0.735,0.142,1.138  L5.259,46.24l1.284,5.544l1.142,4.892l0.367,1.572c0.751,3.265,3.375,4.062,5.825,1.771l5.469-5.109l1.549-1.454l3.563-3.331  l10.954-10.246l0.707-0.66c0.083-0.079,0.139-0.158,0.209-0.237l0.459-0.451l-0.032-0.008c0.285-0.324,0.53-0.695,0.664-1.13  c0.036-0.115,0.048-0.229,0.071-0.34c0.213-0.846,0.047-1.651-0.482-2.331c-0.391-0.581-0.964-1.043-1.684-1.261  c0,0-4.259,0.296-10.384-0.929c1.415-2.062,3.066-3.975,4.947-5.702c1.999-1.829,4.252-3.449,6.749-4.781  c4.687-2.497,9.705-3.746,14.676-3.872c12.131-0.312,24.001,6.069,30.094,17.485c7.713,14.462,3.564,32.133-9.033,41.802  c-0.438,0.332-0.877,0.66-1.327,0.973c-0.174,0.118-0.348,0.236-0.521,0.352c-0.11,0.079-0.229,0.15-0.348,0.225  c-0.593,0.384-1.21,0.735-1.834,1.087c-9.049,4.991-20.302,5.698-30.315,0.894c-1.304-0.629-2.545-1.344-3.73-2.118  c-0.34-0.222-0.684-0.45-1.019-0.688c-0.245-0.079-0.498-0.135-0.771-0.135c-0.447,0.008-0.857,0.139-1.209,0.355l-0.455,0.36  l-7.239,5.643l-0.829,0.644c-0.34,0.411-0.546,0.929-0.546,1.506c0.008,0.485,0.158,0.937,0.411,1.312  c0.355,0.289,0.719,0.577,1.083,0.857c2.505,1.917,5.231,3.611,8.183,5.026c10.437,5.011,21.809,5.82,32.225,3.13  c0.031,0,0.063,0.016,0.103,0.016c0.442-0.119,0.89-0.237,1.328-0.363c3.026-0.886,6.006-2.079,8.898-3.62  c1.165-0.624,2.284-1.3,3.382-2.007c0.15-0.095,0.305-0.189,0.455-0.289c0.32-0.209,0.628-0.431,0.944-0.644  c0.11-0.078,0.216-0.156,0.325-0.232l4.841,4.768l22.066,21.671c0.049,0.05,0.09,0.134,0.14,0.189  c3.776,3.76,10.697,2.926,15.472-1.867C126.878,109.723,127.713,102.788,123.962,99.037z\"></path>\n    </svg>\n    <div class=\"loader\" style=\"display: none\"></div>\n\n    <script src=\"js/flot.js\"></script>\n</body>\n"]}
\ No newline at end of file
+{"version":3,"sources":["index.html"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.html","sourcesContent":["<head>\n    <title>云控曲线</title>\n    <meta http-equiv=\"content-type\" content=\"text/html; charset=utf-8\">\n    <link href=\"img/favicon.png\" rel=\"shortcut icon\" type=\"image/x-icon\" />\n\n    <!--link type=\"text/css\" rel=\"stylesheet\" href=\"/lib/css/themes/jquery-ui/default/jquery-ui.min.css\"-->\n\n    <script type=\"text/javascript\" src=\"../../lib/js/jquery-1.11.2.min.js\"></script>\n    <!--script src=\"/lib/js/jquery-ui.1.11.2.slider.min.js\"></script-->\n    <script type=\"text/javascript\" src=\"../../lib/js/socket.io.js\"></script>\n\n    <script type=\"text/javascript\" src=\"../../_socket/info.js\"></script>\n    <style>\n        .rickshaw_graph .x_tick.invisible {\n            border-left: 0 rgba(0, 0, 0, 0) !important;\n        }\n\n        #title {\n            font-size: 24px;\n            font-weight: bold;\n        }\n\n        div, span, p, td {\n            font-family: Arial,PingFangSC-Light,\"Microsoft YaHei\",sans-serif;\n        }\n\n        #chart {\n            display: inline-block;\n        }\n\n        #legend_container {\n            position: absolute;\n            right: 0;\n            bottom: 26px;\n            width: 0;\n        }\n\n        .chart-container {\n            box-sizing: border-box;\n            padding: 20px 15px 15px 15px;\n            /*margin: 15px auto 30px auto;*/\n            border: 1px solid #ddd;\n            background: #fff;\n            background: linear-gradient(#f6f6f6 0, #fff 50px);\n            background: -o-linear-gradient(#f6f6f6 0, #fff 50px);\n            background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);\n            background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);\n            background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);\n            -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n            -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n            -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n            -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .chart-placeholder {\n            width: 100%;\n            height: 100%;\n            font-size: 14px;\n            line-height: 1.2em;\n        }\n\n        /* ------------------ connecting -------------------------- */\n        #server-disconnect {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            overflow: hidden;\n            background-color: rgba(231,231,231,0.9) !important;\n            background-size: 100% !important;\n            background-position: center !important;\n            background-repeat: no-repeat !important;\n            z-index: 5000;\n        }\n\n        #server-disconnect > * {\n            /* center child divs  */\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            /* x-border-box */\n            box-sizing: border-box;\n            -moz-box-sizing: border-box;\n            -ms-box-sizing: border-box;\n            -webkit-box-sizing: border-box;\n            /* x-unselectable */\n            user-select: none;\n            -o-user-select: none;\n            -ms-user-select: none;\n            -moz-user-select: -moz-none;\n            -webkit-user-select: none;\n            cursor: default;\n        }\n        .splash-screen-circle-outer {\n            z-index: 20000;\n            width: 100px;\n            height: 100px;\n            border-radius: 100px;\n            margin-top: -50px;\n            margin-left: -50px;\n            border: 5px solid rgba(87, 113, 145, 0.9);\n            opacity: .9;\n            border-right: 5px solid rgba(0, 0, 0, 0);\n            border-left: 5px solid rgba(0, 0, 0, 0);\n            box-shadow: 0 0 35px #577191;\n            -moz-animation: spinPulse 5s infinite ease-in-out;\n            -webkit-animation: spinPulse 5s infinite linear;\n        }\n        .splash-screen-circle-inner {\n            z-index: 20001;\n            width: 80px;\n            height: 80px;\n            border-radius: 80px;\n            margin-top: -40px;\n            margin-left: -40px;\n            background-color: rgba(0, 0, 0, 0);\n            border: 5px solid rgba(87, 113, 145, 0.9);\n            opacity: .9;\n            border-left: 5px solid rgba(0, 0, 0, 0);\n            border-right: 5px solid rgba(0, 0, 0, 0);\n            box-shadow: 0 0 15px #577191;\n            -moz-animation: spinoffPulse 5s infinite linear;\n            -webkit-animation: spinoffPulse 5s infinite linear;\n        }\n        .splash-screen-text {\n            z-index: 20002;\n            width: 100px;\n            height: 100px;\n            line-height: 100px;\n            margin-top: -50px;\n            margin-left: -50px;\n            font-family: Verdana, Geneva, sans-serif;\n            font-size: 13px;\n            text-align: center;\n            text-shadow: 1px 1px #cccccc;\n            vertical-align: middle;\n            color: #002951;\n        }\n        @-moz-keyframes spinPulse {\n            0% {\n                -moz-transform: rotate(160deg);\n                opacity: 0;\n                box-shadow: 0 0 1px #577191;\n            }\n            50% {\n                -moz-transform: rotate(145deg);\n                opacity: 1;\n            }\n            100% {\n                -moz-transform: rotate(-320deg);\n                opacity: 0;\n            }\n        }\n        @-moz-keyframes spinoffPulse {\n            0% {\n                -moz-transform: rotate(0deg);\n            }\n            100% {\n                -moz-transform: rotate(360deg);\n            }\n        }\n        @-webkit-keyframes spinPulse {\n            0% {\n                -webkit-transform: rotate(160deg);\n                opacity: 0;\n                box-shadow: 0 0 1px #577191;\n            }\n            50% {\n                -webkit-transform: rotate(145deg);\n                opacity: 1;\n            }\n            100% {\n                -webkit-transform: rotate(-320deg);\n                opacity: 0;\n            }\n        }\n        @-webkit-keyframes spinoffPulse {\n            0% {\n                -webkit-transform: rotate(0deg);\n            }\n            100% {\n                -webkit-transform: rotate(360deg);\n            }\n        }\n\n        .loader,\n        .loader:before,\n        .loader:after {\n            background: #8ca6ff;\n            -webkit-animation: load1 1s infinite ease-in-out;\n            animation: load1 1s infinite ease-in-out;\n            width: 1em;\n            height: 4em;\n        }\n        .loader:before,\n        .loader:after {\n            position: absolute;\n            top: 0;\n            content: '';\n        }\n        .loader:before {\n            left: -1.5em;\n            -webkit-animation-delay: -0.32s;\n            animation-delay: -0.32s;\n        }\n        .loader {\n            color:          #8ca6ff;\n            text-indent:    -9999em;\n            font-size:      11px;\n            -webkit-transform: translateZ(0);\n            -ms-transform:  translateZ(0);\n            transform:      translateZ(0);\n            -webkit-animation-delay: -0.16s;\n            animation-delay: -0.16s;\n            position:       absolute;\n            top:            5em;\n            left:           13em;\n            z-index:        1000;\n        }\n        .loader:after {\n            left:           1.5em;\n        }\n        @-webkit-keyframes load1 {\n            0%,\n            80%,\n            100% {\n                box-shadow: 0 0;\n                height: 2.5em;\n            }\n            40% {\n                box-shadow: 0 -1em;\n                height: 3em;\n            }\n        }\n        @keyframes load1 {\n            0%,\n            80%,\n            100% {\n                box-shadow: 0 0;\n                height: 2.5em;\n            }\n            40% {\n                box-shadow: 0 -1em;\n                height: 3em;\n            }\n        }\n\n        #resetZoom {\n            position: absolute;\n            right: 50%;\n            top: 20px;\n            z-index: 10;\n            cursor: pointer\n        }\n\n        #edit {\n            position: absolute;\n            right: 20px;\n            top: 10px;\n            z-index: 10;\n            cursor: pointer;\n            opacity: 0.4;\n        }\n\n        .data-point-label {\n            text-align: center;\n            overflow: visible;\n            white-space: nowrap;\n        }\n\n    </style>\n</head>\n<body style=\"margin: 0\">\n\n    <div id=\"chart_container\">\n        <div id=\"server-disconnect\">\n            <div class=\"splash-screen-text\">...</div>\n            <div class=\"splash-screen-circle-outer\"></div>\n            <div class=\"splash-screen-circle-inner\"></div>\n        </div>\n        <div id=\"no-connection\"\n             style=\"position: absolute; left: 50%; top: 50%; display: none; font-size: 3em; background: rgba(0, 0, 0, 0.1); border-radius: 10px; text-align: center\">\n            No connection to server\n        </div>\n        <div id=\"chart_placeholder\" class=\"chart-placeholder\"></div>\n        <div id=\"title\" style=\"position:absolute\"></div>\n    </div>\n    <div id=\"edit\" style=\"display: none\">\n        <svg fill=\"#000000\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"></path>\n            <path d=\"M0 0h24v24H0z\" fill=\"none\"></path>\n        </svg>\n    </div>\n    <svg style=\"display: none\" title=\"Reset zoom\" id=\"resetZoom\" height='35' width='35'  fill=\"#000000\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 126.308 118.728\" enable-background=\"new 0 0 126.308 118.728\" xml:space=\"preserve\">\n        <path fill=\"#DDDDDD\" d=\"M123.962,99.037c-0.082-0.076-0.172-0.116-0.246-0.181L100.929,76.46l-5.749-5.648c5.875-12.929,5.905-28.35-1.279-41.82  C81.632,6.015,52.957-2.707,29.979,9.555c-0.486,0.257-0.944,0.549-1.418,0.826c-7.41,4.288-13.254,10.305-17.261,17.284  c-2.663-1.367-4.591-2.553-4.868-2.73c0.261,0.17,0.083,0.008-0.245-0.225c-0.237-0.198-0.505-0.352-0.798-0.482  c-0.11-0.056-0.229-0.103-0.324-0.135c-0.253-0.079-0.514-0.11-0.767-0.118c-0.063-0.008-0.11-0.004-0.182-0.004  c-0.221,0.004-0.442,0.027-0.656,0.075c-0.024,0.008-0.047,0.008-0.071,0.016c-1.035,0.257-1.92,1.027-2.256,2.134  c-0.13,0.407-0.154,0.822-0.118,1.225c0,0-0.012,0.012-0.004,0.016c0,0,0,0,0,0.008c0.008,0.355,0.047,0.735,0.142,1.138  L5.259,46.24l1.284,5.544l1.142,4.892l0.367,1.572c0.751,3.265,3.375,4.062,5.825,1.771l5.469-5.109l1.549-1.454l3.563-3.331  l10.954-10.246l0.707-0.66c0.083-0.079,0.139-0.158,0.209-0.237l0.459-0.451l-0.032-0.008c0.285-0.324,0.53-0.695,0.664-1.13  c0.036-0.115,0.048-0.229,0.071-0.34c0.213-0.846,0.047-1.651-0.482-2.331c-0.391-0.581-0.964-1.043-1.684-1.261  c0,0-4.259,0.296-10.384-0.929c1.415-2.062,3.066-3.975,4.947-5.702c1.999-1.829,4.252-3.449,6.749-4.781  c4.687-2.497,9.705-3.746,14.676-3.872c12.131-0.312,24.001,6.069,30.094,17.485c7.713,14.462,3.564,32.133-9.033,41.802  c-0.438,0.332-0.877,0.66-1.327,0.973c-0.174,0.118-0.348,0.236-0.521,0.352c-0.11,0.079-0.229,0.15-0.348,0.225  c-0.593,0.384-1.21,0.735-1.834,1.087c-9.049,4.991-20.302,5.698-30.315,0.894c-1.304-0.629-2.545-1.344-3.73-2.118  c-0.34-0.222-0.684-0.45-1.019-0.688c-0.245-0.079-0.498-0.135-0.771-0.135c-0.447,0.008-0.857,0.139-1.209,0.355l-0.455,0.36  l-7.239,5.643l-0.829,0.644c-0.34,0.411-0.546,0.929-0.546,1.506c0.008,0.485,0.158,0.937,0.411,1.312  c0.355,0.289,0.719,0.577,1.083,0.857c2.505,1.917,5.231,3.611,8.183,5.026c10.437,5.011,21.809,5.82,32.225,3.13  c0.031,0,0.063,0.016,0.103,0.016c0.442-0.119,0.89-0.237,1.328-0.363c3.026-0.886,6.006-2.079,8.898-3.62  c1.165-0.624,2.284-1.3,3.382-2.007c0.15-0.095,0.305-0.189,0.455-0.289c0.32-0.209,0.628-0.431,0.944-0.644  c0.11-0.078,0.216-0.156,0.325-0.232l4.841,4.768l22.066,21.671c0.049,0.05,0.09,0.134,0.14,0.189  c3.776,3.76,10.697,2.926,15.472-1.867C126.878,109.723,127.713,102.788,123.962,99.037z\"></path>\n    </svg>\n    <div class=\"loader\" style=\"display: none\"></div>\n\n    <script src=\"js/flot.js\"></script>\n</body>\n"]}
\ No newline at end of file