From f033ae15d45f33b73a2f21de9a381b6719a159e5 Mon Sep 17 00:00:00 2001
From: zhongjin <zhongjin@onenetcom.cn>
Date: Sat, 15 Sep 2018 13:34:11 +0800
Subject: [PATCH] new

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