1 line
41 KiB
Plaintext
1 line
41 KiB
Plaintext
{"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\" style=\"float: left;\">Clear</button>\n <label class=\"translate\" style=\"padding-left: 20px\" for=\"autoUpdate\">Auto-update:</label><input type=\"checkbox\" id=\"autoUpdate\"/>\n <button id=\"arrangeBools\" class=\"translateB button_arrange_bools\">Arrange bools</button>\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\">ØL</td>\n <td class=\"translate\" style=\"width: 80px\">ØS</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"]} |