go4.mjs

Go to the documentation of this file.

import { BasePainter, ObjectPainter, httpRequest, addDrawFunc, ensureTCanvas, draw, getHPainter, BIT, d3_select } from 'jsroot';
 
import { source_dir, GO4 } from './core.mjs';
 
import { ConditionPainter } from './go4canvas.mjs'
 
import { AnalysisStatusEditor } from './analysiseditor.mjs';
 
import { ParameterEditor } from './pareditor.mjs';
 
// if this script loaded - webcanvas features are disabled
GO4.web_canvas = false;
 
/** @summary Global function */
GO4.DrawAnalysisRatemeter = function(divid, itemname) {
 
   function CreateHTML() {
      let elem = d3_select('#'+divid);
 
      if (elem.size() == 0) return null;
      if (elem.select(".event_rate").size() > 0) return elem;
 
      let html = "<div style='padding-top:2px'>";
      html += "<img class='go4_logo' style='vertical-align:middle;margin-left:5px;margin-right:5px;' src='go4sys/icons/go4logorun4.gif' alt='logo'></img>";
      html += "<label class='event_source' style='border: 1px solid gray; font-size:large; vertical-align:middle; padding-left:3px; padding-right:3px;'>file.lmd</label> ";
      html += "<label class='event_rate' style='border: 1px solid gray; font-size:large; vertical-align:middle; background-color: grey'; padding-left:3px; padding-right:3px;>---</label> Ev/s ";
      html += "<label class='aver_rate' style='border: 1px solid gray; font-size:large; vertical-align:middle; padding-left:3px; padding-right:3px;'>---</label> Ev/s ";
      html += "<label class='run_time' style='border: 1px solid gray; font-size:large; vertical-align:middle; padding-left:3px; padding-right:3px;'>---</label> s ";
      html += "<label class='total_events' style='border: 1px solid gray; font-size:large; vertical-align:middle; padding-left:3px; padding-right:3px;'>---</label> Events ";
      html += "<label class='analysis_time' style='border: 1px solid gray; font-size:large; vertical-align:middle; padding-left:3px; padding-right:3px;'>time</label>";
      html += "</div>";
 
      elem.style('overflow','hidden')
            .style('padding-left','5px')
            .style('display', 'inline-block')
            .style('white-space', 'nowrap')
            .html(html);
 
      // use height of child element
      let brlayout = getHPainter()?.brlayout,
          sz = elem.node().clientHeight + 12;
 
      if (brlayout)
         brlayout.adjustSeparators(null, sz, true);
      return elem;
   }
 
   let xreq = false, was_running = null;
 
   function UpdateRatemeter() {
      if (xreq) return;
 
      let elem = CreateHTML();
      if (!elem) return;
 
      xreq = true;
      httpRequest(itemname + "/root.json.gz", 'object').then(res => {
         elem.select(".event_rate").style('background-color', res.fbRunning ? 'lightgreen' : 'red');
         if (was_running != res.fbRunning)
            elem.select(".go4_logo").attr("src", res.fbRunning ? 'go4sys/icons/go4logorun4.gif' : 'go4sys/icons/go4logo_t.png');
 
         was_running = res.fbRunning;
 
         elem.select(".event_source").text(res.fxEventSource == "" ? "<source>" : res.fxEventSource);
         elem.select(".event_rate").text(res.fdRate.toFixed(1));
         elem.select(".aver_rate").text((res.fdTime > 0 ? res.fuCurrentCount / res.fdTime : 0).toFixed(1));
         elem.select(".run_time").text(res.fdTime.toFixed(1));
         elem.select(".total_events").text(res.fuCurrentCount);
         elem.select(".analysis_time").text(res.fxDateString == "" ? "<datime>" : res.fxDateString);
      }).catch(() => {
         elem.select(".event_rate").style('background-color','grey');
      }).finally(() => {
         xreq = false;
      });
   }
 
   CreateHTML();
 
   setInterval(UpdateRatemeter, 2000);
}
 
/** @summary Global function */
GO4.MakeMsgListRequest = function(hitem, item) {
   let arg = "&max=2000";
   if ('last-id' in item) arg+= "&id="+item['last-id'];
   return 'exe.json.gz?method=Select' + arg;
}
 
/** @summary Global function */
GO4.AfterMsgListRequest = function(hitem, item, obj) {
   if (!item) return;
 
   if (!obj) {
      delete item['last-id'];
      return;
   }
   // ignore all other classes
   if (obj._typename != 'TList') return;
 
   obj._typename = "TGo4MsgList";
 
   if (obj.arr.length>0) {
      let duplicate = (('last-id' in item) && (item['last-id'] == obj.arr[0].fString));
 
      item['last-id'] = obj.arr[0].fString;
 
      // workaround for snapshot, it sends always same messages many times
      if (duplicate) obj.arr.length = 1;
 
      // add clear function for item
      if (!('clear' in item))
         item['clear'] = function() { delete this['last-id']; }
   }
}
 
class MsgListPainter extends BasePainter {
 
   constructor(dom, lst) {
      super(dom);
      this.lst = lst;
   }
 
   redrawObject(obj) {
      // if (!obj._typename != 'TList') return false;
      this.lst = obj;
      this.drawList();
      return true;
   }
 
   drawList() {
      if (!this.lst) return;
 
      let frame = this.selectDom();
 
      let main = frame.select("div");
      if (main.empty())
         main = frame.append("div")
                     .style('max-width','100%')
                     .style('max-height','100%')
                     .style('overflow','auto');
 
      let old = main.selectAll("pre");
      let newsize = old.size() + this.lst.arr.length - 1;
 
      // in the browser keep maximum 2000 entries
      if (newsize > 2000)
         old.select(function(d,i) { return i < newsize - 2000 ? this : null; }).remove();
 
      for (let i = this.lst.arr.length-1; i > 0; i--)
         main.append("pre").style('margin','3px').html(this.lst.arr[i].fString);
   }
}
 
function drawMsgList(dom, lst) {
 
   let painter = new MsgListPainter(dom, lst);
 
   painter.drawList();
 
   painter.setTopPainter();
   return Promise.resolve(painter);
}
 
class AnalysisTerminalPainter extends BasePainter {
   constructor(frame, hpainter, itemname, url) {
      super(frame);
      this.hpainter = hpainter;
      this.itemname = itemname;
      this.url = url;
      this.draw_ready = true;
      this.needscroll = false;
   }
 
   logReady(p) {
      if (p) this.log_painter = p;
      if(this.needscroll) {
         this.clickScroll(true);
         this.needscroll = false;
      }
      this.draw_ready = true;
   }
 
   checkResize() {}
 
   cleanup(arg) {
      if (this.log_painter) {
         this.log_painter.cleanup();
         delete this.log_painter;
      }
      if (this.interval) {
         clearInterval(this.interval);
         delete this.interval;
      }
      super.cleanup(arg);
   }
 
   processTimer() {
      let subid = "anaterm_output_container";
      // detect if drawing disappear
      if (d3_select("#" + subid).empty())
         return this.cleanup();
 
      if (!this.draw_ready) return;
 
      let msgitem = this.itemname.replace("Control/Terminal", "Status/Log");
 
      this.draw_ready = false;
 
      if (this.log_painter)
         this.hpainter.display(msgitem, 'update:', subid).then(() => this.logReady());
      else
         this.hpainter.display(msgitem, '', subid).then(p => this.logReady(p));
   }
 
   clickCommand(kind) {
      let command = this.itemname.replace("Terminal", "CmdExecute");
      this.hpainter.executeCommand(command, null, kind). then(() => { this.needscroll = true; });
   }
 
   clickClear() {
      d3_select("#anaterm_output_container").html("");
   }
 
   clickScroll(last) {
      //  inner frame created by hpainter has the scrollbars, i.e. first child
      let nodes = d3_select("#anaterm_output_container").selectAll("pre").nodes();
      if (nodes) nodes[last ? nodes.length-1 : 0].scrollIntoView();
   }
 
   fillDisplay() {
      this.setTopPainter();
      this.interval = setInterval(() => this.processTimer(), 2000);
      let dom = this.selectDom();
 
      dom.select(".go4_clearterm")
         .on("click", () => this.clickClear())
         .style('background-image', `url(${source_dir}icons/clear.png)`);
 
      dom.select(".go4_startterm")
         .on("click", () => this.clickScroll(false))
         .style('background-image', `url(${source_dir}icons/shiftup.png)`);
 
      dom.select(".go4_endterm")
         .on("click", () => this.clickScroll(true))
         .style('background-image', `url(${source_dir}icons/shiftdown.png)`);
 
      dom.select(".go4_printhistos")
         .on("click", () => this.clickCommand("@PrintHistograms()"))
         .style('background-image', `url(${source_dir}icons/hislist.png)`);
 
      dom.select(".go4_printcond")
         .on("click", () => this.clickCommand("@PrintConditions()"))
         .style('background-image', `url(${source_dir}icons/condlist.png)`);
 
      dom.select(".go4_executescript")
         .style('background-image', `url(${source_dir}icons/macro_t.png)`);
 
      dom.select(".go4_anaterm_cmd_form").on("submit", event => {
         event.preventDefault();
         let command = this.itemname.replace("Terminal", "CmdExecute");
         let cmdpar = document.getElementById("go4_anaterm_command").value;
         console.log("submit command - " + cmdpar);
         this.hpainter.executeCommand(command, null, cmdpar).then(() => { this.needscroll = true; });
      });
 
   }
}
 
/** @summary Global function */
GO4.drawAnalysisTerminal = function(hpainter, itemname) {
   let url = hpainter.getOnlineItemUrl(itemname),
       mdi = hpainter.getDisplay(),
       frame = mdi ? mdi.findFrame(itemname, true) : null;
 
   if (!url || !frame) return null;
 
   let elem = d3_select(frame),
         h = frame.clientHeight,
         w = frame.clientWidth;
   if ((h < 10) && (w > 10)) elem.style("height", Math.round(w*0.7)+"px");
 
   let player = new AnalysisTerminalPainter(frame, hpainter, itemname, url);
 
   return httpRequest(`${source_dir}html5/terminal.html`, 'text')
                  .then(code => {
                  elem.html(code);
                  player.fillDisplay();
                  return player;
                  });
}
 
const op_LineColor   = 5,
      op_LineStyle   = 6,
      op_LineWidth   = 7,
      op_FillColor   = 8,
      op_FillStyle   = 9,
      op_HisStatsX1  = 19,
      op_HisStatsY1  = 20,
      op_HisStatsX2  = 21,
      op_HisStatsY2  = 22,
      op_HisStats    = 24,
      op_HisTitle    = 25,
      op_HisStatsOpt = 85,
      op_HisStatsFit = 86,
      op_Draw        = 0x4001,
 
      PictureIndex   = -1;
 
function getOptValue(pic, indx, typ) {
   if (!pic || !pic.fxOptIndex) return null;
   let srch = indx + 1 + (typ << 16);
   for (let k = 0; k < pic.fxOptIndex.length; ++k)
      if (pic.fxOptIndex[k] == srch)
         return pic.fxOptValue[k];
   return null;
}
 
function getOptDouble(pic, indx, typ) {
   let ivalue = getOptValue(pic, indx, typ);
   if (ivalue === null) return null;
   const buffer = new ArrayBuffer(16),
         view = new DataView(buffer),
         big = BigInt(ivalue); // to be sure that BigInt is used
   view.setUint32(0, Number(big >> 32n));
   view.setUint32(4, Number(big % (2n ** 32n)));
   return view.getFloat64(0);
}
 
function drawSpecialObjects(dom, pic, k) {
   if (!pic.fxSpecialObjects || (k >= pic.fxSpecialObjects.arr.length))
      return Promise.resolve(false);
 
   return draw(dom, pic.fxSpecialObjects.arr[k], pic.fxSpecialObjects.opt[k]).then(() => drawSpecialObjects(dom, pic, k+1));
}
 
function drawPictureObjects(dom, pic, k) {
   if (!dom || !pic.fxNames)
      return Promise.resolve(false);
 
   let arr = pic.fxNames ? pic.fxNames.arr : null;
   if (!arr || (k >= arr.length))
      return drawSpecialObjects(dom, pic, 0);
 
   let n = pic.fxNames.arr[k], itemname = "", isth2 = false;
 
   getHPainter().forEachItem(item => {
      if (item._name == n.fString) {
         itemname = getHPainter().itemFullName(item);
         if (item._kind?.indexOf('ROOT.TH2') == 0) isth2 = true;
      }
   });
 
   if (!itemname) {
      console.log('not found object with name', n.fString);
      return drawPictureObjects(dom, pic, k+1);
   }
 
   let opt = isth2 ? "col" : "",
       iopt = getOptValue(pic, k, op_Draw);
   if ((iopt !== null) && pic.fxOptObjects)
      opt = pic.fxOptObjects.arr[iopt].fString;
   if (k > 0) opt += " same";
 
   return getHPainter().display(itemname, opt, dom).then(painter => {
      if (!painter) return;
      let need_redraw = false;
 
      if (painter.lineatt) {
         let lcol = getOptValue(pic, k, op_LineColor),
               lwidth = getOptValue(pic, k, op_LineWidth),
               lstyle = getOptValue(pic, k, op_LineStyle);
         if ((lcol !== null) && (lwidth !== null) && (lstyle !== null)) {
            painter.lineatt.change(painter.getColor(lcol), lwidth, lstyle);
            need_redraw = true;
         }
      }
 
      if (painter.fillatt) {
         let fcol = getOptValue(pic, k, op_FillColor),
               fstyle = getOptValue(pic, k, op_FillStyle);
 
         if ((fcol !== null) && (fstyle !== null)) {
            painter.fillatt.change(fcol, fstyle, painter.getCanvSvg());
            need_redraw = true;
         }
      }
 
      if (typeof painter.getHisto == 'function' && painter.createHistDrawAttributes && painter.isMainPainter()) {
         const kNoStats = BIT(9),
               kNoTitle = BIT(17);
 
         let histo = painter.getHisto(),
               stat = painter.findStat(),
               sx1 = getOptDouble(pic, PictureIndex, op_HisStatsX1),
               sy1 = getOptDouble(pic, PictureIndex, op_HisStatsY1),
               sx2 = getOptDouble(pic, PictureIndex, op_HisStatsX2),
               sy2 = getOptDouble(pic, PictureIndex, op_HisStatsY2),
               has_stats_pos = (sx1 !== null) && (sy1 !== null) && (sx2 !== null) && (sy2 !== null),
               istitle = getOptValue(pic, PictureIndex, op_HisTitle),
               isstats = getOptValue(pic, PictureIndex, op_HisStats),
               statsopt = getOptValue(pic, PictureIndex, op_HisStatsOpt),
               fitopt = getOptValue(pic, PictureIndex, op_HisStatsFit);
 
         if ((istitle !== null) && (!istitle != histo.TestBit(kNoTitle))) {
            histo.InvertBit(kNoTitle); need_redraw = true;
         }
         if ((isstats !== null) && (!isstats != histo.TestBit(kNoStats))) {
            histo.InvertBit(kNoStats); need_redraw = true;
         }
         if (stat && ((statsopt !== null) || (fitopt !== null) || has_stats_pos)) {
            if (statsopt !== null) stat.fOptStat = statsopt;
            if (fitopt !== null) stat.fOptFit = fitopt;
            let pp = painter.getPadPainter(),
                  statpainter = pp ? pp.findPainterFor(stat) : null;
            if (has_stats_pos) {
               stat.fX1NDC = sx1;
               stat.fY1NDC = sy1;
               stat.fX2NDC = sx2;
               stat.fY2NDC = sy2;
            }
            if (statpainter) statpainter.redraw();
         }
      }
 
      if (need_redraw) return painter.redraw();
 
   }).then(() => drawPictureObjects(dom, pic, k+1));
}
 
function drawSubPictures(pad_painter, pic, nsub) {
   let arr = pic && pic.fxSubPictures ? pic.fxSubPictures.arr : null;
   if (!arr || nsub >= arr.length)
      return Promise.resolve(pad_painter);
 
   let subpic = pic.fxSubPictures.arr[nsub];
 
   let subpad_painter = pad_painter.getSubPadPainter(1 + subpic.fiPosY*pic.fiNDivX + subpic.fiPosX);
 
   return drawPicture(subpad_painter, subpic).then(() => drawSubPictures(pad_painter, pic, nsub+1));
}
 
function drawPicture(pad_painter, pic) {
   if (!pad_painter)
      return Promise.resolve(false);
 
   if (pic.fiNDivX * pic.fiNDivY > 1)
      return pad_painter.divide(pic.fiNDivX, pic.fiNDivY).then(() => drawSubPictures(pad_painter, pic, 0)).then(() => {
         return pad_painter;
      });
 
   return drawPictureObjects(pad_painter, pic, 0).then(() => {
      return pad_painter;
   });
}
 
function drawGo4Picture(dom, pic) {
   if (!getHPainter())
      return null;
 
   let painter = new ObjectPainter(dom, pic);
 
   return ensureTCanvas(painter, false).then(() => {
      let pad_painter = painter.getPadPainter();
 
      painter.removeFromPadPrimitives();
 
      return drawPicture(pad_painter, pic);
   }).then(() => painter); // return dummy painter
}
 
 
addDrawFunc({ name: 'TGo4AnalysisWebStatus', func: AnalysisStatusEditor.draw, opt: 'editor' });
 
addDrawFunc({ name: 'TGo4MsgList', func: drawMsgList });
addDrawFunc({ name: 'TGo4Picture', func: drawGo4Picture, icon: `${source_dir}icons/picture.png` });
 
addDrawFunc({ name: 'TGo4MbsEvent', noinspect: true });
addDrawFunc({ name: 'TGo4EventElement', noinspect: true });