fix bugs when editing event range

Author: dyuliu

client/index.html

@@ -222,6 +222,10 @@
 																<label>Signal:</label>
 																<span class="ml-10" data-bind="text: signal"></span>
 															</div>
+															<div class="line">
+																<label>Severity score:</label>
+																<span class="ml-10" data-bind="text: score"></span>
+															</div>
 															<div class="line">
 																<label>From </label>
 																<span class="ml-10" data-bind="text: eventFrom"></span>

client/src/components/pageExp.ts

@@ -3,6 +3,7 @@ import * as pip from '../services/pip';
 import * as ko from 'knockout';
 import * as _ from 'lodash';
 import * as DT from '../services/server.itf';
+import * as d3 from 'd3';
 import * as dataPC from '../services/dataProcessor';
 import { LineChartCtx } from './vis/lineChartCtx';
 import { LineChartFocus } from './vis/lineChartFocus';
@@ -32,7 +33,7 @@ class PageExp {
   public signal = ko.observable<string>('');
   public eventFrom = ko.observable('');
   public eventTo = ko.observable('');
-  public score = ko.observable(0);
+  public score = ko.observable('0');
   public tag = ko.observable<string>('');
   public transcript = ko.observable('');
   public comment = '';
@@ -456,7 +457,7 @@ class PageExp {
     self.datarun(eventInfo.datarun);
     self.signal(eventInfo.signal);
     self.tag(eventInfo.tag);
-    self.score(eventInfo.score);
+    self.score(d3.format('.3f')(eventInfo.score));
     self.eventFrom(new Date(eventInfo.start_time).toUTCString());
     self.eventTo(new Date(eventInfo.stop_time).toUTCString());
     // self.level(self.fromScoreToLevel(eventInfo.score));

client/src/components/vis/lineChartFocus.ts

@@ -428,6 +428,10 @@ export class LineChartFocus extends pip.Events {
     };
 
     let makeEditable = (x0, x1, event: DT.Event) => {
+      // disable window events
+      self.svg.selectAll('.window *')
+        .attr('pointer-events', 'none');
+
       modifiedEvent = event;
       brushG.select('.overlay').attr('width', w);
       brushG
@@ -460,6 +464,10 @@ export class LineChartFocus extends pip.Events {
         i += 1;
       }
 
+      // restore window events
+      self.svg.selectAll('.window *')
+        .attr('pointer-events', 'all');
+
       if (_.isNull(modifiedEvent)) {
         pip.pageExp.trigger('comment:new', {
           id: 'new',