yunkong2/yunkong2.flot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
7d71d3876a665a9adb6d9f73180a014e30cd4d85
yunkong2.flot/www/edit.html.map
zhongjin 7d71d3876a new
2018-09-14 14:10:24 +08:00

1 line
42 KiB
Plaintext
Raw Blame History

{"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","file":"edit.html","sourcesContent":["<html>\r\n<head>\r\n <title>Flot Edit</title>\r\n <link href=\"img/favicon.png\" rel=\"shortcut icon\" type=\"image/x-icon\" />\r\n <link type=\"text/css\" rel=\"stylesheet\" href=\"../../lib/css/themes/jquery-ui/default/jquery-ui.min.css\">\r\n <link type=\"text/css\" rel=\"stylesheet\" href=\"../../lib/css/fancytree/ui.fancytree.min.css\"/>\r\n <link type=\"text/css\" rel=\"stylesheet\" href=\"lib/css/jquery.colorpicker.css\"/>\r\n <link rel=\"stylesheet\" type=\"text/css\" href=\"../../lib/css/iob/selectID.css\"/>\r\n\r\n <script type=\"text/javascript\" src=\"../../lib/js/jquery-1.11.1.min.js\"></script>\r\n <script type=\"text/javascript\" src=\"../../lib/js/jquery-ui-1.10.3.full.min.js\"></script>\r\n <script type=\"text/javascript\" src=\"../../lib/js/jquery.fancytree-all.min.js\"></script>\r\n <script type=\"text/javascript\" src=\"../../lib/js/translate.js\"></script>\r\n <script type=\"text/javascript\" src=\"../../lib/js/selectID.js\"></script>\r\n <script type=\"text/javascript\" src=\"../../lib/js/socket.io.js\"></script>\r\n\r\n <script type=\"text/javascript\" src=\"../../_socket/info.js\"></script>\r\n\r\n <style>\r\n .ui-resizable-s {\r\n cursor: s-resize;\r\n height: 10px;\r\n width: 100%;\r\n bottom: -6px;\r\n background: #a0a0a0;\r\n left: 0;\r\n }\r\n .save {\r\n /*position: absolute;\r\n top: 10px;\r\n right: 130px;*/\r\n margin-top: 1px;\r\n margin-left: 10px;\r\n }\r\n .save[aria-disabled=\"false\"] {\r\n background: #ff7474;\r\n color: white;\r\n border-color: #8e8e8e;\r\n }\r\n\r\n .input {\r\n /*width: 150px;*/\r\n }\r\n\r\n .input_time {\r\n width: 80px;\r\n }\r\n\r\n .label {\r\n width: 130px;\r\n }\r\n\r\n .ui-widget input {\r\n font-size: 14px;\r\n }\r\n\r\n .header {\r\n font-weight: bold;\r\n background: white;\r\n color: black;\r\n }\r\n\r\n body {\r\n font-family: Arial;\r\n }\r\n\r\n h3 {\r\n line-height: 0.3!important;\r\n font-size: 15px!important;\r\n }\r\n\r\n .ui-accordion-content {\r\n padding: 5px 10px !important;\r\n }\r\n\r\n #accordion {\r\n font-size: 14px !important;\r\n height: 100%;\r\n }\r\n\r\n #accordion>div {\r\n padding: 3px;\r\n }\r\n\r\n table.fixed td { overflow: hidden; }\r\n table.fixed th { overflow: hidden; }\r\n\r\n .no-spaces {\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n }\r\n\r\n /*.ui-resizable-s {\r\n cursor: s-resize;\r\n height: 10px;\r\n bottom: -5px;\r\n left: 0;\r\n right: 0;\r\n background-color: gray;\r\n }*/\r\n .version {\r\n position: absolute;\r\n top: 16px;\r\n right: 10px;\r\n color: white;\r\n }\r\n\r\n .presets_table_all {\r\n width: 100%\r\n }\r\n .presets_table_all th {\r\n background: grey;\r\n color: white;\r\n font-weight: bold;\r\n text-align: left;\r\n padding: 5px;\r\n }\r\n .presets_table_all td {\r\n padding: 5px;\r\n }\r\n\r\n .presets_table_all tr:nth-child(even) {\r\n background: #dcdbdb;\r\n }\r\n .presets-selected {\r\n background: #7598b9 !important;\r\n }\r\n .presets_table_th_load {\r\n width: 70px;\r\n }\r\n .presets_table_th_name {\r\n width: 20%;\r\n }\r\n .presets_table_th_ids {\r\n width: calc(80 - 150px);\r\n }\r\n .presets_table_th_buttons {\r\n width: 70px;\r\n }\r\n\r\n </style>\r\n</head>\r\n<body style=\"height: calc(100% - 16px); width: 100%; margin: 0; padding: 0;\">\r\n\r\n<div id=\"resizable1\" style=\"overflow: hidden; height: 360px\">\r\n <div style=\"height: calc(100% - 75px); position: relative; overflow: hidden;\">\r\n <div id=\"accordion\">\r\n <ul>\r\n <li><a href=\"#chapter_presets\" class=\"translate\">Presets</a></li>\r\n <li><a href=\"#chapter_ids\" class=\"translate\">Input data</a></li>\r\n <li><a href=\"#chapter_markline\" class=\"translate\">Markings</a></li>\r\n <li><a href=\"#chapter_time\" class=\"translate\">Time</a></li>\r\n <li><a href=\"#chapter_options\" class=\"translate\">Options</a></li>\r\n <li><button class=\"save\">Save</button></li>\r\n </ul>\r\n <div id=\"chapter_presets\" style=\"width: 100%; height: calc(100% - 50px); overflow: auto;\">\r\n <table class=\"presets_table_all\">\r\n <thead>\r\n <tr>\r\n <th class=\"presets_table_th_load\"></th>\r\n <th class=\"presets_table_th_name translate\">Name</th>\r\n <th class=\"presets_table_th_ids translate\">IDs</th>\r\n <th class=\"presets_table_th_buttons\"></th>\r\n </tr>\r\n </thead>\r\n <tbody id=\"presets_table\">\r\n\r\n </tbody>\r\n </table>\r\n </div>\r\n <!--h3><span class=\"translate\">Input data</span><span style=\"float:right; font-weight: normal; color: #959595\">Version: 1.5.7</span></h3-->\r\n <div id=\"chapter_ids\" style=\"width: 100%; height: calc(100% - 50px); overflow: auto;\">\r\n <table>\r\n <tr>\r\n <td colspan=\"7\">\r\n <button style=\"margin-left: 1px\" id=\"ids_add\" class=\"translateB\">Add new line</button>\r\n <button id=\"clear\" title=\"Reset settings\" class=\"translateT\" style=\"float: left;\">Clear</button>\r\n <label class=\"translate\" style=\"padding-left: 20px\" for=\"autoUpdate\">Auto-update:</label><input type=\"checkbox\" id=\"autoUpdate\"/>\r\n <button id=\"arrangeBools\" class=\"translateB button_arrange_bools\">Arrange bools</button>\r\n </td>\r\n </tr>\r\n </table>\r\n <div style=\"width: 100%;\">\r\n <table style=\"table-layout: fixed;\" class=\"fixed\" id=\"idslist_table\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\r\n <tbody id=\"idslist\"></tbody>\r\n </table>\r\n </div>\r\n </div>\r\n <!--h3 class=\"markline-option\"><span class=\"translate\">Markings</span></h3-->\r\n <div id=\"chapter_markline\" class=\"markline-option\" style=\"width: 100%; height: calc(100% - 50px); overflow: auto;\">\r\n <table style=\"width: 100%\">\r\n <tr>\r\n <td colspan=\"7\">\r\n <button style=\"margin-left: 1px\" id=\"markline_add\" class=\"translateB\">Add new markings</button>\r\n </td>\r\n </tr>\r\n </table>\r\n <div style=\"width: 100%; height: 100%\">\r\n <table style=\"table-layout: fixed;\" class=\"fixed\" id=\"markline_table\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\r\n <thead id=\"markline_head\">\r\n <tr class=\"header\">\r\n <td class=\"translate\" style=\"width: 30%; white-space: nowrap\">Line ID</td>\r\n <td class=\"translate\" style=\"width: 130px; white-space: nowrap\">Upper value or ID</td>\r\n <td class=\"translate\" style=\"width: 40px;\"></td>\r\n <td class=\"translate\" style=\"width: 130px; white-space: nowrap\">Lower value or ID</td>\r\n <td class=\"translate\" style=\"width: 40px;\"></td>\r\n <td class=\"translate\" style=\"width: 180px\">Color</td>\r\n <td class=\"translate\" style=\"width: 80px\">Fill</td>\r\n <td class=\"translate\" style=\"width: 80px\">&#216L</td>\r\n <td class=\"translate\" style=\"width: 80px\">&#216S</td>\r\n <td class=\"translate\" style=\"width: 30%\">Text</td>\r\n <td class=\"translate\" style=\"width: 150px; white-space: nowrap\">Text position</td>\r\n <td class=\"translate\" style=\"width: 100px; white-space: nowrap\">Text offset</td>\r\n <td class=\"translate\" style=\"width: 100px; white-space: nowrap\">Text size</td>\r\n <td class=\"translate\" style=\"width: 180px; white-space: nowrap\">Text color</td>\r\n <td class=\"translate\" style=\"width: 80px\"></td>\r\n </tr>\r\n </thead>\r\n <tbody id=\"markline_list\"></tbody>\r\n </table>\r\n </div>\r\n </div>\r\n <!--h3 class=\"chapter_time\"><span class=\"translate\">Time</span> <span id=\"time_span\"></span></h3-->\r\n <div id=\"chapter_time\" style=\"display: flex; height: calc(100% - 50px); overflow: auto;\" class=\"chapter_time\">\r\n <table >\r\n <tr>\r\n <td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Time Span</td>\r\n </tr>\r\n <tr class=\"time_timeType\">\r\n <td><label class=\"translate\" for=\"timeType\">Aggregation:</label></td>\r\n <td><select id=\"timeType\" class=\"input value\">\r\n <option value=\"relative\" class=\"translate\">relative</option>\r\n <option value=\"static\" class=\"translate\">static</option>\r\n </select></td>\r\n </tr>\r\n <tr class=\"relative time_relativeEnd\">\r\n <td><label class=\"translate\" for=\"relativeEnd\">End:</label></td>\r\n <td><select id=\"relativeEnd\" class=\"input value\">\r\n <option value=\"now\" class=\"translate\">now</option>\r\n <option value=\"1minute\" class=\"translate\">end of minute</option>\r\n <option value=\"5minutes\" class=\"translate\">end of 5 minutes</option>\r\n <option value=\"10minutes\" class=\"translate\">end of 10 minutes</option>\r\n <option value=\"30minutes\" class=\"translate\">end of 30 minutes</option>\r\n <option value=\"1hour\" class=\"translate\">end of hour</option>\r\n <option value=\"2hours\" class=\"translate\">end of 2 hours</option>\r\n <option value=\"3hours\" class=\"translate\">end of 3 hours</option>\r\n <option value=\"4hours\" class=\"translate\">end of 4 hours</option>\r\n <option value=\"6hours\" class=\"translate\">end of 6 hours</option>\r\n <option value=\"8hours\" class=\"translate\">end of 8 hours</option>\r\n <option value=\"12hours\" class=\"translate\">end of 12 hours</option>\r\n <option value=\"today\" class=\"translate\">end of day</option>\r\n <option value=\"weekEurope\" class=\"translate\">end of sunday</option>\r\n <option value=\"weekUsa\" class=\"translate\">end of saturday</option>\r\n <option value=\"month\" class=\"translate\">this month</option>\r\n <option value=\"year\" class=\"translate\">this year</option>\r\n </select></td>\r\n </tr>\r\n <tr class=\"relative time_range\">\r\n <td><label class=\"translate\" for=\"range\">Range:</label></td>\r\n <td><select id=\"range\" class=\"value input\">\r\n <option value=\"10\" class=\"translate\">10 minutes</option>\r\n <option value=\"30\" class=\"translate\">30 minutes</option>\r\n <option value=\"60\" class=\"translate\">1 hour</option>\r\n <option value=\"120\" class=\"translate\">2 hours</option>\r\n <option value=\"180\" class=\"translate\">3 hours</option>\r\n <option value=\"360\" class=\"translate\">6 hours</option>\r\n <option value=\"720\" class=\"translate\">12 hours</option>\r\n <option value=\"1440\" class=\"translate\">1 day</option>\r\n <option value=\"2880\" class=\"translate\">2 days</option>\r\n <option value=\"4320\" class=\"translate\">3 days</option>\r\n <option value=\"10080\" class=\"translate\">7 days</option>\r\n <option value=\"20160\" class=\"translate\">14 days</option>\r\n <option value=\"1m\" class=\"translate\">1 month</option>\r\n <option value=\"2m\" class=\"translate\">2 months</option>\r\n <option value=\"3m\" class=\"translate\">3 months</option>\r\n <option value=\"6m\" class=\"translate\">6 months</option>\r\n <option value=\"1y\" class=\"translate\">1 year</option>\r\n <option value=\"2y\" class=\"translate\">2 years</option>\r\n </select></td>\r\n </tr>\r\n <tr class=\"relative time_live\">\r\n <td><label class=\"translate\" for=\"live\">Live update every:</label></td>\r\n <td><select class=\"value\" id=\"live\">\r\n <option value=\"\" class=\"translate\">none</option>\r\n <option value=\"5\" class=\"translate\">5 seconds</option>\r\n <option value=\"10\" class=\"translate\">10 seconds</option>\r\n <option value=\"15\" class=\"translate\">15 seconds</option>\r\n <option value=\"20\" class=\"translate\">20 seconds</option>\r\n <option value=\"30\" class=\"translate\">30 seconds</option>\r\n <option value=\"60\" class=\"translate\">1 minute</option>\r\n <option value=\"120\" class=\"translate\">2 minutes</option>\r\n <option value=\"300\" class=\"translate\">5 minutes</option>\r\n <option value=\"600\" class=\"translate\">10 minutes</option>\r\n <option value=\"900\" class=\"translate\">15 minutes</option>\r\n <option value=\"1200\" class=\"translate\">20 minutes</option>\r\n <option value=\"1800\" class=\"translate\">30 minutes</option>\r\n <option value=\"3600\" class=\"translate\">1 hour</option>\r\n <option value=\"7200\" class=\"translate\">2 hours</option>\r\n <option value=\"10800\" class=\"translate\">3 hours</option>\r\n <option value=\"21600\" class=\"translate\">6 hours</option>\r\n <option value=\"43200\" class=\"translate\">12 hours</option>\r\n <option value=\"86400\" class=\"translate\">1 day</option>\r\n </select></td>\r\n </tr>\r\n <tr class=\"static time_start\">\r\n <td><label class=\"translate\" for=\"start\">Start:</label></td>\r\n <td><input type=\"date\" id=\"start\" class=\"value input\"> <input type=\"time\" id=\"start_time\" class=\"value input_time\"></td>\r\n </tr>\r\n <tr class=\"static time_end\">\r\n <td><label class=\"translate\" for=\"end\">End:</label></td>\r\n <td><input type=\"date\" id=\"end\" class=\"value input\"> <input type=\"time\" id=\"end_time\" class=\"value input_time\"></td>\r\n </tr>\r\n </table>\r\n\r\n <table style=\"margin-left: 25px\">\r\n <tr>\r\n <td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Aggregate</td>\r\n </tr>\r\n <tr class=\"time_aggregateType\">\r\n <td><label class=\"translate\" for=\"aggregateType\">Step type:</label></td>\r\n <td><select id=\"aggregateType\" class=\"value input\">\r\n <option value=\"count\" class=\"translate\">counts</option>\r\n <option value=\"step\" class=\"translate\">seconds</option>\r\n </select></td>\r\n </tr>\r\n <tr class=\"time_aggregateSpan\">\r\n <td><label id=\"spanName\" class=\"translate\" for=\"aggregateSpan\">Step span:</label></td>\r\n <td><input id=\"aggregateSpan\" value=\"300\" class=\"value input\"></td>\r\n </tr>\r\n <tr class=\"time_ticks\">\r\n <td><label class=\"translate\" for=\"ticks\">Ticks from:</label></td>\r\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>\r\n </tr>\r\n </table>\r\n </div>\r\n <!--h3 class=\"translate chapter_options\">Options</h3-->\r\n <div id=\"chapter_options\" style=\"display: flex; height: calc(100% - 50px); overflow: auto;\" class=\"chapter_options\">\r\n <table style=\"width: 380px\">\r\n <tr>\r\n <td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Appearance</td>\r\n </tr>\r\n <tr class=\"options_width\">\r\n <td style=\"width: 270px\"><label class=\"translate\" for=\"width\">Width:</label></td>\r\n <td><input id=\"width\" class=\"value input spinner\"/></td>\r\n </tr>\r\n <tr class=\"options_height\">\r\n <td><label class=\"translate\" for=\"height\">Height:</label></td>\r\n <td><input id=\"height\" class=\"value input spinner\"></td>\r\n </tr>\r\n <tr class=\"options_noborder\">\r\n <td><label class=\"translate\" for=\"noBorder\">No border:</label></td>\r\n <td><select class=\"value input\" id=\"noBorder\">\r\n <option value=\"\" class=\"translate\"></option>\r\n <option value=\"noborder\" class=\"translate\">yes</option>\r\n </select></td>\r\n </tr>\r\n <tr class=\"options_window_bg\">\r\n <td class=\"label\"><label class=\"translate\" for=\"window_bg\">Window background:</label></td>\r\n <td>\r\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>\r\n </td>\r\n </tr>\r\n <tr class=\"options_bg_custom\">\r\n <td class=\"label\"><label class=\"translate\" for=\"bg_custom\">Custom chart background:</label></td>\r\n <td>\r\n <input type=\"checkbox\" id=\"bg_custom\">\r\n </td>\r\n </tr>\r\n <tr class=\"options_bg\">\r\n <td class=\"label\"><label class=\"bg_predefined\" for=\"bg_predefined\">Chart background:</label></td>\r\n <td>\r\n <select id=\"bg_predefined\">\r\n <option value=\"\" class=\"translate\">default</option>\r\n <option value=\"0\">Portrait</option>\r\n <option value=\"1\">Instagram</option>\r\n <option value=\"2\">ServQuick</option>\r\n <option value=\"3\">Metallic Toad</option>\r\n <option value=\"4\">Clouds</option>\r\n <option value=\"5\">Mirage</option>\r\n <option value=\"6\">Steel Gray</option>\r\n <option value=\"7\">Horizon</option>\r\n <option value=\"8\">Koko Caramel</option>\r\n <option value=\"9\">Turquoise flow</option>\r\n </select>\r\n <input id=\"bg\" class=\"value input\" style=\"display: none\"/>\r\n </td>\r\n </tr>\r\n <tr class=\"options_x_labels_color\">\r\n <td class=\"label\"><label class=\"translate\" for=\"x_labels_color\">X axis labels color:</label></td>\r\n <td>\r\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>\r\n </td>\r\n </tr>\r\n <tr class=\"options_y_labels_color\">\r\n <td class=\"label\">><label class=\"translate\" for=\"y_labels_color\">Y axis labels color:</label></td>\r\n <td>\r\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>\r\n </td>\r\n </tr>\r\n <tr class=\"options_border_color\">\r\n <td><label class=\"translate label\" for=\"border_color\">Border color:</label></td>\r\n <td>\r\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>\r\n </td>\r\n </tr>\r\n <tr class=\"options_grid_color\">\r\n <td class=\"label\"><label class=\"translate\" for=\"grid_color\">Grid color:</label></td>\r\n <td>\r\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>\r\n </td>\r\n </tr>\r\n <tr class=\"options_border_width\">\r\n <td class=\"label\"><label class=\"translate\" for=\"border_width\">Border width:</label></td>\r\n <td>\r\n <input class=\"value input\" id=\"border_width\">\r\n </td>\r\n </tr>\r\n </table>\r\n\r\n <table style=\"width: 340px\" class=\"options-bar\">\r\n <tr>\r\n <td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Bar settings</td>\r\n </tr>\r\n <tr class=\"options_barColor\">\r\n <td><label class=\"translate\" for=\"barColor\">Fill color:</label></td>\r\n <td>\r\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>\r\n </td>\r\n </tr>\r\n <tr class=\"options_barLabels\">\r\n <td><label class=\"translate\" for=\"barLabels\">Show labels:</label></td>\r\n <td><select id=\"barLabels\" class=\"value input\">\r\n <option value=\"\" class=\"translate\">none</option>\r\n <option value=\"topover\" class=\"translate\">top over</option>\r\n <option value=\"topunder\" class=\"translate\">top under</option>\r\n <option value=\"bottom\" class=\"translate\">bottom</option>\r\n <option value=\"middle\" class=\"translate\">middle</option>\r\n </select></td>\r\n </tr>\r\n <tr class=\"options_barWidth\">\r\n <td><label class=\"translate\" for=\"barWidth\">Bars width:</label></td>\r\n <td><input id=\"barWidth\" class=\"value input\"></td>\r\n </tr>\r\n <tr class=\"options_barFontSize\">\r\n <td><label class=\"translate\" for=\"barFontSize\">Label font size:</label></td>\r\n <td><input id=\"barFontSize\" class=\"value input\"></td>\r\n </tr>\r\n <tr class=\"options_barFontColor\">\r\n <td><label class=\"translate\" for=\"barFontColor\">Label color:</label></td>\r\n <td>\r\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>\r\n </td>\r\n </tr>\r\n </table>\r\n\r\n <table style=\"margin-left: 25px; width: 300px\">\r\n <tr><td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Title</td></tr>\r\n <tr class=\"options_title\">\r\n <td><label for=\"title\" class=\"translate\">Title:</label></td>\r\n <td><input id=\"title\" class=\"value input\"></td>\r\n </tr>\r\n <!-- Do not use values 50, 5, and -5. They are reserved for 50-middle/center, 5-inside at edge, -5 outside at edge -->\r\n <tr class=\"options_titlePos\">\r\n <td><label for=\"titlePos\" class=\"translate\">Title position:</label></td>\r\n <td><select class=\"value input\" id=\"titlePos\">\r\n <option value=\"\" class=\"translate\">none</option>\r\n <option value=\"top:35;left:65\" class=\"translate\">Top, left, inside</option>\r\n <option value=\"top:35;right:5\" class=\"translate\">Top, right, inside</option>\r\n <option value=\"top:35;left:50\" class=\"translate\">Top, center, inside</option>\r\n <option value=\"top:50;left:65\" class=\"translate\">Middle, left, inside</option>\r\n <option value=\"top:50;right:5\" class=\"translate\">Middle, right, inside</option>\r\n <option value=\"bottom:5;left:65\" class=\"translate\">Bottom, left, inside</option>\r\n <option value=\"bottom:5;right:5\" class=\"translate\">Bottom, right, inside</option>\r\n <option value=\"bottom:5;left:50\" class=\"translate\">Bottom, center, inside</option>\r\n\r\n <option value=\"top:5;right:-5\" class=\"translate\">Top, right, outside</option>\r\n <option value=\"top:50;right:-5\" class=\"translate\">Middle, right, outside</option>\r\n <option value=\"bottom:5;right:-5\" class=\"translate\">Bottom, right, outside</option>\r\n <option value=\"bottom:-5;left:50\" class=\"translate\">Bottom, center, outside</option>\r\n </select></td>\r\n </tr>\r\n <tr class=\"options_titleColor\">\r\n <td><label class=\"translate\" for=\"titleColor\">Title color:</label></td>\r\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>\r\n </tr>\r\n <tr class=\"options_titleSize\">\r\n <td><label for=\"titleSize\" class=\"translate\">Title size:</label></td>\r\n <td><input id=\"titleSize\" class=\"value input\"></td>\r\n </tr>\r\n\r\n </table>\r\n\r\n <table style=\"margin-left: 25px; width: 400px\">\r\n <tr><td class=\"translate header\" colspan=\"2\" style=\"text-align: center\">Options</td></tr>\r\n <tr class=\"options_legend\">\r\n <td><label class=\"translate\" for=\"legend\">Show legend:</label></td>\r\n <td><select class=\"value input\" id=\"legend\">\r\n <option value=\"\" class=\"translate\">none</option>\r\n <option value=\"nw\" class=\"translate\">Top, left</option>\r\n <option value=\"ne\" class=\"translate\">Top, right</option>\r\n <option value=\"sw\" class=\"translate\">Bottom, left</option>\r\n <option value=\"se\" class=\"translate\">Bottom, right</option>\r\n </select></td>\r\n </tr>\r\n <tr class=\"options_legColumns\">\r\n <td><label class=\"translate\" for=\"legColumns\">Legend columns:</label></td>\r\n <td><input type=\"number\" class=\"value\" id=\"legColumns\"></td>\r\n </tr>\r\n <tr class=\"options_legBgOpacity\">\r\n <td><label class=\"translate\" for=\"legBgOpacity\">Legend opacity (from 0 to 1):</label></td>\r\n <td><input class=\"value input\" id=\"legBgOpacity\"/></td>\r\n </tr>\r\n <tr class=\"options_legBg\">\r\n <td><label class=\"translate\" for=\"legBg\">Legend background:</label></td>\r\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>\r\n </tr>\r\n <tr class=\"options_hoverDetail\">\r\n <td><label class=\"translate\" for=\"hoverDetail\">Hover details:</label></td>\r\n <td><input type=\"checkbox\" class=\"value\" id=\"hoverDetail\"></td>\r\n </tr>\r\n <tr class=\"options_timeFormat\">\r\n <td><label class=\"translate\" for=\"timeFormat\">Time format:</label></td>\r\n <td><select class=\"value input\" id=\"timeFormat\">\r\n <option value=\"\" class=\"translate\">Default</option>\r\n <option value=\"%H:%M %d.%m\">HH:MM dd.mm</option>\r\n <option value=\"%H:%M %d.%m.\">HH:MM dd.mm.</option>\r\n <option value=\"%H:%M <br> %d.%m\">HH:MM / dd.mm</option>\r\n <option value=\"%H:%M <br> %d.%m.\">HH:MM / dd.mm.</option>\r\n <option value=\"%H:%M <br> %d.%m.%y\">HH:MM / dd.mm.yy</option>\r\n <option value=\"%H:%M:%S %d.%m.%y\">HH:MM:SS dd.mm.yy</option>\r\n <option value=\"%H:%M %d.%m.%y\">HH:MM dd.mm.yy</option>\r\n <option value=\"%I:%M:%S %x %p\">HH:MM:SS mm/dd/yy am (US)</option>\r\n <option value=\"%H:%M:%S %d/%m/%y\">HH:MM:SS dd/mm/yy (UK)</option>\r\n <option value=\"%H:%M:%S %m.%d.%y\">HH:MM:SS mm.dd.yy</option>\r\n\r\n <option value=\"%H:%M %a\">HH:MM dow</option>\r\n <option value=\"%H:%M:%S %a\">HH:MM:SS dow</option>\r\n\r\n <option value=\"%H:%M %m.%d\">HH:MM mm.dd</option>\r\n <option value=\"%H:%M:%S\">HH:MM:SS</option>\r\n <option value=\"%H:%M\">HH:MM</option>\r\n <option value=\"%d.%m\">dd.mm</option>\r\n <option value=\"%d.%m.\">dd.mm.</option>\r\n <option value=\"%m/%d\">mm/dd</option>\r\n <option value=\"%d\">dd</option>\r\n <option value=\"%m\">mm</option>\r\n <option value=\"%y\">y</option>\r\n <option value=\"%H\">HH</option>\r\n <option value=\"%M\">MM</option>\r\n <option value=\"%a\">dow</option>\r\n <option value=\"%d.%m.%y\">dd.mm.yy</option>\r\n </select></td>\r\n </tr>\r\n <tr class=\"options_smoothing\">\r\n <td><label class=\"translate\" for=\"smoothing\">Smoothing:</label></td>\r\n <td><input class=\"value input\" id=\"smoothing\"></td>\r\n </tr>\r\n <!--tr class=\"options_afterComma\">\r\n <td class=\"translate\">After comma:</td>\r\n <td><input class=\"value input\" id=\"afterComma\"></td>\r\n </tr-->\r\n <tr class=\"options_useComma\">\r\n <td><label class=\"translate\" for=\"useComma\">Use comma:</label></td>\r\n <td><input type=\"checkbox\" class=\"value\" id=\"useComma\"></td>\r\n </tr>\r\n <tr class=\"options_zoom\">\r\n <td><label class=\"translate\" for=\"zoom\">Enable zoom and pan:</label></td>\r\n <td><input type=\"checkbox\" class=\"value\" id=\"zoom\"></td>\r\n </tr>\r\n <tr class=\"options_noedit\">\r\n <td><label class=\"translate\" for=\"noedit\">Hide edit button:</label></td>\r\n <td><input type=\"checkbox\" class=\"value\" id=\"noedit\"></td>\r\n </tr>\r\n <tr class=\"options_animation\">\r\n <td><label class=\"translate\" for=\"animation\">Animation:</label></td>\r\n <td><select class=\"value input\" id=\"animation\">\r\n <option value=\"0\" class=\"translate\">no</option>\r\n <option value=\"300\" class=\"translate\">300ms</option>\r\n <option value=\"500\" class=\"translate\">500ms</option>\r\n <option value=\"1000\" class=\"translate\">1s</option>\r\n <option value=\"2000\" class=\"translate\">2s</option>\r\n <option value=\"3000\" class=\"translate\">3s</option>\r\n <option value=\"5000\" class=\"translate\">5s</option>\r\n <option value=\"10000\" class=\"translate\">10s</option>\r\n </select></td>\r\n </tr>\r\n </table>\r\n </div>\r\n </div>\r\n <div class=\"version\">Version: 1.9.2</div>\r\n </div>\r\n <div style=\"height: 70px; display: flex; justify-content: space-around; align-items: center; margin-top: 4px; margin-bottom: 0\">\r\n <label class=\"translate\" for=\"link\">Link</label>\r\n <textarea id=\"link\" style=\"width: calc(100% - 260px); height: 55px; word-break: break-all; resize: none\"></textarea>\r\n <button style=\"padding-left: 2px\" id=\"open\" class=\"translateB\">Open</button>\r\n <button style=\"padding-left: 5px\" id=\"updatePreview\" class=\"translateB\">update Preview</button>\r\n </div>\r\n</div>\r\n<iframe style=\"width: calc(100% - 20px); bottom: 0; height: calc(100% - 380px); border: 1px solid #afafaf; border-radius: 2px\" id=\"chart\"></iframe>\r\n<div id=\"dialog-select-member\" style=\"display: none\"></div>\r\n\r\n<div id=\"dialog-line-options\" style=\"display: none\">\r\n <table>\r\n </table>\r\n</div>\r\n<div id=\"dialog-new-preset\" style=\"display: none\">\r\n <table>\r\n <tr id=\"dialog-new-preset-info-tr\">\r\n <td><label for=\"dialog-new-preset-into\" class=\"translate\">Save into:</label></td>\r\n <td><select id=\"dialog-new-preset-into\" style=\"width: 100%;\"></select></td>\r\n </tr>\r\n <tr id=\"dialog-new-preset-name-tr\">\r\n <td><label for=\"dialog-new-preset-name\" class=\"translate\">Name:</label></td>\r\n <td><input id=\"dialog-new-preset-name\" style=\"width: 100%;\"/></td>\r\n </tr>\r\n </table>\r\n</div>\r\n\r\n<script type=\"text/javascript\" src=\"js/edit.js\"></script>\r\n</body>\r\n</html>\r\n"]}
Reference in New Issue View Git Blame Copy Permalink