(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["3102ce88"],{"2edc":function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("canvas",{ref:"mainCanvas",staticStyle:{"touch-action":"none"},attrs:{"touch-action":"none",id:"mainCanvas"}})},s=[],a=(i("6c7b"),{name:"EelCanvas",props:{active:Boolean},data:function(){return{recordedPoints:[]}},mounted:function(){this.canvas=this.$refs.mainCanvas,this.context=this.canvas.getContext("2d"),this.styleCanvas(),this.configureCanvas(),this.clear()},methods:{record:function(){this.recordedPoints=[],this.isRecording=!0},getRecording:function(){return this.isRecording=!1,{dimensions:{heightMM:this.heightInMM,heightPixels:this.canvas.height,widthPixels:this.canvas.width,upperGuidePixels:this.upperLineY,middleGuidePixels:this.middleLineY,lowerGuidePixels:this.lowerLineY,lowestGuidePixels:this.lowestLineY},path:this.recordedPoints}},styleCanvas:function(){this.heightInMM=85;var t=1;this.canvas.style.width="300px",this.canvas.style.height="".concat(this.heightInMM,"mm"),this.canvas.style.height="".concat(7*this.canvas.clientHeight/5,"px"),this.canvas.width=this.canvas.clientWidth*t,this.canvas.height=this.canvas.clientHeight*t;var e=5/this.heightInMM,i=25/this.heightInMM,n=25/this.heightInMM,s=25/this.heightInMM;this.upperLineY=e*this.canvas.height,this.middleLineY=this.upperLineY+i*this.canvas.height,this.lowerLineY=this.middleLineY+n*this.canvas.height,this.lowestLineY=this.lowerLineY+s*this.canvas.height,this.canvas.style.background="linear-gradient(180deg, #f7feff, #FFFFFF, #f7feff)",this.canvas.style.border="1px solid #E0F7FA"},configureCanvas:function(){var t=this;this.canvas.addEventListener("mousedown",(function(e){return t.handleMouseDown(e)}),!1),this.canvas.addEventListener("mousemove",(function(e){return t.handleMouseMove(e)}),!1),this.canvas.addEventListener("mouseup",(function(e){return t.handleMouseUp(e)}),!1),this.canvas.addEventListener("mouseleave",(function(e){return t.handleMouseLeave(e)}),!1),this.canvas.addEventListener("touchstart",(function(e){return t.handleTouchDown(e)}),!1),this.canvas.addEventListener("touchmove",(function(e){return t.handleTouchMove(e)}),!0),this.canvas.addEventListener("touchend",(function(e){return t.handleTouchUp(e)}),!1),this.canvas.addEventListener("touchcancel",(function(e){return t.handleTouchLeave(e)}),!1)},getMousePoint:function(t){var e=this.canvas.getBoundingClientRect();return{x:t.clientX-e.left,y:t.clientY-e.top}},getTouchPoint:function(t){var e=this.canvas.getBoundingClientRect();return{x:t.targetTouches[0].clientX-e.left,y:t.targetTouches[0].clientY-e.top}},handleMouseDown:function(t){!this.isAnimating&&this.active&&this.startDraw(this.getMousePoint(t))},handleTouchDown:function(t){t.preventDefault(),!this.isAnimating&&this.active&&this.startDraw(this.getTouchPoint(t))},startDraw:function(t){this.setStrokeStyle("USER"),this.drawing=!0,t.type="start",this.prevPoint=t,this.segmentDraw(t)},handleMouseMove:function(t){this.drawing&&this.segmentDraw(this.getMousePoint(t))},handleTouchMove:function(t){this.drawing&&this.segmentDraw(this.getTouchPoint(t))},segmentDraw:function(t){this.paintLine(this.prevPoint,t),this.isRecording&&this.recordedPoints.push(t),this.prevPoint=t},handleMouseUp:function(t){this.endDraw(this.prevPoint)},handleTouchUp:function(t){this.endDraw(this.prevPoint)},endDraw:function(t){t.type="end",this.segmentDraw(t),this.drawing=!1},handleMouseLeave:function(t){this.drawing=!1},handleTouchLeave:function(t){this.drawing=!1},setStrokeStyle:function(t){this.context.lineCap="round",this.context.setLineDash([]),"START_CIRCLE"===t?(this.context.strokeStyle="#003300",this.context.fillStyle="green",this.context.lineWidth=2):"END_CIRCLE"===t?(this.context.strokeStyle="#900000",this.context.fillStyle="red",this.context.lineWidth=2):"USER"===t?(this.context.strokeStyle="#006064",this.context.lineWidth=15):"EEL"===t?(this.context.strokeStyle="#FFD54F",this.context.lineWidth=8):"PRIMARY_GUIDE"===t?(this.context.strokeStyle="#3D4849",this.context.lineWidth=6):"DOTTED_GUIDE"===t?(this.context.strokeStyle="#3D4849",this.context.lineWidth=3,this.context.setLineDash([.04*this.canvas.width,.02875*this.canvas.width])):"MINIMAL_GUIDE"===t&&(this.context.strokeStyle="#667b7d",this.context.lineWidth=4)},paintLine:function(t,e){this.context.beginPath(),this.context.moveTo(t.x,t.y),this.context.lineTo(e.x,e.y),this.context.stroke()},paintCircle:function(t,e){this.context.beginPath(),this.context.arc(t.x,t.y,e,0,2*Math.PI,!1),this.context.fill(),this.context.stroke()},clear:function(){this.context.clearRect(0,0,this.canvas.width,this.canvas.height),this.setStrokeStyle("PRIMARY_GUIDE"),this.paintLine({x:0,y:this.lowerLineY},{x:this.canvas.width,y:this.lowerLineY}),this.paintLine({x:0,y:this.upperLineY},{x:this.canvas.width,y:this.upperLineY}),this.setStrokeStyle("MINIMAL_GUIDE"),this.paintLine({x:0,y:this.lowestLineY},{x:this.canvas.width,y:this.lowestLineY}),this.setStrokeStyle("DOTTED_GUIDE"),this.paintLine({x:0,y:this.middleLineY},{x:this.canvas.width,y:this.middleLineY}),this.setStrokeStyle("USER")},draw:function(t,e){if(t&&!(t.length<0)){this.animationSegment=0,this.animationPoints=t,this.animationPaintPath=e;var i=3e3;this.timePerPoint=i/this.animationPoints.length,this.then=Date.now(),this.now=Date.now(),this.isAnimating=!0,this.animate()}},animate:function(){this.isAnimating&&window.requestAnimationFrame(this.animate),this.now=Date.now();var t=this.now-this.then;if(t>this.timePerPoint){if(this.then=this.now,this.animationSegment>=this.animationPoints.length)this.setStrokeStyle("USER"),this.isAnimating=!1,this.$emit("animationcomplete");else if("start"===this.animationPoints[this.animationSegment].type)this.setStrokeStyle("START_CIRCLE"),this.paintCircle(this.animationPoints[this.animationSegment],13);else if("end"===this.animationPoints[this.animationSegment].type)this.setStrokeStyle("END_CIRCLE"),this.paintCircle(this.animationPoints[this.animationSegment],13);else if(this.animationPaintPath){this.setStrokeStyle("EEL");var e=this.animationPoints[this.animationSegment+1]||this.animationPoints[this.animationSegment];this.paintLine(this.animationPoints[this.animationSegment],e)}this.animationSegment++}}}}),o=a,h=i("2877"),c=Object(h["a"])(o,n,s,!1,null,null,null);e["a"]=c.exports},"37ef":function(t,e,i){"use strict";i.r(e);var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[i("q-page",{attrs:{padding:""}},[i("div",[i("div",{staticClass:"row justify-center"},[i("div",{staticClass:"text-center"},[i("q-card",{staticClass:"my-card"},[i("q-card-section",{staticClass:"bg-accent text-white"},[i("div",{staticClass:"text-h6"},[t._v(t._s(t.instructions))]),i("div",{staticClass:"text-subtitle2"},[t._v(t._s(t.subtext))])]),i("q-card-actions",{attrs:{align:"vertical"}},[i("q-select",{staticStyle:{width:"100%"},attrs:{outlined:"",dense:"",options:t.sequenceOptions,label:"Sequence"},model:{value:t.sequenceSelected,callback:function(e){t.sequenceSelected=e},expression:"sequenceSelected"}}),i("q-input",{staticStyle:{width:"100%"},attrs:{dense:"",mask:"date",rules:["date"]},scopedSlots:t._u([{key:"append",fn:function(){return[i("q-icon",{staticClass:"cursor-pointer",attrs:{name:"event"}},[i("q-popup-proxy",{ref:"qDateProxy",attrs:{"transition-show":"scale","transition-hide":"scale"}},[i("q-date",{on:{input:function(){return t.$refs.qDateProxy.hide()}},model:{value:t.date,callback:function(e){t.date=e},expression:"date"}})],1)],1)]},proxy:!0}]),model:{value:t.date,callback:function(e){t.date=e},expression:"date"}})],1),i("q-card-actions",{attrs:{align:"around"}},["start"===t.step?i("q-btn",{attrs:{color:"accent",flat:"",label:"Start"},on:{click:function(e){return t.start()}}}):t._e(),"review"===t.step?i("q-btn",{attrs:{color:"negative",flat:"",label:"Previous"},on:{click:function(e){return t.previous()}}}):t._e(),"review"===t.step?i("q-btn",{attrs:{color:"info",flat:"",label:"Next"},on:{click:function(e){return t.next()}}}):t._e(),"review"===t.step?i("q-btn",{attrs:{color:"positive",flat:"",label:"Save"},on:{click:function(e){return t.save()}}}):t._e(),"review"===t.step?i("q-btn",{attrs:{color:"info",flat:"",label:"Restart"},on:{click:function(e){return t.restart()}}}):t._e()],1)],1),i("q-card",{staticClass:"my-card"},[i("q-card-section",[i("EelCanvas",{ref:"whiteboard",attrs:{active:t.isCanvasActive}})],1)],1)],1)])])]),i("q-dialog",{model:{value:t.showDialog,callback:function(e){t.showDialog=e},expression:"showDialog"}},[i("q-card",[i("q-card-section",[i("q-select",{attrs:{outlined:"",options:t.qualityOptions,label:"Quality"},model:{value:t.quality,callback:function(e){t.quality=e},expression:"quality"}}),i("q-btn",{attrs:{color:"positive",glossy:"",label:"Upload"},on:{click:function(e){return t.upload()}}})],1)],1)],1)],1)},s=[],a=i("2edc"),o={name:"PageReview",components:{EelCanvas:a["a"]},data:function(){return{sequenceOptions:["standard","jim","Tm9haCBH"],sequenceSelected:"standard",date:"2020/01/01",step:"start",instructions:"Welcome",subtext:"Click start when you are ready to begin.",isCanvasActive:!1,recording:{},letter:"a",success:!0,quality:"Excellent",showDialog:!1,qualityOptions:["Excellent","Good","Okay","Poor","Egregious"]}},methods:{start:function(){this.instructions=this.date,this.subtext=this.getSubtext(),this.step="review"},previous:function(){this.animate()},next:function(){this.animate()},getSubtext:function(){return this.success?'Success on letter "'+this.letter+'"':'Mistake on letter "'+this.letter+'"'},animate:function(){var t=this;this.$refs.whiteboard.clear(),this.instructions=this.date,this.subtext=this.getSubtext(),this.$refs.whiteboard.draw(this.recording.path,!0),setTimeout((function(){t.subtext=t.getSubtext()}),3e3)},save:function(){this.showDialog=!0},restart:function(){this.$refs.whiteboard.clear(),this.instructions=this.date,this.subtext=this.getSubtext(),this.step="start"},upload:function(){var t={letter:this.letter,quality:this.quality,dimensions:this.recording.dimensions,path:this.recording.path};this.$store.dispatch("common/uploadPattern",t),this.instructions=this.date,this.subtext=this.getSubtext(),this.showDialog=!1}}},h=o,c=i("2877"),r=i("fe09"),l=Object(c["a"])(h,n,s,!1,null,null,null);e["default"]=l.exports;l.options.components=Object.assign({QPage:r["p"],QCard:r["b"],QCardSection:r["d"],QCardActions:r["c"],QSelect:r["s"],QInput:r["j"],QIcon:r["i"],QPopupProxy:r["r"],QDate:r["e"],QBtn:r["a"],QDialog:r["f"]},l.options.components||{})}}]);