annot-server/static/js/annotviz.min.js
author rougeronj
Fri, 23 Jan 2015 23:19:45 +0100
changeset 142 e424eed32f72
parent 130 0a2b4991d48c
child 148 21634b2d7609
permissions -rw-r--r--
Add correct options to annotviz.html fo 3rd day and gulp dist server

!function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var e;"undefined"!=typeof window?e=window:"undefined"!=typeof global?e=global:"undefined"!=typeof self&&(e=self),e.annotviz=t()}}(function(){return function t(e,i,n){function o(r,a){if(!i[r]){if(!e[r]){var h="function"==typeof require&&require;if(!a&&h)return h(r,!0);if(s)return s(r,!0);var l=new Error("Cannot find module '"+r+"'");throw l.code="MODULE_NOT_FOUND",l}var c=i[r]={exports:{}};e[r][0].call(c.exports,function(t){var i=e[r][1][t];return o(i?i:t)},c,c.exports,t,e,i,n)}return i[r].exports}for(var s="function"==typeof require&&require,r=0;r<n.length;r++)o(n[r]);return o}({1:[function(t,e){"use strict";var i=t("./doubleroll"),n=t("./annotsroll"),o=t("./annotstimeline"),s=t("./annotsvizview"),r=t("./stageview"),a=t("./wswrapper"),h=t("./logger"),l=t("./utils"),c=t("lodash");e.exports=c({}).extend(i).extend(n).extend(o).extend(s).extend(r).extend(a).extend(h).extend(l).value()},{"./annotsroll":2,"./annotstimeline":3,"./annotsvizview":4,"./doubleroll":5,"./logger":6,"./stageview":8,"./utils":9,"./wswrapper":10,lodash:"lodash"}],2:[function(t,e){"use strict";function i(t){var e=this,i=o(t).defaults(a).value();this.container=new n.DisplayObjectContainer,this.container.x=i.xInit,this.container.y=i.yInit,this.container.width=i.width,this.height=i.height,this.width=i.width,this.widthRoll=i.widthRoll,this.pixelsPerSecond=i.pixelsPerSecond,this.annotColors=i.annotColors,this.startTs=i.startTs||Date.now(),this.ignoreAnnots=i.ignoreAnnots;var h=i.yInit,l=o(i.annotStyles).defaults(r).value(),c=15;for(var d in l)l[d].wordWrap===!0&&(l[d].wordWrapWidth=this.widthRoll-c);var f,g=!1,u=i.ws,v=i.externalRefresh,p=i.stageView,w=0;p.registerComponent(this);var m=function(t){var e=t.toGlobal(new n.Point(0,0));return e.x+t.width<0||e.y+t.height<0};this.addAnnots=function(t){var e=t.content.category.label,i=t.content.text,n=t.content.user,o=Date.parse(t.ts),s=t.content.color||this.getColor(o,t.content.category.code);this.addAnnot(e,i,n,s,o)},this.getColor=function(t,e){var i;o(this.annotColors).eachRight(function(e){return e.ts<t?(i=e.colors,!1):void 0});var n;return i&&(n=i[e]),n||(n=i.defaultColor||s),n},this.addAnnot=function(t,i,s,r,a){var d=0,g=(a-this.startTs)*this.pixelsPerSecond/1e3+h,u=parseInt(r.replace(/^#/,""),16);if(0===w){var v=(new n.Graphics).beginFill(u).drawRect(d,g,10,3).endFill();this.container.addChild(v);var p=0,m=new n.Text(t,o(l.label).extend({fill:r}).value());if(m.x=d+c,m.y=g-23,this.container.addChild(m),p+=m.height-23+2,i){var C=new n.Text(i,l.text);C.x=d+c,C.y=g+p,this.container.addChild(C),p+=C.height+2}var x=new n.Text(s,l.user);x.x=d+c,x.y=g+p,this.container.addChild(x),p+=x.height+8,this.ignoreAnnots===!0&&(w=p/this.pixelsPerSecond,f=setInterval(function(){e.refreshWait()},1e3))}this.addAnnotLine(u,g)},this.addAnnotLine=function(t,e){var i=this.widthRoll,o=(new n.Graphics).beginFill(t).drawRect(i,e,this.width-i,3).endFill();this.container.addChild(o)},this.moveTo=function(t){this.container.y=Math.floor(t*this.pixelsPerSecond)},this.move=this.refresh=function(){var t=(this.startTs-Date.now())/1e3;this.moveTo(t)},this.refreshWait=function(){w-=1,0>w&&(w=0,clearInterval(f))},this.removePassedObjets=function(){var t=[];o(e.container.children).forEach(function(e){return"undefined"==typeof e||m(e)&&t.push(e)}),t.forEach(function(t){e.container.removeChild(t)})},this.init=function(){u.message(function(t){e.addAnnots(t)})},this.start=function(){g||(this.startTs=Date.now(),g=!0),this.cleanInterval=setInterval(function(){e.removePassedObjets()},1e3*this.height/this.pixelsPerSecond),v||(this.refreshInterval=setInterval(function(){e.move()},1e3/this.framerate))},this.stop=function(){clearInterval(this.cleanInterval),v||clearInterval(this.refreshInterval)}}var n=t("pixi"),o=t("lodash"),s="#bababa",r={label:{font:"16pt Arial Bold",fill:"#65A954",wordWrap:!0},text:{font:"12pt Arial Regular",fill:"#444444",wordWrap:!0},user:{font:"14pt Arial regular",fill:"#666666"}},a={externalRefresh:!1,defaultColor:s,annotStyles:r,ignoreAnnots:!1};e.exports={AnnotsRoll:i}},{lodash:"lodash",pixi:"pixi"}],3:[function(t,e){"use strict";function i(t){var e=this,i=s(t).defaults(r).value();this.container=new n.DisplayObjectContainer,this.container.x=i.xInit,this.container.y=i.yInit,this.container.width=i.width,this.container.height=i.height,this.timeBegin=i.timeBegin,this.timeEnd=i.timeEnd,this.duration=(this.timeEnd-this.timeBegin)/1e3,this.width=i.width,this.height=i.height,this.intervalHeight=i.intervalHeight,this.intervalWidth=i.intervalWidth,this.maxCellHeight=i.maxCellHeight,this.annotCategories=i.annotCategories,this.startTs=t.startTs||Date.now(),this.showClockGraphics=i.showClockGraphics,this.archive=i.archive,this.circleX=i.circleX||this.width/2,this.circleY=i.circleY||this.height/2,this.radius=i.radius;var a=2*Math.PI*this.radius;this.intervalDuration=this.intervalWidth*this.duration/a;var h=i.channel,l=i.eventCode,c=i.serverUrl,d=i.maxPages,f=Math.floor(a/this.intervalWidth);this.cells=[];for(var g=0;g<a/this.intervalWidth;g++)this.cells[g]=[],this.cells[g].i=g,this.cells[g].totalAnnots=0,this.cells[g].categories={};var u=i.ws,v=i.stageView,p=new n.Graphics;p.lineStyle(2,6579300).drawCircle(this.circleX,this.circleY,this.radius-3).endFill(),this.container.addChild(p),v.registerComponent(this);var w=function(){var t=e.timeBegin,i=Math.min(e.timeEnd,e.startTs);console.log("START TS",new Date(t).toISOString()),console.log("END TS",new Date(i).toISOString());var o=c+"/p/api/v1/annotation",s=[{name:"ts",op:">",val:new Date(t).toISOString()},{name:"ts",op:"<=",val:new Date(i).toISOString()},{name:"channel",op:"==",val:h},{name:"event_code",op:"==",val:l}];o=o+"?q="+JSON.stringify({filters:s});var r=1,a=1,f=function(t){if(t){var i=t.target.json;r=Math.min(d,parseInt(i.total_pages)),i.objects.forEach(function(t){e.addAnnot(t)})}if(r>=a){var s=new n.JsonLoader(o+"&page="+a,!0);s.on("loaded",f),s.load(),a++}};f()};return this.addAnnot=function(t){var e,i=Date.parse(t.ts);if(s(this.annotCategories).eachRight(function(t){return t.ts<i?(e=t,!1):void 0}),e&&this.timeEnd>i){var n=Math.floor((i-this.timeBegin)/(1e3*this.intervalDuration));"undefined"==typeof this.cells[n].graphics&&this.initCell(this.cells[n],e);var o;o="undefined"!=typeof e.colors[t.content.category.code]?t.content.category.code:"default",this.cells[n].categories[o].count+=1,this.cells[n].totalAnnots+=1,this.redrawCell(this.cells[n],e)}},this.initClockGraphics=function(){var t=new n.Text(o.formatTime(this.timeBegin),{font:"12pt Gothic Standard",fill:"#646464"});t.x=this.circleX+15,t.y=this.circleY-this.radius-this.maxCellHeight-10,this.container.addChild(t);var e=new n.Text(o.formatTime(this.timeEnd),{font:"12pt Gothic Standard",fill:"#646464"});e.x=this.circleX-15-e.width,e.y=this.circleY-this.radius-this.maxCellHeight-10,this.container.addChild(e);var i=new n.Text(o.formatTime((this.timeEnd-this.timeBegin)/4+this.timeBegin),{font:"12pt Gothic Standard",fill:"#646464"});i.x=this.circleX+this.radius+this.maxCellHeight+10,i.y=this.circleY-i.height,i.rotation=Math.PI/2,this.container.addChild(i);var s=new n.Text(o.formatTime((this.timeEnd-this.timeBegin)/2+this.timeBegin),{font:"12pt Gothic Standard",fill:"#646464"});s.x=this.circleX-s.width/2,s.y=this.circleY+this.radius+this.maxCellHeight-2,this.container.addChild(s);var r=new n.Text(o.formatTime(3*(this.timeEnd-this.timeBegin)/4+this.timeBegin),{font:"12pt Gothic Standard",fill:"#646464"});r.x=this.circleX-this.radius-this.maxCellHeight-10,r.y=this.circleY+i.height,r.rotation=-Math.PI/2,this.container.addChild(r);var a=new n.Graphics;a.lineStyle(1,6579300).moveTo(this.circleX,this.circleY-this.radius/3/2).lineTo(this.circleX,this.circleY-this.radius-this.maxCellHeight-10).endFill(),this.container.addChild(a)},this.redrawCell=function(t,e){var i,n=0;i=t.totalAnnots*this.intervalHeight>this.maxCellHeight?this.maxCellHeight/t.totalAnnots:this.intervalHeight;for(var o=0;o<e.order.length;o++){var s=e.order[o];t.graphics.beginFill(t.categories[s].color.replace("#","0x")).drawRect(0,n,this.intervalWidth-1,-t.categories[s].count*i).endFill(),n-=t.categories[s].count*i}},this.initCell=function(t,e){t.graphics=new n.Graphics,t.graphics.position.x=this.circleX+this.radius*Math.sin(t.i*(360/f)*(Math.PI/180)),t.graphics.position.y=this.circleY-this.radius*Math.cos(t.i*(360/f)*(Math.PI/180)),t.graphics.rotation=t.i*(360/f)*(Math.PI/180)+360/(2*f)*(Math.PI/180),this.container.addChild(t.graphics);for(var i in e.colors)t.categories[i]={count:0,color:e.colors[i]};"undefined"==typeof t.categories["default"]&&(t.categories["default"]={count:0,color:e.defaultColor})},this.init=function(){this.archive||u.message(function(t){e.addAnnot(t)}),this.showClockGraphics&&this.initClockGraphics()},this.start=function(){this.startTs=Date.now(),w()},this.refresh=function(){},this.stop=function(){},this}var n=t("pixi"),o=t("./utils.js"),s=t("lodash"),r={logger:void 0,intervalWidth:10,intervalHeight:5,maxCellHeight:200,radius:300,serverUrl:"http://127.0.0.1:8080",channel:"ANNOT",maxPages:1e3,showClockGraphics:!0,archive:!1};e.exports={AnnotsTimeLine:i}},{"./utils.js":9,lodash:"lodash",pixi:"pixi"}],4:[function(t,e){"use strict";function i(t){var e=this,i=o(t).defaults(l).value();this.container=new n.DisplayObjectContainer,this.container.x=i.xInit,this.container.y=i.yInit,this.width=i.width,this.height=i.height,this.timeBegin=i.timeBegin,this.timeEnd=i.timeEnd,this.annotCategories=[],this.annotCategoriesDay2=[],this.annotCategoriesDay1=[];var c=i.wsPianoroll,d=i.wsAnnot,f=i.stageView,g=(Date.now()+36e5,i.channel),u=i.serverUrl,v=i.eventCode,p=i.eventCodeSessionDay2,w=i.eventCodeSessionDay1;h.getAnnotCategories(i.urlCategories+v,this.annotCategories),h.getAnnotCategories(i.urlCategories+p,this.annotCategoriesDay2),h.getAnnotCategories(i.urlCategories+w,this.annotCategoriesDay1),f.registerComponent(this);var m=new r.AnnotsTimeLine({stageView:f,logger:logger,ws:d,xInit:0,yInit:0,width:624,height:568,timeBegin:this.timeBegin,timeEnd:this.timeEnd,intervalWidth:6,intervalHeight:10,maxCellHeight:70,radius:200,eventCode:v,channel:g,serverUrl:u,annotCategories:this.annotCategories}),C=new r.AnnotsTimeLine({stageView:f,xInit:0,yInit:0,width:624,height:568,timeBegin:Date.parse("2015-01-23T09:30:00+01:00"),timeEnd:Date.parse("2015-01-23T18:30:00+01:00"),circleX:m.circleX,circleY:m.circleY,intervalWidth:2*m.radius/3*m.intervalWidth/m.radius,intervalHeight:m.intervalHeight*(m.radius-2*m.radius/3)/m.maxCellHeight,maxCellHeight:(m.radius-2*m.radius/3)/2,radius:2*m.radius/3,annotCategories:this.annotCategoriesDay2,eventCode:p,channel:g,serverUrl:u,showClockGraphics:!1,archive:!0}),x=(new r.AnnotsTimeLine({stageView:f,xInit:0,yInit:0,width:624,height:568,timeBegin:Date.parse("2015-01-22T09:30:00+01:00"),timeEnd:Date.parse("2015-01-22T18:30:00+01:00"),circleX:m.circleX,circleY:m.circleY,intervalWidth:2*m.radius/3*m.intervalWidth/m.radius,intervalHeight:m.intervalHeight*(m.radius-m.radius/3)/m.maxCellHeight,maxCellHeight:(2*m.radius/3-m.radius/3)/4,radius:m.radius/3,annotCategories:this.annotCategoriesDay1,eventCode:w,channel:g,serverUrl:u,showClockGraphics:!1,archive:!0}),new n.Text("-- : -- : --",{font:"18pt Gothic Standard",fill:"#646464"}));x.x=C.circleX-x.width/2,x.y=C.circleY-x.height/2,this.container.addChild(x);var y=(new s.DoubleRoll({stageView:f,logger:logger,ws:c,yInit:this.height-200,sceneHeight:200,pianorolls:[{height:200,timeWidth:10,lineInterval:5e3,noteHeight:10}]}),new s.DoubleRoll({stageView:f,logger:logger,ws:c,orientation:"vertical",sceneHeight:568,pianorolls:[{height:200,timeWidth:60,lineInterval:5e3,noteHeight:5}]})),I=new a.AnnotsRoll({stageView:f,logger:logger,ws:d,parentContainer:y.stage,xInit:624,yInit:568,width:400,height:568,widthRoll:200,framerate:y.framerate,pixelsPerSecond:Math.floor(1024/60),annotColors:this.annotCategories}),T=(new n.Graphics).lineStyle(1,6579300).moveTo(I.container.x,I.container.y).lineTo(I.container.x,I.container.y-I.height).moveTo(I.container.x+I.widthRoll,I.container.y).lineTo(I.container.x+I.widthRoll,I.container.y-I.height).moveTo(0,this.height-200).lineTo(this.width,this.height-200).drawRect(0,0,this.width-1,this.height-1).beginFill(15527148).drawRect(824,0,200,568).endFill();this.container.addChild(T),this.init=function(){},this.updateTime=function(){x.setText(h.formatTime(Date.now()))};var D;return this.start=function(){D=setInterval(function(){e.updateTime()},1e3)},this.refresh=function(){},this.stop=function(){},this}var n=t("pixi"),o=t("lodash"),s=t("./doubleroll.js"),r=t("./annotstimeline.js"),a=t("./annotsroll.js"),h=t("./utils.js"),l={xInit:0,yInit:0,width:1024,height:768};e.exports={AnnotsVizView:i}},{"./annotsroll.js":2,"./annotstimeline.js":3,"./doubleroll.js":5,"./utils.js":9,lodash:"lodash",pixi:"pixi"}],5:[function(t,e){"use strict";function i(t){var e=this,i=o(t).defaults(r).value(),a=i.orientation,h="vertical"!==a;this.logger=i.logger,this.lineColor=i.lineColor,this.lineFillColor=i.lineFillColor,this.framerate=i.framerate,this.offsetMusic=i.offsetMusic,this.noteColors=i.noteColors;var l=i.noteHeight,c=i.sceneHeight||o(i.pianorolls).reduce(function(t,e){return t+e.height},0),d=i.timeWidth,f=i.lineInterval,g=i.offsetMusic,u=i.sceneWidth,v=i.stageView,p=i.zeroShift,w=i.ws,m={};this.container=new n.DisplayObjectContainer,this.container.x=Math.floor(u*p),this.container.y=0,v.registerComponent(this);var C=[],x={parentContainer:this.container,orientation:a,xInit:0,width:u,noteColors:this.noteColors,colorsReg:m,lineColor:this.lineColor,lineInterval:f,offsetMusic:g},y=i.yInit||0,I=!0;o(i.pianorolls).forEach(function(t,r){var a=l||t.noteHeight||t.height/128,h=t.timeWidth||d;if(C.push(new s(o({yInit:y,height:t.height,linesDown:I,pixelsPerSecond:Math.floor(u/h),noteHeight:a,lineInterval:t.lineInterval}).defaults(x).value())),y+=t.height,I=!I,r<i.pianorolls.length-1){var c=(new n.Graphics).beginFill(e.lineFillColor).lineStyle(1,e.lineColor).moveTo(Math.floor(u*p),y).lineTo(-u-Math.floor(u*p),y).endFill();e.container.addChild(c)}}),h||(this.container.rotation=Math.PI/2,this.container.y=c,this.container.x=u),this.init=function(){w.message(function(t){e.addNotes(t)})},this.addNotes=function(t){C.forEach(function(e){e.addNoteRaw(t)})},this.refresh=function(){C.forEach(function(t){t.move()})};var T;return this.start=function(){T=Date.now(),C.forEach(function(t){t.start()})},this.stop=function(){C.forEach(function(t){t.stop()})},this.log=function(t){this.logger&&this.logger.log(t)},this}var n=t("pixi"),o=t("lodash"),s=t("./pianoroll"),r={orientation:"horizontal",logger:void 0,sceneWidth:1024,pianorolls:[{height:435,timeWidth:10,lineInterval:5e3,noteHeight:void 0},{height:645,timeWidth:60,lineInterval:5e3,noteHeight:void 0}],framerate:25,offsetMusic:!1,sceneBgColor:16777215,lineColor:4473924,lineFillColor:16776960,noteColors:[12124160,4971889,11506462,1845434,5466513],noteHeight:void 0,zeroShift:.9,timeWidth:60,lineInterval:5e3};e.exports={DoubleRoll:i}},{"./pianoroll":7,lodash:"lodash",pixi:"pixi"}],6:[function(t,e){"use strict";function i(t,e){var i=e;"string"==typeof e&&(i=document.getElementById(e)),t||(document.body.removeChild(i),i=void 0),this.log=function(e){t&&i&&(i.innerHTML+=e+"\n",i.scrollTop=i.scrollHeight)}}function n(t){this.log=function(e){t&&console.log(e)}}e.exports={HtmlLogger:i,ConsoleLogger:n}},{}],7:[function(t,e){"use strict";function i(t){var e=this;this.container=new n.DisplayObjectContainer,this.container.x=t.xInit,this.container.y=t.yInit,t.parentContainer.addChild(this.container);var i=t.orientation,a="vertical"!==i;this.linesDown=t.linesDown,this.height=t.height,this.pixelsPerSecond=t.pixelsPerSecond,this.width=t.width,this.noteColors=t.noteColors,this.colorsReg=t.colorsReg||{},this.lineColor=t.lineColor,this.lineInterval=t.lineInterval,this.offsetMusic=t.offsetMusic||!1,this.noteHeight=t.noteHeight,this.noteDict={},this.startTs=t.startTs||Date.now();var h=!1,l=function(t){var e=t.toGlobal(new n.Point(0,0));return e.x+t.width<0||e.y+t.height<0};this.getColor=function(t){var e=this.colorsReg[t];if("undefined"==typeof e){var i=Object.keys(this.colorsReg).length;e=this.colorsReg[t]=i<this.noteColors.length?this.noteColors[i]:parseInt(o({luminosity:"light",hue:"random",format:"hex"}).replace(/^#/,""),16)}return e},this.getNoteRect=function(t,e,i,o,s,r){var a=new n.Graphics;return a.beginFill(i,o),a.drawRect(0,0,s,r),a.endFill(),a.x=t,a.y=e,a.width=s,a.height=r,a},this.addNoteRaw=function(t){var e=t.content[3],i=t.content[4],n=1e3*(t.content[0]-r),o=t.content[2],s=t.content[1];this.addNote(e,n,s,i,o,0)},this.addNote=function(t,e,i,n,o,s){var r=e;this.offsetMusic&&(r=this.startTs+i);var a,h=s,l=n;if(!s)if("undefined"==typeof this.noteDict[o]&&(this.noteDict[o]={}),0===n){if("undefined"!=typeof this.noteDict[o][t]){var c=this.noteDict[o][t];delete this.noteDict[o][t],h=i-c.sessionTs,a=c.graphics,l=c.velocity,r=c.ts}}else h=Math.abs(Date.now()-r),this.noteDict[o][t]={ts:r,velocity:n,sessionTs:i};if(!this.offsetMusic||0===n){var d=h*this.pixelsPerSecond/1e3;if(a)a.width=d;else{var f=(r-this.startTs)*this.pixelsPerSecond/1e3;if(f+d<Math.abs(this.container.x)-this.width)return;var g=Math.floor((128-t+.5)*this.height/128-this.noteHeight/2),u=this.getColor(o),v=l/128;a=this.getNoteRect(f,g,u,v,d,this.noteHeight),this.container.addChild(a)}!s&&n&&(this.noteDict[o][t].graphics=a)}},this.addLine=function(t){"undefined"==typeof t&&(t=new Date);var e=-this.container.x,i=this.linesDown?this.height-20:0,o=(new n.Graphics).beginFill(16776960).lineStyle(1,this.lineColor).moveTo(0,0).lineTo(0,20).endFill();o.x=e,o.y=i,this.container.addChild(o);var s=t.getHours(),r=t.getMinutes(),h=t.getSeconds(),l=(10>s?"0"+s:s)+":"+(10>r?"0"+r:r)+":"+(10>h?"0"+h:h),c={font:"10pt Arial",fill:"#444444"},d=new n.Text(l,c);a?(d.x=e+2,d.y=this.linesDown?this.height-15:2):(d.rotation=-Math.PI/2,d.x=e,d.y=this.linesDown?this.height-2:d.width+2),this.container.addChild(d)},this.moveTo=function(t){var e=this.container.x;this.container.x=Math.floor(t*this.pixelsPerSecond);var i=Math.abs(e-this.container.x);s.forOwn(this.noteDict,function(t){s.forOwn(t,function(t){t.graphics&&(t.graphics.width=t.graphics.width+i)})})},this.move=function(){var t=(this.startTs-Date.now())/1e3;this.moveTo(t)},this.removePassedObjets=function(){var t=[];s(e.container.children).forEach(function(e){return"undefined"==typeof e||l(e)&&t.push(e)}),t.forEach(function(t){e.container.removeChild(t)})},this.start=function(){h||(this.startTs=Date.now(),this.addLine(),h=!0),this.verticalLinesInterval=setInterval(function(){e.addLine()},this.lineInterval),this.cleanInterval=setInterval(function(){e.removePassedObjets()},1e3*this.width/this.pixelsPerSecond)},this.stop=function(){clearInterval(this.verticalLinesInterval),clearInterval(this.cleanInterval)}}var n=t("pixi"),o=t("randomColor"),s=t("lodash"),r=2208988800;e.exports=i},{lodash:"lodash",pixi:"pixi",randomColor:"randomColor"}],8:[function(t,e){"use strict";function i(t){var e=this,i=o(t).defaults(s).value(),r=i.externalRefresh;this.logger=i.logger,this.framerate=i.framerate;var a=i.sceneBgColor,h=i.sceneWidth,l=i.sceneHeight,c=i.canvasContainer,d=[],f=[];this.stage=new n.Stage(a);var g=n.autoDetectRenderer(h,l);this.init=function(){"string"==typeof c&&(c=document.getElementById(c)),"string"==typeof d&&(d=document.getElementById(d)),c.appendChild(g.view),f.forEach(function(t){t.init()})},this.registerTimeContainer=function(t){d.push(t)},this.registerComponent=function(t){f.push(t),this.stage.addChild(t.container)},this.refresh=function(){f.forEach(function(t){t.refresh()}),g.render(this.stage)};var u;return this.start=function(){r||(u=setInterval(function(){e.refresh()},1e3/this.framerate)),f.forEach(function(t){t.start()})},this.stop=function(){r||clearInterval(u),f.forEach(function(t){t.stop()})},this.log=function(t){this.logger&&this.logger.log(t)},this}var n=t("pixi"),o=t("lodash"),s={externalRefresh:!1,logger:void 0,sceneWidth:1024,sceneHeight:768,framerate:25,sceneBgColor:16777215,canvasContainer:"canvasContainer"};e.exports={StageView:i}},{lodash:"lodash",pixi:"pixi"}],9:[function(t,e){"use strict";function i(t){return a(t).format("HH:mm:ss")}function n(t){var e=/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/.exec(t);return e?"#"+(1<<24|e[1]<<16|e[2]<<8|e[3]).toString(16).substr(1):t}function o(t,e){var i=new s.JsonLoader(t,!0);i.on("loaded",function(t){for(var i=t.target.json;e.length>0;)e.pop();i.sessions.forEach(function(t){var i={ts:null===t.start_ts?new Date(0):Date.parse(t.start_ts),colors:{}},o=t.categories_json;i.order=o.order,"undefined"==typeof i.order["default"]&&i.order.push("default");for(var s=r.clone(o.categories);s.length>0;){var a=s.pop();a.code&&(i.colors[a.code]=n(a.color)),a.subcategories&&(s=s.concat(a.subcategories))}o.categories.forEach(function(t){t.code&&(i.colors[t.code]=n(t.color))}),i.defaultColor=o.defaultColor||"#536991",e.push(i)})}),i.load()}var s=t("pixi"),r=t("lodash"),a=t("moment");e.exports={formatTime:i,getAnnotCategories:o,colorToHex:n}},{lodash:"lodash",moment:"moment",pixi:"pixi"}],10:[function(t,e){"use strict";function i(t,e){var i=t,n=new WebSocket(i),o=e,s=function(t){o&&o.log(t)},r=[];n.onopen=function(){s("Connected to "+i)},n.onclose=function(t){s("Connection closed (wasClean = "+t.wasClean+", code = "+t.code+", reason = '"+t.reason+"')"),n=null},n.onmessage=function(t){s("received "+t.data);var e=JSON.parse(t.data);r.forEach(function(t){t(e)})},this.message=function(t){t&&r.push(t)}}e.exports={WsWrapper:i}},{}]},{},[1])(1)});