diff --git a/www/edit.html b/www/edit.html
index a016fca..751ee03 100644
--- a/www/edit.html
+++ b/www/edit.html
@@ -41,7 +41,7 @@
         }
 
         body {
-            font-family: Arial,PingFangSC-Light,"Microsoft YaHei",sans-serif;;
+            font-family: Arial,PingFangSC-Light,"Microsoft YaHei",sans-serif;
         }
 
         h3 {
@@ -63,8 +63,16 @@
         }
 
         table.fixed td { overflow: hidden; }
-        table.fixed th { overflow: hidden; }
+        table.fixed th { overflow: hidden; font-weight: 100;font-size: 0.8em;}
 
+        label {
+            
+        }
+        
+        table {
+            
+        }
+        
         .no-spaces {
             border-collapse: collapse;
             border-spacing: 0;
diff --git a/www/edit.html.map b/www/edit.html.map
index 9fba159..85e38fa 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","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        }\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; }\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","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        }\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            \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