\r\n\t\t\t\r\n\t\t
)\r\n\t}\r\n}\r\n","const Alignment ={left:'left', right:'right', top:'top', bottom:'bottom'};\r\nexport default Alignment;","import ParameterErrors from '../errors/ParameterErrors';\r\nimport ParameterError from '../errors/ParameterError';\r\nimport getAbsolute from '../ui_core/getAbsolute';\r\nimport Alignment from '../ui_core/Alignment';\r\nimport './Tooltip.css';\r\nconst{throwNotProvided}=ParameterErrors;\r\nexport default class Tooltip {\r\n\tstatic register({element, text, delay, atomicCallbackShow, noEnterLeaveEvents}){\r\n\t\tif(delay===undefined)\r\n\t\t\tdelay = 600;\r\n\t\tconst tooltip = Tooltip._getOrCreateTooltip();\r\n\t\tlet mouseDown = false;\r\n\t\tlet cancelShow = null;\r\n\t\tconst show = ()=>{\r\n\t\t\tcancelShow&&cancelShow();\r\n\t\t\tcancelShow = tooltip.show(element, text, delay, ()=>mouseDown);\r\n\t\t};\r\n\t\tconst hide = ()=>{\r\n\t\t\tcancelShow&&cancelShow();\r\n\t\t\ttooltip.hide();\r\n\t\t};\r\n\t\tif(!noEnterLeaveEvents){\r\n\t\t\telement.addEventListener('mouseenter', show);\r\n\t\t\telement.addEventListener('mouseleave', hide);\r\n\t\t}\r\n\t\tconst onMouseDown = ()=>{\r\n\t\t\tcancelShow&&cancelShow();\r\n\t\t\tmouseDown = true; \r\n\t\t\ttooltip.hide();\r\n\t\t};\r\n\t\tconst mouseUp = ()=>mouseDown = false;\r\n\t\telement.addEventListener('mousedown', onMouseDown);\r\n\t\telement.addEventListener('mouseup', mouseUp);\r\n\tconst disposeMouseDown= ()=>{\r\n\t\t\telement.removeEventListener('mousedown', onMouseDown);\r\n\t\t\telement.addEventListener('mouseup', mouseUp);\r\n\t\t};\r\n\t\tconst dispose = ()=>{\r\n\t\t\telement.removeEventListener('mouseenter', show);\r\n\t\t\telement.removeEventListener('mouseleave', hide);\r\n\t\t\tdisposeMouseDown&&disposeMouseDown();\r\n\t\t};\r\n\t\tif(atomicCallbackShow){\r\n\t\t\tatomicCallbackShow.show = show;\r\n\t\t}\r\n\t\treturn dispose;\r\n\t}\r\n\tstatic _getOrCreateTooltip(){\r\n\t\tif(Tooltip._tooltip)return Tooltip._tooltip;\r\n\t\tconst element = document.createElement('div');\r\n\t\telement.classList.add('tooltip');\r\n\t\tconst tooltipTextElement = document.createElement('div');\r\n\t\ttooltipTextElement.classList.add('tooltiptext');\r\n\t\telement.appendChild(tooltipTextElement);\r\n\t\tdocument.body.appendChild(element);\r\n\t\tconst setVisible = Tooltip._getSetVisible(element);\r\n\t\tconst setPosition = Tooltip._getSetPosition(element);\r\n\t\tconst triangleElement = document.createElement('div');\r\n\t\ttriangleElement.classList.add('triangle');\r\n\t\telement.appendChild(triangleElement);\r\n\t\tTooltip._tooltip = {\r\n\t\t\telement, \r\n\t\t\tshow:(elementShowingFor, text, delay, getMouseDown)=>{\r\n\t\t\t\tlet showing = true;\r\n\t\t\t\tsetTimeout(()=>{\r\n\t\t\t\t\tif(!showing||getMouseDown())return;\r\n\t\t\t\t\ttooltipTextElement.innerHTML = text;\r\n\t\t\t\t\tsetVisible(true);\r\n\t\t\t\t\tsetPosition(elementShowingFor);\r\n\t\t\t\t}, delay);\r\n\t\t\t\tconst cancelShow = ()=>showing = false;\r\n\t\t\t\treturn cancelShow;\r\n\t\t\t},\r\n\t\t\thide:()=>{\r\n\t\t\t\tsetVisible(false);\r\n\t\t\t},\r\n\t\t\t\r\n\t\t};\r\n\t\treturn Tooltip._tooltip;\r\n\t}\r\n\tstatic _getSetVisible(element){\r\n\t\treturn (visible)=>{\r\n\t\t\tif(visible){\r\n\t\t\t\telement.classList.add('visible');\r\n\t\t\t\tsetTimeout(()=>element.classList.add('faded-in'),0);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\telement.classList.remove('visible');\r\n\t\t\t\telement.classList.remove('faded-in');\r\n\t\t\t}\r\n\t\t};\r\n\t}\r\n\tstatic _getSetPosition(element){\r\n\t\tconst setAlignment = Tooltip._getSetAlignment(element);\r\n\t\treturn (elementShowingFor)=>{\r\n\t\t\telement.style.left='0px';\r\n\t\t\telement.style.top='0px';\r\n\t\t\tconst width = element.offsetWidth;\r\n\t\t\tconst absolutePositionElementShowingFor = getAbsolute(elementShowingFor);\r\n\t\t\tconst leftWhichWouldBeRequiredForLeftAlign = absolutePositionElementShowingFor.left- element.offsetWidth;\r\n\t\t\tlet left;\r\n\t\t\tlet alignment = Alignment.left;\r\n\t\t\tif(leftWhichWouldBeRequiredForLeftAlign<0){\r\n\t\t\t\talignment = Alignment.right;\r\n\t\t\t\tconst leftWhichWouldBeRequiredForRightAlign = absolutePositionElementShowingFor.left+ elementShowingFor.offsetWidth+element.offsetWidth;\r\n\t\t\t\tleft = leftWhichWouldBeRequiredForRightAlign;\r\n\t\t\t}\r\n\t\t\telse{\r\n\t\t\t\tleft = leftWhichWouldBeRequiredForLeftAlign;\r\n\t\t\t}\r\n\t\t\tsetAlignment(alignment);\r\n\t\t\telement.style.left=String(left)+'px';\r\n\t\t\telement.style.top=String(absolutePositionElementShowingFor.top+ (elementShowingFor.offsetHeight/2) - (element.offsetHeight/2))+'px';\r\n\t\t};\r\n\t}\r\n\tstatic _getSetAlignment(element){\r\n\t\tlet currentAlignmentClass = null;\r\n\t\treturn (alignment)=>{\r\n\t\t\tconst alignmentClass = alignment===Alignment.left?'align-left':'align-right';\r\n\t\t\tif(currentAlignmentClass===alignmentClass)return;\r\n\t\t\telement.classList.remove(currentAlignmentClass);\r\n\t\t\telement.classList.add(alignmentClass);\r\n\t\t\tcurrentAlignmentClass=alignmentClass;\r\n\t\t}\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './Filters.css';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport Tooltip from './Tooltip';\r\n\r\nexport default class IconButton extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tconst {faIcon, imgUrl, text, onClick, className, disabled, tooltip} = props;\r\n\t\tthis._callbackClick = onClick;\r\n\t\tthis._elementRef = React.createRef();\r\n\t\tif(faIcon&&imgUrl)throw new Error('Both faIcon and imgUrl were provided');\r\n\t\tthis._text = text;\r\n\t\tthis._handleClick=this._handleClick.bind(this);\r\n\t\tthis.state = { className:className, disabled:disabled===true?true:false, innerIcon :faIcon?(
)};\r\n\t\tthis._tooltip = tooltip;\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tif(this._tooltip)\r\n\t\t\tTooltip.register({element:this._elementRef.current, text:this._tooltip});\r\n\t}\r\n\tcomponentDidUpdate(previousProps){\r\n\t\tif(previousProps.className!==this.props.className||previousProps.disabled!==this.props.disabled)\r\n\t\t\tthis.setState({className:this.props.className, disabled:this.props.disabled});\r\n\t\tif(previousProps.faIcon!==this.props.faIcon||previousProps.imgUrl!==this.props.imgUrl)\r\n\t\t\tthis.setState({innerIcon :this.props.faIcon?(
)});\r\n\t\tif(previousProps.onClick!==this.props.onClick)\r\n\t\t{\r\n\t\t\tthis._callbackClick=this.props.onClick;\r\n\t\t}\r\n\t}\r\n\t_handleClick(e){\r\n\t\tthis._callbackClick(e);\r\n\t}\r\n\trender() {\r\n\t\tlet className = \"icon-button\";\r\n\t\tif(this.state.className)\r\n\t\t\tclassName+=` ${this.state.className}`;\r\n\treturn ()\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './DialogButton.css';\r\nexport default class DialogButton extends Component{\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\t\tconst {onClick, text, className}=props;\r\n\t\t\tthis._className = className;\r\n\t\t\tthis._text = text;\r\n\t\t\tthis._onClick = onClick;\r\n\t}\r\n\trender(){\r\n\t\tlet className = \"dialog-button\";\r\n\t\tif(this._className)className+=` ${this._className}`;\r\n\t\treturn (\r\n\t\t\t);\r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport ReactDom from 'react-dom';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport './Dialog.css';\r\nimport IconButton from './IconButton';\r\nimport DialogButton from './DialogButton';\r\nimport Urls from '../urls/Urls';\r\nimport { faBackward, faTimes} from '@fortawesome/free-solid-svg-icons';\r\nconst { throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class Dialog extends Component{\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {preventInterraction, options, \r\n\t\t//disposeOnHide, \r\n\t\tmessage, title, className, onClickClose}=props;\r\n\t\tthis._preventInterraction=(preventInterraction===undefined||preventInterraction===null)?true:preventInterraction;\r\n\t\tif(!options)throwNotProvided('options');\r\n\t\tthis._options = options;\r\n\t\t//this._disposeOnHide = (disposeOnHide===undefined||disposeOnHide===null)?true:disposeOnHide;\r\n\t\tthis._message = message;\r\n\t\tthis._callbackClickClose = onClickClose;\r\n\t\tthis._disposed=false;\r\n\t\tconst buttons = options.map((option)=>{\r\n\t\t\treturn (\r\n\t\t\t\t
);\r\n\t}\r\n}","export default class EventNormalizer{\r\n\tstatic addFriendlyXYToTouch_LexicalClosure(callback2){\r\n\t\treturn (...args)=>{\r\n\t\t\tconst e = args[0];\r\n\t\t\tEventNormalizer.addFriendlyXYToTouch(e);\r\n\t\t\tcallback2.apply(null, args);\r\n\t\t};\r\n\t}\r\n\tstatic addFriendlyXYToMouse_LexicalClosure(callback){\r\n\t\treturn (...args)=>{\r\n\t\t\tconst e = args[0];\r\n\t\t\tEventNormalizer.addFriendlyXYToMouse(e);\r\n\t\t\tcallback.apply(null, args);\r\n\t\t};\r\n\t}\r\n\tstatic addFriendlyXYToTouch(e){\r\n\t\tconst touch = e.changedTouches[0];\r\n\t\tif(touch){\r\n\t\t\te.x = touch.clientX;\r\n\t\t\te.y = touch.clientY;\r\n\t\t}\r\n\t}\r\n\tstatic addFriendlyXYToMouse(e){\r\n\t\ttry{\r\n\t\tif(e.x===undefined)\r\n\t\t\te.x = e.clientX;\r\n\t\tif(e.y===undefined)\r\n\t\t\te.y = e.clientY;\r\n\t\t}catch{}\r\n\t}\r\n}","import ParameterErrors from '../errors/ParameterErrors';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class Once{\r\n\tconstructor(callback){//multiple triggers synchronously results in one call to the callback.\r\n\t\tthis._callback = callback;\r\n\t\tif(callback===undefined||callback===null)\r\n\t\t\tthrowNotProvided('callback');\r\n\t\tthis._set=false;\r\n\t\tthis.trigger = this.trigger.bind(this);\r\n\t\tthis._unsetIt=this._unsetIt.bind(this);\r\n\t\tthis._setIt = this._setIt.bind(this);\r\n\t}\r\n\tget triggered(){\r\n\t\treturn this._set;\r\n\t}\r\n\ttrigger(a){\r\n\t\tif(!this._set){\r\n\t\t\tthis._setIt(arguments);\r\n\t\t}\r\n\t};\r\n\t_unsetIt(){\r\n\t\tthis._set=false;\r\n\t}\r\n\t_setIt(args){\r\n\t\tsetTimeout(this._unsetIt, 0);\r\n\t\tthis._set=true;\r\n\t\tthis._callback.apply(null, args);\r\n\t}\r\n}","import ParameterErrors from '../errors/ParameterErrors';\r\nimport EventNormalizer from '../core/EventNormalizer';\r\nimport Once from '../core/Once';\r\nconst { throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class EfficientMoveCycle{\r\n\tconstructor(props){\r\n\t\tconst { element, stopPropagation, preventDefault, onStart, onMove, onEnd , friendlyXY} = props;\r\n\t\tif (!element) throwNotProvided(\"element\");\r\n\t\tthis._stopPropagation = (stopPropagation === undefined || stopPropagation === null)\r\n\t\t\t? false : stopPropagation;\r\n\t\tthis._preventDefault = (preventDefault === undefined || preventDefault === null)\r\n\t\t\t? false : preventDefault;\r\n\r\n\t\tif (!onStart) throwNotProvided(\"onStart\");\r\n\t\tif (typeof (onStart) !== \"function\") throwNotOfType(\"onStart\", \"function\");\r\n\t\tthis._onStartMouse = friendlyXY?EventNormalizer.addFriendlyXYToMouse_LexicalClosure(onStart):onStart;\r\n\t\tthis._onStartTouch = friendlyXY?EventNormalizer.addFriendlyXYToTouch_LexicalClosure(onStart):onStart;\r\n\t\t\r\n\t\tif (!onMove) throwNotProvided(\"onMove\");\r\n\t\tif (typeof (onMove) !== \"function\") throwNotOfType(\"onMove\", \"function\");\r\n\t\tthis._onMoveMouse = friendlyXY?EventNormalizer.addFriendlyXYToMouse_LexicalClosure(onMove):onMove;\r\n\t\tthis._onMoveTouch = friendlyXY?EventNormalizer.addFriendlyXYToTouch_LexicalClosure(onMove):onMove;\r\n\r\n\t\tif (!onEnd) throwNotProvided(\"onEnd\");\r\n\t\tif (typeof (onEnd) !== \"function\") throwNotOfType(\"onEnd\", \"function\");\r\n\t\tthis._onEndOnce = new Once(onEnd);\r\n\t\tthis._onEndMouse = friendlyXY?EventNormalizer.addFriendlyXYToMouse_LexicalClosure(this._onEndOnce.trigger):this._onEndOnce.trigger;\r\n\t\tthis._onEndTouch = friendlyXY?EventNormalizer.addFriendlyXYToTouch_LexicalClosure(this._onEndOnce.trigger):this._onEndOnce.trigger;\r\n\r\n\t\tthis._mouseDown = this._mouseDown.bind(this);\r\n\t\tthis._mouseMove = this._mouseMove.bind(this);\r\n\t\tthis._mouseUp = this._mouseUp.bind(this);\r\n\t\tthis._stopPropagationIfRequired = this._stopPropagationIfRequired.bind(this);\r\n\t\tthis._preventDefaultIfRequired = this._preventDefaultIfRequired.bind(this);\r\n\t\tthis._addMouseMoveEvent = this._addMouseMoveEvent.bind(this);\r\n\t\tthis._addMouseUpEvent = this._addMouseUpEvent.bind(this);\r\n\t\t\r\n\t\tthis._touchStart = this._touchStart.bind(this);\r\n\t\t//this._touchStartAnywhere = this._touchStartAnywhere.bind(this);\r\n\t\tthis._touchMove = this._touchMove.bind(this);\r\n\t\tthis._touchEnd = this._touchEnd.bind(this);\r\n\t\tthis._addTouchEnd = this._addTouchEnd.bind(this);\r\n\t\tthis._addTouchMove = this._addTouchMove.bind(this);\r\n\t\telement.addEventListener('mousedown', this._mouseDown, {passive: false});\r\n\t\telement.addEventListener('touchstart', this._touchStart, {passive: false});\r\n\t}\r\n\t_mouseDown(e) {\r\n\t\tif (!e) e = window.event;\r\n\t\tif(this._friendlyXY)this._addFriendlyMouseXY(e);\r\n\t\tif (this._onStartMouse(e, false) == false) return;\r\n\t\tEfficientMoveCycle._clearCurrentMouseMove();\r\n\t\tEfficientMoveCycle._clearCurrentMouseUp()\r\n\t\tthis._addMouseMoveEvent();\r\n\t\tthis._addMouseUpEvent();\r\n\t\tthis._stopPropagationIfRequired(e);\r\n\t\tthis._preventDefaultIfRequired(e);\r\n\t}\r\n\t_mouseMove(e) {\r\n\t\tif (!e) e = window.event;\r\n\t\tthis._onMoveMouse(e, false);\r\n\t\tthis._stopPropagationIfRequired(e);\r\n\t\tthis._preventDefaultIfRequired(e);\r\n\t}\r\n\t_mouseUp(e) {\r\n\t\tif (!e) e = window.event;\r\n\t\tthis._onEndMouse(e, false);\r\n\t\tEfficientMoveCycle._clearCurrentMouseUp();\r\n\t\tEfficientMoveCycle._clearCurrentMouseMove();\r\n\t\tthis._stopPropagationIfRequired(e);\r\n\t\tthis._preventDefaultIfRequired(e);\r\n\t}\r\n\t\r\n\t\r\n\t\r\n\t_touchStart(e) {\r\n\t\tif (!e)e = window.event;\r\n\t\tif (this._onStartTouch(e, true) == false) return;\r\n\t\tEfficientMoveCycle._clearCurrentTouchMove();\r\n\t\tEfficientMoveCycle._clearCurrentTouchEnd();\r\n\t\tthis._addTouchMove();\r\n\t\tthis._addTouchEnd();\r\n\t}\r\n\t/*_touchStartAnywhere(e){\r\n\t\tif (!e)e = window.event;\r\n\t\tself[S.ON_START_ANYWHERE](e, true);\r\n\t}*/\r\n\t_touchMove(e) {\r\n\t\tif (!e) e = window.event;\r\n\t\tthis._onMoveTouch(e, true);\r\n\t\tthis._stopPropagationIfRequired(e);\r\n\t\tthis._preventDefaultIfRequired(e);\r\n\t}\r\n\t_touchEnd(e) {\r\n\t\tif (!e)e = window.event;\r\n\t\tconst keep = this._onEndTouch(e, true);\r\n\t\tif(keep)return;\r\n\t\tEfficientMoveCycle._clearCurrentTouchEnd();\r\n\t\tEfficientMoveCycle._clearCurrentTouchMove();\r\n\t}\r\n\t_addTouchMove(){\r\n\t\tdocument.documentElement.addEventListener('touchmove', this._touchMove, {passive: false});\r\n\t\tEfficientMoveCycle._currentTouchMove = this._touchMove;\r\n\t}\r\n\t_addTouchEnd(){\r\n\t\tdocument.documentElement.addEventListener('touchend', this._touchEnd, {passive: false});\r\n\t\tEfficientMoveCycle._currentTouchEnd = this._touchEnd;\r\n\t}\r\n\t\r\n\t_stopPropagationIfRequired(e) {\r\n\t\tif (this._stopPropagation) {\r\n\t\t\te.stopPropagation && e.stopPropagation();\r\n\t\t}\r\n\t}\r\n\t_preventDefaultIfRequired(e) {\r\n\t\tif (this._preventDefault) {\r\n\t\t\te.preventDefault && e.preventDefault();\r\n\t\t}\r\n\t}\r\n\t_addMouseMoveEvent() {\r\n\t\tdocument.documentElement.addEventListener('mousemove', this._mouseMove, {passive: false});\r\n\t\tEfficientMoveCycle._currentMouseMove = this._mouseMove;\r\n\t}\r\n\t_addMouseUpEvent() {\r\n\t\tdocument.documentElement.addEventListener('mouseup', this._mouseUp, {passive: false});\r\n\t\tEfficientMoveCycle._currentMouseUp = this._mouseUp;\r\n\t}\t\r\n\tstatic _clearCurrentMouseUp() {\r\n\t\tif (!EfficientMoveCycle._currentMouseUp) return;\r\n\t\tdocument.documentElement.removeEventListener('mouseup', EfficientMoveCycle._currentMouseUp);\r\n\t\tEfficientMoveCycle._currentMouseUp = undefined;\r\n\t}\r\n\tstatic _clearCurrentMouseMove() {\r\n\t\tif (!EfficientMoveCycle._currentMouseMove) return;\r\n\t\tdocument.documentElement.removeEventListener('mousemove', EfficientMoveCycle._currentMouseMove);\r\n\t\tEfficientMoveCycle._currentMouseMove = undefined;\r\n\t}\r\n\t\r\n\t\r\n\tstatic _clearCurrentTouchEnd(){\r\n\t\tif(!EfficientMoveCycle._currentTouchEnd)return;\r\n\t\tdocument.documentElement.removeEventListener('touchend', EfficientMoveCycle._currentTouchEnd);\r\n\t\tEfficientMoveCycle._currentTouchEnd=undefined;\r\n\t}\r\n\tstatic _clearCurrentTouchMove(){\r\n\t\tif(!EfficientMoveCycle._currentTouchMove)return;\r\n\t\tdocument.documentElement.removeEventListener('touchmove', EfficientMoveCycle._currentTouchMove);\r\n\t\tEfficientMoveCycle._currentTouchMove=undefined;\r\n\t}\t\r\n}\r\n","import ParameterErrors from '../errors/ParameterErrors';\r\nconst { throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class TwoFingerTouch{\r\n\tconstructor(props){\r\n\t\tconst {element, onStart, onStartFinger1, onStartFinger2, onMoveFinger1, onMoveFinger2, onEndFinger1, onEndFinger2, onEnd}=props;\r\n\t\tthis._finger1Active = false;\r\n\t\tthis._finger2Active=false;\r\n\t\tthis._touch1 = null;\r\n\t\tthis._touch2 = null;\r\n\t\tthis._onStart=onStart;\r\n\t\tthis._onMoveFinger2 = onMoveFinger2;\r\n\t\tthis._onMoveFinger1 = onMoveFinger1;\r\n\t\tthis._onStartFinger1 = onStartFinger1;\r\n\t\tthis._onStartFinger2 = onStartFinger2;\r\n\t\tthis._onEndFinger1 = onEndFinger1;\r\n\t\tthis._onEndFinger2 = onEndFinger2;\r\n\t\tthis._onEnd = onEnd;\r\n\t\tthis._finger1Id = null;\r\n\t\tthis._finger2Id = null;\r\n\t\t\r\n\t\tthis._start= this._start.bind(this);\r\n\t\tthis._startAnywhere= this._startAnywhere.bind(this);\r\n\t\tthis._startFinger2= this._startFinger2.bind(this);\r\n\t\tthis._move= this._move.bind(this);\r\n\t\tthis._end= this._end.bind(this);\r\n\t\t//onStartFinger1-2\r\n\t\t//onMoveFinger1-2\r\n\t\t//onEndFinger1-2\r\n\t\t//onStart when both fingers are down\r\n\t\t//onEnd when both fingers are up.\r\n\t\telement.addEventListener('touchstart', this._start);\r\n\t}\r\n\t_start(e){\r\n\t\t\tvar changedTouches = e.changedTouches;\r\n\t\t\tfor(var i=0; i\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{this.state.title}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.state.message}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t{this.state.buttons}
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
);\r\n\t}\r\n}\r\n","\r\nexport default function getStyle(element, name)\r\n{ \r\n\treturn element.currentStyle ? element.currentStyle[name] : window.getComputedStyle ? window.getComputedStyle(element, null).getPropertyValue(name) : null;\r\n}","import getStyle from './getStyle';\r\nexport default function isDisplaying(element){\r\n\tlet currentElement = element;\r\n\twhile(currentElement){\r\n\t\tif(getStyle(currentElement, 'display')==='none')return false;\r\n\t\tcurrentElement = currentElement.parentElement;\r\n\t}\r\n\treturn true;\r\n}","import React, { Component } from 'react';\r\nimport './ZoomableDragable.css';\r\nimport EfficientMoveCycle from '../ui_core/EfficientMoveCycle';\r\nimport TwoFingerTouch from '../ui_core/TwoFingerTouch';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport FrequencyLimitedCallback from '../core/FrequencyLimitedCallback';\r\nimport GroupedCallbacks from '../core/GroupedCallbacks';\r\nimport Once from '../core/Once';\r\nimport Handles from '../core/Handles';\r\nimport FullScreen from '../ui_core/FullScreen';\r\nimport Spinner from './Spinner';\r\nimport isDisplaying from '../ui_core/isDisplaying';\r\nconst{throwNotProvided}=ParameterErrors;\r\nexport default class ParentElement extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tconst {getContainerAspectRatio, updateExternalZoomSource, zoomMax, zoomMin, parentElementRef}= props;\r\n\t\tif(updateExternalZoomSource===undefined)throwNotProvided('updateExternalZoomSource');\r\n\t\tif(zoomMax===undefined||zoomMax===null)throwNotProvided('zoomMax');\r\n\t\tif(zoomMin===undefined||zoomMin===null)throwNotProvided('zoomMin');\r\n\t\tif(parentElementRef===undefined||parentElementRef===null)throwNotProvided('parentElementRef');\r\n\t\tthis._zoomMin = zoomMin;\r\n\t\tthis._zoomMax = zoomMax;\r\n\t\tthis._updateExternalZoomSource=updateExternalZoomSource;\r\n\t\tthis._getContainerAspectRatio = getContainerAspectRatio;\r\n\t\tthis.state ={site:null};\r\n\t\tthis._parentElementRef = parentElementRef;\r\n\t\tthis._imageWrapper = React.createRef();\r\n\t\tthis._inner = React.createRef();\r\n\t\tthis._img = React.createRef();\r\n\t\tthis._handleDragStart= this._handleDragStart.bind(this);\r\n\t\tthis._handleDragMove = this._handleDragMove.bind(this);\r\n\t\tthis._handleDragEnd = this._handleDragEnd.bind(this);\r\n\t\tthis._handleImageLoaded = this._handleImageLoaded.bind(this);\r\n\t\tthis._handleImageError = this._handleImageError.bind(this);\r\n\t\tthis._handleWindowResize = this._handleWindowResize.bind(this);\r\n\t\tthis._constrainAndSetPositionOfImageWrapper = this._constrainAndSetPositionOfImageWrapper.bind(this);\r\n\t\tthis._calculateMaxMinPosition= this._calculateMaxMinPosition.bind(this);\r\n\t\tthis._calculateZoomMultiplier= this._calculateZoomMultiplier.bind(this);\r\n\t\tthis.setZoom = this.setZoom.bind(this);\r\n\t\tthis._setZoomOnce = this._setZoomOnce.bind(this);\r\n\t\tthis._onTwoFingerStart= this._onTwoFingerStart.bind(this);\r\n\t\tthis._onMoveFinger1= this._onMoveFinger1.bind(this);\r\n\t\tthis._onMoveFinger2= this._onMoveFinger2.bind(this);\r\n\t\tthis._clearImage= this._clearImage.bind(this);\r\n\t\tthis.resizeIfNecessary = this.resizeIfNecessary.bind(this);\r\n\t\tthis._resize = this._resize.bind(this);\r\n\t\tthis._updateZoomFromTwoFingerTouch = this._updateZoomFromTwoFingerTouch.bind(this);\r\n\t\tthis._onTwoFingerEnd = this._onTwoFingerEnd.bind(this);\r\n\t\tthis._handleMouseWheelZoom = this._handleMouseWheelZoom.bind(this);\r\n\t\tthis._constrainAndSetZoom= this._constrainAndSetZoom.bind(this);\r\n\t\tthis._getImgAspectRatio = this._getImgAspectRatio.bind(this);\r\n\t\tthis._load = this._load.bind(this);\r\n\t\tthis.load = this.load.bind(this);\r\n\t\tthis._groupedCallbacksSetZoom= new GroupedCallbacks();\r\n\t\tthis.state={imageWrapperPosition:[0, 0], zoom:1, showImage:false};\r\n\t\tthis._zoom = 1;\r\n\t\tthis._unmultipliedZoom = 1;\r\n\t\tthis._onceSetZoom = new Once(this._setZoomOnce);\r\n\t\tthis._initialUnmultipliedZoomOnStartOfTwoFingerTouch=null;\r\n\t\tthis._zoomMultiplier = 1;\r\n\t\tthis._doingTwoFingerTouch=null;\r\n\t\tthis._groupedCallbacksImageLoaded = new GroupedCallbacks();\r\n\t\tthis._startDistanceTwoFingerTouch=null;\r\n\t\tthis._frequencyLimitedCallbackZoom = new FrequencyLimitedCallback({frequencyHz:10});\r\n\t\tthis._spinnerHandles = new Handles();\r\n\t\tthis._imgUrl = null;\r\n\t\tthis._groupedCallbacksImageLoaded.then(()=>{\r\n\t\t\tthis._calculateZoomMultiplier();\r\n\t\t\t//this.setZoom(1);\r\n\t\t});\r\n\t\t\r\n\t}\r\n\tsetZoom(value){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tthis._groupedCallbacksSetZoom.then(resolve).catch(reject); \r\n\t\t\tthis._onceSetZoom.trigger(value);\r\n\t\t});\r\n\t}\t\r\n\t_calculateZoomMultiplier(){\r\n\t\tif(!this._doneCalculateZoomMultiplier){\r\n\t\t\tthis._doneCalculateZoomMultiplier= true;\r\n\t\t\tconst imgAspectRatio = this._getImgAspectRatio();\r\n\t\t\tconst containerAspectRatio = this._getContainerAspectRatio();\r\n\t\t\tif(imgAspectRatio>containerAspectRatio)\r\n\t\t\t\tthis._zoomMultiplier=1;\r\n\t\t\telse \r\n\t\t\t\tthis._zoomMultiplier=imgAspectRatio /containerAspectRatio;\r\n\t\t}\r\n\t}\r\n\t_getImgAspectRatio(){\r\n\t\tconst img = this._img.current;\r\n\t\tconst imgAspectRatio = img.naturalWidth/img.naturalHeight;\r\n\t\treturn imgAspectRatio;\r\n\t}\r\n\t_setZoomOnce(value){\r\n\t\ttry{\r\n\t\tthis._updateExternalZoomSource&&this._updateExternalZoomSource (value);\r\n\t\tthis._unmultipliedZoom=value;\r\n\t\tconst currentZoom = this._zoom;\r\n\t\tthis._zoom = this._zoomMultiplier*value;\r\n\t\tconst parentElement = this._parentElementRef.current;\r\n\t\tconst imageWrapper = this._imageWrapper.current;\r\n\t\tconst multiplier = this._zoom/currentZoom;\r\n\t\tthis._calculateMaxMinPosition(imageWrapper.offsetWidth*multiplier, imageWrapper.offsetHeight*multiplier);\r\n\t\tconst proportionImageToLeft = (-imageWrapper.offsetLeft+(parentElement.offsetWidth/2))/imageWrapper.offsetWidth;\r\n\t\tconst newImageWrapperWidth = imageWrapper.offsetWidth*multiplier;\r\n\t\tconst newLeft = (parentElement.offsetWidth/2)-(proportionImageToLeft*newImageWrapperWidth)\r\n\t\t\r\n\t\t\r\n\t\tconst proportionImageToTop = (-imageWrapper.offsetTop+(parentElement.offsetHeight/2))/imageWrapper.offsetHeight;\r\n\t\tconst newImageWrapperHeight = imageWrapper.offsetHeight*multiplier;\r\n\t\tconst newTop = (parentElement.offsetHeight/2)-(proportionImageToTop*newImageWrapperHeight)\r\n\t\tthis._constrainAndSetPositionOfImageWrapper(newLeft, newTop, this._zoom);\r\n\t\t\tthis._groupedCallbacksSetZoom.doThen();\r\n\t\t}\r\n\t\tcatch(err){\r\n\t\t\tconsole.error(err);\r\n\t\t\tthis._groupedCallbacksSetZoom.catch(err);\r\n\t\t}\r\n\t}\r\n\tget imgUrl(){\r\n\t\treturn this._imgUrl;\r\n\t}\r\n\t_fitToHeight(){\r\n\t\tconst imgAspectRatio = this._getImgAspectRatio();\r\n\t\tconst containerAspectRatio = this._getContainerAspectRatio();\r\n\t\tthis.setZoom(imgAspectRatio/containerAspectRatio);\r\n\t}\r\n\tload(imgUrl, fitToHeight){\r\n\t\tthis._imgUrl = imgUrl;\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tconst spinnerHandle = this._spinnerHandles.take();\r\n\t\t\tconst doReject = (err)=>{ \r\n\t\t\t\tspinnerHandle.dispose(); \r\n\t\t\t\treject(err);\r\n\t\t\t};\r\n\t\t\tthis._clearImage().then(()=>{\r\n\t\t\t\tthis.setState({imageWrapperPosition:[0, 0]});\r\n\t\t\t\tthis._load(imgUrl, fitToHeight).then((res)=>{\r\n\t\t\t\t\tspinnerHandle.dispose(); \r\n\t\t\t\t\tresolve(res);\r\n\t\t\t\t}).catch(doReject);\r\n\t\t\t}).catch(doReject);\r\n\t\t});\r\n\t}\r\n\t_load(imgUrl, fitToHeight){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tconst imgAlreadyHasUrl=this.state.imgUrl===imgUrl;\r\n\t\t\tthis._zoom = 1;\r\n\t\t\tthis._unmultipliedZoom = 1;\r\n\t\t\tthis._zoomMultiplier = 1;\r\n\t\t\tthis._doneCalculateZoomMultiplier=false;\r\n\t\t\tthis.setState({imgUrl:imgUrl, zoom:1});\r\n\t\t\tconst afterImgLoadIfNecessary =()=>{\r\n\t\t\t\tthis._calculateZoomMultiplier();\r\n\t\t\t\tthis.setState({showImage:true});\r\n\t\t\t\tif(fitToHeight){\r\n\t\t\t\t\tthis._fitToHeight();\r\n\t\t\t\t}\r\n\t\t\t\telse\r\n\t\t\t\t{\r\n\t\t\t\t\tthis.setZoom(1);\r\n\t\t\t\t}\r\n\t\t\t\tresolve();\r\n\t\t\t};\r\n\t\t\tif(imgAlreadyHasUrl){\r\n\t\t\t\tafterImgLoadIfNecessary();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tthis._groupedCallbacksImageLoaded.then(()=>{\r\n\t\t\t\tafterImgLoadIfNecessary();\r\n\t\t\t}).catch(reject);\r\n\t\t});\r\n\t}\r\n\t_clearImage(){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tthis.setState({imgUrl:'', showImage:false});\r\n\t\t\tsetTimeout(resolve, 0);\r\n\t\t});\r\n\t}\r\n\t_handleDragStart(e, isTouchElseMouse){\r\n\t\tconst parentElement = this._parentElementRef.current;\r\n\t\tconst imageWrapper = this._imageWrapper.current;\r\n\t\tconst startPosition = [imageWrapper.offsetLeft, imageWrapper.offsetTop];\r\n\t\tthis._calculateMaxMinPosition(imageWrapper.offsetWidth, imageWrapper.offsetHeight);\r\n\t\tconst screenZParent = isTouchElseMouse?e.touches[0]:e;\r\n\t\tthis._startOffset = [startPosition[0]-screenZParent.screenX, startPosition[1]-screenZParent.screenY];\r\n\t}\r\n\t_calculateMaxMinPosition(widthImageWrapper, heightImageWrapper){\r\n\t\tconst parentElement = this._parentElementRef.current;\r\n\t\tconst heightParentElement = parentElement.offsetHeight;\r\n\t\tconst widthParentElement = parentElement.offsetWidth;\r\n\t\tlet minY = heightParentElement-heightImageWrapper;\r\n\t\tif(minY>0)\r\n\t\t\tminY=minY/2;\r\n\t\tconst maxY = minY>0?minY:0;\r\n\t\tlet minX = widthParentElement-widthImageWrapper;\r\n\t\tif(minX>0)\r\n\t\t\tminX=minX/2;\r\n\t\tconst maxX=minX>0?minX:0;\r\n\t\tthis._maxPosition=[maxX, maxY];\r\n\t\tthis._minPosition =[minX, minY];\r\n\t}\r\n\t_handleDragMove(e, isTouchElseMouse){\r\n\t\tif(this._doingTwoFingerTouch )return;\r\n\t\tconst screenZParent = isTouchElseMouse?e.touches[0]:e;\r\n\t\tlet newLeft = screenZParent.screenX +this._startOffset[0];\r\n\t\tlet newTop = screenZParent.screenY + this._startOffset[1];\r\n\t\tthis._constrainAndSetPositionOfImageWrapper(newLeft, newTop, this._zoom);\r\n\t}\r\n\t_handleDragEnd(e){\r\n\r\n\t}\r\n\t_handleWindowResize(e){\r\n\t\tif((!this._inner.current)||(!isDisplaying(this._inner.current))){\r\n\t\t\tthis._resizeDue = true;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis._resize();\r\n\t}\r\n\tresizeIfNecessary(){\r\n\t\tif((!this._inner.current)||(!isDisplaying(this._inner.current)))return;\r\n\t\tif(this._resizeDue)\r\n\t\t{\r\n\t\t\tthis._resizeDue=false;\r\n\t\t\tthis._resize();\r\n\t\t}\r\n\t}\r\n\t_resize(){\r\n\t\tthis._load(this.state.imgUrl).catch(console.error);\r\n\t}\r\n\tcomponentDidMount() {\r\n\t\tthis._efficientMoveCycle = new EfficientMoveCycle({\r\n\t\t\telement: this._imageWrapper.current,\r\n\t\t\tpreventDefault:true,\r\n onStart: this._handleDragStart,\r\n onMove: this._handleDragMove,\r\n onEnd:this._handleDragEnd\r\n\t\t});\r\n\t\tthis._twoFingerTouch = new TwoFingerTouch({\r\n\t\t\telement: this._imageWrapper.current,\r\n onMoveFinger1: this._onMoveFinger1,\r\n onMoveFinger2: this._onMoveFinger2,\r\n\t\t\tonStart:this._onTwoFingerStart,\r\n\t\t\tonEnd:this._onTwoFingerEnd\r\n\t\t});\r\n\t\tthis._imageWrapper.current.addEventListener('wheel', this._handleMouseWheelZoom);\r\n\t\twindow.addEventListener('resize', this._handleWindowResize);\r\n\t\tFullScreen.addEventListener('change', this._handleWindowResize);\r\n\t}\r\n\t_handleMouseWheelZoom(e){\r\n\t\te.preventDefault();\r\n\t\tconst deltaY = e.deltaY;\r\n\t\tconst newZoom = this._unmultipliedZoom-(deltaY*0.0016);\r\n\t\tthis._constrainAndSetZoom(newZoom);\r\n\t\treturn false;\r\n\t}\r\n\t_onTwoFingerStart(e){\r\n\t\tthis._finger1Point = [e.touch1.clientX, e.touch1.clientY];\r\n\t\tthis._finger2Point = [e.touch2.clientX, e.touch2.clientY];\r\n\t\tthis._startDistanceTwoFingerTouch = this._calculateDistanceBetweenPoints(this._finger1Point, this._finger2Point );\r\n\t\tthis._initialUnmultipliedZoomOnStartOfTwoFingerTouch = this._unmultipliedZoom;\r\n\t\tthis._doingTwoFingerTouch=true;\r\n\t}\r\n\t_onMoveFinger1(touch, e){\r\n\t\tif(!this._doingTwoFingerTouch )return;\r\n\t\tthis._finger1Point = [touch.clientX, touch.clientY];\r\n\t\tthis._updateZoomFromTwoFingerTouch();\r\n\t}\r\n\t_onMoveFinger2(touch, e){\r\n\t\tif(!this._doingTwoFingerTouch )return;\r\n\t\tthis._finger2Point = [touch.clientX, touch.clientY];\r\n\t\tthis._updateZoomFromTwoFingerTouch();\r\n\t}\r\n\t_onTwoFingerEnd(){\r\n\t\tif(this._doingTwoFingerTouch)\r\n\t\t\tthis._updateZoomFromTwoFingerTouch();\r\n\t\tthis._doingTwoFingerTouch=false;\r\n\t}\r\n\t_updateZoomFromTwoFingerTouch(){\r\n\t\tthis._frequencyLimitedCallbackZoom.trigger(()=>{\r\n\t\t\tconst newDistance = this._calculateDistanceBetweenPoints(this._finger1Point, this._finger2Point );\r\n\t\t\tlet newUnmultipliedZoom = this._initialUnmultipliedZoomOnStartOfTwoFingerTouch*newDistance/this._startDistanceTwoFingerTouch;\r\n\t\t\tthis._constrainAndSetZoom(newUnmultipliedZoom);\r\n\t\t});\r\n\t}\r\n\t_constrainAndSetZoom(zoom){\r\n\t\tif(zoom>this._zoomMax)zoom=this._zoomMax;\r\n\t\tif(zoom\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t{this.props.children}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t{arr}\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}","export default class Timer{\r\n\tconstructor(props){\r\n\t\tlet {delay, callback, nTicks}=props;\r\n\t\tif (nTicks == undefined)\r\n\t\t{\r\n\t\t\tnTicks = -1;\r\n\t\t}\r\n\t\tif (delay == undefined)\r\n\t\t{\r\n\t\t\tdelay = 1000;\r\n\t\t}\r\n\t\tthis._nTicksCount = 0;\r\n\t\tthis._delay = delay;\r\n\t\tthis._callback = callback;\r\n\t\tthis._nTicks = nTicks;\r\n\t\tthis._interval = null;\r\n\t\tthis._isRunning=false;\r\n\t\tthis._tick= this._tick.bind(this);\r\n\t\tthis.stop= this.stop.bind(this);\r\n\t\tthis.reset= this.reset.bind(this);\r\n\t\tthis.start= this.start.bind(this);\r\n\t\tthis.setDelay= this.setDelay.bind(this);\r\n\t\tthis.isRunning= this.isRunning.bind(this);\r\n\t\tthis._setInterval= this._setInterval.bind(this);\r\n\t\tthis._cancelInterval= this._cancelInterval.bind(this);\r\n\t}\r\n\t_tick(){\r\n\t\tif (this._nTicks >= 0)\r\n\t\t{\r\n\t\t\tthis._nTicksCount++;\r\n\t\t\tif (this._nTicksCount >= this._nTicks)\r\n\t\t\t\tthis.stop();\r\n\t\t}\r\n\t\tthis._callback();\r\n\t}\r\n\tstop(){\r\n\t\tthis._cancelInterval();\r\n\t}\r\n\treset(keepRunning)\r\n\t{\r\n\t\tthis._nTicksCount = 0;\r\n\t\tif(keepRunning)\r\n\t\t{\r\n\t\t\tif(!this._isRunning)return;\r\n\t\t\tclearInterval(this._interval);\r\n\t\t\tthis._interval = setInterval(this._tick, this._delay);\r\n\t\t}else{\r\n\t\t\tthis._cancelInterval();\r\n\t\t}\r\n\t\t\t\t\r\n\t}\r\n\tstart(){\r\n\t\tif(this._isRunning)return;\r\n\t\tthis._setInterval();\r\n\t};\r\n\tsetDelay(value){\r\n\t\tthis.reset();\r\n\t\tthis._delay = value;\r\n\t\tthis._setInterval();\r\n\t};\r\n\tisRunning(){\r\n\t\treturn this._isRunning;\r\n\t}\r\n\t_setInterval()\r\n\t{\r\n\t\tthis._isRunning=true;\r\n\t\tthis._interval = setInterval(this._tick, this._delay);\r\n\t}\r\n\t_cancelInterval()\r\n\t{\r\n\t\tthis._isRunning=false;\r\n\t\tif (!this._interval)return;\r\n\t\tclearInterval(this._interval);\r\n\t\tthis._interval=null;\r\n\t}\r\n}","import Timer from './Timer';\r\nexport default class TemporalCallback{\r\n\tconstructor({callback, maxNTriggers, maxTotalDelay, delay}){\r\n\t\tthis._callback = callback;\r\n\t\tthis._maxNTriggers = maxNTriggers;\r\n\t\tthis._maxTotalDelay = maxTotalDelay;\r\n\t\tthis._delay = delay;\r\n\t\t\r\n\t\tthis.trigger = this.trigger.bind(this);\r\n\t\tthis._tick = this._tick.bind(this);\r\n\t\t\r\n\t\tthis._timerDelay = new Timer({callback:this._tick, delay:delay, nTicks:1});\r\n\t\tif(maxTotalDelay!==undefined&&maxTotalDelay!==null)\r\n\t\t\tthis._timerMaxDelay = new Timer({callback:this._tick, delay:maxTotalDelay, nTicks:1});\r\n\t\tthis._nTriggers=0;\r\n\t}\r\n\ttrigger(){\r\n\t\tthis._nTriggers++;\r\n\t\tif(!this._timerDelay.isRunning()){\r\n\t\t\tthis._timerDelay.start();\r\n\t\t\tthis._timerMaxDelay&&this._timerMaxDelay.start();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif(this._maxNTriggers&&this._nTriggers>this._maxNTriggers){\r\n\t\t\tthis._tick();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis._timerDelay.reset(true);\r\n\t}\r\n\t_tick(){\r\n\t\tthis._nTriggers++;\r\n\t\tthis._timerDelay.reset();\r\n\t\tthis._timerMaxDelay&&this._timerMaxDelay.reset();\r\n\t\tthis._nTriggers=0;\r\n\t\tthis._callback();\r\n\t}\r\n}","\r\nimport eventEnable from '../core/eventEnable';\r\nimport Timer from '../core/Timer';\r\nimport TemporalCallback from '../core/TemporalCallback';\r\nexport default class ResizeWatcher{\r\n\tconstructor({element, onResized, onFirstResize, staggered}){\r\n\t\teventEnable(this);\r\n\t\tstaggered=false;\r\n\t\tthis._element = element;\r\n\t\tthis._onResized= onResized;\r\n\t\tthis._onFirstResize= onFirstResize;\r\n\t\t\r\n\t\tthis.manual= this.manual.bind(this);\r\n\t\tthis.disposed= this.disposed.bind(this);\r\n\t\tthis._resizedCallbackNotInitial= this._resizedCallbackNotInitial.bind(this);\r\n\t\tthis._logSize= this._logSize.bind(this);\r\n\t\tthis._scheduleResize= this._scheduleResize.bind(this);\r\n\t\tthis._finishedResizing= this._finishedResizing.bind(this);\r\n\t\tthis._resized= this._resized.bind(this);\r\n\t\tthis._doStartIfRequired= this._doStartIfRequired.bind(this);\r\n\t\tthis.__resized= this.__resized.bind(this);\r\n\t\tthis._dispatchResized= this._dispatchResized.bind(this);\r\n\t\t\r\n\t\tthis._temporalCallback = staggered?new TemporalCallback({callback:this.__resized, delay:500, maxTotalDelay:800}):undefined;\r\n\t\tthis._timerFinishedResizing = new Timer({nTicks:1, delay:900, callback:this._finishedResizing});\r\n\t\tthis._startedResizing = false;\r\n\t\tthis._loggedSize=null;\r\n\t\tthis._resizeObserver= null;\r\n\t\tthis._hasResizeObserver=window['ResizeObserver']?true:false;\r\n\t\tthis._resizedCallback=staggered?this._scheduleResize: this._resized;\r\n\t\tif(this._hasResizeObserver)\r\n\t\t{\r\n\t\t\tthis._resizeObserver = new (window['ResizeObserver'])(this._resizedCallbackNotInitial);\r\n\t\t\tthis._resizeObserver['observe'](this._element);\r\n\t\t}\r\n\t\telse\r\n\t\t\twindow.addEventListener(\"resize\", this._resizedCallback);\r\n\r\n\t\tsetTimeout(()=>{\r\n\t\t\tthis._resizedCallbackForNotInitial=this._resizedCallback;\r\n\t\t\t}\r\n\t\t,0);\r\n\t\t\r\n\t}\r\n\tmanual(){\r\n\t\tthis._resized();\r\n\t}\r\n\tdisposed(){\r\n\t\tif(!this._hasResizeObserver)\r\n\t\t\twindow.removeEventListener(\"resize\", this._resizedCallback);\r\n\t\telse\r\n\t\t\tthis._resizeObserver['disconnect']();\r\n\t}\r\n\t_resizedCallbackNotInitial(){\r\n\t\tthis._resizedCallbackForNotInitial&&this._resizedCallbackForNotInitial();\r\n\t}\r\n\t_logSize(){this._loggedSize= this._element['getBoundingClientRect']();}\r\n\t_scheduleResize(){\r\n\t\tthis._temporalCallback.trigger();\r\n\t\tthis._doStartIfRequired();\r\n\t}\r\n\t_finishedResizing(){\r\n\t\tthis._startedResizing=false;\r\n\t}\r\n\t_resized(params){\r\n\t\tthis._doStartIfRequired();\r\n\t\tthis.__resized();\r\n\t}\r\n\t_doStartIfRequired(){\r\n\t\tif(!this._startedResizing){\r\n\t\t\tthis._onFirstResize&&this._onFirstResize();\r\n\t\t\tthis._timerFinishedResizing.start();\r\n\t\t\tthis._startedResizing = true;\r\n\t\t}else{\r\n\t\t\tthis._timerFinishedResizing.reset(true);\r\n\t\t}\r\n\t}\r\n\t__resized(params){\r\n\t\tif(!this._loggedSize){this._logSize(); return;}\r\n\t\tvar previousLoggedSize= this._loggedSize;\r\n\t\tthis._logSize();\r\n\t\tif(previousLoggedSize['height']==this._loggedSize['height']&&previousLoggedSize['width']==this._loggedSize['width'])return;\r\n\t\tthis._dispatchResized();\r\n\t}\r\n\t_dispatchResized(){\r\n\t\tthis.dispatchEvent({type:'resized'});\r\n\t\tthis._onResized&&this._onResized();\r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport './BirdsEyeView.css';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport UnitMarker from './UnitMarker';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport Dialog from './Dialog';\r\nimport ZoomableDragable from './ZoomableDragable';\r\nimport DirectionalButtons from './DirectionalButtons';\r\nimport getAbsolute from '../ui_core/getAbsolute';\r\nimport Once from '../core/Once';\r\nimport FrequencyLimitedCallback from '../core/FrequencyLimitedCallback';\r\nimport Urls from '../urls/Urls';\r\nimport ResizeWatcher from '../ui_core/ResizeWatcher';\r\nimport HashSource from '../core/HashSource';\r\nconst{throwNotProvided}=ParameterErrors;\r\nexport default class BirdsEyeView extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {showPlotMoreInformation, updateExternalZoomSource, favouritesRef, zoomMax, zoomMin,\r\n\t\t addFavourite, removeFavourite, showOutside360, enterHouse, showBrochureGenerationDialog,\r\n\t\t plotMenuRef, showPlotDetailedInformation, getConfiguration}= props;\r\n\t\t this._getConfiguration = getConfiguration;\r\n\t\tif(!showPlotMoreInformation)throwNotProvided('showPlotMoreInformation');\r\n\t\tif(!updateExternalZoomSource)throwNotProvided('updateExternalZoomSource');\r\n\t\tif(!updateExternalZoomSource)throwNotProvided('updateExternalZoomSource');\r\n\t\tif(!favouritesRef)throwNotProvided('favouritesRef');\r\n\t\tif(zoomMax===undefined||zoomMax===null)throwNotProvided('zoomMax');\r\n\t\tif(zoomMin===undefined||zoomMin===null)throwNotProvided('zoomMin');\r\n\t\tthis._zoomMin = zoomMin;\r\n\t\tthis._zoomMax = zoomMax;\r\n\t\tthis._favouritesRef=favouritesRef;\r\n\t\tthis._showPlotDetailedInformation= showPlotDetailedInformation;\r\n\t\tthis._updateExternalZoomSource=updateExternalZoomSource;\r\n\t\tthis._callbackShowPlotMoreInformation = showPlotMoreInformation;\r\n\t\tthis._callbackAddFavourite = addFavourite;\r\n\t\tthis._callbackRemoveFavourite = removeFavourite;\r\n\t\tthis._callbackShowOutside360=showOutside360;\r\n\t\tthis._callbackEnterHouse = enterHouse;\r\n\t\tthis._callbackShowBrochureGenerationDialog = showBrochureGenerationDialog;\r\n\t\tthis.state ={siteJson:null};\r\n\t\tthis._birdsEyeViewAnglesAscending = [];\r\n\t\tthis.setVisible= this.setVisible.bind(this);\r\n\t\tthis._element = React.createRef();\r\n\t\tthis._plotMenuRef = plotMenuRef;\r\n\t\tthis._zoomableDragableRef=React.createRef();\r\n\t\tthis._markersRef=React.createRef();\r\n\t\tthis._dragDropMarkerRef=React.createRef();\r\n\t\tthis._createMarkers = this._createMarkers.bind(this);\r\n\t\tthis._clear= this._clear.bind(this);\r\n\t\tthis._clearPlotMarkers = this._clearPlotMarkers.bind(this);\r\n\t\tthis._handleClickPlotMarker = this._handleClickPlotMarker.bind(this);\r\n\t\tthis._setMarkersVisible = this._setMarkersVisible.bind(this);\r\n\t\tthis._handleHoverPlotMarker = this._handleHoverPlotMarker.bind(this);\r\n\t\tthis._handleShowPlotMoreInformation = this._handleShowPlotMoreInformation.bind(this);\r\n\t\tthis.resize = this.resize.bind(this);\r\n\t\tthis._handleClickLeft = this._handleClickLeft.bind(this);\r\n\t\tthis._handleClickRight = this._handleClickRight.bind(this);\r\n\t\tthis._handleEnterHouse = this._handleEnterHouse.bind(this);\r\n\t\tthis._showPlotMenu = this._showPlotMenu.bind(this);\r\n\t\tthis._handleShowBrochureGenerationDialog= this._handleShowBrochureGenerationDialog.bind(this);\r\n\t\tthis._getShouldFitToHeight= this._getShouldFitToHeight.bind(this);\r\n\t\tthis._getAspectRatio= this._getAspectRatio.bind(this);\r\n\t\tthis._getNearestSiteJsonOutside360 = this._getNearestSiteJsonOutside360.bind(this);\r\n\t\tthis._setDragDropMarkerPosition= this._setDragDropMarkerPosition.bind(this);\r\n\t\tthis.getMarkerPositionForPlotNumber= this.getMarkerPositionForPlotNumber.bind(this);\r\n\t\tthis._initializeNearestOutside360PixelMappingsIfNecessary= this._initializeNearestOutside360PixelMappingsIfNecessary.bind(this);\r\n\t\tthis._isDesktopAndShouldShowPlotDetailedInformationInstead= this._isDesktopAndShouldShowPlotDetailedInformationInstead.bind(this);\r\n\t\tthis._frequencyLimitedCallbackGetNearestSiteJsonOutside360= new FrequencyLimitedCallback({frequencyHz:6});\r\n\t\tthis._fittedToHeight = false;\r\n\t\tthis._zoomedOutOnFirstFilterAfterFittingToHeight = false;\r\n\t\tthis.load = this.load.bind(this);\r\n\t\tthis._load = this._load.bind(this);\r\n\t\tthis.setZoom= this.setZoom.bind(this);\t\r\n\t\tconst configuration = this._getConfiguration();\r\n\t\tthis._birdsEyeViewIndex = 0;//configuration.defaultAerialIndex!==undefined?configuration.defaultAerialIndex:0;\r\n\t\tthis._currentSiteJsonBirdsEyeViewsBirdsEyeView = null;\r\n\t\tthis._nearestOutside360UniqueId = null;\r\n\t\tthis._showPlotMenuOnce = new Once(this._showPlotMenu);\r\n\t\tthis.state={unitMarkers:[], visible:true, showPlotMarkers:false};\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tthis._resizeWatcherParentElement = new ResizeWatcher({element:this._element.current});\r\n\t\tthis._resizeWatcherParentElement.addEventListener('resized', this.resize);\r\n\t}\r\n\t\r\n\tsetVisible(value){\r\n\t\tthis.setState({visible:value});\r\n\t\tif(value){\r\n\t\t\tthis.resize();\r\n\t\t}\r\n\t}\r\n\tresize(){\r\n\t\t\tsetTimeout(()=>{\r\n\t\t\tthis._zoomableDragableRef.current?._resize();\r\n\t\t\t}, 0);\r\n\t}\r\n\tsetZoom(value){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tthis._zoomableDragableRef.current.setZoom(value).then(resolve).catch(reject);\r\n\t\t});\r\n\t}\t\r\n\tload(params){\r\n\t\tconst self = this;\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tconst {siteJson, unitsArray, showPlotMarkers, filtered}=params;\r\n\t\t\tif(siteJson===undefined||siteJson===null)throwNotProvided('siteJson');\r\n\t\t\tthis.setState({showPlotMarkers:showPlotMarkers||showPlotMarkers===undefined||showPlotMarkers===null});\r\n\t\t\tthis._siteJson = siteJson;\r\n\t\t\tthis._unitsArray = unitsArray; \r\n\t\t\tlet zoomOut = false;\r\n\t\t\tif(filtered){\r\n\t\t\t\tif(!this._zoomedOutOnFirstFilterAfterFittingToHeight &&this._fittedToHeight){\r\n\t\t\t\t\tthis._zoomedOutOnFirstFilterAfterFittingToHeight =true;\r\n\t\t\t\t\tzoomOut = true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tthis._load(zoomOut).then(resolve).catch(reject);\r\n\t\t});\r\n\t}\r\n\tgetMarkerPositionForPlotNumber(plotNumber){\r\n\t\tlet markerPosition = this._siteJson.units.getPlotByNumber(plotNumber)?.unit.getBirdsEyeViewMarkerPositionForBirdsEyeViewWithIndex(this._birdsEyeViewIndex);\r\n\t\tconst positionAsPercentages = markerPosition?[markerPosition.x, markerPosition.y]:[50,50];\r\n\t\tconst element = this._markersRef.current;\r\n\t\tconst elementAbsolutePosition = getAbsolute(element);\r\n\t\tconst absolutePositionArray = [(positionAsPercentages[0]*element.offsetWidth/100)+elementAbsolutePosition.left, (positionAsPercentages[1]*element.offsetHeight/100)+elementAbsolutePosition.top];\r\n\t\treturn absolutePositionArray;\r\n\t}\r\n\t_load(zoomOut){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tthis._cancelCurrentLoadOperation&&this._cancelCurrentLoadOperation();\r\n\t\t\tlet cancelled = false;\r\n\t\t\tthis._cancelCurrentLoadOperation =()=>{cancelled = true;};\r\n\t\t\tconst birdsEyeViews = this._siteJson.birdsEyeViews.getArray();\r\n\t\t\t//birdsEyeViews.sort((a, b)=>a.angle\r\n\t\t\t\t{hasMoreThanOneBirdsEyeView?():null}\r\n\t\t\t\t \r\n\t\t
)\r\n\t}\r\n}\r\n","const MenuType={\r\n\tMENU_BAR:'menuBar', MAIN_MENU:'mainMenu', FILTERS:'filters',\r\n\tAVAILABLE_PRICES_FILTER:'availablePricesFilter', STATUS_FILTER:'statusFilter',\r\n\tBEDROOMS_FILTER:'bedroomsFilter', HOUSE_TYPE_FILTER:'houseTypeFilter', PLOT_SEARCH:'plotSearch',\r\n\tSITE_PICKER:'sitePicker', PLOT_MORE_INFORMATION:'plotMoreInformation',\r\n\tBROCHURE_GENERATION:'brochureGeneration', FAVOURITES:'favourites', IMAGE_VIEWER:'imageViewer',\r\n\tPRIVACY_POLICY:'privacyPolicy', BROCHURES:'brochures',\r\n\tPLOT_DETAILED_INFORMATION:'plotDetailedInformation',\r\n\tFEATURES_FILTER:'featuresFilter'\r\n};\r\nexport default MenuType;","import React, { Component } from 'react';\r\nimport './UnitMarkerKey.css';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport PlotStatus from '../site/PlotStatus';\r\nimport HashSource from '../core/HashSource';\r\nconst{throwNotProvided} = ParameterErrors;\r\nexport default class UnitMarkerKey extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tconst {hasKeyHeading}=props;\r\n\t\tthis._hasKeyHeading = hasKeyHeading;\r\n\t\tthis.load = this.load.bind(this);\r\n\t\tthis.state ={plotsArray:null};\r\n\t}\r\n\tload({siteJson}){\r\n\t\tthis.setState({plotsArray:siteJson.units.getPlotsArray()});\r\n\t}\r\n\trender() {\r\n\t\tconst plotStatusesForPlots = [];\r\n\t\tconst plotsArray = this.state.plotsArray;\r\n\t\tif(plotsArray){\r\n\t\t\tplotsArray.forEach(plot=>{\r\n\t\t\t\tif(plotStatusesForPlots.indexOf(plot.status)<0)\r\n\t\t\t\t\tplotStatusesForPlots.push(plot.status);\r\n\t\t\t});\r\n\t\t}\r\n\t\tplotStatusesForPlots.sort((firstPlotStatus, secondPlotStatus)=>{\r\n\t\t\tconst firstPlotStatusDescription = PlotStatus.getDescription(firstPlotStatus);\r\n\t\t\tconst secondPlotStatusDescription=PlotStatus.getDescription(secondPlotStatus);\r\n\t\t\tif(firstPlotStatusDescription===secondPlotStatusDescription)return 0;\r\n\t\t\treturn firstPlotStatusDescription>secondPlotStatusDescription?1:-1;\r\n\t\t});\r\n\t\tconst entries = plotStatusesForPlots.map((plotStatus)=>\r\n\t\t\t\t\t+'icons/UI_Button_Walkmode_DropPoint.png'})
\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{this.state.unitMarkers}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t{heading}
)\r\n\t}\r\n}\r\n","export default class ClickedOffHandle{\r\n\tconstructor(element, callbackHide, callbackDispose){\r\n\t\tthis._additionalElements =[];\r\n\t\tthis._disposed = false;\r\n\t\tthis._callbackHide = callbackHide;\r\n\t\tthis._element=element;\r\n\t\tthis._callbackDispose = callbackDispose;\r\n\t\tthis.addAdditionalElement = this.addAdditionalElement.bind(this);\r\n\t\tthis.removeAdditionalElement = this.removeAdditionalElement.bind(this);\r\n\t\tthis.getElements = this.getElements.bind(this);\r\n\t\tthis.getElement = this.getElement.bind(this);\r\n\t\tthis.hide = this.hide.bind(this);\r\n\t\tthis.dispose = this.dispose.bind(this);\r\n\t}\r\n\taddAdditionalElement(additionalElement){\r\n\t\tif(this._additionalElements.indexOf(additionalElement)<0)\r\n\t\t\tthis._additionalElements.push(additionalElement);\r\n\t}\r\n\tremoveAdditionalElement(element){\r\n\t\tvar index = this._additionalElements.indexOf(element);\r\n\t\tif(index<0)return;\r\n\t\tthis._additionalElements.splice(index, 1);\r\n\t}\r\n\tgetElements(){\r\n\t\tvar elements = [this._element];\r\n\t\treturn elements.concat(this._additionalElements);\r\n\t}\r\n\tgetElement(){\r\n\t\treturn this._element;\r\n\t}\r\n\tgetDisposed(){\r\n\t\treturn this._disposed;\r\n\t}\r\n\thide(){\r\n\t\tif(this._disposed)return;\r\n\t\tthis._disposed = true;\r\n\t\tthis._callbackDispose(this);\r\n\t\tthis._callbackHide();\r\n\t}\r\n\tdispose(){\r\n\t\tif(this._disposed)return;\r\n\t\tthis._disposed = true;\r\n\t\tthis._callbackDispose(this);\r\n\t}\r\n}","import ClickedOffHandle from './ClickedOffHandle';\r\nimport getAbsolute from './getAbsolute';\r\nimport EventNormalizer from '../core/EventNormalizer';\r\nimport Once from '../core/Once';\r\nexport default class ClickedOff {\r\n\tconstructor(props){\r\n\t\tthis._clicked = this._clicked.bind(this);\r\n\t\tthis._onceClicked = new Once(this._clicked);\r\n\t}\r\n static register (element, callbackHide) {\r\n\t\tvar handle = new ClickedOffHandle(element, callbackHide, ClickedOff._dispose);\r\n\t\tsetTimeout(function () {\r\n\t\t\tif (!ClickedOff._containsElement(element)) {\r\n\t\t\t\tif(handle.getDisposed())return;\r\n\t\t\t\tClickedOff._handles.push(handle);\r\n\t\t\t}\r\n\t\t},0);\r\n return handle;\r\n };\r\n\tstatic remove(element){\r\n\t\tconst handles = ClickedOff._handles;\r\n\t\tvar i=0;\r\n\t\twhile(i- \r\n\t\t{entries}\r\n\t\t
\r\n\t\t\t
)\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './Menu.css';\r\nimport './IconButton.css';\r\nimport './Filters.css';\r\nimport MenuType from '../enums/MenuType';\r\nimport IconButton from './IconButton';\r\nimport HashSource from '../core/HashSource';\r\nimport UnitMarkerKey from './UnitMarkerKey';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nimport { faWalking, faMapMarker, faPoundSign, faHome, faBed, faBackspace} from '@fortawesome/free-solid-svg-icons';\r\nimport SubMenuHeader from './SubMenuHeader';\r\nimport Urls from '../urls/Urls';\r\nimport AssetsManager from '../assets_management/AssetsManager';//\r\nexport default class FiltersButtons extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tconst {clickClear, clickShowForSale, getConfiguration, nextKey, singleRow, iMenuManager} = props;\r\n\t\tthis._getConfiguration = getConfiguration;\r\n\t\tthis._clickClear = clickClear;\r\n\t\tthis._clickShowForSale = clickShowForSale;\r\n\t\tthis._singleRow = singleRow;\r\n\t\tthis._uniqueKey = 0;\r\n\t\tthis._nextKey = nextKey?nextKey:()=>String(this._uniqueKey ++);\r\n\t\tthis._handleClickFeatures=this._handleClickFeatures.bind(this);\r\n\t\tthis._handleClickPlot=this._handleClickPlot.bind(this);\r\n\t\tthis._handleClickShowForSale=this._handleClickShowForSale.bind(this);\r\n\t\tthis._handleClickStatus=this._handleClickStatus.bind(this);\r\n\t\tthis._handleClickAvailablePrices=this._handleClickAvailablePrices.bind(this);\r\n\t\tthis._handleClickBedrooms=this._handleClickBedrooms.bind(this);\r\n\t\tthis._handleClickHouseType=this._handleClickHouseType.bind(this);\r\n\t\tthis._handleClickClear=this._handleClickClear.bind(this);\r\n\t\tthis._iMenuManager = iMenuManager;\r\n\t\tthis.load = this.load.bind(this);\r\n\t\tthis.state = {siteJson:null};\r\n\t}\r\n\tload({siteJson}){\r\n\t\tthis.setState({siteJson});\r\n\t}\r\n\tsetIMenuManager(value){\r\n\t\tthis._iMenuManager = value;\r\n\t}\r\n\t_handleClickPlot(){\r\n\t\tthis._iMenuManager.showMenuByType(MenuType.PLOT_SEARCH);\r\n\t}\r\n\t_handleClickShowForSale(){\r\n\t\tthis._clickShowForSale();\r\n\t}\r\n\t_handleClickStatus(){\r\n\t\tthis._iMenuManager.showMenuByType(MenuType.STATUS_FILTER);\r\n\t}\r\n\t_handleClickAvailablePrices(){\r\n\t\tthis._iMenuManager.showMenuByType(MenuType.AVAILABLE_PRICES_FILTER);\r\n\t}\r\n\t_handleClickBedrooms(){\r\n\t\tthis._iMenuManager.showMenuByType(MenuType.BEDROOMS_FILTER);\r\n\t}\r\n\t_handleClickHouseType(){\r\n\t\tthis._iMenuManager.showMenuByType(MenuType.HOUSE_TYPE_FILTER);\r\n\t}\r\n\t_handleClickClear(){\r\n\t\tthis._clickClear();\r\n\t}\r\n\t_handleClickFeatures(){\r\n\t\tthis._iMenuManager.showMenuByType(MenuType.FEATURES_FILTER);\r\n\t}\r\n\trender() {\r\n\t\tconst configuration = this._getConfiguration();\r\n\t\tconst rows =[];\r\n\t\tlet uniqueKey = 0;\r\n\t\tif(configuration.showShowForSaleButton){\r\n\t\t\trows.push((\r\n\t\t\t\t{this._children}
\r\n\t\t\t{this.state.title}
\r\n\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t{iconButtonStatus}\r\n\t\t\t\t\t{iconButtonPrice}\r\n\t\t\t\t\t{iconButtonBedrooms}\r\n\t\t\t\t
));\r\n\t\trows.push((\r\n\t\t\t\t\t{iconButtonHouseType}\r\n\t\t\t\t\t{iconButtonPlot}\r\n\t\t\t\t\t{featuresEnabled?features:clearButton}\r\n\t\t\t\t
));\r\n\t\tif(featuresEnabled){\r\n\t\t\trows.push((\r\n\t\t\t\t{clearButton}\r\n\t\t\t
));\r\n\t\t}\r\n\t\t}\r\n\t\treturn rows;\r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport './Menu.css';\r\nimport './IconButton.css';\r\nimport './Filters.css';\r\nimport MenuType from '../enums/MenuType';\r\nimport IconButton from './IconButton';\r\nimport HashSource from '../core/HashSource';\r\nimport UnitMarkerKey from './UnitMarkerKey';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nimport SubMenuHeader from './SubMenuHeader';\r\nimport FiltersButtons from './FiltersButtons';\r\nimport Urls from '../urls/Urls';\r\nimport AssetsManager from '../assets_management/AssetsManager';//\r\nexport default class Filters extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {clickClear, clickShowForSale, getConfiguration} = props;\r\n\t\tthis._uniqueKey=0;\r\n\t\tthis._nextKey = ()=>String(this._uniqueKey++);\r\n\t\tthis._getConfiguration = getConfiguration;\r\n\t\tthis._clickClear = clickClear;\r\n\t\tthis._clickShowForSale = clickShowForSale;\r\n\t\tthis._subMenuHeader = React.createRef();\r\n\t\tthis._element = React.createRef();\r\n\t\tthis._unitMarkerKeyRef = React.createRef();\r\n\t\tthis._iMenuManager = null;\r\n\t\tthis.load = this.load.bind(this);\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide= this.hide.bind(this);\r\n\t\tthis._clickedOffManager = new ClickedOffManager({elementRef:this._element, hide:this.hide});\r\n\t\tthis._filtersButtonsRef = React.createRef();\r\n\t\tthis.state = {visible:false, siteJson:null};\r\n\t}\r\n\tload({siteJson}){\r\n\t\tthis.setState({siteJson});\r\n\t\tthis._filtersButtonsRef.current.load({siteJson});\r\n\t\tthis._unitMarkerKeyRef.current?.load({siteJson});\r\n\t}\r\n\tshow(){\r\n\t\tthis.setState({visible:true});\r\n\t\tthis._clickedOffManager.register();\r\n\t\tthis._iMenuManager.showMe(this);\r\n\t}\r\n\thide(){\r\n\t\tthis._clickedOffManager.dispose();\r\n\t\tthis.setState({visible:false});\r\n\t\tthis._iMenuManager.close();\r\n\t}\t\r\n\tsetIMenuManager(value){\r\n\t\tthis._iMenuManager = value;\r\n\t\tthis._filtersButtonsRef.current.setIMenuManager(value);\r\n\t\tthis._subMenuHeader.current.setIMenuManager(value);\r\n\t}\r\n\tget menuType(){\r\n\t\treturn MenuType.FILTERS;\r\n\t}\r\n\trender() {\r\n\t\tconst configuration = this._getConfiguration();\r\n\t\tthis._uniqueKey=0\r\n\t\tlet className = \"filters menu\";\r\n\t\tif(this.state.visible)\r\n\t\t\tclassName+=\" visible\";\r\n\t\tlet title = null;\r\n\t\tif(configuration.unitMarkerKeyAtTop){\r\n\t\t\tconst unitMarkerKey = (\r\n\t\t\t\t{title} \r\n\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t{bottomUnitMarkerKey}\r\n\t\t\t
)\r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nconst { throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class ReactTypeChecking{\r\n\tstatic isClassComponent(component) {\r\n\t\treturn (\r\n\t\t\ttypeof component === 'function' && \r\n\t\t\t!!component.prototype.isReactComponent\r\n\t\t)\r\n\t}\r\n\r\n\tstatic isFunctionComponent(component) {\r\n\t\treturn (\r\n\t\t\ttypeof component === 'function' && \r\n\t\t\tString(component).includes('return React.createElement')\r\n\t\t)\r\n\t}\r\n\r\n\tstatic isReactComponent(component) {\r\n\t\treturn (\r\n\t\t\tReactTypeChecking.isClassComponent(component) || \r\n\t\t\tReactTypeChecking.isFunctionComponent(component)\r\n\t\t)\r\n\t}\r\n\r\n\tstatic isElement(element) {\r\n\t\treturn React.isValidElement(element);\r\n\t}\r\n\r\n\tstatic isDOMTypeElement(element) {\r\n\t\treturn ReactTypeChecking.isElement(element) && typeof element.type === 'string';\r\n\t}\r\n\r\n\tstatic isCompositeTypeElement(element) {\r\n\t\treturn ReactTypeChecking.isElement(element) && typeof element.type === 'function';\r\n\t}\r\n}","export default function stopEventPropagation(element, eventList) {\r\n\tif(!eventList)\r\n\t\teventList= [ 'touchstart', 'touchmove', 'touchend', 'touchcancel','wheel', 'mousewheel' ];\r\n\tfor (var i = 0; i < eventList.length; i++) {\r\n\t\telement.addEventListener(eventList[i], function(event) {\r\n\t\t\tevent.stopPropagation();\r\n\t\t});\r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport './Checkbox.scss';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport CheckboxFilterOption from './CheckboxFilterOption';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport ReactTypeChecking from '../ui_core/ReactTypeChecking';\r\nimport Once from '../core/Once';\r\nimport HashSource from '../core/HashSource';\r\nimport stopEventPropagation from '../ui_core/stopEventPropagation';\r\nconst{throwNotProvided}=ParameterErrors;\r\nexport default class Checkbox extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tconst {text, paths, toggleOnClick, onChange, stopEventsPropagating}=props;\r\n\t\tif(toggleOnClick===undefined)\r\n\t\t\tthis._toggleOnClick=true;\r\n\t\telse this._toggleOnClick = toggleOnClick;\r\n\t\tthis._stopEventsPropagating = stopEventsPropagating;\r\n\t\tthis._text = text;\r\n\t\tthis._paths = paths;\r\n\t\tthis._get_dispatchChange_lexicalClosure= this._get_dispatchChange_lexicalClosure.bind(this);\r\n\t\tthis._onCallbackChange = onChange?new Once(this._get_dispatchChange_lexicalClosure(onChange)):null;\r\n\t\tthis.toggle = this.toggle.bind(this);\r\n\t\tthis._stopEventPropagation = this._stopEventPropagation.bind(this);\r\n\t\tthis.state ={checked:false};\r\n\t\tthis._children = props.children;\r\n\t\tthis._checkboxRef = React.createRef();\r\n\t\tthis._elementRef = React.createRef();\r\n\t\tthis._checked = false;\r\n\t}\r\n\t_get_dispatchChange_lexicalClosure(onChange){\r\n\t\treturn ()=>{\r\n\t\t\tonChange({checked:this._checked})\r\n\t\t};\r\n\t}\r\n\t_stopEventPropagation(e){\r\n\t\tif(!e)e=window.event;\r\n\t\te.stopPropagation&&e.stopPropagation();\r\n\t\te.preventDefault&&e.preventDefault();\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tif(!this._toggleOnClick)return;\r\n\t\tconst onceToggle = new Once(this.toggle);\r\n\t\tconst element = this._elementRef.current;\r\n\t\telement.addEventListener('click', (e)=>{\r\n\t\t\tif(this._stopEventsPropagating)\r\n\t\t\t\tthis._stopEventPropagation(e);\r\n\t\t\tonceToggle.trigger();\r\n\t\t});\r\n\t}\r\n\tget checked(){\r\n\t\treturn this._checked;\r\n\t}\r\n\tset checked(value){\r\n\t\tthis._checked = value;\r\n\t\tthis.setState({checked:value})\r\n\t\tthis._onCallbackChange?.trigger();\r\n\t}\r\n\ttoggle(){\r\n\t\tthis.checked = !this._checked;\r\n\t\tthis.setState({checked:this.checked })\r\n\t\tthis._onCallbackChange?.trigger();\r\n\t\tsetTimeout(()=>{\r\n\t\t\tthis._checkboxRef.current.checked = this._checked;\r\n\t\t}, 0);\r\n\t}\r\n\trender() {\r\n\t\tconst paths = [];\r\n\t\tconst className = \"checkbox\"+(this.state.checked?' checked':'');\r\n\t\tif(!this._paths)\r\n\t\t\tpaths.push((\r\n\t\t\t\r\n\t\t\t
);\t\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './CheckboxFilter.css';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport CheckboxFilterOption from './CheckboxFilterOption';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nconst{throwNotProvided}=ParameterErrors;\r\nexport default class CheckboxFilter extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tconst {onSelectionChange}=props;\r\n\t\tif(!onSelectionChange)throwNotProvided('onSelectionChange');\r\n\t\tthis._onSelectionChange=onSelectionChange;\r\n\t\tthis.getCheckedValues = this.getCheckedValues.bind(this);\r\n\t\tthis.setOptions = this.setOptions.bind(this);\r\n\t\tthis.clear = this.clear.bind(this);\r\n\t\tthis.state = {entries:[]};\r\n\t}\r\n\tget isApplied(){\r\n\t\tconst entries = this.state.entries;\r\n\t\tfor(var i=0; i\r\n\t\t\t\t
)\r\n\t}\r\n}\r\n","import ParameterErrors from '../errors/ParameterErrors';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class Option{\r\n\tconstructor(props){\r\n\t\tconst{text, value, className}=props;\r\n\t\tif(!text)throwNotProvided('text');\r\n\t\tif(value===undefined)throwNotProvided('value');\r\n\t\tthis._className = className;\r\n\t\tthis._text = text;\r\n\t\tthis._value = value;\r\n\t\tthis._valueString = typeof(value)==='string'?value:JSON.stringify(value);\r\n\t}\r\n\tget value(){\r\n\t\treturn this._value;\r\n\t}\r\n\tget valueString(){\r\n\t\treturn this._valueString;\r\n\t}\r\n\tget className(){\r\n\t\treturn this._className;\r\n\t}\r\n\tget text(){\r\n\t\treturn this._text;\r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport './AvailablePricesFilter.css';\r\nimport CheckboxFilter from './CheckboxFilter';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport Option from '../choices/Option';\r\nimport MenuType from '../enums/MenuType';\r\nimport SubMenuHeader from './SubMenuHeader';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nimport numberWithCommas from '../core/numberWithCommas';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class AvailablePricesFilter extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {onSelectedOptionsChange} = props;\r\n\t\tthis._callbackSelectedOptionsChange=onSelectedOptionsChange;\r\n\t\tthis._checkboxFilter = React.createRef();\r\n\t\tthis._subMenuHeader = React.createRef();\r\n\t\tthis._element = React.createRef();\r\n\t\tthis._dynamicallyGetFromPriceWithLowerRange = this._dynamicallyGetFromPriceWithLowerRange.bind(this);\r\n\t\tthis._roundDownToNearest100 = this._roundDownToNearest100.bind(this);\r\n\t\tthis._roundUpToNearest100=this._roundUpToNearest100.bind(this);\r\n\t\tthis._getAndUpdateOptions = this._getAndUpdateOptions.bind(this);\r\n\t\tthis._updateOptions = this._updateOptions.bind(this);\r\n\t\tthis._iMenuManager = null;\r\n\t\tthis._clickedOffHandle = null;\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide= this.hide.bind(this);\r\n\t\tthis.filterPlots = this.filterPlots.bind(this);\r\n\t\tthis.clear = this.clear.bind(this);\r\n\t\tthis._iMenuManager = null;\r\n\t\tthis.state = {options:[], visible:false};\r\n\t\tthis._clickedOffManager = new ClickedOffManager({elementRef:this._element, hide:this.hide});\r\n\t}\r\n\tsetFromWhatAreYouLookingForViewModel(whatAreYouLookingForViewModel){\r\n\t\tconst priceRange = whatAreYouLookingForViewModel.priceRange;\r\n\t\tif(priceRange===undefined||priceRange===null)return;\r\n\t\tconst from = priceRange[0], to =priceRange[1];\r\n\t\tconst hasFrom = from!==undefined&&from!==null;\r\n\t\tconst hasTo = to!==undefined&&to!==null;\r\n\t\tconst checkboxOption = this._checkboxFilter.current.getCheckboxOptions()\r\n\t\t\t.map(checkboxOption=>checkboxOption.ref.current)\r\n\t\t\t.forEach(checkboxOption=>{\r\n\t\t\t\tconst value= checkboxOption.value;\r\n\t\t\t\tconst hasFromAndFromIsInsideRangeForCheckbox = hasFrom&&(from>=value.from&&from<=value.to);\r\n\t\t\t\tconst hasToAndToIsInsideRangeForCheckbox = hasTo&&(to>=value.from&&to<=value.to);\r\n\t\t\t\tconst hasFromAndToAndConsumesEntireCheckboxRange = hasFrom&&hasTo&&(to>=value.to&&from<=value.from);\r\n\t\t\t\tcheckboxOption.isChecked =hasFromAndFromIsInsideRangeForCheckbox\r\n\t\t\t\t||hasToAndToIsInsideRangeForCheckbox\r\n\t\t\t\t||hasFromAndToAndConsumesEntireCheckboxRange;\r\n\t\t\t});\r\n\t\tthis._callbackSelectedOptionsChange();\r\n\t}\r\n\tshow(){\r\n\t\tthis.setState({visible:true});\r\n\t\tthis._clickedOffManager.register();\r\n\t\tthis._iMenuManager.showMe(this);\r\n\t}\r\n\thide(){\r\n\t\tthis.setState({visible:false});\r\n\t\tthis._clickedOffManager.dispose();\r\n\t\tthis._iMenuManager.close();\r\n\t}\r\n\tfilterPlots(plotsArray){\r\n\t\tconst priceRangesToShow = this._checkboxFilter.current.getCheckedValues();\r\n\t\tif(priceRangesToShow.length<1)return plotsArray;\r\n\t\tconst plotsToShow = [];\r\n\t\tfor(var i=0; i\r\n\t\t\t\t{this.state.entries}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
)\r\n\t}\r\n}\r\n","import ParameterErrors from '../errors/ParameterErrors';\r\nconst {throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class Favourite{\r\n\tconstructor(props){\r\n\t\tconst {payload, description, hash, sortValue, imageUrl, onClick, onRemove}=props;\r\n\t\tif(!description)throwNotProvided('description');\r\n\t\tif(hash===undefined||hash===null)throwNotProvided('hash');\r\n\t\tif(sortValue===undefined||sortValue===null)throwNotProvided('sortValue');\r\n\t\tthis._description = description;\r\n\t\tthis._onClick = onClick;\r\n\t\tthis._onRemove = onRemove;\r\n\t\tthis._payload = payload;\r\n\t\tthis._hash = hash;\r\n\t\tthis._imageUrl = imageUrl;\r\n\t\tthis._sortValue = sortValue;\r\n\t}\r\n\tget payload(){\r\n\t\treturn this._payload;\r\n\t}\r\n\tget hash(){\r\n\t\treturn this._hash;\r\n\t}\r\n\tget sortValue(){\r\n\t\treturn this._sortValue;\r\n\t}\r\n\tget description(){\r\n\t\treturn this._description;\r\n\t}\r\n\tget imageUrl(){\r\n\t\treturn this._imageUrl;\r\n\t}\r\n\tonClick(){\r\n\t\tthis._onClick&&this._onClick();\r\n\t}\r\n\tget onRemove(){\r\n\t\treturn this._onRemove;\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './StatusFilter.css';\r\nimport CheckboxFilter from './CheckboxFilter';\r\nimport MenuType from '../enums/MenuType';\r\nimport PlotStatus from '../site/PlotStatus';\r\nimport Option from '../choices/Option';\r\nimport SubMenuHeader from './SubMenuHeader';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nexport default class StatusFilter extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tconst {onSelectedOptionsChange} = props;\r\n\t\tthis._element = React.createRef();\r\n\t\tthis._callbackSelectedOptionsChange=onSelectedOptionsChange;\r\n\t\tthis._checkboxFilter=React.createRef();\r\n\t\tthis._subMenuHeader = React.createRef();\r\n\t\tthis.load = this.load.bind(this);\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide= this.hide.bind(this);\r\n\t\tthis.filterPlots = this.filterPlots.bind(this);\r\n\t\tthis.clear = this.clear.bind(this);\r\n\t\tthis._updateOptions= this._updateOptions.bind(this);\r\n\t\tthis._iMenuManager = null;\r\n\t\tthis.state = {options:[], visible:false};\r\n\t\tthis._clickedOffManager = new ClickedOffManager({elementRef:this._element, hide:this.hide});\r\n\t}\r\n\tshow(){\r\n\t\tthis.setState({visible:true});\r\n\t\tthis._clickedOffManager.register();\r\n\t}\r\n\thide(){\r\n\t\tthis.setState({visible:false});\r\n\t\tthis._clickedOffManager.dispose();\r\n\t\tthis._iMenuManager.close();\r\n\t}\r\n\tfilterPlots(plotsArray){\r\n\t\tconst plotStatusesToShow = this._checkboxFilter.current.getCheckedValues();\r\n\t\tif(plotStatusesToShow.length<1)return plotsArray;\r\n\t\treturn plotsArray.filter(plot=>plotStatusesToShow.indexOf(plot.status)>=0);\r\n\t}\r\n\tsetForSale(){\r\n\t\tthis._checkboxFilter.current.getCheckboxOptions().forEach(checkboxOption=>{\r\n\t\t\tcheckboxOption = checkboxOption.ref.current;\r\n\t\t\tconst checkboxOptionOption = checkboxOption.option;\r\n\t\t\tconst newChecked = checkboxOptionOption.value===PlotStatus.AVAILABLE;\r\n\t\t\tcheckboxOption.isChecked=newChecked;\r\n\t\t});\r\n\t\tthis._callbackSelectedOptionsChange();\r\n\t}\r\n\tclear(){\r\n\t\tthis._checkboxFilter.current.clear();\r\n\t}\r\n\tsetIMenuManager(value){\r\n\t\tthis._iMenuManager = value;\r\n\t\tthis._subMenuHeader.current.setIMenuManager(value);\r\n\t}\r\n\tget menuType(){\r\n\t\treturn MenuType.STATUS_FILTER;\r\n\t}\r\n\tget isApplied(){\r\n\t\treturn this._checkboxFilter.current.isApplied;\r\n\t}\r\n\tsetAvailableOnly(){\r\n\t\tconst checkboxOption = this._checkboxFilter.current.getCheckboxOptions()\r\n\t\t\t.map(checkboxOption=>checkboxOption.ref.current)\r\n\t\t\t.forEach(checkboxOption=>{\r\n\t\t\t\tconst plotStatus= checkboxOption.value;\r\n\t\t\t\tcheckboxOption.isChecked =plotStatus===PlotStatus.AVAILABLE;\r\n\t\t\t});\r\n\t}\r\n\tload(plotsArray){\r\n\t\tconst plotStatusesForPlots = [];\r\n\t\tfor(var i=0; i\r\n\t\t\t\t
)\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './BedroomsFilter.css';\r\nimport CheckboxFilter from './CheckboxFilter';\r\nimport MenuType from '../enums/MenuType';\r\nimport Option from '../choices/Option';\r\nimport SubMenuHeader from './SubMenuHeader';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nexport default class BedroomsFilter extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {bedroomsFilterSettings, onSelectedOptionsChange}=props;\r\n\t\tthis._callbackSelectedOptionsChange=onSelectedOptionsChange;\r\n\t\tthis._checkboxFilter=React.createRef();\r\n\t\tthis._subMenuHeader = React.createRef();\r\n\t\tthis._element = React.createRef();\r\n\t\tthis._options = [];\r\n\t\tthis.load = this.load.bind(this);\r\n\t\tthis._updateOptions = this._updateOptions.bind(this);\r\n\t\tthis._iMenuManager = null;\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide= this.hide.bind(this);\r\n\t\tthis.filterPlots = this.filterPlots.bind(this);\r\n\t\tthis.clear = this.clear.bind(this);\r\n\t\tthis._clickedOffManager = new ClickedOffManager({elementRef:this._element, hide:this.hide});\r\n\t\tthis.state = {options:[], visible:false};\r\n\t}\r\n\tsetFromWhatAreYouLookingForViewModel(whatAreYouLookingForViewModel){\r\n\t\tconst nBedrooms = whatAreYouLookingForViewModel.nBedrooms;\r\n\t\tif(nBedrooms===undefined||nBedrooms===null)return;\r\n\t\tconst checkboxOption = this._checkboxFilter.current.getCheckboxOptions()\r\n\t\t\t.map(checkboxOption=>checkboxOption.ref.current)\r\n\t\t\t.forEach(checkboxOption=>{\r\n\t\t\t\tconst value= checkboxOption.value;\r\n\t\t\t\tcheckboxOption.isChecked = value===nBedrooms;\r\n\t\t\t});\r\n\t\tthis._callbackSelectedOptionsChange();\r\n\t}\r\n\tshow(callbackClose){\r\n\t\tthis.setState({visible:true});\r\n\t\tthis._clickedOffManager.register();\r\n\t\tthis._iMenuManager.showMe(this);\r\n\t}\r\n\thide(){\r\n\t\tthis._clickedOffManager.dispose();\r\n\t\tthis.setState({visible:false});\r\n\t\tthis._iMenuManager.close();\r\n\t}\r\n\tfilterPlots(plotsArray){\r\n\t\tconst nBedroomssToShow = this._checkboxFilter.current.getCheckedValues();\r\n\t\tif(nBedroomssToShow.length<1)return plotsArray;\r\n\t\treturn plotsArray.filter(plot=>nBedroomssToShow.indexOf(plot.nBedrooms)>=0);\r\n\t}\r\n\tclear(){\r\n\t\tthis._checkboxFilter.current.clear();\r\n\t}\r\n\tsetIMenuManager(value){\r\n\t\tthis._iMenuManager = value;\r\n\t\tthis._subMenuHeader.current.setIMenuManager(value);\r\n\t}\r\n\tget menuType(){\r\n\t\treturn MenuType.BEDROOMS_FILTER;\r\n\t}\r\n\tget isApplied(){\r\n\t\treturn this._checkboxFilter.current.isApplied;\r\n\t}\r\n\tload(plotsArray){\r\n\t\tconst nBedroomssForPlots = [];\r\n\t\tfor(var i=0; i\r\n\t\t\t\t
)\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './HouseTypeFilter.css';\r\nimport CheckboxFilter from './CheckboxFilter';\r\nimport MenuType from '../enums/MenuType';\r\nimport Option from '../choices/Option';\r\nimport SubMenuHeader from './SubMenuHeader';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nimport Once from '../core/Once';\r\nexport default class FeaturesFilter extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {onSelectedOptionsChange} = props;\r\n\t\tthis._callbackSelectedOptionsChange=onSelectedOptionsChange;\r\n\t\tthis._checkboxFilter=React.createRef();\r\n\t\tthis._subMenuHeader = React.createRef();\r\n\t\tthis._element = React.createRef();\r\n\t\tthis.load = this.load.bind(this);\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide= this.hide.bind(this);\r\n\t\tthis.setFromWhatAreYouLookingForViewModel= this.setFromWhatAreYouLookingForViewModel.bind(this);\r\n\t\tthis._handleSelectedOptionsChanged= this._handleSelectedOptionsChanged.bind(this);;\r\n\t\tthis._setSelectedFeatures= this._setSelectedFeatures.bind(this);\r\n\t\tthis.filterPlots = this.filterPlots.bind(this);\r\n\t\tthis.clear = this.clear.bind(this);\r\n\t\tthis._updateOptions= this._updateOptions.bind(this);\r\n\t\tthis._selectedFeatures=[];\r\n\t\tthis._mapFeatureIdToOption = new Map();\r\n\t\tthis._iMenuManager = null;\r\n\t\tthis.state = {options:[], visible:false};\r\n\t\tthis._clickedOffManager = new ClickedOffManager({elementRef:this._element, hide:this.hide});\r\n\t\tthis._selectedOptionsChangedOnce = new Once(onSelectedOptionsChange);\r\n\t}\r\n\tshow(){\r\n\t\tthis.setState({visible:true});\r\n\t\tthis._clickedOffManager.register();\r\n\t\tthis._iMenuManager.showMe(this);\r\n\t}\r\n\thide(){\r\n\t\tthis._clickedOffManager.dispose();\r\n\t\tthis.setState({visible:false});\r\n\t\tthis._iMenuManager.close();\r\n\t}\r\n\tfilterPlots(plotsArray){\r\n\t\tconst selectedFeatures = this._checkboxFilter.current.getCheckedValues();\r\n\t\tif(selectedFeatures.length<1)\r\n\t\t\treturn plotsArray;\r\n\t\treturn plotsArray.filter(siteJsonUnitPlot=>{\r\n\t\t\tfor(var selectedFeature of selectedFeatures){\r\n\t\t\t\tif(siteJsonUnitPlot.features===undefined\r\n\t\t\t\t||siteJsonUnitPlot.features===null)\r\n\t\t\t\t\treturn false;\r\n\t\t\t\tif(siteJsonUnitPlot.features.indexOf(selectedFeature)<0)\r\n\t\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\treturn true;\r\n\t\t});\r\n\t}\r\n\tclear(){\r\n\t\tthis._checkboxFilter.current.clear();\r\n\t}\r\n\tsetFromWhatAreYouLookingForViewModel(whatAreYouLookingForViewModel){\r\n\t\t/*const houseTypeViewModels = whatAreYouLookingForViewModel.houseTypes;\r\n\t\tif(!houseTypeViewModels)return;\r\n\t\tthis._setHouseTypeViewModelsToShow(houseTypeViewModels);*/\r\n\t}\r\n\tsetIMenuManager(value){\r\n\t\tthis._iMenuManager = value;\r\n\t\tthis._subMenuHeader.current.setIMenuManager(value);\r\n\t}\r\n\tget menuType(){\r\n\t\treturn MenuType.FEATURES_FILTER;\r\n\t}\r\n\tget isApplied(){\r\n\t\treturn this._checkboxFilter.current.isApplied;\r\n\t}\r\n\tload({siteJson}){\r\n\t\tthis._siteJson = siteJson;\r\n\t\tthis._propertyBindingAllFeatures = PropertyBindingFactory.standard(this, \r\n\t\t\tsiteJson, 'allFeatures', this._updateOptions);\r\n\t}\r\n\t_handleSelectedOptionsChanged(o){\r\n\t\tconst selectedFeatures = this._checkboxFilter.current.getCheckedValues();\r\n\t\tthis._setSelectedFeatures(selectedFeatures);\r\n\t\tthis._callbackSelectedOptionsChange();\r\n\t\tconsole.log('_callbackSelectedOptionsChange');\r\n\t}\r\n\t_setSelectedFeatures(selectedFeatures){\r\n\t\tthis._selectedFeatures = selectedFeatures;\r\n\t\tthis._siteJson.allFeatures?.forEach((feature)=>{\r\n\t\t\tconst option = this._mapFeatureIdToOption.get(feature.id);\r\n\t\t\toption.isChecked = this._selectedFeatures.indexOf(feature)>=0;\r\n\t\t});\r\n\t}\r\n\t_updateOptions(){\r\n\t\tthis._mapFeatureIdToOption.clear();\r\n\t\tif(!this._siteJson.allFeatures)return;\r\n\t\tconst options = this._siteJson.allFeatures.map((feature)=>{\r\n\t\t\tconst option = new Option({\r\n\t\t\t\ttext:feature.name,\r\n\t\t\t\tvalue:feature\r\n\t\t\t});\r\n\t\t\tthis._mapFeatureIdToOption.set(feature.id, option);\r\n\t\t\treturn option;\r\n\t\t});\r\n\t\tthis._checkboxFilter.current.setOptions(options);\r\n\t}\r\n\trender() {\r\n\t\tlet className =\"features-filter menu\";\r\n\t\tif(this.state.visible)\r\n\t\t\tclassName+=\" visible\";\r\n\t\treturn (\r\n\t\t\t\t
)\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport EfficientMoveCycle from '../../ui_core/EfficientMoveCycle';\r\nimport ParameterErrors from '../../errors/ParameterErrors';\r\nconst { throwNotProvided } = ParameterErrors;\r\nexport default class SliderHandle extends Component{\r\n constructor(props) {\r\n super(props);\r\n const { callbackMoved } = props;\r\n if (!callbackMoved) throwNotProvided(\"callbackMoved\");\r\n this._callbackMoved = callbackMoved;\r\n this.setPosition = this.setPosition.bind(this);\r\n this._handleDragStart = this._handleDragStart.bind(this);\r\n this._handleDragMove = this._handleDragMove.bind(this);\r\n this._handleDragEnd = this._handleDragEnd.bind(this);\r\n this._element = React.createRef();\r\n this._startPosition = null;\r\n this._mouseStartPosition = null;\r\n this.state = {\r\n position: { x: 0, y: 0 },\r\n capturing: false\r\n };\r\n }\r\n\tget element(){\r\n\t\treturn this._element.current;\r\n\t}\r\n setPosition(position) {\r\n this.setState({ position: position });\r\n }\r\n get startPosition() {\r\n return this._startPosition;\r\n }\r\n _handleDragStart(e, isTouch) {\r\n\t\tif(isTouch)\r\n\t\t\te=e.touches[0];\r\n const element = this._element.current;\r\n this._startPosition = { x: element.offsetLeft+(element.offsetWidth/2), y: element.offsetTop+(element.offsetHeight/2) };\r\n this._mouseStartPosition = { x: e.clientX, y: e.clientY };\r\n this.setState({ capturing: true });\r\n }\r\n _handleDragMove(e, isTouch) {\r\n\t\tif(isTouch)\r\n\t\t\te=e.touches[0];\r\n const dX = e.clientX - this._mouseStartPosition.x;\r\n const dY = e.clientY - this._mouseStartPosition.y;\r\n this._callbackMoved(dX, dY);\r\n }\r\n _handleDragEnd(e) {\r\n this.setState({ capturing: false });\r\n }\r\n render() {\r\n const position = this.state.position;\r\n const className = \"handle\" + (this.state.capturing ? \" active\" : \"\");\r\n return ();\r\n }\r\n componentDidMount() {\r\n this._efficientMoveCycle = new EfficientMoveCycle({\r\n element: this._element.current,\r\n onStart: this._handleDragStart,\r\n onMove: this._handleDragMove,\r\n onEnd:this._handleDragEnd,\r\n\t\t\tstopPropagation:true,\r\n\t\t\tpreventDefault:true\r\n });\r\n }\r\n}","import React, { Component } from 'react';\r\nimport SliderHandle from './slider_components/SliderHandle';\r\nimport './Slider.css';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nconst { throwNotProvided } = ParameterErrors;\r\nexport default class Slider extends Component{\r\n constructor(props) {\r\n super(props);\r\n const { min, max, initial, onValueChanged, isHorizontal } = props;\r\n this._onValueChanged = onValueChanged;\r\n if (min === undefined) throwNotProvided(\"min\");\r\n if (max === undefined) throwNotProvided(\"max\");\r\n if (initial === undefined) throwNotProvided(\"initial\");\r\n this._min = min;\r\n this._max = max;\r\n this._initial = initial;\r\n this._isHorizontal = isHorizontal?true:false;\r\n\t\tthis._sliderHandle = React.createRef();\r\n this._inner = React.createRef();\r\n\t\tthis.setValue = this.setValue.bind(this);\r\n this._constrainValue = this._constrainValue.bind(this);\r\n this._sliderHandleMoved = this._sliderHandleMoved.bind(this);\r\n this.setMin = this.setMin.bind(this);\r\n this.setMax = this.setMax.bind(this);\r\n this._updateSliderHandlePosition = this._updateSliderHandlePosition.bind(this);\r\n this._calculateAndDispatchNewValue = this._calculateAndDispatchNewValue.bind(this);\r\n this._setSliderPositionFromValue = this._setSliderPositionFromValue.bind(this);\r\n this.setFromInitialValue = this.setFromInitialValue.bind(this);\r\n }\r\n\tget handle(){\r\n\t\treturn this._sliderHandle.current;\r\n\t}\r\n _sliderHandleMoved(dX, dY) {\r\n this._updateSliderHandlePosition(dX, dY);\r\n }\r\n _updateSliderHandlePosition(dX, dY) {\r\n const sliderHandle = this._sliderHandle.current;\r\n const inner = this._inner.current;\r\n const startPosition = sliderHandle.startPosition;\r\n\t\tif(this._isHorizontal){\r\n\t\t\tlet newX = startPosition.x + dX;\r\n\t\t\tconst innerWidth = inner.offsetWidth;\r\n\t\t\tif (newX < 0) newX = 0;\r\n\t\t\telse if (newX > inner.offsetWidth) newX = innerWidth;\r\n\t\t\tsliderHandle.setPosition({ x: newX, y: 0 });\r\n\t\t\tthis._calculateAndDispatchNewValue(newX, innerWidth);\r\n\t\t\treturn;\r\n\t\t}\r\n let newY = startPosition.y + dY;\r\n const innerHeight = inner.offsetHeight;\r\n if (newY < 0) newY = 0;\r\n else if (newY > inner.offsetHeight) newY = innerHeight;\r\n sliderHandle.setPosition({ x: 0, y: newY });\r\n this._calculateAndDispatchNewValue(newY, innerHeight);\r\n }\r\n\tsetMin(value){\r\n\t\tthis._min = value;\r\n\t\tthis._constrainValue(this._value);\r\n\t\tthis._setSliderPositionFromValue(this._value);\r\n\t}\r\n\tsetMax(value){\r\n\t\tthis._max = value;\r\n\t\tthis._constrainValue(this._value);\r\n\t\tthis._setSliderPositionFromValue(this._value);\r\n\t}\r\n\tsetFromInitialValue(){\r\n this._setSliderPositionFromValue(this._initial);\r\n\t}\r\n\tsetValue(value){\r\n\t\tthis._setSliderPositionFromValue(value);\r\n\t}\r\n _calculateAndDispatchNewValue(newDesired, innerLength) {\r\n\t\tthis._constrainValue(newDesired);\r\n this._onValueChanged(this._value);\r\n }\r\n\t_constrainValue(newDesired){\r\n\t\tconst inner = this._inner.current;\r\n\t\tconst innerLength = this._isHorizontal?inner.offsetWidth:inner.offsetHeight\r\n this._value = this._max - ((this._max - this._min) * (innerLength - newDesired) / innerLength) ;\r\n\t}\r\n _setSliderPositionFromValue(value) {\r\n\t\tif(this._isHorizontal){\r\n\t\t\tconst innerWidth = this._inner.current.offsetWidth;\r\n\t\t\tconst newX = innerWidth -((this._max - value) * innerWidth / (this._max - this._min));\r\n\t\t\tconst sliderHandle = this._sliderHandle.current;\r\n\t\t\tsliderHandle.setPosition({ x: newX, y: 0 });\r\n\t\t\treturn;\r\n\t\t}\r\n const innerHeight = this._inner.current.offsetHeight;\r\n const newY = innerHeight -((this._max - value) * innerHeight / (this._max - this._min));\r\n const sliderHandle = this._sliderHandle.current;\r\n sliderHandle.setPosition({ x: 0, y: newY });\r\n }\r\n componentDidMount() {\r\n this._setSliderPositionFromValue(this._initial);\r\n }\r\n render() {\r\n\t\tlet className = \"slider \"+(this._isHorizontal?\" horizontal\":\" vertical\");\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\nimport './Star.css';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faStar} from '@fortawesome/free-solid-svg-icons';\r\nimport CheckboxFilterOption from './CheckboxFilterOption';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport Tooltip from './Tooltip';\r\nconst{throwNotProvided}=ParameterErrors;\r\nexport default class Star extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tconst {tooltip}=props;\r\n\t\tthis._tooltip = tooltip;\r\n\t\tthis._elementRef = React.createRef();\r\n\t\tconst {onSelectedChange, stopEventsPropagating}=props;\r\n\t\tthis._stopEventsPropagating = stopEventsPropagating?true:false;\r\n\t\tif(!onSelectedChange)throwNotProvided('onSelectedChange');\r\n\t\tthis._onSelectedChange=onSelectedChange;\r\n\t\tthis._handleClick= this._handleClick.bind(this);\r\n\t\tthis._clicking = false;\r\n\t\tthis._handleMouseUp = this._handleMouseUp.bind(this);\r\n\t\tthis.state = {selected:false};\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tTooltip.register({element:this._elementRef.current, text:this._tooltip});\r\n\t}\r\n\t_stopEventPropagation(e){\r\n\t\tif(!e)e=window.event;\r\n\t\te.stopPropagation&&e.stopPropagation();\r\n\t\te.preventDefault&&e.preventDefault();\r\n\t}\r\n\t_handleClick(e){\r\n\t\tif(this._stopEventsPropagating){\r\n\t\t\tthis._stopEventPropagation(e);\r\n\t\t}\r\n\t\tthis._clicking = true;\r\n\t\tconst selected = !this.state.selected;\r\n\t\tconst allow = this._onSelectedChange(selected);\r\n\t\tif(allow===false)return;\r\n\t\tthis.setState({selected:selected});\r\n\t}\r\n\t_handleMouseUp(e){\r\n\t\tif(this._stopEventsPropagating){\r\n\t\t\tthis._stopEventPropagation(e);\r\n\t\t}\r\n\t\tthis._clicking = false;\r\n\t}\r\n\tget selected(){\r\n\t\treturn this.state.selected;\r\n\t}\r\n\tset selected(value){\r\n\t\tif(this._clicking){\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis.setState({selected:value});\r\n\t}\r\n\trender() {\r\n\t\t/*\r\n\t\t\r\n
\r\n \r\n\t\t\t
*/\r\n\t\tlet className = \"star\";\r\n\t\tif(this.state.selected)\r\n\t\t\tclassName+=\" selected\";\r\n\t\treturn (\r\n\t\t\t\t\t
)\r\n\t}\r\n}\r\n","import ParameterErrors from '../errors/ParameterErrors';\r\nconst { throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class InsertedMnuItemsRegistrationHandle{\r\n\tconstructor(props){\r\n\t\tconst {callbackRemove}=props;\r\n\t\tif(!callbackRemove)throwNotProvided('callbackRemove');\r\n\t\tthis._callbackRemove = callbackRemove;\r\n\t\tthis._disposed = false;\r\n\t\tthis.dispose= this.dispose.bind(this);\r\n\t}\r\n\tdispose(){\r\n\t\tif(this._disposed)return;\r\n\t\tthis._disposed = true;\r\n\t\tthis._callbackRemove();\r\n\t}\r\n}","import ParameterErrors from '../errors/ParameterErrors';\r\nimport InsertedMenuItemsRegistrationHandle from './InsertedMenuItemsRegistrationHandle';\r\nconst { throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class InsertedMenuItemsHandler{\r\n\tconstructor(getInsertedMenuItems, setInservedMenuItems){\r\n\t\tif(!setInservedMenuItems)\r\n\t\t\tthrowNotProvided('setInservedMenuItems');\r\n\t\tif(!getInsertedMenuItems)\r\n\t\t\tthrowNotProvided('getInsertedMenuItems');\r\n\t\tthis._setInservedMenuItems = setInservedMenuItems;\r\n\t\tthis._getInsertedMenuItems = getInsertedMenuItems;\r\n\t\tthis._getCallbackRemoveLexicalClosure = this._getCallbackRemoveLexicalClosure.bind(this);\r\n\t\tthis.registerMenuItems = this.registerMenuItems.bind(this);\r\n\t}\r\n\tregisterMenuItems(menuItems){\r\n\t\tconst insertedMenuItems = this._getInsertedMenuItems();\r\n\t\tmenuItems.forEach(menuItem=>insertedMenuItems.push(menuItem));\r\n\t\tthis._setInservedMenuItems(insertedMenuItems);\r\n\t\tconst callbackRemove = this._getCallbackRemoveLexicalClosure(menuItems);\r\n\t\treturn new InsertedMenuItemsRegistrationHandle({callbackRemove:callbackRemove});\r\n\t}\r\n\t_getCallbackRemoveLexicalClosure(menuItems){\r\n\t\treturn ()=>{\r\n\t\t\tconst insertedMenuItems = this._getInsertedMenuItems();\r\n\t\t\tmenuItems.forEach(menuItem=>{\r\n\t\t\t\tconst index = insertedMenuItems.indexOf(menuItem);\r\n\t\t\t\tif(index<0)return;\r\n\t\t\t\tinsertedMenuItems.splice(index, 1);\r\n\t\t\t});\r\n\t\t\tthis._setInservedMenuItems(insertedMenuItems);\r\n\t\t};\r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport './ZoomButtons.css';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faCaretRight, faCaretLeft, faCaretUp, faCaretDown} from '@fortawesome/free-solid-svg-icons';\r\nimport IconButton from './IconButton';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport HashSource from '../core/HashSource';\r\nimport Urls from '../urls/Urls';\r\nimport Tooltip from './Tooltip';\r\nconst { throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class ZoomButtons extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst { min, max, initial, interval, onValueChanged} = props;\r\n\t\tthis._value = initial;\r\n\t\tthis._min = min;\r\n\t\tthis._max = max;\r\n\t\tthis._interval = interval;\r\n\t\tthis._onValueChanged = onValueChanged;\r\n\t\tthis._handleClickDown= this._handleClickDown.bind(this);\r\n\t\tthis._handleClickUp= this._handleClickUp.bind(this);\r\n\t\tthis.state = {visible:true, disabled:false};\r\n\t}\r\n\tsetValue(value){\r\n\t\tthis._value = value;\r\n\t}\r\n\t_handleClickUp(){\r\n\t\tthis._value+=this._interval;\r\n\t\tif(this._value>this._max)\r\n\t\t\tthis._value = this._max;\r\n\t\tthis._onValueChanged(this._value);\r\n\t}\r\n\t_handleClickDown(){\r\n\t\tthis._value-=this._interval;\r\n\t\tif(this._value\r\n\t\t\t\t{iconButtonFullScreen}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\tfilter.clear());\r\n\t}\r\n\tfilterPlots(plots){\r\n\t\tthis._filters.forEach((filter)=>{\r\n\t\t\tplots = filter.filterPlots(plots);\r\n\t\t});\r\n\t\treturn plots;\t\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './CheckboxFilterOption.css';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nconst {throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class KeyboardButton extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {value, icon, imgUrl, text, onClick}=props;\r\n\t\tif(value===undefined)throwNotProvided('value');\r\n\t\tthis._value = value;\r\n\t\t\r\n\t\tconst textNotProvided=(text===undefined||text===null);\r\n\t\tconst iconNotProvided = (icon===undefined||icon===null);\r\n\t\tconst imgNotProvided = (imgUrl===undefined||imgUrl ===null);\r\n\t\tif(textNotProvided&&iconNotProvided&&imgNotProvided)throwNotProvided('text or icon or imgUrl');\r\n\t\tif(!textNotProvided){\r\n\t\t\tif(typeof(text)!=='string')throwNotOfType('text', 'string');\r\n\t\t}\r\n\t\tthis._text = text;\r\n\t\tthis._icon = icon;\r\n\t\tthis._imgUrl = imgUrl;\r\n\t\t\r\n\t\tif(onClick===undefined||onClick===null)\r\n\t\t\tthrowNotProvided('onClick');\r\n\t\t\r\n\t\tif(typeof(onClick)!=='function')\r\n\t\t\tthrowNotOfType('onClick', 'function');\r\n\t\tthis._callbackClick = onClick;\r\n\t\t\r\n\t\tthis._handleClick = this._handleClick.bind(this);\r\n\t}\r\n\t_handleClick(){\r\n\t\tthis._callbackClick(this._value);\r\n\t}\r\n\trender() {\r\n\t\tconst content = this._text?this._text:(\r\n\t\tthis._imgUrl? (
):());\r\n\t\tkeyboardButtons.push(this._createButton(String(0), null, 48));\r\n\t\t//keyboardButtons.push(( maxWidth)\r\n {\r\n return;\r\n }\r\n div.style.width = String(width) + 'px';\r\n div.style.left = String(left) + 'px';\r\n }\r\n function resizeRight(x, y, a) {\r\n var width = a + x;\r\n if (width < minWidth || width > maxWidth || 100 * ((width + div.offsetLeft) / document.documentElement.offsetWidth) > bounds.maxXPercentage) {\r\n return;\r\n }\r\n div.style.width = String(width) + 'px';\r\n }\r\n function resizeTop(x, y, a, b) {\r\n var height = a - y;\r\n var top = b + y;\r\n if (top < bounds.minYPx || height < minHeight || height > maxHeight) {\r\n return;\r\n }\r\n div.style.height = String(height) + 'px';\r\n div.style.top = String(top) + 'px';\r\n }\r\n function resizeBottom(x, y, a) {\r\n var height = a + y;\r\n if (height < minHeight || height > maxHeight || div.offsetTop + height > bounds.maxYPx) {\r\n return;\r\n }\r\n div.style.height = String(height) + 'px';\r\n }\r\n function doResize(e) {\r\n var x = e.pageX;\r\n var y = e.pageY;\r\n\t\t\r\n switch (state) {\r\n case \"up\":\r\n return;\r\n case \"down-left\":\r\n resizeLeft(x, y, startOffset[0], startOffset[1]);\r\n break;\r\n case \"down-right\":\r\n resizeRight(x, y, startOffset[0]);\r\n break;\r\n case \"down-top\":\r\n resizeTop(x, y, startOffset[0], startOffset[1]);\r\n break;\r\n case \"down-bottom\":\r\n resizeBottom(x, y, startOffset[0]);\r\n break;\r\n case \"down-left-top\":\r\n resizeLeft(x, y, startOffset[0], startOffset[1]);\r\n resizeTop(x, y, startOffset[2], startOffset[3]);\r\n break;\r\n case \"down-left-bottom\":\r\n resizeLeft(x, y, startOffset[0], startOffset[1]);\r\n resizeBottom(x, y, startOffset[2]);\r\n break;\r\n case \"down-right-top\":\r\n resizeRight(x, y, startOffset[0]);\r\n resizeTop(x, y, startOffset[1], startOffset[2]);\r\n break;\r\n case \"down-right-bottom\":\r\n resizeRight(x, y, startOffset[0]);\r\n resizeBottom(x, y, startOffset[1]);\r\n break;\r\n }\r\n timer.reset();\r\n if (callbackInstantaneous)\r\n {\r\n try\r\n {\r\n callbackInstantaneous();\r\n }\r\n catch(ex)\r\n {\r\n console.log(ex);\r\n }\r\n }\r\n }\r\n this.setBounds = function (boundsIn)//work in progress.\r\n {\r\n var previousBounds = bounds;\r\n bounds = boundsIn;\r\n if (previousBounds.minYpx < bounds.minYPx)\r\n {\r\n\r\n }\r\n if (previousBounds.maxYPx > bounds.maxYPx)\r\n {\r\n\r\n }\r\n if (previousBounds.minXPercent < bounds.minXPercentage)\r\n {\r\n\r\n }\r\n if (previousBounds.maxXPercent > bounds.maxXPercent)\r\n {\r\n\r\n }\r\n };\r\n}\r\nResizer.padding = 3;\r\nResizer.WIDTH=6;\r\nexport default Resizer;\r\n\r\n","var SelectHelper=new(function(){\r\nvar selectStrings =['webkitTouchCallout', 'webkitUserSelect', 'khtmlUserSelect', 'MozUserSelect', 'msUserSelect', 'userSelect', 'UserSelect'];\r\nthis.makeSelectable=function(element){\r\n setSelectable(element, \"element\");\r\n};\r\nthis.makeUnselectable=function(element){\r\n setSelectable(element, \"none\");\r\n};\r\nfunction setSelectable(element, selectableString)\r\n{\r\n if (element && element.type != 'text')//not text because this breaks internet explorer, stopping editing of text..\r\n {\r\n if (selectableString == \"none\")\r\n {\r\n if (element.nodeType == 1) {\r\n element.setAttribute(\"unselectable\", \"on\");\r\n\r\n }\r\n if (element.onselectstart != undefined)// if IE\r\n {\r\n element.onselectstart = function () {\r\n return false;\r\n };\r\n }\r\n }\r\n if (element.style)\r\n {\r\n var i = 0;\r\n selectStrings.forEach((selectString)=>{\r\n if (element.style[selectString] != undefined)// if Firefox\r\n {\r\n element.style[selectString] = selectableString;\r\n }\r\n i++;\r\n });\r\n }\r\n var child = element.firstChild;\r\n while (child) {\r\n setSelectable(child, selectableString);\r\n child = child.nextSibling;\r\n }\r\n }\r\n}\r\n})();\r\nexport default SelectHelper;","function Settings(settingsName, callbackReset)\r\n{\r\n this.get = function (name)\r\n {\r\n try\r\n {\r\n //return JSON.parse(getCookie(settingsName + '_' + name));\r\n return JSON.parse(localStorage.getItem(settingsName + '_' + name));\r\n\t\t}\r\n\t\tcatch(ex)\r\n\t\t{\r\n\t\t\treturn undefined;\r\n\t\t}\r\n };\r\n this.set = function (name, obj)\r\n {\r\n try\r\n {\r\n //setCookie(settingsName + '_' + name, JSON.stringify(obj));\r\n localStorage.setItem(settingsName + '_' + name, JSON.stringify(obj));\r\n }\r\n catch(ex)\r\n {\r\n console.log(ex);\r\n }\r\n };\r\n this.reset=callbackReset;\r\n Settings.instances.push(this);\r\n}\r\nSettings.getAll=function(){\r\n return localStorage;\r\n};\r\nSettings.addRange=function(obj)\r\n{\r\n for(var key in obj)\r\n {\r\n localStorage.setItem(key, JSON.stringify(obj[key]));\r\n }\r\n};\r\nSettings.instances=[];\r\nSettings.resetAll = function ()\r\n{\r\n \r\n};\r\nexport default Settings;","import Windows from './Windows';\r\nimport HashSource from '../core/HashSource';\r\nimport Urls from '../urls/Urls';\r\nimport Drag from '../ui_core/Drag';\r\nimport Hover from '../ui_core/Hover';\r\nimport IconButtonNonReact from '../components/IconButtonNonReact';\r\nimport stopEventPropagation from '../ui_core/stopEventPropagation';\r\nimport setText from '../ui_core/setText';\r\nimport Resizer from '../ui_core/Resizer';\r\nimport SelectHelper from '../ui_core/SelectHelper';\r\nimport verticallyCenter from '../ui_core/verticallyCenter';\r\nimport isMobile from '../core/isMobile';\r\nimport eventEnable from '../core/eventEnable';\r\nimport Timer from '../core/Timer';\r\nimport Settings from '../core/Settings';\r\nimport EventNames from './WindowEventNames';\r\n\t\r\nconst defaults = {\r\n\tminWidth:100,\r\n\tminHeight:100,\r\n\tmaxWidth:1000,\r\n\tmaxHeight:1000,\r\n\tminXPerc:0,\r\n\tminYPx:0,\r\n\tmaxXPerc:100,\r\n\tmaxYPx:10000,\r\n\tResizer:true,\r\n\tdragable:true,\r\n\tcloseable:true,\r\n\tminimizable:true,\r\n\tmaximizable:true,\r\n\tminimizeOnClose:false\r\n\t\r\n};\r\nvar defaultsOptional={};\r\nconst GenericWindow= function(params){\r\n\tvar self = this;\r\n\teventEnable(this);\r\n\tthis._hash = HashSource.next();\r\n\tfor(var i in Object.keys(defaults))\r\n\t{\r\n\t\tif(params[i]===undefined)\r\n\t\t\tparams[i]=defaults[i];\r\n\t}\r\n\t\r\n\tvar previousSizes, maximizedSizes, cancelBringToFront;\r\n\tvar buttonClose, buttonMinimize, buttonMaximize;\r\n\tvar timerFlash, flashing = false, flashCount=0;\r\n\t\r\n\tvar name = params.name?params.name:'default';\r\n\tvar tooltipMessage=params.tooltipMessage;\r\n\tlet{ iconPath, minWidth, maxWidth, minHeight, maxHeight, defaultWidth, defaultHeight,\r\n\t\tdefaultX, defaultY, minimized, maximized, minimizable, maximizable, closeable, \r\n\t\tminimizeOnClose, resizable, dragable, minXPerc, maxXPerc, maxYPx, minYPx, zIndexOffset, \r\n\t\ttype, parentElement, element, toggleMaximizeOnDoubleClick}= params;\r\n\tif(!element) element = document.createElement('div');\r\n\telement.classList.add('generic-window');\r\n\t\r\n\tconst divInner = document.createElement('div');\r\n\tdivInner.classList.add('inner');\r\n\t\r\n\tconst divTab = document.createElement('div');\r\n\tdivTab.classList.add('tab');\r\n\t\r\n\tconst divMain = document.createElement('div');\r\n\tdivMain.classList.add('main');\r\n\t\r\n\tvar divName = document.createElement('div');\r\n\tdivName.classList.add('name');\r\n\t\r\n\tsetText(divName, name);\r\n\telement.appendChild(divInner);\r\n\tdivInner.appendChild(divTab);\r\n\tdivTab.appendChild(divName);\r\n\tdivInner.appendChild(divMain);\r\n\t(parentElement?parentElement:document.documentElement).appendChild(element);\r\n\t\r\n\t\r\n\tthis.getType= function(){\r\n\t\treturn type;\r\n\t};\r\n\tvar saveName = params.saveName? params.saveName:name;\r\n\t\r\n\tvar settings = new Settings(saveName, function () {\r\n\t\tthis.set(\"position\");\r\n\t\tthis.set(\"size\");\r\n\t\tthis.set(\"zIndex\");\r\n\t});\r\n\tWindows._instances.push(this);\r\n\t\r\n\tthis.flash = flash;\r\n\t\r\n\tthis.getHash=function(){\r\n\t\treturn this._hash;\r\n\t};\r\n\tthis.setName = function(name){\r\n\t\tsetText(divName, name);\r\n\t};\r\n\tthis.setTooltipMessage = function(value){\r\n\t\ttooltipMessage = value;\r\n\t};\r\n\tthis.getIcon=function(){\r\n\t\treturn iconPath;\r\n\t};\r\n\tthis.getTooltip = function(){\r\n\t\treturn tooltipMessage;\r\n\t};\r\n\tthis._setZIndex=function(zIndex){\r\n\t\telement.style.zIndex=String(zIndex);\r\n\t\tsettings.set(\"zIndex\", zIndex);\r\n\t\tdispatchZIndexChangedEvent();\r\n\t};\r\n\tthis.getState=function(){\r\n\t\treturn {maximized:maximized, minimized:minimized};\r\n\t};\r\n\tthis.maximize = maximize;\r\n\tthis.unmaximize = unmaximize;\r\n\tthis.minimize = minimize;\r\n\tthis.toggleMinimize = toggleMinimize;\r\n\tthis.unminimize=unminimize;\r\n\tthis.close = close;\r\n\tthis.focus = focus;\r\n\tthis.bringToFront = bringToFront;\r\n\tthis.toggleMaximize = toggleMaximize;\r\n\t\r\n\tthis._screenResized=function(obj) {\r\n\t\tif (maximized&(resizable||!window.isMobile))setWindowSizePositionMaximized();\r\n\t}\r\n\t\r\n\tthis.getMinimizable=function(){\r\n\t\treturn minimizable;\r\n\t};\r\n\tthis.getElement = function(){\r\n\t\treturn element;\r\n\t};\r\n\tthis.getParentElement = function(){\r\n\t\treturn parentElement;\r\n\t};\r\n\tthis.getTabElement = function(){\r\n\t\treturn divTab;\r\n\t};\r\n\tthis.fillLeftHalf = function(){\r\n\t\tmaximized = false;\r\n\t\tunminimize();\r\n\t\t//previousSizes = getSizes();\r\n\t\tif(resizable||!window.isMobile){\r\n\t\t\tconst p = resizable?Resizer.padding:0;\r\n\t\t\tsetWindowSizePosition({\r\n\t\t\t\twidth:(parentElement?parentElement:document.documentElement).clientWidth/2, \r\n\t\t\t\theight:((parentElement?parentElement:document.documentElement).clientHeight - p),\r\n\t\t\t\ttop:-p,\r\n\t\t\t\tleft:-p\r\n\t\t\t});\r\n\t\t}\r\n\t\tbringToFront();\r\n\t};\r\n\tthis.fillRightHalf = function(){\r\n\t\tmaximized = false;\r\n\t\tunminimize();\r\n\t\t//previousSizes = getSizes();\r\n\t\tif(resizable||!window.isMobile){\r\n\t\t\tconst p = resizable?Resizer.padding:0;\r\n\t\t\tconst halfWidth = (parentElement?parentElement:document.documentElement).clientWidth/2;\r\n\t\t\tsetWindowSizePosition({\r\n\t\t\t\twidth:halfWidth, \r\n\t\t\t\theight:((parentElement?parentElement:document.documentElement).clientHeight - p),\r\n\t\t\t\ttop:-p,\r\n\t\t\t\tleft:halfWidth-p\r\n\t\t\t});\r\n\t\t}\r\n\t\tbringToFront();\r\n\t};\r\n\tstopEventPropagation(divMain, ['mousedown']);\r\n\tdivMain.addEventListener('mousedown',clickedOnMe);\r\n\tthis.getMainElement = function(){\r\n\t\treturn divMain;\r\n\t};\r\n\tthis.getPosition = function(){\r\n\t\treturn [element.offsetLeft, element.offsetTop];\r\n\t};\r\n\t(parentElement?parentElement:document.documentElement).classList.add('web-windows');\r\n\tSelectHelper.makeUnselectable(element);\r\n\t\r\n\tdocument.body.appendChild(element);\r\n\telement.addEventListener(\"mousedown\", clickedOnMe);\r\n\tif(toggleMaximizeOnDoubleClick===undefined||toggleMaximizeOnDoubleClick)\r\n\t\tdivTab.addEventListener('dblclick', toggleMaximize);\r\n\tinitializePadding();\r\n\tif (!window.isMobile)\r\n\t{\r\n\t\tif (resizable)\r\n\t\t{\r\n\t\t\tself._resizer = new Resizer({div:element, divInner, minWidth, minHeight, maxWidth, maxHeight,\r\n\t\t\t\tbounds:self.currentBounds, callbackResized:resized, callbackInstantaneous:null, \r\n\t\t\tcallbackStarted:resizerStarted});\r\n\t\t}\r\n\t\tif (dragable)\r\n\t\t{\r\n\t\t\tself._drag = new Drag(element, divTab, minXPerc, maxXPerc, minYPx,\r\n\t\t\t\tmaxYPx, dragged, dragStarted);\r\n\t\t}\r\n\t\t\r\n\t\tconst fillerElement = document.createElement('div');\r\n\t\tfillerElement.classList.add('filler');\r\n\t\tdivTab.appendChild(fillerElement);\r\n\t\tif (minimizable)\r\n\t\t{\r\n\t\t\tconst iconButonMinimize = new IconButtonNonReact({imgUrl:Urls.assets+'icons/UI_Button_Minimize.png', \r\n\t\t\tonClick:minimize});\r\n\t\t\tdivTab.appendChild(iconButonMinimize.element);\r\n\t\t\tstopEventPropagation(iconButonMinimize.element, ['touchstart', 'mousedown']);\r\n\t\t}\r\n\t\tif (maximizable)\r\n\t\t{\r\n\t\t\tconst iconButonMaximize = new IconButtonNonReact({imgUrl:Urls.assets+'icons/UI_Button_Maximize.png', \r\n\t\t\tonClick:toggleMaximize});\r\n\t\t\tdivTab.appendChild(iconButonMaximize.element);\r\n\t\t\tstopEventPropagation(iconButonMaximize.element, ['touchstart', 'mousedown']);\r\n\t\t}\r\n\t}\r\n\tif (closeable||minimizeOnClose)\r\n\t{\r\n\t\tconst iconButonClose = new IconButtonNonReact({imgUrl:Urls.assets+'icons/UI_Button_Exit.png', \r\n\t\t\tonClick:()=>{\r\n\t\t\t\tif (minimizeOnClose)\r\n\t\t\t\t\tminimize();\r\n\t\t\t\telse\r\n\t\t\t\t\tclose();\r\n\t\t\t\t}\r\n\t\t});\r\n\t\tdivTab.appendChild(iconButonClose.element);\r\n\t\tstopEventPropagation(iconButonClose.element, ['touchstart', 'mousedown']);\r\n\t}\r\n\tif(!window.isMobile){\r\n\t\tvar startPosition = settings.get(\"position\");\r\n\t\tif (!startPosition)\r\n\t\t{\r\n\t\t\tstartPosition = Windows.getStartPosition(this);\r\n\t\t} \r\n\t\tconsole.log('start position was ');\r\n\t\tconsole.log(startPosition);\r\n\t\telement.style.left = String(startPosition[0]) + 'px';\r\n\t\telement.style.top = String(startPosition[1]) + 'px';\r\n\r\n\t\tvar startSize = settings.get(\"size\");\r\n\t\tif (startSize)\r\n\t\t{\r\n\t\t\tif (startSize[0] < minWidth)\r\n\t\t\t\tstartSize[0] = minWidth;\r\n\t\t\tif (startSize[1] < minHeight)\r\n\t\t\t\tstartSize[1] = minHeight;\r\n\t\t\telement.style.width = String(startSize[0]) + 'px';\r\n\t\t\telement.style.height = String(startSize[1]) + 'px';\r\n\t\t} else\r\n\t\t{\r\n\t\t\telement.style.width = String(defaultWidth) + 'px';\r\n\t\t\telement.style.height = String(defaultHeight) + 'px';\r\n\t\t}\r\n\t}\r\n\r\n\tvar startZIndex = settings.get(\"zIndex\");\r\n\tif (startZIndex)\r\n\t{\r\n\t\telement.style.zIndex = String(startZIndex);\r\n\t}\r\n\telement.appendChild(divInner);\r\n\t\r\n\tthis.setWindowSizePosition = setWindowSizePositionConsideringResizers;\r\n\tif(!minimized)_unminimize();\r\n\tWindows._dispatchWindowCreatedEvent(self);\r\n\tif (bringToFront != false)self.bringToFront();\r\n\tfunction show()\r\n\t{\r\n\t\telement.classList.add('visible');\r\n\t}\r\n\tfunction hide()\r\n\t{\r\n\t\telement.classList.remove('visible');\r\n\t}\r\n\tfunction flash(){\r\n\t\tvar flashing = false;\r\n\t\tflashCount=0;\r\n\t\tif(!timerFlash)\r\n\t\t\ttimerFlash = new Timer({\r\n\t\t\t\tcallback:()=> {\r\n\t\t\t\tif (flashing) {\r\n\t\t\t\t\tdivInner.classList.remove('flashing');\r\n\t\t\t\t\tif(flashCount>=6)\r\n\t\t\t\t\t\ttimerFlash.stop();\r\n\t\t\t\t\tflashing = false;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tdivInner.classList.add('flashing');\r\n\t\t\t\t\tflashing = true;\r\n\t\t\t\t}\r\n\t\t\t\tflashCount++;\r\n\t\t}, delay:50, nTicks:-1});\r\n\t\telse{\r\n\t\t\ttimerFlash.reset();\r\n\t\t\tflashCount=0;\r\n\t\t}\r\n\t}\r\n\tfunction setWindowSizePositionMaximized(){\r\n\t\tconst p = resizable?(Resizer.padding * 2):0;\r\n\t\tsetWindowSizePosition({\r\n\t\t\twidth:(parentElement?parentElement:document.documentElement).clientWidth, \r\n\t\t\theight:(parentElement?parentElement:document.documentElement).clientHeight - p ,\r\n\t\t\ttop:resizable?-Resizer.padding:0,\r\n\t\t\tleft:resizable?-Resizer.padding:0\r\n\t\t});\r\n\t}\r\n\tfunction setWindowSizePositionConsideringResizers({width, height, top, left}){\r\n\t\tsetWindowSizePosition({\r\n\t\t\twidth:width, \r\n\t\t\theight:height,\r\n\t\t\ttop:top-Resizer.WIDTH,\r\n\t\t\tleft:left-Resizer.WIDTH\r\n\t\t});\r\n\t}\r\n\tfunction clickedOnMe(){\r\n\t\tif(!cancelBringToFront)\r\n\t\t\tbringToFront();\r\n\t\tcancelBringToFront = false;\r\n\t\tdispatchFocussedEvent();\r\n\t}\r\n\tfunction initializePadding(){ \r\n\t\tvar padding=((!window.isMobile)&&resizable)?3:0;\r\n\t\tvar paddingString = String(padding) + 'px';\r\n\t\telement.style.padding = paddingString;\r\n\t\tdivInner.style.position = 'absolute';\r\n\t\tdivInner.style.left = paddingString;\r\n\t\tdivInner.style.top = paddingString;\r\n\t\tdivInner.style.right = paddingString;\r\n\t\tdivInner.style.bottom = paddingString;\r\n\t}\r\n\tfunction close()\r\n\t{\r\n\t\tWindows._instances.splice(Windows._instances.indexOf(this), 1);\r\n\t\telement.parentNode.removeChild(element);\r\n\t\tdispatchClosedEvent();\r\n\t\tWindows._dispatchWindowDestroyedEvent(self);\r\n\t}\r\n\tfunction resized(){\r\n\t\tif(maximized){\r\n\t\t\tif(!maximizedSizes.equals(getSizes())){\r\n\t\t\t\tmaximized=false;\r\n\t\t\t}\r\n\t\t}\r\n\t\tsettings.set(\"position\", [element.offsetLeft, element.offsetTop]);\r\n\t\tsettings.set(\"size\", [element.offsetWidth, element.offsetHeight]);\r\n\t\tdispatchResizedEvent();\r\n\t}\r\n\tfunction minimize() {\r\n\t\tmaximized = false;\r\n\t\tif(minimized) return;\r\n\t\thide();\r\n\t\tWindows.sendToBack(self);\r\n\t\tminimized=true;\r\n\t\tdispatchMinimizedEvent();\r\n\t}\r\n\tfunction unminimize(){\r\n\t\tif(!minimized)\r\n\t\t\treturn;\r\n\t\t_unminimize();\r\n\t}\r\n\tfunction _unminimize(){\r\n\t\tshow();\r\n\t\tminimized=false;\r\n\t\tdispatchUnminimizedEvent();\r\n\t\tbringToFront();\r\n\t}\r\n\tfunction toggleMinimize(){\r\n\t\t\r\n\t\tif(minimized) unminimize();\r\n\t\telse minimize();\r\n\t}\r\n\tfunction maximize()\r\n\t{\r\n\t\tif(maximized)return;\r\n\t\tunminimize();\r\n\t\tpreviousSizes = getSizes();\r\n\t\tif(resizable||!window.isMobile)\r\n\t\t\tsetWindowSizePositionMaximized();\r\n\t\tmaximizedSizes = getSizes();\r\n\t\tmaximized = true;\r\n\t\tdispatchMaximizedEvent();\r\n\t\tbringToFront();\r\n\t}\r\n\tfunction unmaximize(mouseDragPosition)\r\n\t{\r\n\t\tif(!maximized)return;\r\n\t\tif (previousSizes)\r\n\t\t{\r\n\t\t\tif (!mouseDragPosition)\r\n\t\t\t\tsetWindowSizePosition({\r\n\t\t\t\t\twidth:previousSizes.width,\r\n\t\t\t\t\theight:previousSizes.height,\r\n\t\t\t\t\ttop:previousSizes.top,\r\n\t\t\t\t\tleft:previousSizes.left\r\n\t\t\t\t});\r\n\t\t\telse {\r\n\t\t\t\tvar b = mouseDragPosition.left / (parentElement?parentElement:document.documentElement).clientWidth;\r\n\t\t\t\tvar leftOffset = (b * previousSizes.width);\r\n\t\t\t\tvar l = mouseDragPosition.left - leftOffset;\r\n\t\t\t\tsetWindowSizePosition({\r\n\t\t\t\t\twidth:previousSizes.width, \r\n\t\t\t\t\theight:previousSizes.height,\r\n\t\t\t\tleft:l\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t\tmaximized = false;\r\n\t\tself._drag?.updateMinMax();\r\n\t\tdispatchUnmaximizedEvent();\r\n\t}\r\n\tfunction toggleMaximize()\r\n\t{\r\n\t\tif (!maximized)\r\n\t\t{\r\n\t\t\tmaximize();\r\n\t\t}\r\n\t\telse\r\n\t\t{\r\n\t\t\tunmaximize();\r\n\t\t}\r\n\t}\r\n\tfunction bringToFront()\r\n\t{\r\n\t\tconst instances = Windows._instances;\r\n\t\tconst instance = instances.splice(instances.indexOf(self), 1)[0];\r\n\t\tinstances.push(instance);\r\n\t\tWindows._updateZIndices();\r\n\t};\r\n\tfunction focus(){\r\n\t\tbringToFront();\r\n\t\tdispatchFocussedEvent();\r\n\t}\r\n\tfunction dragged(){\r\n\t\tsettings.set(\"position\", [element.offsetLeft, element.offsetTop]);\r\n\t\tdispatchMovedEvent();\r\n\t\tdispatchDraggedEvent();\r\n\t}\r\n\tfunction dragStarted(e){\r\n\t\tconsole.log('dragStarted');\r\n\t\tif(maximized)\r\n\t\t\tunmaximize({left: e.screenX});\r\n\t\tdispatchDragStarted();\r\n\t}\r\n\tfunction getSizes()\r\n\t{\r\n\t\tvar p = Resizer.padding * 2;\r\n\t\treturn new (function(){\r\n\t\t\t\tvar self = this;\r\n\t\t\t\tthis.width=element.offsetWidth - p; \r\n\t\t\t\tthis.height= element.offsetHeight - p; \r\n\t\t\t\tthis.top= element.offsetTop;\r\n\t\t\t\tthis.left= element.offsetLeft;\r\n\t\t\t\tthis.equals=function(s){\r\n\t\t\t\t\treturn self.width==s.width&&self.height==s.height&&self.top==s.top&&self.left==s.left;\r\n\t\t\t\t};\r\n\t\t})();\r\n\t}\r\n\r\n\tfunction setWindowSizePosition(params)\r\n\t{\r\n\t\telement.style.height = String(params.height) + 'px';\r\n\t\telement.style.width = String(params.width) + 'px';\r\n\t\tif (params.top!==undefined)\r\n\t\t\telement.style.top = String(params.top) + 'px';\r\n\t\tif (params.left!==undefined)\r\n\t\t\telement.style.left = String(params.left) + 'px';\r\n\t}\r\n\tfunction resizerStarted(){\r\n\t\tconsole.log('resizerStarted');\r\n\t\tmaximized = false;\r\n\t\tdispatchResizerStartedEvent();\r\n\t}\r\n\tfunction dispatchResizedEvent(){\r\n\t\tself.dispatchEvent({type:EventNames.RESIZED});\r\n\t}\r\n\tfunction dispatchResizerStartedEvent(){\r\n\t\tself.dispatchEvent({type:EventNames.RESIZE_STARTED});\r\n\t}\r\n\tfunction dispatchMaximizedEvent(){\r\n\t\tself.dispatchEvent({type:EventNames.MAXIMIZED});\r\n\t}\r\n\tfunction dispatchMinimizedEvent(){\r\n\t\tself.dispatchEvent({type:EventNames.MINIMIZED});\r\n\t}\r\n\tfunction dispatchUnminimizedEvent(){\r\n\t\tself.dispatchEvent({type:EventNames.UNMINIMIZED});\r\n\t}\r\n\tfunction dispatchUnmaximizedEvent(){\r\n\t\tself.dispatchEvent({type:EventNames.UNMAXIMIZED});\r\n\t}\r\n\tfunction dispatchDragStarted(){\r\n\t\tself.dispatchEvent({type:EventNames.DRAG_STARTED});\r\n\t}\r\n\tfunction dispatchMovedEvent(){\r\n\t\tself.dispatchEvent({type:EventNames.MOVED});\r\n\t}\r\n\tfunction dispatchClosedEvent(){\r\n\t\tself.dispatchEvent({type:EventNames.CLOSED});\r\n\t}\r\n\tfunction dispatchFocussedEvent(){\r\n\t\tself.dispatchEvent({type:EventNames.FOCUSSED, window:self});\r\n\t}\r\n\tfunction dispatchDraggedEvent(){\r\n\t\tconsole.log('dispatchDraggedEvent');\r\n\t\tself.dispatchEvent({type:EventNames.DRAGGED});\r\n\t}\r\n\tfunction dispatchZIndexChangedEvent(){\r\n\t\tself.dispatchEvent({type:EventNames.Z_INDEX_CHANGED});\r\n\t}\r\n};\r\nGenericWindow.EventNames = EventNames;\r\nexport default GenericWindow;","import React, { Component } from 'react';\r\nimport './SubMenuHeader.css';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport IconButtonNonReact from './IconButtonNonReact';\r\nimport IconButton from './IconButton';\r\nimport { faBackward, faTimes} from '@fortawesome/free-solid-svg-icons'\r\nimport Urls from '../urls/Urls';\r\nconst{throwNotProvided}=ParameterErrors;\r\nexport default class SubMenuHeaderNonReact {\r\n\tconstructor(props){\r\n\t\tconst {title, children, menuManager}=props;\r\n\t\tthis._iMenuManager = menuManager;\r\n\t\tthis._children = children;\r\n\t\tthis._hasChildren=children?true:false;\r\n\t\tthis._handleClickButtonBack= this._handleClickButtonBack.bind(this);\r\n\t\tthis._handleClickButtonClose= this._handleClickButtonClose.bind(this);\r\n\t\tthis._iMenuManager = menuManager;\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('sub-menu-header');\r\n\t\tif(this._hasChildren)\r\n\t\t\tthis._element.classList.add('has-children');\r\n\t\t\r\n\t\tconst childrenElement = document.createElement('div');\r\n\t\tchildrenElement.classList.add('children');\r\n\t\tif(this._children)\r\n\t\t\tthis._children.forEach(child=>childrenElement.appendChild(child));\r\n\t\tthis._element.appendChild(childrenElement);\r\n\t\tconst titleElement = document.createElement('div');\r\n\t\ttitleElement.classList.add('title');\r\n\t\ttitleElement.innerHTML = title;\r\n\t\tthis._element.appendChild(titleElement);\r\n\t\t\r\n\t\tconst backButtonWrapperElement = document.createElement('div');\r\n\t\tbackButtonWrapperElement.classList.add('button-back-wrapper');\r\n\t\tthis._element.appendChild(backButtonWrapperElement);\r\n\t\t\r\n\t\tconst closeButtonWrapperElement = document.createElement('div');\r\n\t\tcloseButtonWrapperElement.classList.add('button-close-wrapper');\r\n\t\tthis._element.appendChild(closeButtonWrapperElement);\r\n\t\t\r\n\t\tthis._iconButtonNonReactBack = new IconButtonNonReact({imgUrl:Urls.assets+'icons/UI_Button_Open.png', onClick:this._handleClickButtonBack});\r\n\t\tbackButtonWrapperElement.appendChild(this._iconButtonNonReactBack.element);\r\n\t\t\r\n\t\tthis._iconButtonNonReactClose = new IconButtonNonReact({imgUrl:Urls.assets+'icons/UI_Button_Exit.png', onClick:this._handleClickButtonClose});\r\n\t\tcloseButtonWrapperElement.appendChild(this._iconButtonNonReactClose.element);\r\n\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\t_handleClickButtonBack(){\r\n\t\tif(this._iMenuManager)\r\n\t\t\tthis._iMenuManager.back();\r\n\t}\r\n\t_handleClickButtonClose(){\r\n\t\tif(this._iMenuManager)\r\n\t\t\tthis._iMenuManager.close();\r\n\t}\r\n}\r\n","const PlotDetailedInformationSectionType={\r\n\tFloorPlans:'floorPlans',\r\n\tStreetViewImage:'streetViewImage',\r\n\tFrontViewImage:'frontViewImage',\r\n\tGallery:'gallery',\r\n\tDescription:'description',\r\n\tTour:'tour',\r\n\tVideo:'video'\r\n};\r\nexport default PlotDetailedInformationSectionType;","import ReactDOM from 'react-dom';\r\nimport React, { Component } from 'react';\r\nimport Star from '../components/Star';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport IconButtonNonReact from '../components/IconButtonNonReact';\r\nimport PlotStatus from '../site/PlotStatus';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport Urls from '../urls/Urls';\r\nimport PlotDetailedInformationSectionType from './PlotDetailedInformationSectionType';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class PlotDetailedInformationSummary {\r\n\tconstructor(props){\r\n\t\tconst { siteJsonUnitPlot, addFavourite, removeFavourite, showStreetView, scrollToFloorPlans,\r\n\t\t\tscrollToGallery, configuration, showBrochureGenerationDialog, enterHouse}=props;\r\n\t\tthis._callbackShowBrochureGenerationDialog = showBrochureGenerationDialog;\r\n\t\tthis._callbackEnterHouse = enterHouse;\r\n\t\tthis._configuration=configuration;\r\n\t\tthis._selectedChanged = this._selectedChanged.bind(this);\r\n\t\tthis._handleClickSendBrochure = this._handleClickSendBrochure.bind(this);\r\n\t\tthis._handleClickEnterHouse = this._handleClickEnterHouse.bind(this);\r\n\t\tthis._setValuesFromSiteJsonUnitPlot = this._setValuesFromSiteJsonUnitPlot.bind(this);\r\n\t\tthis._siteJsonUnitPlot = siteJsonUnitPlot;\r\n\t\tthis._callbackAddFavourite = addFavourite;\r\n\t\tthis._callbackRemoveFavourite = removeFavourite;\r\n\t\tthis._callbackShowStreetView = showStreetView;\r\n\t\tthis._handleStarSelectedChanged = this._handleStarSelectedChanged.bind(this);\r\n\t\tthis._handleClickShowStreetView = this._handleClickShowStreetView.bind(this);\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('summary');\r\n\t\tthis._plotNameElement = document.createElement('div');\r\n\t\tthis._plotNameElement.classList.add('plot-name');\r\n\t\tthis._plotNumberElement = document.createElement('div');\r\n\t\tthis._plotNumberElement.classList.add('plot-number');\r\n\t\tthis._plotStatusDescriptionElement = document.createElement('div');\r\n\t\tthis._plotStatusDescriptionElement.classList.add('plot-status');\r\n\t\tthis._plotPriceElement = document.createElement('div');\r\n\t\tthis._plotPriceElement.classList.add('plot-price');\r\n\t\tthis._nBedroomsElement = document.createElement('div');\r\n\t\tthis._nBedroomsElement.classList.add('n-bedrooms');\r\n\t\tthis._smallButtonsElement = document.createElement('div');\r\n\t\tthis._smallButtonsElement.classList.add('small-buttons');\r\n\t\t[this._plotNameElement, this._plotNumberElement, this._plotStatusDescriptionElement, this._plotPriceElement, \r\n\t\t\tthis._nBedroomsElement, this._smallButtonsElement]\r\n\t\t.forEach(childElement=>this._element.appendChild(childElement));\r\n\t\tthis._star = React.createRef();\r\n\t\tconst starFactory = React.createFactory(Star);\r\n\t\tReactDOM.render(starFactory(\r\n\t\t\t{ \r\n\t\t\t\tonSelectedChange:this._handleStarSelectedChanged, \r\n\t\t\t\tref:this._star,\r\n\t\t\t\tstopEventPropagation:true\r\n\t\t\t}),\r\n\t\t\tthis._smallButtonsElement);\r\n\t\tconst hasOneOrMoreRoomImages=siteJsonUnitPlot.hasOneOrMoreRoomImages;\r\n\t\t\r\n\t\tthis._iconButtonWalkmode = new IconButtonNonReact({ \t\r\n\t\t\t\tclassName:[\"button-show-street-view\", \"button-show\"], \r\n\t\t\t\timgUrl:Urls.assets+'icons/UI_Button_Walkmode.png',\r\n\t\t\t\tonClick:this._handleClickShowStreetView\r\n\t\t\t});\r\n\t\tthis._smallButtonsElement.appendChild(this._iconButtonWalkmode.element);\r\n\t\t\t\r\n\t\t\r\n\t\tthis._iconButtonShowGallery = new IconButtonNonReact({\r\n\t\t\t\tclassName:[\"button-show-gallery\", \"button-show\"], \r\n\t\t\t\timgUrl:hasOneOrMoreRoomImages?(Urls.assets+'icons/UI_Button_Gallery.png'):(Urls.assets+'icons/UI_Button_Gallery_Disabled.png'),\r\n\t\t\t\tonClick:scrollToGallery\r\n\t\t\t});\r\n\t\tthis._smallButtonsElement.appendChild(this._iconButtonShowGallery.element);\r\n\t\t\t\r\n\t\t\r\n\t\tthis._iconButtonShowGallery = new IconButtonNonReact({\r\n\t\t\t\tclassName:[\"button-show-floor-plan\", \"button-show\"], \r\n\t\t\t\timgUrl:Urls.assets+'icons/UI_Button_Floorplan.png',\r\n\t\t\t\tonClick:scrollToFloorPlans\r\n\t\t\t});\r\n\t\tthis._smallButtonsElement.appendChild(this._iconButtonShowGallery.element);\r\n\t\t\r\n\t\tthis._buttonEnterHouse = document.createElement('button');\r\n\t\tthis._buttonEnterHouse.classList.add(\"button-enter-house\");\r\n\t\tthis._buttonEnterHouse.addEventListener('click', this._handleClickEnterHouse);\r\n\t\tthis._buttonEnterHouse.innerHTML = 'Enter Plot';\r\n\t\tthis._smallButtonsElement.appendChild(this._buttonEnterHouse);\r\n\t\t\r\n\t\tconst buttonSendBrochure = document.createElement('button');\r\n\t\tbuttonSendBrochure.classList.add(\"button-send-brochure\");\r\n\t\tbuttonSendBrochure.addEventListener('click', this._handleClickSendBrochure);\r\n\t\tbuttonSendBrochure.innerHTML = 'Send Brochure';\r\n\t\tthis._smallButtonsElement.appendChild(buttonSendBrochure);\r\n\t\t\r\n\t\tthis._setValuesFromSiteJsonUnitPlot(siteJsonUnitPlot);\r\n\t}\r\n\tset plot(siteJsonUnitPlot){\r\n\t\tthis._siteJsonUnitPlot = siteJsonUnitPlot;\r\n\t\tthis._setValuesFromSiteJsonUnitPlot(siteJsonUnitPlot);\r\n\t}\r\n\t_setValuesFromSiteJsonUnitPlot(siteJsonUnitPlot){\r\n\t\tthis._propertyBindingSelected?.dispose();\r\n\t\tthis._propertyBindingSelected = PropertyBindingFactory.standard(this, siteJsonUnitPlot, 'selected', this._selectedChanged);\r\n\t\tthis._plotNameElement.innerHTML = siteJsonUnitPlot.name;\r\n\t\tthis._plotNumberElement.innerHTML = 'Plot '+String(siteJsonUnitPlot.number);\r\n\t\tthis._plotStatusDescriptionElement.innerHTML = siteJsonUnitPlot?PlotStatus.getDescription(siteJsonUnitPlot.status):' ';\r\n\t\tconst showPrice = (siteJsonUnitPlot)&&(!siteJsonUnitPlot.isSold)&&(!siteJsonUnitPlot.isReserved);\r\n\t\tthis._plotPriceElement.innerHTML = (!showPrice)||(siteJsonUnitPlot.price<=0)?' ':siteJsonUnitPlot.priceString;\r\n\t\tconst nBathroomString = this._configuration.showNBathrooms?` and ${siteJsonUnitPlot.nBathrooms} Bathrooms`:'';\r\n\t\tthis._nBedroomsElement.innerHTML = ' - '+String(siteJsonUnitPlot.nBedrooms)+' Bedrooms'+nBathroomString;\r\n\t\tconst hasConfiguratorOrTour=siteJsonUnitPlot&&Urls.getConfiguratorUrlForPlot(siteJsonUnitPlot, this._configuration);\r\n\t\tif(hasConfiguratorOrTour)\r\n\t\t\tthis._buttonEnterHouse.classList.add('visible');\r\n\t\telse\r\n\t\t\tthis._buttonEnterHouse.classList.remove('visible');\r\n\t}\r\n\t_selectedChanged(value){\r\n\t\tthis._star.current.selected=value;\r\n\t}\r\n\t_handleClickSendBrochure(){\r\n\t\tthis._callbackShowBrochureGenerationDialog({plot:this._siteJsonUnitPlot});\r\n\t}\r\n\t_handleClickEnterHouse(){\r\n\t\tthis._callbackEnterHouse(this._siteJsonUnitPlot);\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\tget sectionType(){\r\n\t\treturn PlotDetailedInformationSectionType.Gallery;\r\n\t}\r\n\t_handleStarSelectedChanged(selected){\r\n\t\tif(selected)this._callbackAddFavourite(this._siteJsonUnitPlot);\r\n\t\telse this._callbackRemoveFavourite(this._siteJsonUnitPlot);\r\n\t}\r\n\t_handleClickShowStreetView(e){\r\n\t\tthis._callbackShowStreetView({nearPlot:this._siteJsonUnitPlot});\r\n\t}\r\n}","import ResizeWatcher from './ResizeWatcher';\r\nimport eventEnable from '../core/eventEnable';\r\nexport default class ResizeWatchers{\r\n\tstatic add({element, onResized, onFirstResize, staggered}){\r\n\t\treturn new ResizeWatcher({element, onResized, onFirstResize, staggered});\r\n\t}\r\n}\t\r\neventEnable(ResizeWatcher);\r\n\t","import ParameterErrors from '../errors/ParameterErrors';\r\nimport Validation from '../validation/Validation';\r\nimport DynamicImageFitCriteria from './DynamicImageFitCriteria';\r\nimport DynamicImageEntry from './DynamicImageEntry';\r\nimport ResizeWatchers from '../ui_core/ResizeWatchers';\r\nimport Urls from '../urls/Urls';\r\nimport UrlHelper from '../core/UrlHelper';\r\nconst{throwNotProvided, throwNotOfType}=ParameterErrors;\r\nexport default class DynamicImageDisplayer {\r\n\tconstructor({dynamicImage, parentElement, resizeWatcherParentElement, className,\r\n\tfitWidthElseHeight, allowDowngradeResolution, onClick, resolutionMultiplier, onLoaded,\r\n\tconfiguration}){\r\n\t\tthis._configuration = configuration;\r\n\t\tthis._allowDowngradeResolution = allowDowngradeResolution===true?true:false;\r\n\t\tthis._resolutionMultiplier = resolutionMultiplier===undefined?1:resolutionMultiplier;\r\n\t\tthis._dynamicImage = dynamicImage;\r\n\t\tthis._parentElement = parentElement;\r\n\t\tthis._element = document.createElement('img');\r\n\t\tthis._element.classList.add('dynamic-image');\r\n\t\tif(onLoaded)\r\n\t\t\tthis._element.addEventListener('load', onLoaded);\r\n\t\tparentElement.appendChild(this._element);\r\n\t\tif(className)\r\n\t\t\tthis._element.classList.add(className);\r\n\t\tthis._onParentElementResize= this._onParentElementResize.bind(this);\r\n\t\tthis._fitImageToWidth = this._fitImageToWidth.bind(this);\r\n\t\tthis._fitImageToHeight = this._fitImageToHeight.bind(this);\r\n\t\tthis._shouldSkipUpdateCosIsDowngrade= this._shouldSkipUpdateCosIsDowngrade.bind(this);\r\n\t\tthis._setSrc = this._setSrc.bind(this);\r\n\t\tthis._fitImage = fitWidthElseHeight?this._fitImageToWidth:this._fitImageToHeight;\r\n\t\tif(resizeWatcherParentElement)\r\n\t\t\tthis._resizeWatcherParentElement = resizeWatcherParentElement;\r\n\t\telse \r\n\t\t\tthis._resizeWatcherParentElement = ResizeWatchers.add({element:parentElement, staggered:false});\r\n\t\tthis._resizeWatcherParentElement .addEventListener('resized', this._onParentElementResize);\r\n\t\tsetTimeout(this._fitImage, 0);\r\n\t\tif(onClick)\r\n\t\t\tthis._element.addEventListener('click', ()=>onClick(dynamicImage));\r\n\t}\r\n\t_onParentElementResize(e){\r\n\t\tthis._fitImage();\r\n\t}\r\n\t_fitImageToWidth(){\r\n\t\tconst newDynamicImageEntry = this._dynamicImage.getBestEntryToFitWidth(this._resolutionMultiplier*this._element.clientWidth);\r\n\t\tconst shouldSkip = this._shouldSkipUpdateCosIsDowngrade(newDynamicImageEntry);\r\n\t\tif(shouldSkip)\r\n\t\t\treturn;\r\n\t\tthis._currentDynamicImageEntry = newDynamicImageEntry;\r\n\t\tthis._setSrc(newDynamicImageEntry);\r\n\t}\r\n\t_fitImageToHeight(){\r\n\t\tconst newDynamicImageEntry = this._dynamicImage.getBestEntryToFitWidth(this._resolutionMultiplier*this._element.clientHeight);\r\n\t\tconst shouldSkip = this._shouldSkipUpdateCosIsDowngrade(newDynamicImageEntry);\r\n\t\tif(shouldSkip)\r\n\t\t\treturn;\r\n\t\tthis._currentDynamicImageEntry = newDynamicImageEntry;\r\n\t\tthis._setSrc(newDynamicImageEntry);\r\n\t}\r\n\t_shouldSkipUpdateCosIsDowngrade(newDynamicImageEntry){\r\n\t\tif(this._allowDowngradeResolution||!this._currentDynamicImageEntry) \r\n\t\t\treturn false;\r\n\t\tconst isIncrease = (\r\n\t\t\t\t(newDynamicImageEntry.width>this._currentDynamicImageEntry.width)\r\n\t\t\t\t||\r\n\t\t\t\t(newDynamicImageEntry.height>this._currentDynamicImageEntry.height)\r\n\t\t\t);\r\n\t\treturn !isIncrease;\r\n\t}\r\n\t_setSrc(dynamicImageEntry){\r\n\t\tthis._element.src = `${Urls.getAssetsForSite(this._configuration.siteSlug)}${UrlHelper.removeStartSlash(dynamicImageEntry.relativePath)}`;\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n}","import ReactDOM from 'react-dom';\r\nimport React, { Component } from 'react';\r\nimport Star from '../components/Star';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport IconButtonNonReact from '../components/IconButtonNonReact';\r\nimport PlotStatus from '../site/PlotStatus';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport Urls from '../urls/Urls';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport ResizeWatcher from '../ui_core/ResizeWatcher';\r\nimport DynamicImageDisplayer from '../images/DynamicImageDisplayer';\r\nimport Once from '../core/Once';\r\nimport PlotDetailedInformationSectionType from './PlotDetailedInformationSectionType';\r\nimport eventEnable from '../core/eventEnable';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class PlotDetailedInformationGallery {\r\n\tconstructor(props){\r\n\t\tconst { siteJsonUnitPlot, showImagesFullScreen, configuration}=props;\r\n\t\tthis._configuration = configuration;\r\n\t\teventEnable(this);\r\n\t\tthis._siteJsonUnitPlot = siteJsonUnitPlot;\r\n\t\tthis._showImagesFullScreen = showImagesFullScreen;\r\n\t\tthis._setupFromSiteJsonUnitPlot = this._setupFromSiteJsonUnitPlot.bind(this);\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('gallery');\r\n\t\tthis._loadImages= this._loadImages.bind(this);\r\n\t\tthis._resized = this._resized.bind(this);\r\n\t\tthis._setRoomImageClass = this._setRoomImageClass.bind(this);\r\n\t\tthis._dispatchLoaded = this._dispatchLoaded.bind(this);\r\n\t\tthis._resizeWatcherParentElement = new ResizeWatcher({element:this._element});\r\n\t\tthis._resizeWatcherParentElement.addEventListener('resized', this._resized);\r\n\t\tthis._loadedOnce = new Once(this._dispatchLoaded);\r\n\t\tthis._imgWrapperElement = document.createElement('div');\r\n\t\tthis._imgWrapperElement.classList.add('room-image-wrapper');\r\n\t\tthis._element.appendChild(this._imgWrapperElement);\r\n\t\tthis._setupFromSiteJsonUnitPlot();\r\n\t}\r\n\tset plot(siteJsonUnitPlot){\r\n\t\tthis._siteJsonUnitPlot = siteJsonUnitPlot;\r\n\t\tthis._setupFromSiteJsonUnitPlot();\r\n\t}\r\n\t_setupFromSiteJsonUnitPlot(){\r\n\t\tthis._dynamicRoomImages = [];\r\n\t\tthis._siteJsonUnitPlot.rooms.getArray().forEach((room)=>{\r\n\t\t\tthis._dynamicRoomImages = this._dynamicRoomImages.concat(room.images);\r\n\t\t});\r\n\t\tsetTimeout(this._loadImages, 0);\r\n\t}\r\n\t_resized(){\r\n\t\tconst width = this._element.clientWidth;\r\n\t\tif(width<400){\r\n\t\t\tthis._setRoomImageClass('room-images-one-per-row');\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif(width<600){\r\n\t\t\tthis._setRoomImageClass('room-images-two-per-row');\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif(width<800){\r\n\t\t\tthis._setRoomImageClass('room-images-three-per-row');\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif(width<1000){\r\n\t\t\tthis._setRoomImageClass('room-images-four-per-row');\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis._setRoomImageClass('room-images-five-per-row');\r\n\t\t\r\n\t}\r\n\t_setRoomImageClass(newClassName){\r\n\t\tif(this._currentRoomImageClassName){\r\n\t\t\tthis._element.classList.remove(this._currentRoomImageClassName);\r\n\t\t}\r\n\t\tthis._currentRoomImageClassName = newClassName;\r\n\t\t\tthis._element.classList.add(newClassName);\r\n\t}\r\n\t_loadImages(){\r\n\t\tthis._element.innerHTML='';\r\n\t\tlet dynamicImageDisplayer = new DynamicImageDisplayer({\r\n\t\t\tdynamicImage:this._siteJsonUnitPlot.unit.frontViewImage, \r\n\t\t\tparentElement:this._element, \r\n\t\t\tresizeWatcherParentElement:this._resizeWatcherParentElement,\r\n\t\t\tclassName:'plot-image',\r\n\t\t\tfitWidthElseHeight:true,\r\n\t\t\tonClick:()=>this._showImagesFullScreen([this._siteJsonUnitPlot.unit.frontViewImage]),\r\n\t\t\tonLoaded:this._loadedOnce.trigger,\r\n\t\t\tconfiguration:this._configuration\r\n\t\t});\r\n\t\tconst streetViewImage = this._siteJsonUnitPlot.unit.streetViewImage;\r\n\t\tif(streetViewImage){\r\n\t\t\tnew DynamicImageDisplayer({\r\n\t\t\t\t\tdynamicImage:streetViewImage, \r\n\t\t\t\t\tparentElement:this._element, \r\n\t\t\t\t\tresizeWatcherParentElement:this._resizeWatcherParentElement,\r\n\t\t\t\t\tclassName:'plot-image',\r\n\t\t\t\t\tfitWidthElseHeight:true,\r\n\t\t\t\t\tonClick:()=>this._showImagesFullScreen([streetViewImage]),\r\n\t\t\t\t\tconfiguration:this._configuration\r\n\t\t\t});\r\n\t\t}\r\n\t\tthis._imgWrapperElement.innerHTML='';\r\n\t\tthis._dynamicRoomImages.forEach(dynamicImage=>{\r\n\t\t\tnew DynamicImageDisplayer({\r\n\t\t\t\tdynamicImage, \r\n\t\t\t\tparentElement: this._imgWrapperElement,\r\n\t\t\t\tresizeWatcherParentElement:this._resizeWatcherParentElement,\r\n\t\t\t\tclassName:'room-image',\r\n\t\t\t\tfitWidthElseHeight:false,\r\n\t\t\t\tonClick:()=>this._showImagesFullScreen([dynamicImage]),\r\n\t\t\t\tconfiguration:this._configuration\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\tget sectionType(){\r\n\t\treturn PlotDetailedInformationSectionType.Gallery;\r\n\t}\r\n\t_dispatchLoaded(){\r\n\t\tthis.dispatchEvent({type:'loaded'});\r\n\t}\r\n}","import ReactDOM from 'react-dom';\r\nimport React, { Component } from 'react';\r\nimport Star from '../components/Star';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport IconButtonNonReact from '../components/IconButtonNonReact';\r\nimport PlotStatus from '../site/PlotStatus';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport Urls from '../urls/Urls';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport ResizeWatcher from '../ui_core/ResizeWatcher';\r\nimport PlotDetailedInformationSectionType from './PlotDetailedInformationSectionType';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class PlotDetailedInformationDescription {\r\n\tconstructor(props){\r\n\t\tconst { siteJsonUnitPlot}=props;\r\n\t\tthis._siteJsonUnitPlot = siteJsonUnitPlot;\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('description');\r\n\t\tthis._innerElement = document.createElement('div');\r\n\t\tthis._innerElement.classList.add('inner');\r\n\t\tthis._element.appendChild(this._innerElement);\r\n\t\tthis._innerElement.innerHTML = siteJsonUnitPlot.about;\r\n\t}\r\n\tset plot(siteJsonUnitPlot){\r\n\t\tthis._siteJsonUnitPlot = siteJsonUnitPlot;\r\n\t\tthis._innerElement.innerHTML = siteJsonUnitPlot.about;\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\tget sectionType(){\r\n\t\treturn PlotDetailedInformationSectionType.Description;\r\n\t}\r\n}","import ReactDOM from 'react-dom';\r\nimport React, { Component } from 'react';\r\nimport Star from '../components/Star';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport IconButtonNonReact from '../components/IconButtonNonReact';\r\nimport PlotStatus from '../site/PlotStatus';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport Urls from '../urls/Urls';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport Once from '../core/Once';\r\nimport eventEnable from '../core/eventEnable';\r\nimport ResizeWatcher from '../ui_core/ResizeWatcher';\r\nimport DynamicImageDisplayer from '../images/DynamicImageDisplayer';\r\nimport PlotDetailedInformationSectionType from './PlotDetailedInformationSectionType';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class PlotDetailedInformationFloorPlans {\r\n\tconstructor(props){\r\n\t\tconst { siteJsonUnitPlot, showImagesFullScreen, configuration}=props;\r\n\t\tthis._configuration = configuration;\r\n\t\tthis._siteJsonUnitPlot = siteJsonUnitPlot;\r\n\t\tthis._showImagesFullScreen=showImagesFullScreen;\r\n\t\teventEnable(this);\r\n\t\tthis._element = document.createElement('div');\r\n\t\tif(!this._siteJsonUnitPlot.floorPlanImages)return;\r\n\t\tthis._element.classList.add('floor-plans');\r\n\t\tthis._resized = this._resized.bind(this);\r\n\t\tthis._setFloorPlanImageClass = this._setFloorPlanImageClass.bind(this);\r\n\t\tthis._setupFromSiteJsonUnitPlot = this._setupFromSiteJsonUnitPlot.bind(this);\r\n\t\tthis._dispatchLoaded = this._dispatchLoaded.bind(this);\r\n\t\tthis._resizeWatcherParentElement = new ResizeWatcher({element:this._element});\r\n\t\tthis._resizeWatcherParentElement.addEventListener('resized', this._resized);\r\n\t\tthis._loadedOnce = new Once(this._dispatchLoaded);\r\n\t\tthis._imgWrapperElement = document.createElement('div');\r\n\t\tthis._imgWrapperElement.classList.add('floor-plan-image-wrapper');\r\n\t\tthis._element.appendChild(this._imgWrapperElement);\r\n\t\tthis._setupFromSiteJsonUnitPlot();\r\n\t}\r\n\t_setupFromSiteJsonUnitPlot(){\r\n\t\tthis._dynamnicImageDisplayers = [];\r\n\t\tsetTimeout(()=>{\r\n\t\t\tthis._imgWrapperElement.innerHTML='';\r\n\t\t\tthis._siteJsonUnitPlot.floorPlanImages.forEach(dynamicImage=>{\r\n\t\t\t\tconst dynamicImageDisplayer = new DynamicImageDisplayer({\r\n\t\t\t\t\tdynamicImage, \r\n\t\t\t\t\tparentElement: this._imgWrapperElement,\r\n\t\t\t\t\tresizeWatcherParentElement:this._resizeWatcherParentElement,\r\n\t\t\t\t\tclassName:'floor-plan-image',\r\n\t\t\t\t\tfitWidthElseHeight:true,\r\n\t\t\t\t\tonClick:()=>this._showImagesFullScreen([dynamicImage]),\r\n\t\t\t\t\tonLoaded:this._loadedOnce.trigger,\r\n\t\t\t\t\tconfiguration:this._configuration\r\n\t\t\t\t});\r\n\t\t\t\tthis._dynamnicImageDisplayers.push(dynamicImageDisplayer);\r\n\t\t\t});\r\n\t\t}, 0);\r\n\t}\r\n\t_resized(){\r\n\t\tconst width = this._element.clientWidth;\r\n\t\tif(this._siteJsonUnitPlot.floorPlanImages&&this._siteJsonUnitPlot.floorPlanImages.length>2){\r\n\t\t\tif(width>600){\r\n\t\t\t\tthis._setFloorPlanImageClass('floor-plan-images-two-per-row');\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\t\tthis._setFloorPlanImageClass('floor-plan-images-one-per-row');\r\n\t}\r\n\t_setFloorPlanImageClass(newClassName){\r\n\t\tif(this._currentRoomImageClassName){\r\n\t\t\tthis._element.classList.remove(this._currentRoomImageClassName);\r\n\t\t}\r\n\t\tthis._currentRoomImageClassName = newClassName;\r\n\t\t\tthis._element.classList.add(newClassName);\r\n\t}\r\n\tset plot(siteJsonUnitPlot){\r\n\t\tthis._siteJsonUnitPlot = siteJsonUnitPlot;\r\n\t\tthis._setupFromSiteJsonUnitPlot(siteJsonUnitPlot);\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\tget sectionType(){\r\n\t\treturn PlotDetailedInformationSectionType.FloorPlans;\r\n\t}\r\n\t_dispatchLoaded(){\r\n\t\tthis.dispatchEvent({type:'loaded'});\r\n\t}\r\n}","import ReactDOM from 'react-dom';\r\nimport React, { Component } from 'react';\r\nimport Star from '../components/Star';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport IconButtonNonReact from '../components/IconButtonNonReact';\r\nimport PlotStatus from '../site/PlotStatus';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport Urls from '../urls/Urls';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport ResizeWatcher from '../ui_core/ResizeWatcher';\r\nimport VideoPlayer from '../components/VideoPlayer';\r\nimport Once from '../core/Once';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport FullScreen from '../ui_core/FullScreen';\r\nimport PlotDetailedInformationSectionType from './PlotDetailedInformationSectionType';\r\nimport eventEnable from '../core/eventEnable';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class PlotDetailedInformationVideo {\r\n\tconstructor(props){\r\n\t\tconst { siteJsonUnitPlot, showImagesFullScreen, configuration}=props;\r\n\t\teventEnable(this);\r\n\t\tthis._configuration = configuration;\r\n\t\tthis._siteJsonUnitPlot = siteJsonUnitPlot;\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('video');\r\n\t\tthis._dispatchLoaded = this._dispatchLoaded.bind(this);\r\n\t\tthis._videoUrlChanged = this._videoUrlChanged.bind(this);\r\n\t\tthis._videoPlayer = new VideoPlayer({\r\n\t\t\tmaximized:false,\r\n\t\t\tforceFillWidth:true,\r\n\t\t\ttoggleMaximizeButton:true\r\n\t\t});\r\n\t\tthis._element.appendChild(this._videoPlayer.element);\r\n\t\tthis._setupFromSiteJsonUnitPlot();\r\n\t}\r\n\tset plot(siteJsonUnitPlot){\r\n\t\tthis._siteJsonUnitPlot = siteJsonUnitPlot;\r\n\t\tthis._setupFromSiteJsonUnitPlot();\r\n\t}\r\n\t_setupFromSiteJsonUnitPlot(){\r\n\t\tthis._propertyBindingTourUrl?.dispose();\r\n\t\tthis._propertyBindingTourUrl = PropertyBindingFactory.standard(this, this._siteJsonUnitPlot.houseType, 'videoUrl', this._videoUrlChanged);\r\n\t}\r\n\t_videoUrlChanged(value){\r\n\t\tconst noUrl = value===undefined||value===null;\r\n\t\tconst url =noUrl?null:\r\n\t\t(value.indexOf('http')>=0?value:(Urls.getAssetsForSite(this._configuration.siteSlug)+value));\r\n\t\tthis._videoPlayer.load({url:url});\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\tget sectionType(){\r\n\t\treturn PlotDetailedInformationSectionType.Video;\r\n\t}\r\n\t_dispatchLoaded(){\r\n\t\tthis.dispatchEvent({type:'loaded'});\r\n\t}\r\n}","import ReactDOM from 'react-dom';\r\nimport React, { Component } from 'react';\r\nimport Star from '../components/Star';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport IconButtonNonReact from '../components/IconButtonNonReact';\r\nimport PlotStatus from '../site/PlotStatus';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport Urls from '../urls/Urls';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport ResizeWatcher from '../ui_core/ResizeWatcher';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport FullScreen from '../ui_core/FullScreen';\r\nimport PlotDetailedInformationSectionType from './PlotDetailedInformationSectionType';\r\nimport eventEnable from '../core/eventEnable';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class PlotDetailedInformationTour {\r\n\tconstructor(props){\r\n\t\tconst { siteJsonUnitPlot}=props;\r\n\t\teventEnable(this);\r\n\t\tthis._setVisible = this._setVisible.bind(this);\r\n\t\tthis._siteJsonUnitPlot = siteJsonUnitPlot;\r\n\t\tthis._houseType = siteJsonUnitPlot.houseType;\r\n\t\tif(!this._houseType)return;\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('tour');\r\n\t\tthis._iframeElement = document.createElement('iframe');\r\n\t\tthis._dispatchLoaded = this._dispatchLoaded.bind(this);\r\n\t\tthis._iframeElement.addEventListener('load', this._dispatchLoaded);\r\n\t\tthis._tourUrlChanged = this._tourUrlChanged.bind(this);\r\n\t\tthis._handleClickButtonFullscreen = this._handleClickButtonFullscreen.bind(this);\r\n\t\tthis._element.appendChild(this._iframeElement);\r\n\t\tthis._propertyBindingTourUrl = PropertyBindingFactory.standard(this, this._houseType, 'tourUrl', this._tourUrlChanged);\r\n\t\tthis._iconButtonFullScreen = new IconButtonNonReact({\r\n\t\t\tclassName:\"button-fullscreen\",\r\n\t\t\timgUrl:Urls.assets+'icons/UI_Fullscreen.png',\r\n\t\t\tonClick:this._handleClickButtonFullscreen});\r\n\t\tthis._element.appendChild(this._iconButtonFullScreen.element);\r\n\t}\r\n\t_handleClickButtonFullscreen(){\r\n\t\t\r\n\t\tFullScreen.toggle(this._element);\r\n\t}\r\n\t_tourUrlChanged(value){\r\n\t\tif(value===null||value===undefined){\r\n\t\t\tthis._setVisible(false);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis._setVisible(true);\r\n\t\tthis._iframeElement.src = value;\r\n\t}\r\n\t_setVisible(value){\r\n\t\tif(value)this._element.classList.add('visible');\r\n\t\telse this._element.classList.remove('visible');\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\tget sectionType(){\r\n\t\treturn PlotDetailedInformationSectionType.Tour;\r\n\t}\r\n\t_dispatchLoaded(){\r\n\t\tthis.dispatchEvent({type:'loaded'});\r\n\t}\r\n}","import ParameterErrors from '../errors/ParameterErrors';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nimport SubMenuHeaderNonReact from '../components/SubMenuHeaderNonReact';\r\nimport GenericWindow from '../window/GenericWindow';\r\nimport Windows from '../window/Windows';\r\nimport WindowType from '../enums/WindowType';\r\nimport PlotDetailedInformationSummary from './PlotDetailedInformationSummary';\r\nimport PlotDetailedInformationGallery from './PlotDetailedInformationGallery';\r\nimport PlotDetailedInformationDescription from './PlotDetailedInformationDescription';\r\nimport PlotDetailedInformationFloorPlans from './PlotDetailedInformationFloorPlans';\r\nimport PlotDetailedInformationVideo from './PlotDetailedInformationVideo';\r\nimport PlotDetailedInformationTour from './PlotDetailedInformationTour';\r\nimport IconButton from '../components/IconButtonNonReact';\r\nimport eventEnable from '../core/eventEnable';\r\nimport getAbsolute from '../ui_core/getAbsolute';\r\nimport './PlotDetailedInformation.css';\r\nimport { faAngleLeft, faAngleRight} from '@fortawesome/free-solid-svg-icons'\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class PlotDetailedInformation {\r\n\tconstructor(props){\r\n\t\tconst {parentElement, siteJsonUnitPlot, callbackDispose,\r\n\t\t\taddFavourite, removeFavourite, showStreetView,\r\n\t\t\tshowImagesFullScreen, configuration, showPlot, showBrochureGenerationDialog,\r\n\t\t\tenterHouse, callbackPlotNumberChanged}=props;\r\n\t\tthis._enterHouse = enterHouse;\r\n\t\teventEnable(this);\r\n\t\tthis._showPlot= showPlot;\r\n\t\tthis._siteJsonUnitPlot = siteJsonUnitPlot;\r\n\t\tthis._callbackDispose = callbackDispose;\r\n\t\tthis._callbackShowStreetView= showStreetView;\r\n\t\tthis._callbackShowImagesFullScreen = showImagesFullScreen;\r\n\t\tthis._callbackPlotNumberChanged = callbackPlotNumberChanged;\r\n\t\tif(!parentElement)throwNotProvided('parentElement');\r\n\t\tthis._parentElement = parentElement;\r\n\t\tthis._currentPlotActiveHandle = null;\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide = this.hide.bind(this);\r\n\t\tthis._setVisible = this._setVisible.bind(this);\r\n\t\tthis.close = this.close.bind(this);\r\n\t\tthis.dispose = this.dispose.bind(this);\r\n\t\tthis._scrollToFloorPlans = this._scrollToFloorPlans.bind(this);\r\n\t\tthis._scrollToGallery = this._scrollToGallery.bind(this);\r\n\t\tthis._handleEnterHouse = this._handleEnterHouse.bind(this);\r\n\t\tthis._scrollToElement = this._scrollToElement.bind(this);\r\n\t\tthis.scrollToTop = this.scrollToTop.bind(this);\r\n\t\tthis._onClose = this._onClose.bind(this);\r\n\t\tthis._handleShowStreetView = this._handleShowStreetView.bind(this);\r\n\t\tthis.scrollToSectionWithProportion = this.scrollToSectionWithProportion.bind(this);\r\n\t\tthis.setSectionProportionRanges = this.setSectionProportionRanges.bind(this);\r\n\t\tthis._dispatchScrolled = this._dispatchScrolled.bind(this);\r\n\t\tlet title;\r\n\t\tconst moreThanOnePlotInUnit = this._siteJsonUnitPlot.unit.plots.length>1;\r\n\t\tif(moreThanOnePlotInUnit){\r\n\t\t\ttitle = \"More details\";\r\n\t\t}\r\n\t\telse \r\n\t\t\ttitle = \"More details for plot \"+siteJsonUnitPlot.number;\r\n\t\tthis._window = new GenericWindow({tooltipMessage:title, name:title, minWidth:250, maxWidth:1700, minHeight:100, maxHeight:1000,\r\n\t\t\tdefaultWidth:600, defaultHeight:600, defaultX:10, defaultY:10, minimized:false, maximized:false, minimizable:true,\r\n\t\t\tmaximizable:true, closeable:true, minimizeOnClose:false, resizable:true, dragable:true, toggleMaximizeOnDoubleClick:false,\r\n\t\t\ttype:WindowType.PLOT_DETAILED_INFORMATION\r\n\t\t});\r\n\t\tif(moreThanOnePlotInUnit){\r\n\t\t\tthis._createNextPreviousPlotButtons();\r\n\t\t}\r\n\t\tthis._window.addEventListener(GenericWindow.EventNames.CLOSED, this._onClose);\r\n\t\tthis._element = this._window.getElement();\r\n\t\tthis._element.classList.add('plot-detailed-information');\r\n\t\tthis._mainElement = this._window.getMainElement();\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\tthis._summary = new PlotDetailedInformationSummary({siteJsonUnitPlot, addFavourite, \r\n\t\t\tremoveFavourite, showStreetView:this._handleShowStreetView, \r\n\t\t\tscrollToFloorPlans:this._scrollToFloorPlans, \r\n\t\t\tscrollToGallery:this._scrollToGallery,\r\n\t\t\tconfiguration, showBrochureGenerationDialog, enterHouse:this._handleEnterHouse});\r\n\t\tthis._gallery = new PlotDetailedInformationGallery({\r\n\t\t\tsiteJsonUnitPlot:siteJsonUnitPlot,\r\n\t\t\tshowImagesFullScreen,\r\n\t\t\tconfiguration\r\n\t\t});\r\n\t\tthis._floorPlans = new PlotDetailedInformationFloorPlans({\r\n\t\t\tsiteJsonUnitPlot:siteJsonUnitPlot,\r\n\t\t\tshowImagesFullScreen,\r\n\t\t\tconfiguration\r\n\t\t});\r\n\t\tthis._description = new PlotDetailedInformationDescription({\r\n\t\t\tsiteJsonUnitPlot:siteJsonUnitPlot\r\n\t\t});\r\n\t\tthis._video = new PlotDetailedInformationVideo({\r\n\t\t\tsiteJsonUnitPlot:siteJsonUnitPlot,\r\n\t\t\tconfiguration\r\n\t\t});\r\n\t\tthis._tour = new PlotDetailedInformationTour({\r\n\t\t\tsiteJsonUnitPlot:siteJsonUnitPlot,\r\n\t\t\tconfiguration\r\n\t\t});\r\n\t\tthis._mainElement.appendChild(this._summary.element);\r\n\t\tthis._scrollableElement = document.createElement('div');\r\n\t\tthis._mainElement.appendChild(this._scrollableElement);\r\n\t\tthis._scrollableElement.classList.add('scrollable');\r\n\t\tthis._sections = [this._gallery, this._floorPlans, this._description, this._video, this._tour];\r\n\t\tthis._sections.forEach(section=>\r\n\t\t\tthis._scrollableElement.appendChild(section.element));\r\n\t\tthis._scrollableElement.addEventListener('scroll', this._dispatchScrolled);\r\n\t\t//this._scrollableElement.addEventListener('touchmove', this._dispatchScrolled);\r\n\t\tthis._parentElement.appendChild(this._element);\r\n\t\tthis._tour.addEventListener('loaded', this.setSectionProportionRanges);\r\n\t\tthis._gallery.addEventListener('loaded', this.setSectionProportionRanges);\r\n\t\tthis._floorPlans.addEventListener('loaded', this.setSectionProportionRanges);\r\n\t\tthis.show();\r\n\t\tthis.window.addEventListener(GenericWindow.EventNames.UNMINIMIZED, this.setSectionProportionRanges);\r\n\t\tthis.window.addEventListener(GenericWindow.EventNames.FOCUSSED, this.setSectionProportionRanges);\r\n\t\tthis.window.getElement().addEventListener('mouseenter', this.setSectionProportionRanges);\r\n\t}\r\n\tscrollToTop(){\r\n\t\tthis._scrollableElement.scrollTop=0;\r\n\t}\r\n\t_handleEnterHouse(plot){\r\n\t\tthis._enterHouse(plot);\r\n\t\tthis.window.minimize();\r\n\t}\r\n\t_createNextPreviousPlotButtons(){\r\n\t\tconst tabElement = this.window.getTabElement();\r\n\t\tconst nextPreviousElement = document.createElement('div');\r\n\t\tnextPreviousElement.classList.add('next-previous');\r\n\t\tconst setNewPlotFromIndex=(plot)=>{\r\n\t\t\tthis._siteJsonUnitPlot = plot;\r\n\t\t\tthis._callbackPlotNumberChanged(this, this._siteJsonUnitPlot);\r\n\t\t\tthis._setupSiteJsonUnitPlot();\r\n\t\t};\r\n\t\tconst previous = (e)=>{\r\n\t\t\tconst plots = this._siteJsonUnitPlot.unit.plots;\r\n\t\t\tconst indexOfThisPlot = plots.indexOf(this._siteJsonUnitPlot);\r\n\t\t\tconst newIndex = indexOfThisPlot<1?plots.length-1:indexOfThisPlot-1;\r\n\t\t\tsetNewPlotFromIndex(plots[newIndex]);\r\n\t\t};\r\n\t\tconst next = (e)=>{\r\n\t\t\tconst plots = this._siteJsonUnitPlot.unit.plots;\r\n\t\t\tconst indexOfThisPlot = plots.indexOf(this._siteJsonUnitPlot);\r\n\t\t\tconst newIndex = indexOfThisPlot>=plots.length-1?0:indexOfThisPlot+1;\r\n\t\t\tsetNewPlotFromIndex(plots[newIndex]);\r\n\t\t};\r\n\t\tconst previousButton = new IconButton({faIcon:faAngleLeft, onClick:previous, className:'next'});\r\n\t\tconst nextButton = new IconButton({faIcon:faAngleRight, onClick:next, className:'previous'});\r\n\t\tnextPreviousElement.appendChild(previousButton.element);\r\n\t\tconst textElement = document.createElement('div');\r\n\t\ttextElement.classList.add('text');\r\n\t\ttextElement.innerHTML = 'Apartment Plot';\r\n\t\tnextPreviousElement.appendChild(textElement);\r\n\t\tnextPreviousElement.appendChild(nextButton.element);\r\n\t\ttabElement.insertBefore(nextPreviousElement, tabElement.childNodes[1]);\r\n\t}\r\n\t_setupSiteJsonUnitPlot(){\r\n\t\tthis._summary.plot = this._siteJsonUnitPlot;\r\n\t\tthis._gallery.plot = this._siteJsonUnitPlot;\r\n\t\tthis._floorPlans.plot = this._siteJsonUnitPlot;\r\n\t\tthis._description.plot = this._siteJsonUnitPlot;\r\n\t\tthis._video.plot = this._siteJsonUnitPlot;\r\n\t\tthis._tour.plot = this._siteJsonUnitPlot;\r\n\t}\r\n\t_handleShowStreetView(e){\r\n\t\tthis.hide();\r\n\t\tthis._callbackShowStreetView(e);\r\n\t}\r\n\t_scrollToFloorPlans(){\r\n\t\tthis._scrollToElement(this._floorPlans.element);\r\n\t}\r\n\t_scrollToGallery(){\r\n\t\tthis._scrollToElement(this._gallery.element);\r\n\t}\r\n\t_scrollToElement(element){\r\n\t\tthis._scrollableElement.scrollTop = element.getBoundingClientRect().top + this._scrollableElement.scrollTop - (this._scrollableElement.clientHeight/2);\r\n\t}\r\n\tget sectionTypeAndProportionScrolled(){\r\n\t\tconst scrollableElementBounds = this._scrollableElement.getBoundingClientRect();\r\n\t\tconst scrollableElementHeight = this._scrollableElement.scrollHeight;\r\n\t\tconst currentProportion = (this._scrollableElement.scrollTop/scrollableElementHeight);\r\n\t\tlet currentSection = null;\r\n\t\tlet proportion = 0;\r\n\t\tfor(const sectionProportionRange of this._sectionProportionRanges){\r\n\t\t\tif((sectionProportionRange.proportionFrom<=currentProportion)&&(sectionProportionRange.proportionTo>=currentProportion)){\r\n\t\t\t\tcurrentSection = sectionProportionRange.section;\r\n\t\t\t\tproportion = (currentProportion - sectionProportionRange.proportionFrom)\r\n\t\t\t\t\t/(sectionProportionRange.proportionTo - sectionProportionRange.proportionFrom);\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn currentSection?{\r\n\t\t\tsectionType:currentSection.sectionType,\r\n\t\t\tproportion:proportion\r\n\t\t}:null;\r\n\t}\r\n\tsetSectionProportionRanges(){\r\n\t\tconst scrollableElementBounds = this._scrollableElement.getBoundingClientRect();\r\n\t\tconst scrollableElementHeight = this._scrollableElement.scrollHeight;\r\n\t\tthis._sectionProportionRanges = this._sections.map(section=>{\r\n\t\t\tconst sectionElementBounds = section.element.getBoundingClientRect();\r\n\t\t\tconst proportionFrom = (section.element.offsetTop)/scrollableElementHeight;\r\n\t\t\tconst proportionTo = (section.element.offsetTop+section.element.offsetHeight )/scrollableElementHeight;\r\n\t\t\treturn {proportionFrom, proportionTo, section};\r\n\t\t});\r\n\t}\r\n\tscrollToSectionWithProportion(plotDetailedInformationSectionType, proportion){\r\n\t\tif(!this._sectionProportionRanges)this.setSectionProportionRanges();\r\n\t\tconst sectionProportionRange = this._sectionProportionRanges.filter(sectionProportionRange=>sectionProportionRange.section.sectionType===plotDetailedInformationSectionType)[0];\r\n\t\tif(!sectionProportionRange)return;\r\n\t\tconst proportionForStartSection = sectionProportionRange.proportionFrom;\r\n\t\tconst proportionForProportionThroughSection = (sectionProportionRange.proportionTo - sectionProportionRange.proportionFrom)*proportion;\r\n\t\tconst totalProportionToScrollTo = proportionForStartSection +proportionForProportionThroughSection;\r\n\t\tconst pxToScrollTo = this._scrollableElement.scrollHeight*totalProportionToScrollTo;\r\n\t\tthis._scrollableElement.scrollTop = pxToScrollTo;\r\n\t}\r\n\tget window(){\r\n\t\treturn this._window;\r\n\t}\r\n\tget number(){\r\n\t\treturn this._siteJsonUnitPlot.number;\r\n\t}\r\n\tshow(){\r\n\t\tthis._window.unminimize();\r\n\t}\r\n\thide(){\r\n\t\tthis._window.minimize();\r\n\t}\r\n\t_setVisible(value){\r\n\t\tif(value)\r\n\t\t\tthis._element.classList.add('visible');\r\n\t\telse\r\n\t\t\tthis._element.classList.remove('visible');\r\n\t}\r\n\tclose(){\r\n\t\tthis._window.close();\r\n\t\tthis.dispose();\t\r\n\t}\r\n\t_onClose(){\r\n\t\tthis.dispose();\r\n\t}\r\n\tdispose(){\r\n\t\tconsole.log('dispose called');\r\n\t\tthis._callbackDispose(this);\r\n\t}\r\n\tbringIntoFocus(){\r\n\t\tthis.show();\r\n\t}\r\n\t_dispatchScrolled(){\r\n\t\tthis.dispatchEvent({type:'scrolled', plotDetailedInformation:this});\r\n\t}\r\n}","import ParameterErrors from '../errors/ParameterErrors';\r\nimport PlotDetailedInformation from './PlotDetailedInformation';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class PlotDetailedInformationsManager {\r\n\tstatic get instance(){\r\n\t\tif(!PlotDetailedInformationsManager._instance)\r\n\t\t\tthrow new Error('Not initialized');\r\n\t\treturn PlotDetailedInformationsManager._instance;\r\n\t}/*\r\n\tstatic initialize({parentElement, addFavourite, removeFavourite}){\r\n\t\tif(PlotDetailedInformationsManager._instance)\r\n\t\t\tthrow new Error('Already initialized');\r\n\t\tPlotDetailedInformationsManager._instance = new PlotDetailedInformationsManager({\r\n\t\t\tparentElement:parentElement, addFavourite:addFavourite, removeFavourite:removeFavourite\r\n\t\t});\r\n\t}*/\r\n\tconstructor({parentElement, addFavourite, removeFavourite, showStreetView, showImagesFullScreen, configuration, showBrochureGenerationDialog, enterHouse}){\r\n\t\tthis._parentElement = parentElement;\r\n\t\tthis._callbackAddFavourite = addFavourite;\r\n\t\tthis._callbackRemoveFavourite = removeFavourite;\r\n\t\tthis._callbackShowStreetView = showStreetView;\r\n\t\tthis._callbackShowImagesFullScreen = showImagesFullScreen;\r\n\t\tthis._callbackShowBrochureGenerationDialog = showBrochureGenerationDialog;\r\n\t\tthis._callbackEnterHouse = enterHouse;\r\n\t\tthis._callbackDisposePlotDetailedInformation = this._callbackDisposePlotDetailedInformation.bind(this);\r\n\t\tthis._plotNumberChanged = this._plotNumberChanged.bind(this);\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis._plotDetailedInformations = [];\r\n\t\tthis._configuration = configuration;\r\n\t\tconsole.log(configuration);\r\n\t}\r\n\tshow(siteJsonUnitPlot){\r\n\t\tlet plotDetailedInformation = this._plotDetailedInformations.filter(plotDetailedInformation=>plotDetailedInformation.number===siteJsonUnitPlot.number)[0];\r\n\t\tif(plotDetailedInformation){\r\n\t\t\tconsole.log('bring into focus');\r\n\t\t\tplotDetailedInformation.bringIntoFocus();\r\n\t\t\treturn plotDetailedInformation;\r\n\t\t}\r\n\t\tplotDetailedInformation = new PlotDetailedInformation({\r\n\t\t\tsiteJsonUnitPlot:siteJsonUnitPlot, \r\n\t\t\tparentElement:this._parentElement,\r\n\t\t\tcallbackDispose:this._callbackDisposePlotDetailedInformation,\r\n\t\t\taddFavourite:this._callbackAddFavourite,\r\n\t\t\tremoveFavourite:this._callbackRemoveFavourite,\r\n\t\t\tshowStreetView:this._callbackShowStreetView,\r\n\t\t\tshowImagesFullScreen:this._callbackShowImagesFullScreen,\r\n\t\t\tconfiguration:this._configuration,\r\n\t\t\tshowPlot:this.show,\r\n\t\t\tshowBrochureGenerationDialog:this._callbackShowBrochureGenerationDialog,\r\n\t\t\tcallbackPlotNumberChanged:this._plotNumberChanged,\r\n\t\t\tenterHouse:this._callbackEnterHouse\r\n\t\t});\r\n\t\tthis._plotDetailedInformations.push(plotDetailedInformation);\r\n\t\treturn plotDetailedInformation;\r\n\t}\r\n\t_plotNumberChanged(plotDetailedInformation, siteJsonUnitPlot){\r\n\t\t\r\n\t}\r\n\t_callbackDisposePlotDetailedInformation(plotDetailedInformation){\r\n\t\tconst index = this._plotDetailedInformations.indexOf(plotDetailedInformation);\r\n\t\tif(index<0)return;\r\n\t\tthis._plotDetailedInformations.splice(index, 1);\r\n\t}\r\n}","import ParameterErrors from '../errors/ParameterErrors';\r\nimport GenericWindow from '../window/GenericWindow';\r\nimport Dialog from '../components/Dialog';\r\nimport WindowType from '../enums/WindowType';\r\nimport getViewportDimensions from '../ui_core/getViewportDimensions';\r\nimport PlotDetailedInformationsManager from './PlotDetailedInformationsManager';\r\nimport PlotDetailedInformationSectionType from './PlotDetailedInformationSectionType';\r\nimport './PlotComparisonManager.css';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class PlotComparisonScrollManager {\r\n\tconstructor({plotDetailedInformations}){\r\n\t\tthis.dispose= this.dispose.bind(this);\r\n\t\tthis._plotDetailedInformations = plotDetailedInformations;\r\n\t\tthis._onPlotDetailedInformationWindowFocused = this._onPlotDetailedInformationWindowFocused.bind(this);\r\n\t\tthis._releasePreviouslyFocusedPlotDetailedInformation = this._releasePreviouslyFocusedPlotDetailedInformation.bind(this);\r\n\t\tthis._setFocusedPlotDetailedInformation = this._setFocusedPlotDetailedInformation.bind(this);\r\n\t\tthis._currentlyFocusedPlotDetailedInformationScrolled = this._currentlyFocusedPlotDetailedInformationScrolled.bind(this);\r\n\t\tthis.dispose = this.dispose.bind(this);\r\n\t\tthis._currentlyFocusedPlotDetailedInformation = null;\r\n\t\tplotDetailedInformations.forEach(plotDetailedInformation=>{\r\n\t\t\tplotDetailedInformation.window.addEventListener(GenericWindow.EventNames.FOCUSSED,\r\n\t\t\t\tthis._onPlotDetailedInformationWindowFocused);\r\n\t\t\tplotDetailedInformation.window.getElement().addEventListener('mouseenter', ()=>\r\n\t\t\t\tthis._onPlotDetailedInformationWindowFocused({window:plotDetailedInformation.window}));\r\n\t\t\tplotDetailedInformation.window.getElement().addEventListener('touchstart', ()=>\r\n\t\t\t\tthis._onPlotDetailedInformationWindowFocused({window:plotDetailedInformation.window}));\r\n\t\t});\r\n\t}\r\n\t_onPlotDetailedInformationWindowFocused(e){\r\n\t\tthis._focussed = true;\r\n\t\tconst windowHash = e.window.getHash();\r\n\t\tconst plotDetailedInformation = this._plotDetailedInformations.filter(plotDetailedInformation=>plotDetailedInformation.window.getHash()===windowHash)[0];\r\n\t\tif(plotDetailedInformation===undefined)return;\r\n\t\tthis._setFocusedPlotDetailedInformation(plotDetailedInformation);\r\n\t}\r\n\t_setFocusedPlotDetailedInformation(plotDetailedInformation){\r\n\t\tif(this._currentlyFocusedPlotDetailedInformation===plotDetailedInformation)return;\r\n\t\tthis._releasePreviouslyFocusedPlotDetailedInformation();\r\n\t\tthis._currentlyFocusedPlotDetailedInformation = plotDetailedInformation;\r\n\t\tthis._currentlyFocusedPlotDetailedInformation.addEventListener('scrolled', this._currentlyFocusedPlotDetailedInformationScrolled);\r\n\t}\r\n\t_releasePreviouslyFocusedPlotDetailedInformation(){\r\n\t\tif(this._currentlyFocusedPlotDetailedInformation===null)return;\r\n\t\tthis._currentlyFocusedPlotDetailedInformation.removeEventListener('scrolled', this._currentlyFocusedPlotDetailedInformationScrolled);\r\n\t\tthis._currentlyFocusedPlotDetailedInformation = null;\r\n\t}\r\n\t_currentlyFocusedPlotDetailedInformationScrolled(e){\r\n\t\tconst plotDetailedInformation = e.plotDetailedInformation;\r\n\t\tconst sectionTypeAndProportion =plotDetailedInformation.sectionTypeAndProportionScrolled;\r\n\t\tif(!sectionTypeAndProportion)return;\r\n\t\tconst {sectionType, proportion} = sectionTypeAndProportion;\r\n\t\tthis._plotDetailedInformations.forEach(plotDetailedInformationToScroll=>{\r\n\t\t\tif(plotDetailedInformationToScroll===plotDetailedInformation)return;\r\n\t\t\tplotDetailedInformationToScroll.scrollToSectionWithProportion(sectionType, proportion);\r\n\t\t});\r\n\t}\r\n\tdispose(){\r\n\t\tthis._plotDetailedInformations.forEach(plotDetailedInformation=>{\r\n\t\t\tplotDetailedInformation.window.removeEventListener(GenericWindow.EventNames.FOCUSSED,\r\n\t\t\t\tthis._onPlotDetailedInformationWindowFocused);\r\n\t\t});\r\n\t\tthis._releasePreviouslyFocusedPlotDetailedInformation();\r\n\t}\r\n}","import ParameterErrors from '../errors/ParameterErrors';\r\nimport GenericWindow from '../window/GenericWindow';\r\nimport Dialog from '../components/Dialog';\r\nimport WindowType from '../enums/WindowType';\r\nimport getViewportDimensions from '../ui_core/getViewportDimensions';\r\nimport PlotDetailedInformationsManager from './PlotDetailedInformationsManager';\r\nimport PlotComparisonScrollManager from './PlotComparisonScrollManager';\r\nimport './PlotComparisonManager.css';\r\nconst {throwNotProvided}=ParameterErrors;\r\nconst eventNamesToDetectWhenToExitComparison = [GenericWindow.EventNames.DRAG_STARTED, \r\nGenericWindow.EventNames.MAXIMIZED, GenericWindow.EventNames.UNMAXIMIZED, GenericWindow.EventNames.MINIMIZED, \r\n\tGenericWindow.EventNames.CLOSED, GenericWindow.EventNames.WINDOW_DESTROYED, GenericWindow.EventNames.RESIZE_STARTED];\r\nexport default class PlotComparisonManager {\r\n\tstatic get instance(){\r\n\t\tif(!PlotComparisonManager._instance){\r\n\t\t\tthrow new Error('Not initialized');\r\n\t\t}\r\n\t\treturn PlotComparisonManager._instance;\r\n\t}\r\n\tstatic initialize({plotDetailedInformationsManager, sitePlanElement}){\r\n\t\tPlotComparisonManager._instance = new PlotComparisonManager({plotDetailedInformationsManager, sitePlanElement});\r\n\t}\r\n\tconstructor({plotDetailedInformationsManager, sitePlanElement}){\r\n\t\tthis._plotDetailedInformationsManager=plotDetailedInformationsManager;\r\n\t\tthis.compare = this.compare.bind(this);\r\n\t\tthis._sitePlanElement = sitePlanElement;\r\n\t\tthis._plotComparisonElement = document.createElement('div');\r\n\t\tthis._plotComparisonElement.classList.add('plot-comparison');\r\n\t\tthis._plotComparisonTextElement = document.createElement('div');\r\n\t\tthis._plotComparisonTextElement.classList.add('text');\r\n\t\tthis._plotComparisonElement.appendChild(this._plotComparisonTextElement);\r\n\t\tthis._plotComparisonTextElement.innerHTML='';\r\n\t\tthis._sitePlanElement.appendChild(this._plotComparisonElement);\r\n\t\tthis._showTooManyPlotsSelectedToDoComparison = this._showTooManyPlotsSelectedToDoComparison.bind(this);\r\n\t\tthis._showAtLeastTwoPlotsMustBeSelectedDialog = this._showAtLeastTwoPlotsMustBeSelectedDialog.bind(this);\r\n\t\tthis._setComparingClassOnSitePlan= this._setComparingClassOnSitePlan.bind(this);\r\n\t\tthis._getNPlotDetailedInformationWindowsInEachDirection = this._getNPlotDetailedInformationWindowsInEachDirection.bind(this);\r\n\t\tthis._getPositionNextWindow = this._getPositionNextWindow.bind(this);\r\n\t\tthis._registerEventsToDetermineWhenToExit = this._registerEventsToDetermineWhenToExit.bind(this);\r\n\t\tthis._exitComparisonMode = this._exitComparisonMode.bind(this);\r\n\t}\r\n\tcompare(siteJsonUnitPlots){\r\n\t\tif(siteJsonUnitPlots.length<2){\r\n\t\t\tthis._showAtLeastTwoPlotsMustBeSelectedDialog();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif(siteJsonUnitPlots.length>9){\r\n\t\t\tthis._showTooManyPlotsSelectedToDoComparison();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst plotDetailedInformations = siteJsonUnitPlots.map(siteJsonUnitPlot=>\r\n\t\t\tthis._plotDetailedInformationsManager.show(siteJsonUnitPlot)\r\n\t\t);\r\n\t\tconst positionNextWindow = this._getPositionNextWindow(plotDetailedInformations.length);\r\n\t\tplotDetailedInformations.forEach(plotDetailedInformation=>{\r\n\t\t\tpositionNextWindow(plotDetailedInformation);\r\n\t\t\tplotDetailedInformation.scrollToTop();\r\n\t\t\tplotDetailedInformation.window.bringToFront();\r\n\t\t});\r\n\t\tthis._registerEventsToDetermineWhenToExit(plotDetailedInformations);\r\n\t\tthis._setComparingClassOnSitePlan(true);\r\n\t\tthis._PlotComparisonScrollManager&&this._PlotComparisonScrollManager.dispose();\r\n\t\tthis._PlotComparisonScrollManager = new PlotComparisonScrollManager({plotDetailedInformations});\r\n\t}\r\n\t_registerEventsToDetermineWhenToExit(plotDetailedInformations){\r\n\t\tthis._unregisterEventsToDetermineWhenToExit&&this._unregisterEventsToDetermineWhenToExit();\r\n\t\tthis._unregisterEventsToDetermineWhenToExit=()=>{\r\n\t\t\tplotDetailedInformations.forEach(plotDetailedInformation=>{\r\n\t\t\t\teventNamesToDetectWhenToExitComparison.forEach(eventName=>\r\n\t\t\t\t\tplotDetailedInformation.window.removeEventListener(eventName, this._exitComparisonMode)\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t\twindow.removeEventListener('resize', this._exitComparisonMode);\r\n\t\t};\r\n\t\tplotDetailedInformations.forEach(plotDetailedInformation=>{\r\n\t\t\teventNamesToDetectWhenToExitComparison.forEach(eventName=>\r\n\t\t\t\tplotDetailedInformation.window.addEventListener(eventName, this._exitComparisonMode)\r\n\t\t\t);\r\n\t\t});\r\n\t\twindow.addEventListener('resize', this._exitComparisonMode);\r\n\t}\r\n\t_exitComparisonMode(e){\r\n\t\tthis._unregisterEventsToDetermineWhenToExit&&this._unregisterEventsToDetermineWhenToExit();\r\n\t\tthis._unregisterEventsToDetermineWhenToExit= null;\r\n\t\tthis._setComparingClassOnSitePlan(false);\r\n\t\tthis._PlotComparisonScrollManager&&this._PlotComparisonScrollManager.dispose();\r\n\t\tthis._plotComparisonScrollManager = null;\r\n\t}\r\n\t_getPositionNextWindow(nPlotDetailedInformations){\r\n\t\tconst nPlotDetailedInformationWindowsInEachDirection = this._getNPlotDetailedInformationWindowsInEachDirection(nPlotDetailedInformations);\r\n\t\tconst viewportDimensions = getViewportDimensions();\r\n\t\tconst windowDimensionsPx = [\r\n\t\t\tviewportDimensions[0]/nPlotDetailedInformationWindowsInEachDirection[0],\r\n\t\t\tviewportDimensions[1]/nPlotDetailedInformationWindowsInEachDirection[1]\r\n\t\t];\r\n\t\tlet nX = 0;\r\n\t\tlet nY = 0;\r\n\t\tconst width = windowDimensionsPx[0];\r\n\t\tconst height = windowDimensionsPx[1];\r\n\t\treturn (plotDetailedInformation)=>{\r\n\t\tif(nX>=nPlotDetailedInformationWindowsInEachDirection[0]){\r\n\t\t\t\tnX=0;\r\n\t\t\t\tnY++;\r\n\t\t\t}\r\n\t\t\tconst left = width*nX;\r\n\t\t\tconst top = height*nY;\r\n\t\t\tplotDetailedInformation.window.setWindowSizePosition({\r\n\t\t\t\twidth:width, \r\n\t\t\t\theight:height,\r\n\t\t\t\ttop:top,\r\n\t\t\t\tleft:left\r\n\t\t\t});\r\n\t\t\tnX++;\r\n\t\t};\r\n\t}\r\n\t_setComparingClassOnSitePlan(value){\r\n\t\tif(value)\r\n\t\t\tthis._sitePlanElement.classList.add('comparing-plots');\r\n\t\telse\r\n\t\t\tthis._sitePlanElement.classList.remove('comparing-plots');\r\n\t}\r\n\t_showAtLeastTwoPlotsMustBeSelectedDialog(){\r\n\t\tthis._currentDialog = Dialog.create({\r\n\t\t\ttitle:'Error', \r\n\t\t\tclassName:'brochure-generation-result-dialog error',\r\n\t\t\tmessage:'You must select at least two plots to do comparison!',\r\n\t\t\toptions:[{text:'OK'}]}\r\n\t\t);\r\n\t}\r\n\t_showTooManyPlotsSelectedToDoComparison(){\r\n\t\tthis._currentDialog = Dialog.create({\r\n\t\t\ttitle:'Error', \r\n\t\t\tclassName:'brochure-generation-result-dialog error',\r\n\t\t\tmessage:'Too many plots are selected to do comparison!',\r\n\t\t\toptions:[{text:'OK'}]}\r\n\t\t);\r\n\t}\r\n\t_getNPlotDetailedInformationWindowsInEachDirection(nPlotDetailedInformations){\r\n\t\tconst aspectRatio = this._sitePlanElement.offsetWidth/this._sitePlanElement.offsetHeight;\r\n\t\tswitch(nPlotDetailedInformations){\r\n\t\t\tcase 2:\r\n\t\t\tcase 3:\r\n\t\t\t\tif(aspectRatio>1)\r\n\t\t\t\t\treturn [nPlotDetailedInformations, 1];\r\n\t\t\t\treturn [1, nPlotDetailedInformations];\r\n\t\t\tcase 4:\r\n\t\t\t\treturn [2,2];\r\n\t\t\tcase 5:\r\n\t\t\tcase 6:\r\n\t\t\t\tif(aspectRatio>1)\r\n\t\t\t\t\treturn [3, 2];\r\n\t\t\t\treturn [2, 3];\r\n\t\t\tcase 7:\r\n\t\t\tcase 8:\r\n\t\t\t\tif(aspectRatio>1)\r\n\t\t\t\t\treturn [4, 2];\r\n\t\t\t\treturn [2, 4];\r\n\t\t\tdefault:\r\n\t\t\t\tthrow new Error('Not implemented');\r\n\t\t}\r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport './Favourites.css';\r\nimport FavouriteEntry from './FavouriteEntry';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport MenuType from '../enums/MenuType';\r\nimport isMobile from '../core/isMobile';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nimport PlotComparisonManager from '../plot_detailed_information/PlotComparisonManager';\r\nimport SubMenuHeader from './SubMenuHeader';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nconst {throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class Favourites extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {onHide, onShowSendFavouritesBrochure, getConfiguration}=props;\r\n\t\tthis._getConfiguration = getConfiguration;\r\n\t\tthis._callbackHide = onHide;\r\n\t\tthis._subMenuHeader = React.createRef();\r\n\t\tthis._element = React.createRef();\r\n\t\tthis._callbackShowSendFavouritesBrochure = onShowSendFavouritesBrochure;\r\n\t\tthis._iMenuManager = null;\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide= this.hide.bind(this);\r\n\t\tthis._clickedOffManager = new ClickedOffManager({elementRef:this._element, hide:this.hide});\r\n\t\tthis._onClickFavouriteEntryRemove = this._onClickFavouriteEntryRemove.bind(this);\r\n\t\tthis._handleClickSendMyFavouritesBrochure= this._handleClickSendMyFavouritesBrochure.bind(this);\r\n\t\tthis._handleClickCompare = this._handleClickCompare.bind(this);\r\n\t\tthis.state={visible:false, entries:[]};\r\n\t}\r\n\tget count(){\r\n\t\treturn this.state.entries.length;\r\n\t}\r\n\tadd(favourite){\r\n\t\tconst hash = favourite.hash;\r\n\t\tif(this._getEntryByHash(hash)!==null)return;\r\n\t\tconst favouriteEntryRef = React.createRef();\r\n\t\tconst favouriteEntry = (favourite.payload));\r\n\t}\r\n\tget menuType(){\r\n\t\treturn MenuType.FAVOURITES;\r\n\t}\r\n\tshow(){\r\n\t\tthis.setState({visible:true});\r\n\t\tthis._clickedOffManager.register();\r\n\t\tthis._iMenuManager.showMe(this);\r\n\t}\r\n\thide(){\r\n\t\tthis._clickedOffManager.dispose();\r\n\t\tthis.setState({visible:false});\r\n\t\tthis._iMenuManager.close();\r\n\t\tthis._callbackHide&&this._callbackHide();\r\n\t}\t\r\n\tsetIMenuManager(value){\r\n\t\tthis._iMenuManager = value;\r\n\t\tthis._subMenuHeader.current.setIMenuManager(value);\r\n\t}\r\n\trender() {\r\n\t\tlet className =\"favourites menu\";\r\n\t\tif(this.state.visible)\r\n\t\t\tclassName+=\" visible\";\r\n\t\tconst comparisonButton = (!isMobile)&&this._getConfiguration().plotComparisonEnabled?():null;\r\n\t\tconst entries = this.state.entries.length>0?(\r\n\t\t\t\t{\r\n\t\t\t\tif(!iteratorModels.hasNext()){\r\n\t\t\t\t\tresolve(babylonModels);\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst model = iteratorModels.next();\r\n\t\t\t\tconst progressSource = iteratorProgressSources.next();\r\n\t\t\t\tprogressSource.progressProportion =0;\r\n\t\t\t\tconsole.log('model.quadrantsRelativePath');\r\n\t\t\t\tconsole.log(model.quadrantsRelativePath);\r\n\t\t\t\tthis._babylonModelsManager.getNewMesh({\r\n\t\t\t\t\tcode:model.code,\r\n\t\t\t\t\tobjectIdNodeIdsMappings:model.objectIdNodeIdsMappings,\r\n\t\t\t\t\tquadrantsPath:Urls.getQuadrantsAbsolutePath({configuration:this._model.configuration, relativePath:model.quadrantsRelativePath}),\r\n\t\t\t\t\tstandardProgressSource:progressSource\r\n\t\t\t\t}).then((babylonModel)=>{\r\n\t\t\t\t\tprogressSource.done();\r\n\t\t\t\t\tbabylonModels.push(babylonModel);\r\n\t\t\t\t\tloadNextModel();\r\n\t\t\t\t}).catch(reject);\r\n\t\t\t};\r\n\t\t\tloadNextModel();\r\n\t\t});\r\n\t\t\r\n\t}\r\n\t_setupControls(){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tthis._babylonScene.defaultCamerasAndLight({attachCameraControls:false});\r\n\t\t\tnew BabylonCameraPan({babylonScene:this._babylonScene});\r\n\t\t\tnew BabylonCameraZoom({babylonScene:this._babylonScene, zoomSpeedFactor:8});\r\n\t\t\tthis._babylonScene.startRendering();\r\n\t\t\tthis._babylonScene.setCameraPosition (new BABYLON.Vector3(200,200,-200));\r\n\t\t\tresolve();\r\n\t\t});\r\n\t}\r\n\t_zoomChanged(value){\r\n\t\t\r\n\t}\r\n}\r\n","import enableBindingToOthers from '../../mvvm/enableBindingToOthers';\r\nimport PropertyBindingFactory from '../../mvvm/PropertyBindingFactory';\r\nimport BabylonViewBase from './BabylonViewBase';\r\nimport Vector3 from '../../geometry/Vector3';\r\nimport Iterator from '../../core/Iterator';\r\nimport SiteView from './SiteView';\r\nimport GenericView from './GenericView';\r\nimport ProgressBar from '../ProgressBar';\r\nimport Urls from '../../urls/Urls';\r\nexport default class SitePlan3DView extends BabylonViewBase{\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {model, element, babylonScene, babylonModelsManager}=props;\r\n\t\tthis._model = model;\r\n\t\tthis._element = element;\r\n\t\tthis._babylonScene=babylonScene;\r\n\t\tthis._babylonModelsManager = babylonModelsManager;\r\n\t\tthis._unitViews = [];\r\n\t\tthis.initialize = this.initialize.bind(this);\r\n\t\tthis._progressBarVisibleChanged = this._progressBarVisibleChanged.bind(this);\r\n\t\tenableBindingToOthers(this);\r\n\t\tPropertyBindingFactory.standard(this, model, 'zoom', this._zoomChanged);\r\n\t\tthis._progressBar = new ProgressBar({model:model, propertyNameProgressProportion:'loadProgressProportion', propertyNameVisible:'progressBarVisible', delayHide:0});\r\n\t\tthis._logoLarge = document.createElement('img');\r\n\t\tthis._logoLarge.src = Urls.assets+'logos/large.png';\r\n\t\tthis._logoLarge.classList.add('logo-large');\r\n\t\tthis._element.appendChild(babylonScene.element);\r\n\t\tthis._element.appendChild(this._progressBar.element);\r\n\t\tthis._element.appendChild(this._logoLarge);\r\n\t\tthis._bindingProgressBarVisible = PropertyBindingFactory.standard(this, model, 'progressBarVisible', this._progressBarVisibleChanged);\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\tinitialize(){\r\n\t\tconst self = this;\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tconst siteView = new SiteView({\r\n\t\t\t\tmodel:this._model, \r\n\t\t\t\tbabylonScene:self._babylonScene, \r\n\t\t\t\tbabylonModelsManager:self._babylonModelsManager, \r\n\t\t\t\tbabylonMaterialsManager:self._babylonMaterialsManager});\r\n\t\t\tsiteView.initialize().then(()=>{\r\n\t\t\t\tresolve();\r\n\t\t\t}).catch(reject);\r\n\t\t});\r\n\t}\r\n\t_zoomChanged(value){\r\n\t\t\r\n\t}\r\n\t_progressBarVisibleChanged(value){\r\n\t\tif(value)this._logoLarge.classList.add('visible');\r\n\t\telse this._logoLarge.classList.remove('visible');\r\n\t}\r\n}\r\n","import ParameterErrors from '../errors/ParameterErrors';\r\nimport Mesh from './Mesh';\r\nimport UrlHelper from '../core/UrlHelper'\r\nconst { throwNotProvided } = ParameterErrors;\r\nexport default class ModelFile {\r\n constructor(props) {\r\n const { rootUrl, fileName, url, code } = props;\r\n if (!code) throwNotProvided('code');\r\n this._code = code;\r\n if (url === null || url === undefined) {\r\n if (!rootUrl) this._throwMustProvideUrlOrRootUrlAndFileName(\"rootUrl\");\r\n this._rootUrl = rootUrl;\r\n if (!fileName) this._throwMustProvideUrlOrRootUrlAndFileName('fileName');\r\n this._fileName = fileName;\r\n }\r\n else {\r\n const seperatedUrlComponents = UrlHelper.seperateUrlIntoRootUrlAndFileName(url);\r\n this._rootUrl = seperatedUrlComponents[0];\r\n this._fileName = seperatedUrlComponents[1];\r\n }\r\n }\r\n _throwMustProvideUrlOrRootUrlAndFileName() {\r\n throw new Error('You must provide either the parameters \"rootUrl\" and \"fileName\" or \"url\"');\r\n\r\n }\r\n get code() {\r\n return this._code;\r\n }\r\n get rootUrl() {\r\n return this._rootUrl;\r\n }\r\n get fileName() {\r\n return this._fileName;\r\n }\r\n\r\n}\r\n","import ParameterErrors from '../errors/ParameterErrors';\r\nimport Vector3 from '../geometry/Vector3';\r\nconst { throwNotProvided } = ParameterErrors;\r\nexport default class Mesh {\r\n constructor(props) {\r\n const { name, material, position, relativePath} = props;\r\n if (!name) throwNotProvided(\"name\");\r\n this._name = name;\r\n //if (!material) throwNotProvided(\"material\");\r\n this._material = material;\r\n\r\n if (!position) throwNotProvided(\"position\");\r\n this._position = position;\r\n\t\t\r\n\t\tthis._relativePath = relativePath;\r\n }\r\n get name() {\r\n return this._name;\r\n }\r\n get material() {\r\n return this._material;\r\n }\r\n get position() {\r\n return this._position;\r\n }\r\n static fromObj(obj) {\r\n return new Mesh({\r\n name: obj.name,\r\n material: obj.material,\r\n position: Vector3.fromArray(obj.position),\r\n\t\t\trelativePath:obj.relativePath\r\n })\r\n }\r\n}\r\n","import * as BABYLON from '@babylonjs/core';\r\nimport eventEnable from '../core/eventEnable';\r\nexport default class BabylonModel{\r\n\tconstructor(props){\r\n\t\tconst {root, babylonMeshes, particleSystems, skeletons, code, location, objectIdNodeIdsMappings, quadrants}=props;\r\n\t\teventEnable(this);\r\n\t\tthis._root = root;\r\n\t\tthis._objectIdNodeIdsMappings= objectIdNodeIdsMappings;\r\n\t\tthis._quadrants = quadrants;\r\n\t\tthis._babylonMeshes = babylonMeshes;\r\n\t\tthis._particleSystems = particleSystems;\r\n\t\tthis._skeletons = skeletons;\r\n\t\tthis._code = code;\r\n\t\tthis._location = location;\r\n\t\tthis.setLocation = this.setLocation.bind(this);\r\n\t\tthis.setVisibleObjects = this.setVisibleObjects.bind(this);\r\n\t\tthis._setNodeEnabled = this._setNodeEnabled.bind(this);\r\n\t\tthis.dispose = this.dispose.bind(this);\r\n\t\tthis._setPositionRotationAndScaling = this._setPositionRotationAndScaling.bind(this);\r\n\t\tthis.setAllObjectsVisible = this.setAllObjectsVisible.bind(this);\r\n\t\tthis.clone = this.clone.bind(this);\r\n\t\tthis._mapNodeIdToBabylonMesh = new Map();\r\n\t\tthis._currentNodeIdsVisible = [];\r\n\t\tbabylonMeshes.forEach(babylonMesh=>{\r\n\t\t\tif(babylonMesh.id.indexOf('node')!==0)return;\r\n\t\t\tconst number = parseInt(babylonMesh.id.substr(4));\r\n\t\t\tthis._mapNodeIdToBabylonMesh.set(number, babylonMesh);\r\n\t\t\tthis._currentNodeIdsVisible.push(number);\r\n\t\t});\r\n\t\tconsole.log('this._babylonMeshes');\r\n\t\tconsole.log(this._babylonMeshes);\r\n\t}\r\n\tget code(){\r\n\t\treturn this._code;\r\n\t}\r\n\tget quadrants(){\r\n\t\treturn this._quadrants;\r\n\t}\r\n\tsetLocation(location){\r\n\t\tthis._setPositionRotationAndScaling(location.position, location.rotation, location.scaling);\r\n\t}\r\n\tsetAllObjectsVisible(){\r\n\t\tfor(var nodeId of this._objectIdNodeIdsMappings.allNodeIds){\r\n\t\t\tthis._setNodeEnabled(nodeId, true);\r\n\t\t}\r\n\t\tthis._currentNodeIdsVisible = this._objectIdNodeIdsMappings.allNodeIds;\r\n\t}\r\n\tsetVisibleObjects(objectIds){\r\n\t\tconst nodeIdsVisible = this._objectIdNodeIdsMappings.getNodeIdsForObjectIds(objectIds);\r\n\t\tnodeIdsVisible.forEach((nodeIdVisible)=>{\r\n\t\t\tconst indexInCurrentNodeIdsVisible = this._currentNodeIdsVisible.indexOf(nodeIdVisible);\r\n\t\t\tif(indexInCurrentNodeIdsVisible>=0)\r\n\t\t\t\tthis._currentNodeIdsVisible.splice(indexInCurrentNodeIdsVisible, 1);\r\n\t\t\telse\r\n\t\t\t\tthis._setNodeEnabled(nodeIdVisible, true);\r\n\t\t});\r\n\t\tthis._currentNodeIdsVisible.forEach(nodeIdToDisable=>this._setNodeEnabled(nodeIdToDisable, false));\r\n\t\tthis._currentNodeIdsVisible = nodeIdsVisible;\r\n\t}\r\n\t_setNodeEnabled(nodeId, enabled){\t\r\n\t\tconst mesh = this._mapNodeIdToBabylonMesh.get(nodeId);\r\n\t\tif(!mesh)return;\r\n\t\tmesh.setEnabled(enabled);\t\r\n\t}\r\n _setPositionRotationAndScaling(position, rotation, scaling) {\r\n this._root.position= new BABYLON.Vector3(position.x, position.y, position.z);\r\n this._root.rotation = new BABYLON.Vector3(rotation.x, rotation.y, rotation.z); \r\n this._root.scaling = new BABYLON.Vector3(scaling.x, scaling.y, scaling.z);\r\n }\r\n\tclone(){\r\n\t\tconst clonedRoot = this._root.clone();\r\n\t\treturn new BabylonModel({\r\n\t\t\troot:this._root,\r\n\t\t\tbabylonMeshes:this._babylonMeshes,\r\n\t\t\tparticleSystems:this._particleSystems,\r\n\t\t\tskeletons:this._skeletons,\r\n\t\t\tcode:this._code,\r\n\t\t\tlocation:this._location\r\n\t\t});\r\n\t}\r\n\tdispose(){\r\n\t\tthis.dispatchEvent({type:'disposed', babylonModel:this});\r\n\t}\r\n}","import * as BABYLON from '@babylonjs/core';\r\nimport Models from './Models';\r\nimport ModelFile from './ModelFile';\r\nimport BabylonModel from './BabylonModel';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport '@babylonjs/loaders'\r\nconst { throwNotProvided, throwNotOfType } = ParameterErrors;\r\nBABYLON.SceneLoader.loggingLevel = BABYLON.SceneLoader.DETAILED_LOGGING;\r\nexport default class BabylonModelsManagerCache {\r\n constructor(props) { \r\n\t\tthis._mapFileNameToBabylonModel = new Map();\r\n }\r\n\tadd(filePath, babylonModel){\r\n\t\tthis._mapFileNameToBabylonModel.set(filePath, babylonModel);\r\n\t}\r\n\thas(filePath){\r\n\t\treturn this._mapFileNameToBabylonModel.has(filePath);\r\n\t}\r\n\tget(filePath){\r\n\t\treturn this._mapFileNameToBabylonModel.get(filePath);\r\n\t}\r\n}","import * as BABYLON from '@babylonjs/core';\r\nimport Iterator from '../core/Iterator';\r\nexport default class BabylonMeshesCombiner{\r\n\tconstructor({scene}){\r\n\t\tthis._scene=scene;\r\n\t\tthis._mapMaterialNameToCombinedMesh = new Map();\r\n\t\tthis.combineMeshesByMaterial = this.combineMeshesByMaterial.bind(this);\r\n\t\tthis._get_MaterialName_MeshesToCombine_Pairs= this._get_MaterialName_MeshesToCombine_Pairs.bind(this);\r\n\t\tthis._validateAllVerticesHaveBufferBound= this._validateAllVerticesHaveBufferBound.bind(this);\r\n\t\tthis._get_getName = this._get_getName.bind(this);\r\n\t\tthis._mergeMeshes= this._mergeMeshes.bind(this);\r\n\t}\r\n\tcombineMeshesByMaterial(babylonMeshes){\r\n\t\tconst getName = this._get_getName();\r\n\t\tconst materialName_MeshesToCombine_Pairs= this._get_MaterialName_MeshesToCombine_Pairs(babylonMeshes);\r\n\t\tfor(var pair of materialName_MeshesToCombine_Pairs){\r\n\t\t\tlet [materialName, meshesToCombine]=pair;\r\n\t\t\t//if(materialName=='VG_Ext_Brick_IbstockSurreyOrange (Instance)'){\r\n\t\t\tconsole.log('materialName: '+materialName);\r\n\t\t\tconsole.log(meshesToCombine);\r\n\t\t\tif(materialName==='VG_Ext_Brick_IbstockSurreyOrange')continue;\r\n\t\t\tif(meshesToCombine.length>500)continue;\r\n\t\t\tlet combinedMesh = this._mapMaterialNameToCombinedMesh.get(materialName);\r\n\t\t\tif(combinedMesh!==undefined&&combinedMesh!==null){\r\n\t\t\t\tmeshesToCombine = [combinedMesh].concat(meshesToCombine);\r\n\t\t\t}\r\n\t\t\tif(meshesToCombine.length<2){\r\n\t\t\t\tcontinue;\r\n\t\t\t}\r\n\t\t\tcombinedMesh = this._mergeMeshes(getName(), meshesToCombine, this._scene);\r\n\t\t\tif(combinedMesh===null){\r\n\t\t\t\tcontinue;\r\n\t\t\t}\r\n\t\t\tthis._mapMaterialNameToCombinedMesh.set(materialName, combinedMesh);\r\n\t\t}\r\n\t}\r\n\t_get_getName(){\r\n\t\tlet nMerge=0;\r\n\t\treturn ()=>{\r\n\t\t\treturn 'merged_'+(nMerge++);\r\n\t\t};\r\n\t}\r\n\t_get_MaterialName_MeshesToCombine_Pairs(babylonMeshes){\r\n\t\tconst mapMeshNameToMeshesToCombine = new Map();\r\n\t\tconst materialName_MeshesToCombine_Pairs = [];\r\n\t\tfor(var babylonMesh of babylonMeshes){\r\n\t\t\tconst materialName = babylonMesh.material?.name;\r\n\t\t\tlet meshesToCombine = mapMeshNameToMeshesToCombine.get(materialName);\r\n\t\t\tif(meshesToCombine===undefined||meshesToCombine===null){\r\n\t\t\t\tmeshesToCombine = [babylonMesh];\r\n\t\t\t\tmaterialName_MeshesToCombine_Pairs.push([materialName, meshesToCombine]);\r\n\t\t\t\tmapMeshNameToMeshesToCombine.set(materialName, meshesToCombine);\r\n\t\t\t}\r\n\t\t\telse\r\n\t\t\t\tmeshesToCombine.push(babylonMesh);\r\n\t\t}\r\n\t\treturn materialName_MeshesToCombine_Pairs;\r\n\t}\r\n\t\r\n\t\r\n\t_mergeMeshes(meshName, meshes, scene) {\r\n\t\tif(meshes.length<2)return;\r\n\t\tconst firstMesh = meshes[0];\r\n\t\tlet newUv2s = [];\r\n\t\tlet newColors = [];\r\n\t\tlet newMatricesIndices = [];\r\n\t\tlet newMatricesWeights = [];\r\n\t\tlet newIndices = [];\r\n\t\tlet newPositions = [];\r\n\t\tlet newNormals = [];\r\n\t\tlet newUvs = [];\r\n\t\tlet meshesToDispose = [];\r\n\t\tvar hasUv2s = true;\r\n\t\tvar hasColors = true;\r\n\t\tvar hasMatricesIndices = true;\r\n\t\tvar hasMatricesWeights = true;\r\n\t\tlet hasNormals =true;\r\n\t\tconst normalsForEachMesh=[];\r\n\t\tfor (var i = 0; i < meshes.length; i++) {\r\n\t\t\tconst mesh = meshes[i];\r\n\t\t\tconst normals = mesh.getVerticesData(BABYLON.VertexBuffer.NormalKind);\r\n\t\t\tif(!normals)\r\n\t\t\t\thasNormals = false;\r\n\t\t\tnormalsForEachMesh[i]=normals;\r\n\t\t\tif (!mesh.isVerticesDataPresent([BABYLON.VertexBuffer.UV2Kind])) hasUv2s = false;\r\n\t\t\tif (!mesh.isVerticesDataPresent([BABYLON.VertexBuffer.ColorKind])) hasColors = false;\r\n\t\t\tif (!mesh.isVerticesDataPresent([BABYLON.VertexBuffer.MatricesIndicesKind])) hasMatricesIndices = false;\r\n\t\t\tif (!mesh.isVerticesDataPresent([BABYLON.VertexBuffer.MatricesWeightsKind])) hasMatricesWeights = false;\r\n\t\t\r\n\t\t}\r\n\t\tfor (i = 0; i < meshes.length; i++) {\r\n\t\t\tconst mesh = meshes[i];\r\n\t\t\ttry{\r\n\t\t\t\tvar indices = mesh.getIndices();\r\n\t\t\t\tif(indices===null)continue;\r\n\t\t\t\tconst positions = mesh.getVerticesData(BABYLON.VertexBuffer.PositionKind);\r\n\t\t\t\tif(positions===null)continue;\r\n\t\t\t\tmesh.computeWorldMatrix(true);\r\n\t\t\t\tnewUvs = newUvs.concat(mesh.getVerticesData(BABYLON.VertexBuffer.UVKind));\r\n\t\t\t\tif (hasUv2s) newUv2s = newUv2s.concat(mesh.getVerticesData(BABYLON.VertexBuffer.UV3Kind));\r\n\t\t\t\tif (hasColors) newColors = newColors.concat(mesh.getVerticesData(BABYLON.VertexBuffer.ColorKind));\r\n\t\t\t\tif (hasMatricesIndices) newMatricesIndices = newMatricesIndices.concat(mesh.getVerticesData(BABYLON.VertexBuffer.MatricesIndicesKind));\r\n\t\t\t\tif (hasMatricesWeights) newMatricesWeights = newMatricesWeights.concat(mesh.getVerticesData(BABYLON.VertexBuffer.MatricesWeightsKind));\r\n\r\n\t\t\t\tvar positionsOffset = newPositions.length / 3;\r\n\r\n\t\t\t\tvar worldMatrix = mesh.getWorldMatrix();\r\n\t\t\t\tthis._validateAllVerticesHaveBufferBound(indices, positions);\r\n\t\t\t\tfor (var vertexIndex = 0; vertexIndex < positions.length; vertexIndex += 3) {\r\n\t\t\t\t\tconst vertex = BABYLON.Vector3.TransformCoordinates(new BABYLON.Vector3(positions[vertexIndex], positions[vertexIndex + 1], positions[vertexIndex + 2]), worldMatrix);\r\n\t\t\t\t\tnewPositions.push(vertex.x);\r\n\t\t\t\t\tnewPositions.push(vertex.y);\r\n\t\t\t\t\tnewPositions.push(vertex.z);\r\n\t\t\t\t}\r\n\t\t\t\tif(hasNormals){\r\n\t\t\t\t\tconst normals = normalsForEachMesh[i];\r\n\t\t\t\t\tif(normals===null){\r\n\t\t\t\t\t\tnormals = new Array(positions.length/3/*???*/).fill(0);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tfor (var normalsIndex = 0; normalsIndex != normals.length; normalsIndex += 3) {\r\n\t\t\t\t\t\tvar normal = BABYLON.Vector3.TransformNormal(new BABYLON.Vector3(normals[normalsIndex], normals[normalsIndex + 1], normals[normalsIndex + 2]), worldMatrix);\r\n\t\t\t\t\t\tnewNormals.push(normal.x);\r\n\t\t\t\t\t\tnewNormals.push(normal.y);\r\n\t\t\t\t\t\tnewNormals.push(normal.z);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tfor (var indicesIndex = 0; indicesIndex < indices.length; indicesIndex++) {\r\n\t\t\t\t newIndices.push(indices[indicesIndex] + positionsOffset);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tfinally{\r\n\t\t\t\tif(i>0)\r\n\t\t\t\t\tmeshesToDispose.push(mesh);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif((newIndices.length<1)||(newPositions.length<1))return null;\r\n\t\tconst newMesh = new BABYLON.Mesh(meshName, scene);\r\n\t\tnewMesh.setVerticesData(BABYLON.VertexBuffer.PositionKind, newPositions, false);\r\n\t\tif(hasNormals&&(newNormals.length>0))\r\n\t\t\tnewMesh.setVerticesData(BABYLON.VertexBuffer.NormalKind, newNormals, false);\r\n\t\tnewMesh.setVerticesData(BABYLON.VertexBuffer.UVKind, newUvs, false);\r\n\t\t\r\n\t\tif (newUv2s.length > 0) newMesh.setVerticesData(BABYLON.VertexBuffer.UV2Kind, newUv2s, false);\r\n\t\tif (newColors.length > 0) newMesh.setVerticesData(BABYLON.VertexBuffer.ColorKind, newUvs, false);\r\n\t\tif (newMatricesIndices.length > 0) newMesh.setVerticesData(BABYLON.VertexBuffer.MatricesIndicesKind, newUvs, false);\r\n\t\tif (newMatricesWeights.length > 0) newMesh.setVerticesData(BABYLON.VertexBuffer.MatricesWeightsKind, newUvs, false);\r\n\r\n\t\tnewMesh.setIndices(newIndices);\r\n\t\tnewMesh.material = firstMesh.material;\r\n\t\tconsole.log( firstMesh.material);\r\n\t\tmeshesToDispose.forEach(mesh=>mesh.dispose(true));\r\n\t\tfirstMesh.dispose(true);\r\n\t\treturn newMesh;\r\n\t}\r\n\t_validateAllVerticesHaveBufferBound(indices, positions){\r\n\t\t\r\n\t}\r\n}","import * as BABYLON from '@babylonjs/core';\r\nimport '@babylonjs/core/Debug/debugLayer';\r\nimport '@babylonjs/inspector';\r\nimport '@babylonjs/loaders';\r\nimport Models from './Models';\r\nimport ModelFile from './ModelFile';\r\nimport BabylonModel from './BabylonModel';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport Location from '../modelling/Location';\r\nimport '@babylonjs/loaders'\r\nimport BabylonModelsManagerCache from './BabylonModelsManagerCache';\r\nimport BabylonMeshesCombiner from './BabylonMeshesCombiner';\r\nconst { throwNotProvided, throwNotOfType } = ParameterErrors;\r\nBABYLON.SceneLoader.loggingLevel = BABYLON.SceneLoader.DETAILED_LOGGING;\r\nconst PROPORTION_PROGRESS_DOWNLOADING_FILE=0.8;\r\nexport default class BabylonModelsManager {\r\n constructor(props) { \r\n const { models, babylonMaterialsManager, babylonScene, modelsRootUrl} = props;\r\n if (!models) throwNotProvided(\"models\");\r\n if (!models instanceof Models) throwNotOfType(\"models\", Models.constructor.name);\r\n this._models = models;\t\r\n\t\tif(!babylonScene)throwNotProvided('babylonScene');\r\n\t\tthis._babylonScene = babylonScene;\r\n\t\tif(!modelsRootUrl)throwNotProvided('modelsRootUrl');\r\n\t\tthis._modelsRootUrl=UrlHelper.makeSureSlashOnEnd(modelsRootUrl);\r\n\t\tthis._babylonModelsManagerCache = new BabylonModelsManagerCache();\r\n\t\tthis._babylonMeshesCombiner = new BabylonMeshesCombiner({scene:babylonScene });\r\n\t\tthis._babylonMaterialsManager=babylonMaterialsManager;\r\n\t\tthis._getModelFileFromModelAndOrCode = this._getModelFileFromModelAndOrCode.bind(this);\r\n\t\tthis._scheduleApplyTexturesToModel = this._scheduleApplyTexturesToModel.bind(this);\r\n\t\tthis._scheduleApplyTextureToMesh = this._scheduleApplyTextureToMesh.bind(this);\r\n\t\tthis._makeBabylonMeshInvisible= this._makeBabylonMeshInvisible.bind(this);\r\n\t\tthis._isCollider = this._isCollider.bind(this);\r\n\t\tthis.getNewMesh = this.getNewMesh.bind(this);\r\n\t\tthis.loadBabylonModel = this.loadBabylonModel.bind(this);\r\n\t\t\r\n }\r\n\tgetNewMesh({code, location, objectIdNodeIdsMappings, loadBabylonModel, quadrantsPath, standardProgressSource}){\r\n\t\tconst self = this;\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tif(!location)location = Location.getDefault();\r\n\t\t\tconst model = this._models.getModelByCode(code);\r\n\t\t\tif(!model)throw new Error(`Model with code ${code} doesnt exist in models json file`);\r\n\t\t\tconst modelFile = this._getModelFileFromModelAndOrCode(model, code);\r\n\t\t\tif(!self._babylonModelsManagerCache.has(modelFile.fileName)){\r\n\t\t\t\tself.loadBabylonModel({code, location, modelFile, model, objectIdNodeIdsMappings, quadrantsPath, standardProgressSource})\r\n\t\t\t\t.then(babylonModel=>{\r\n\t\t\t\t\tif(standardProgressSource)standardProgressSource.progressProportion=1;\r\n\t\t\t\t\tresolve(babylonModel);\r\n\t\t\t\t}).catch(reject);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tthrow new Error('should not be here atm');\r\n\t\t\tconst existingBabylonModel = self._babylonModelsManagerCache.get(modelFile.fileName);\r\n\t\t\tconst babylonModel = existingBabylonModel.clone();\r\n\t\t\tbabylonModel.setLocation(location);\r\n\t\t\tresolve(babylonModel);\r\n\t\t});\r\n\t}\r\n\tloadBabylonModel({code, location, modelFile, model, objectIdNodeIdsMappings, quadrantsPath, standardProgressSource}){\r\n\t\tconst self = this;\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\t//const root = new BABYLON.TransformNode();\r\n\t\t\tconst promiseGetQuadrants = AssetsManager.getQuadrants(quadrantsPath);\r\n\t\t\tBABYLON.SceneLoader.ImportMesh(null, modelFile.rootUrl, modelFile.fileName, this._babylonScene.scene,\r\n\t\t\t\t(babylonMeshes, particleSystems, skeletons)=>{\r\n\t\t\t\t\ttry{\r\n\t\t\t\t\t\t/*babylonMeshes.forEach(babylonMesh => {\r\n\t\t\t\t\t\t\tif (babylonMesh.parent)return;\r\n\t\t\t\t\t\t\tbabylonMesh.parent = root;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\t*/\r\n\t\t\t\t\t\t//self._applyTextures(model, this._babylonMaterialsManager, babylonMeshes).then(()=>{\r\n\t\t\t\t\t\tpromiseGetQuadrants.then((quadrants)=>{\r\n\t\t\t\t\t\t\tconst babylonModel = new BabylonModel({root:null, babylonMeshes, particleSystems,\r\n\t\t\t\t\t\t\tskeletons, code, location, quadrants, objectIdNodeIdsMappings});\r\n\t\t\t\t\t\t\tconsole.log(this._babylonScene);\r\n\t\t\t\t\t\t\tthis._babylonScene.babylonModelAdded(babylonModel);\r\n\t\t\t\t\t\t\tconsole.log('did quadrants promise');\r\n\t\t\t\t\t\t\tconsole.log(quadrants);\r\n\t\t\t\t\t\t\tself._babylonModelsManagerCache.add(modelFile.fileName, babylonModel);\r\n\t\t\t\t\t\t\tif(standardProgressSource)standardProgressSource.progressProportion=1;\r\n\t\t\t\t\t\t\tresolve(babylonModel);\r\n\t\t\t\t\t\t}).catch(reject);\r\n\t\t\t\t\t\t//}).catch(reject);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tcatch(err){\r\n\t\t\t\t\t\treject(err);\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t(progress)=>{\r\n\t\t\t\t\tif(!standardProgressSource)return;\r\n\t\t\t\t\tconst progressProportion = progress.loaded*PROPORTION_PROGRESS_DOWNLOADING_FILE/progress.total;\r\n\t\t\t\t\tstandardProgressSource.progressProportion= progressProportion;\r\n\t\t\t\t},\r\n\t\t\t\t(scene, message)=>{\r\n\t\t\t\t\treject(new Error(message));\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t});\r\n\t}\r\n\t_combineMeshesByMaterial(){\r\n\r\n\t}\r\n _applyTextures(model, materialsManager, babylonMeshes) {\r\n return new Promise((resolve, reject) => { \r\n this._scheduleApplyTexturesToModel(model, babylonMeshes, materialsManager);\r\n resolve();\r\n });\r\n }\r\n _scheduleApplyTexturesToModel(model, babylonMeshes, materialsManager) {\r\n const meshes = model.meshes;\r\n for (var index = 0; index < babylonMeshes.length; index++) {\r\n const babylonMesh = babylonMeshes[index];\r\n if (this._isCollider(babylonMesh)) {\r\n\t\t\t\tthis._makeBabylonMeshInvisible(babylonMesh, materialsManager);\r\n\t\t\t\tcontinue;\r\n }\r\n\t\t\tconst mesh = meshes.getByName(babylonMesh.name);\r\n\t\t\tlet materialName;\r\n\t\t\tconst hasMesh = mesh!==undefined&&mesh!==null;\r\n\t\t\tif(hasMesh){\r\n\t\t\t\tmaterialName = mesh.material;\r\n\t\t\t}\r\n\t\t\telse{\r\n\t\t\t\tif(babylonMesh.material===null)continue;\r\n\t\t\t\tmaterialName = babylonMesh.material.name;\r\n\t\t\t}\r\n\t\t\tthis._scheduleApplyTextureToMesh(materialName, babylonMesh, materialsManager);\r\n }\r\n }\r\n _makeBabylonMeshInvisible(babylonMesh, materialsManager) {\r\n babylonMesh.material = materialsManager.getInvisibleMaterial();\r\n }\r\n _scheduleApplyTextureToMesh(materialName, babylonMesh, materialsManager) {\r\n materialsManager.getBabylonMaterialByName(materialName).then((babylonMaterial) => {\r\n babylonMesh.material = babylonMaterial;\r\n }).catch(console.error);\r\n }\r\n\t_getModelFileFromModelAndOrCode(model, code){\r\n\t\tconst modelRelativePath = model.relativePath;\r\n\t\tif(modelRelativePath){\r\n\t\t\tconst suffix = UrlHelper.removeStartSlash(modelRelativePath);\r\n\t\t\tconst url = `${this._modelsRootUrl}${suffix}`;\r\n\t\t\treturn new ModelFile({code:code, url:url}); \r\n\t\t}\r\n\t\treturn new ModelFile({code:code, rootUrl:this._modelsRootUrl, fileName:`${code}.gbx`}); \r\n\t}\r\n _isCollider(babylonMesh) {\r\n const name = babylonMesh.name;\r\n return name === 'Collider' || name === 'collider';\r\n }\r\n}","import React, { Component } from \"react\";\r\nimport * as BABYLON from '@babylonjs/core';\r\n/*import { Engine } from \"@babylonjs/core/Engines/engine\";\r\nimport { Scene } from \"@babylonjs/core/scene\";\r\nimport { ArcRotateCamera } from \"@babylonjs/core/Cameras/arcRotateCamera\";\r\nimport { Vector3 } from \"@babylonjs/core/Maths/math.vector\";\r\nimport { HemisphericLight } from \"@babylonjs/core/Lights/hemisphericLight\";\r\nimport { SceneLoader } from \"@babylonjs/core/Loading/sceneLoader\";\r\nimport { CubeTexture } from \"@babylonjs/core/Materials/Textures/cubeTexture\";\r\nimport { EnvironmentHelper } from \"@babylonjs/core/Helpers/environmentHelper\";\r\n*/\r\nimport { SceneInstrumentation } from \"@babylonjs/core/Instrumentation/sceneInstrumentation\";\r\n// required imports\r\nimport \"@babylonjs/core/Loading/loadingScreen\";\r\nimport \"@babylonjs/core/Materials/standardMaterial\";\r\nimport \"@babylonjs/core/Materials/Textures/Loaders/envTextureLoader\";\r\n\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport Iterator from '../core/Iterator';\r\nimport FrequencyLimitedCallback from '../core/FrequencyLimitedCallback';\r\nconst { throwNotProvided } = ParameterErrors;\r\nclass BabylonScene {\r\n constructor(props) {\r\n const { onReadyToAddSceneComponents } = props;\r\n this._rendering = false;\r\n this._scene = null;\r\n if (!onReadyToAddSceneComponents) throwNotProvided('onReadyToAddSceneComponents');\r\n\t\tthis._onReadyToAddSceneComponents = onReadyToAddSceneComponents;\r\n this.defaultCamerasAndLight = this.defaultCamerasAndLight.bind(this);\r\n this._onWindowResize = this._onWindowResize.bind(this);\r\n this.startRendering = this.startRendering.bind(this);\r\n this.stopRendering = this.stopRendering.bind(this);\r\n this.setRendering = this.setRendering.bind(this);\r\n this._rendeLoop = this._rendeLoop.bind(this);\r\n this.babylonModelAdded = this.babylonModelAdded.bind(this);\r\n this._babylonModelDisposed = this._babylonModelDisposed.bind(this);\r\n this.fromRotationMatrixToRef = this.fromRotationMatrixToRef.bind(this);\r\n this._updateVisibleObjects = this._updateVisibleObjects.bind(this);\r\n this._cameraPositionOrRotationChanged = this._cameraPositionOrRotationChanged.bind(this);\r\n this.dispose = this.dispose.bind(this);\r\n this._setScalingRotationAndPosition = this._setPositionRotationAndScaling.bind(this);\r\n this.setNTimesInitialCameraRadius = this.setNTimesInitialCameraRadius.bind(this);\r\n\t\tthis._babylonModels=[];\r\n\t\tthis._updateVisibleObjectsFrequencyLimitedCallback = new FrequencyLimitedCallback({frequencyHz:6});\r\n\t\tthis._canvas = document.createElement('canvas');\r\n this._canvas.style.width = '100%';\r\n\t\tthis._canvas.style.height = '100%';\r\n this._engine = new BABYLON.Engine(this._canvas, true);\r\n this._scene = new BABYLON.Scene( this._engine);\r\n\t\tconst sceneInstrumentation = new SceneInstrumentation(this._scene);\r\n\t\tsetInterval(()=>console.log('n draw calls: '+sceneInstrumentation.drawCallsCounter.current), 3000);\r\n window.addEventListener(\"resize\", this._onWindowResize, false);\r\n\t\tsetTimeout(()=>{\r\n\t\t\t this._engine.resize();\r\n\t\t\tthis._onReadyToAddSceneComponents();\r\n\t\t}, 0);\r\n }\r\n\tbabylonModelAdded(babylonModel){\r\n\t\tbabylonModel.addEventListener('disposed', this._babylonModelDisposed);\r\n\t\tthis._babylonModels.push(babylonModel);\r\n\t}\r\n\t_babylonModelDisposed(e){\r\n\t\tconst {babylonModel}=e;\r\n\t\tconst index = this._babylonModels.indexOf(babylonModel);\r\n\t\tif(index<0)return;\r\n\t\tthis._babylonModels.splice(index, 1);\r\n\t}\r\n\tget element(){\r\n\t\treturn this._canvas;\r\n\t}\r\n get scene() {\r\n return this._scene;\r\n }\r\n get canvas() {\r\n return this._canvas;\r\n }\r\n\tget camera(){\r\n\t\treturn this._camera;\r\n\t}\r\n defaultCamerasAndLight(params) {\r\n\t\tparams = params||{attachCameraControls:true}\r\n //this._scene.createDefaultCameraOrLight(true, true, params.attachCameraControls);\r\n this._scene.createDefaultEnvironment();\r\n\t\tsetInterval(()=>{\r\n\t\tthis._scene.createDefaultLight();\r\n this._scene.lights[0].intensity = 20;\r\n\t\t});\r\n\t\tthis._camera = new BABYLON.FreeCamera(\"camera\", BABYLON.Vector3.Zero(), this._scene);\r\n this._initialCameraRadius = this._camera.radius;\r\n }\r\n setNTimesInitialCameraRadius(n) {\r\n\t\tconsole.log('this._camera.radius');\r\n\t\tconsole.log(this._camera.radius);\r\n this._camera.radius = this._initialCameraRadius * n;\r\n }\r\n\t\r\n\tsetCameraPosition(position){\r\n\t\tthis._camera.position = position;\r\n\t\tthis._cameraPositionOrRotationChanged();\r\n\t}\r\n\taddInPlace(scaledDirection){\r\n\t\tthis._camera.position.addInPlace(scaledDirection);\r\n\t\tthis._cameraPositionOrRotationChanged();\r\n\t}\r\n\tfromRotationMatrixToRef(rotationMatrix){\r\n\t\tBABYLON.Quaternion.FromRotationMatrixToRef(rotationMatrix, this._camera.rotationQuaternion);\r\n\t\tthis._cameraPositionOrRotationChanged();\r\n\t}\r\n\tgetCameraPosition(){\r\n\t\treturn this._camera.position;\r\n\t}\r\n startRendering() {\r\n this.setRendering(true);\r\n }\r\n stopRendering() {\r\n this.setRendering(false);\r\n }\r\n setRendering(value) {\r\n if (!(this._rendering ^ value)) return;\r\n this._rendering = value;\r\n if (value) {\r\n this._engine.runRenderLoop(this._rendeLoop);\r\n return;\r\n }\r\n this._engine.stopRenderLoop(this._rendeLoop);\r\n }\r\n\t_cameraPositionOrRotationChanged(){\r\n\t\tthis._updateVisibleObjectsFrequencyLimitedCallback.trigger(this._updateVisibleObjects);\r\n\t}\r\n\t_updateVisibleObjects(){\r\n\t\tif(window.objectIdsToShow){\r\n\t\t\tfor(var babylonModel of this._babylonModels){\r\n\t\t\t\tconsole.log(window.objectIdsToShow);\r\n\t\t\t\tbabylonModel.setVisibleObjects(window.objectIdsToShow);\r\n\t\t\t}\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif(window.setAllObjectsVisible){\r\n\t\t\t\t\r\n\t\t\tfor(var babylonModel of this._babylonModels){\r\n\t\t\t\tbabylonModel.setAllObjectsVisible();\r\n\t\t\t}\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tlet objectIdsToShow = [];\r\n\t\tconst {x, y, z}=this._camera.position;\r\n\t\tconst eulerAngles = this._camera.rotationQuaternion.toEulerAngles();\r\n\t\tconst yawRadians =-eulerAngles.y, pitchRadians=-eulerAngles.x;\r\n\t\tconsole.log(yawRadians);\r\n\t\tconsole.log(pitchRadians);\r\n\t\tfor(var babylonModel of this._babylonModels){\r\n\t\t\tconst objectIdsToShow = babylonModel.quadrants.getObjectIds({yawRadians, pitchRadians, x, y, z});\r\n\t\t\tconsole.log(objectIdsToShow);\r\n\t\t\tbabylonModel.setVisibleObjects(objectIdsToShow);\r\n\t\t}\r\n\t}\r\n _setPositionRotationAndScaling(root, position, rotation, scaling) {\r\n root.position = new BABYLON.Vector3(position.x, position.y, position.z);\r\n root.rotation = new BABYLON.Vector3(rotation.x, rotation.y, rotation.z); \r\n root.scaling = new BABYLON.Vector3(scaling.x, scaling.y, scaling.z);\r\n }\r\n _scheduleApplyTextureToMesh(mesh, babylonMesh, materialsManager) {\r\n materialsManager.getBabylonMaterialByName(mesh.material).then((babylonMaterial) => {\r\n babylonMesh.material = babylonMaterial;\r\n }).catch(console.error);\r\n }\r\n _rendeLoop() {\r\n this._scene.render();\r\n }\r\n _onWindowResize = event => {\r\n this._engine.resize();\r\n };\r\n\tdispose(){\r\n window.removeEventListener(\"resize\", this._onWindowResize, false);\r\n\t}\r\n}\r\nexport default BabylonScene;","import React, { Component } from 'react';\r\nimport './SitePlan3D.css';\r\nimport ModelRefs from '../modelling/ModelRefs';\r\nimport SitePlan3DViewModel from '../view_models/SitePlan3DViewModel';\r\nimport SitePlan3DView from '../views/3d/SitePlan3DView';\r\nimport Slider from './Slider';\r\nimport IconButton from './IconButton';\r\nimport HashSource from '../core/HashSource';\r\nimport BabylonModelsManager from '../modelling/BabylonModelsManager';\r\nimport Models from '../modelling/Models';\r\nimport BabylonScene from '../modelling/BabylonScene';\r\nimport GroupedCallbacks from '../core/GroupedCallbacks';\r\nimport Urls from '../urls/Urls';\r\nimport Dialog from './Dialog';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nconst { throwNotProvided } = ParameterErrors;\r\n\r\nexport default class SitePlan3D extends Component {\r\n\t\r\n constructor(props) {\r\n super(props);\r\n\t\tconst {hide, getInsertedMenuItemsHandler, getInsertedMenuItemsAtEndHandler, getConfiguration}=props;\r\n\t\tthis._getConfiguration= getConfiguration;\r\n\t\tthis.hide = hide;\r\n\t\tthis._getInsertedMenuItemsHandler = getInsertedMenuItemsHandler;\r\n this.load = this.load.bind(this);\r\n this.setVisible = this.setVisible.bind(this);\r\n this._load = this._load.bind(this);\r\n this._displayErrorDialog = this._displayErrorDialog.bind(this);\r\n this._retryLoad = this._retryLoad.bind(this);\r\n this._retryLoadWithLowerResolution = this._retryLoadWithLowerResolution.bind(this);\r\n this._elementRef = React.createRef();\r\n this.state = {visible:false};\r\n\t\tthis._groupedCallbacksLoad = null;\r\n\t\tthis._currentDialog = null;\r\n\t\tthis._insertedMenuItemsRemoveHandle = null;\r\n }\r\n\tload(siteJson){\r\n\t\tthis._siteJson = siteJson;\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tif(!this._groupedCallbacksLoad){\r\n\t\t\t\tthis._groupedCallbacksLoad = new GroupedCallbacks();\r\n\t\t\t\tsetTimeout(this._load,0);\r\n\t\t\t}\r\n\t\t\tthis._groupedCallbacksLoad.then(resolve);\r\n\t\t\tthis._groupedCallbacksLoad.catch(reject);\r\n\t\t});\r\n\t}\r\n\t_load(){\r\n\t\tconst sitePlan3DViewModel = new SitePlan3DViewModel({siteJson:this._siteJson, configuration:this._getConfiguration()});\r\n\t\tlet rootView;\r\n\t\tconst babylonScene = new BabylonScene({onReadyToAddSceneComponents:()=>{\r\n\t\t\trootView.initialize()\r\n\t\t\t.then(this._groupedCallbacksLoad.doThen)\r\n\t\t\t.catch((err)=>{\r\n\t\t\t\tconsole.error(err);\r\n\t\t\t\tthis._groupedCallbacksLoad.doCatch(err);\r\n\t\t\t\tthis._groupedCallbacksLoad= null;\r\n\t\t\t\tthis._displayErrorDialog();\r\n\t\t\t});\r\n\t\t}});\r\n\t\tconst babylonModelsManager = new BabylonModelsManager({modelRefs:this._modelRefs, models:this._siteJson.models,\r\n\t\t\tbabylonScene, modelsRootUrl:Urls.getAssetsForSite(this._getConfiguration().siteSlug) });\r\n\t\trootView = new SitePlan3DView({model:sitePlan3DViewModel, element:this._elementRef.current, babylonScene:babylonScene, babylonModelsManager:babylonModelsManager});\r\n\t}\r\n\t_displayErrorDialog({retry, retryWithLowerResolution}){\r\n\t\tthis._currentDialog = Dialog.create({\r\n\t\t\ttitle:'Error', \r\n\t\t\tclassName:'brochure-generation-result-dialog error',\r\n\t\t\tmessage:'Failed to load :(',\r\n\t\t\toptions:[\r\n\t\t\t\t{text:'Retry', callback:this._retryLoad}, \r\n\t\t\t\t{text:'Retry with lower resolution', callback:this._retryLoadWithLowerResolution},\r\n\t\t\t\t{text:'Cancel', callback:this.hide}\r\n\t\t\t]}\r\n\t\t);\r\n\t}\r\n\t_retryLoad(){\r\n\t\tthis._load();\r\n\t}\r\n\t_retryLoadWithLowerResolution(){\r\n\t\tthis._load();\r\n\t}\r\n\tsetVisible(value){\r\n\t\tthis._insertedMenuItemsRemoveHandle?.dispose();\r\n\t\tthis._insertedMenuItemsRemoveHandle = null;\r\n\t\tif(value){\r\n\t\t\tthis._insertedMenuItemsRemoveHandle = this._getInsertedMenuItemsHandler().registerMenuItems([\r\n\t\t\t\t\t({\r\n\t\t\t\tconst normalized = this._normalizeRadians(y);\r\n\t\t\t\tconsole.log(normalized);\r\n\t\t\t\tyawRadians+=normalized;\r\n\t\t\t});\r\n\t\t\tyawRadians = yawRadians/yawRadianss.length;\r\n\t\t}\r\n\t\tif(previousHotspot&&yawRadianss.length>1){\r\n\t\t\tlet directionOfTravel = this._normalizeRadians(Math.PI+previousHotspot.eulerAngles.yawRadians);\r\n\t\t\tlet differenceInDirectionOfTravelAndYawRadians = yawRadians- directionOfTravel;\r\n\t\t\tdifferenceInDirectionOfTravelAndYawRadians = Math.sign(differenceInDirectionOfTravelAndYawRadians)*differenceInDirectionOfTravelAndYawRadians;\r\n\t\t\tif(differenceInDirectionOfTravelAndYawRadians>Math.PI/2)\r\n\t\t\t\tyawRadians = yawRadians+Math.PI;\r\n\t\t}\r\n\t\treturn new EulerAngles({yawRadians:yawRadians, pitchRadians:0, rollRadians:0});\r\n\t}\r\n\t_normalizeRadians(value){\r\n\t\t\tvalue = value%TWO_PI;\r\n\t\t\twhile(value<0)value+=TWO_PI;\r\n\t\t\treturn value;\r\n\t}\r\n\tsetVisible(value){\r\n\t\t//this._iframeRef.current.src='about:blank';\r\n\t\t//setTimeout(()=>{\r\n\t\t//this._iframeRef.current.src=\"http://futurium.tech/Clients/vX922Pvm/VistryGroup/FletcherRise360/ExternalV3/\" ;\r\n\t\t//}, 0);\r\n\t\tthis._insertedMenuItemsRemoveHandle?.dispose();\r\n\t\tthis._insertedMenuItemsRemoveHandle = null;\r\n\t\tthis._insertedMenuItemsAtEndRemoveHandle?.dispose();\r\n\t\tthis._insertedMenuItemsAtEndRemoveHandle=null;\r\n\t\tif(value){\r\n\t\t\tthis._insertedMenuItemsRemoveHandle = this._getInsertedMenuItemsHandler().registerMenuItems([\r\n\t\t\t\t\t(\r\n\t )\r\n\t}\r\n}\r\n","const BrochureType={\r\n FavouritesAllPlots:1,\r\n Favourites:2,\r\n FavouritesAllHouseTypes:3,\r\n Configurator:4\r\n};\r\nBrochureType.getString = function(brochureType){\r\n\tswitch(brochureType){\r\n\t\tcase BrochureType.FavouritesAllPlots:\r\n\t\t\treturn 'All Plots';\r\n\t\tcase BrochureType.Favourites:\r\n\t\t\treturn 'Favourites';\r\n\t\tcase BrochureType.FavouritesAllHouseTypes:\r\n\t\t\treturn 'All House Types';\r\n\t\tcase BrochureType.Configurator:\r\n\t\t\treturn 'Configurator';\r\n\t\tdefault:\r\n\t\t\tthrow new Error('Not implemented');\r\n\t}\r\n};\r\nexport default BrochureType;","import ParameterErrors from '../errors/ParameterErrors';\r\nimport enableBindingToOthers from '../mvvm/enableBindingToOthers';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport WhenFinishedModifying from '../core/WhenFinishedModifying';\r\nimport Timer from '../core/Timer';\r\nimport BrochureProgressStatus from '../enums/BrochureProgressStatus';\r\nimport BrochureType from '../enums/BrochureType';\r\nimport Tooltip from '../components/Tooltip';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class BrochuresMenuEntry{\t\r\n\tconstructor(params){\r\n\t\tconst { brochureBeingGenerated }=params;\r\n\t\tenableBindingToOthers(this);\r\n\t\tif(!brochureBeingGenerated)throwNotProvided('brochureBeingGenerated');\r\n\t\tthis._brochureBeingGenerated = brochureBeingGenerated;\r\n\t\tthis.dispose = this.dispose.bind(this);\r\n\t\tthis._update = this._update.bind(this);\r\n\t\tthis._whenFinishedModifying = new WhenFinishedModifying({delay:100, callback:this._update});\r\n\t\tthis._brochureProgressStatusChanged = this._brochureProgressStatusChanged.bind(this);\r\n\t\tthis._brochureUrlChanged = this._brochureUrlChanged.bind(this);\r\n\t\tthis._proportionProgressChanged = this._proportionProgressChanged.bind(this);\r\n\t\tthis._updateProgressBarProportion = this._updateProgressBarProportion.bind(this);\r\n\t\tthis._currentBrochureProgressStatusClass = null;\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('brochures-menu-entry');\r\n\t\tthis._progressElement = document.createElement('div');\r\n\t\tthis._progressElement.classList.add('progress');\r\n\t\tthis._element.appendChild(this._progressElement);\r\n\t\tthis._innerElement = document.createElement('div');\r\n\t\tthis._innerElement.classList.add('inner');\r\n\t\tthis._element.appendChild(this._innerElement);\r\n\t\tthis._textElement = document.createElement('div');\r\n\t\tthis._textElement.classList.add('text');\r\n\t\tthis._innerElement.appendChild(this._textElement);\r\n\t\tthis._handleClick= this._handleClick.bind(this);\r\n\t\tthis._element.addEventListener('click', this._handleClick);\r\n\t\tthis._timerUpdateProgressProportion = new Timer({callback:this._updateProgressBarProportion, delay:500, nTicks:-1});\r\n\t\tthis._timerUpdateProgressProportion.start();\r\n\t\tthis._propertyBindingBrochureProgressStatus = PropertyBindingFactory.standard(\r\n\t\t\tthis, brochureBeingGenerated, 'brochureProgressStatus', this._brochureProgressStatusChanged);\r\n\t\t\t\r\n\t\tthis._propertyBindingBrochureUrl= PropertyBindingFactory.standard(\r\n\t\t\tthis, brochureBeingGenerated, 'brochureUrl', this._brochureUrlChanged);\r\n\t\t\t\r\n\t\tthis._propertyBindingProportionProgress = PropertyBindingFactory.standard(\r\n\t\t\tthis, brochureBeingGenerated, 'proportionProgress', this._proportionProgressChanged);\r\n\t}\r\n\tget brochureGenerationIdentifier(){\r\n\t\treturn this._brochureBeingGenerated.brochureGenerationIdentifier;\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\t_brochureProgressStatusChanged(){\r\n\t\tthis._changedStatusAtMilliseconds =new Date().getTime();\r\n\t\tthis._whenFinishedModifying.trigger();\r\n\t\tif(this._brochureBeingGenerated.brochureProgressStatus===BrochureProgressStatus.Generated)\r\n\t\t\tthis._timerUpdateProgressProportion.stop();\r\n\t}\r\n\t_brochureUrlChanged(){\r\n\t\tthis._whenFinishedModifying.trigger();\r\n\t}\r\n\t_proportionProgressChanged(){\r\n\t\tthis._whenFinishedModifying.trigger();\r\n\t}\r\n\t_update(){\r\n\t\tthis._updateBrochureProgressStatusClassOnElement();\r\n\t\tthis._updateProgressBarProportion();\r\n\t\tconst text = this._getText();\r\n\t\tthis._textElement.innerHTML = text;\r\n\t}\r\n\t_updateBrochureProgressStatusClassOnElement(){\r\n\t\tif(this._currentBrochureProgressStatusClass)\r\n\t\t\tthis._element.classList.remove(this._currentBrochureProgressStatusClass);\r\n\t\tconst className = BrochureProgressStatus.getClassName(this._brochureBeingGenerated.brochureProgressStatus);\r\n\t\tthis._currentBrochureProgressStatusClass = className;\r\n\t\tthis._element.classList.add(className);\r\n\t}\r\n\t_updateProgressBarProportion(){\r\n\t\tlet progressPercent=0;\r\n\t\tconst millisecondsSinceChangedStatus = new Date().getTime() - this._changedStatusAtMilliseconds ;\r\n\t\tconst neverGetThereProportion = 1-Math.pow(2, -millisecondsSinceChangedStatus/3000);\r\n\t\tswitch(this._brochureBeingGenerated.brochureProgressStatus){\r\n\t\t\tcase BrochureProgressStatus.Queued:\r\n\t\t\t\tprogressPercent=15+(35*neverGetThereProportion);\r\n\t\t\t\tbreak;\r\n\t\t\tcase BrochureProgressStatus.Generating:\r\n\t\t\tconst proportionProgress = this._brochureBeingGenerated.proportionProgress;\r\n\t\t\t\tprogressPercent=50+(50*neverGetThereProportion);\r\n\t\t\t\tbreak;\r\n\t\t\tcase BrochureProgressStatus.Generated:\r\n\t\t\t\tprogressPercent=100;\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tthrow new Error('Not implemented');\r\n\t\t}\r\n\t\tthis._progressElement.style.width=String(progressPercent)+'%';\r\n\t}\r\n\t_getText(){\r\n\t\t\r\n\t\tconst brochureType = this._brochureBeingGenerated.brochureType;\r\n\t\tlet text='';\r\n\t\tswitch(this._brochureBeingGenerated.brochureProgressStatus){\r\n\t\t\tcase BrochureProgressStatus.Queued:\r\n\t\t\t\ttext+='Queued: ';\r\n\t\t\t\tbreak;\r\n\t\t\tcase BrochureProgressStatus.Generating:\r\n\t\t\t\ttext+='Generating: ';\r\n\t\t\t\tbreak;\r\n\t\t\tcase BrochureProgressStatus.Generated:\r\n\t\t\t\ttext+='Download ';\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tthrow new Error('Not implemented');\r\n\t\t}\r\n\t\ttext+=BrochureType.getString(brochureType);\r\n\t\ttext+=' Brochure';\r\n\t\tconst plotNumbers = this._brochureBeingGenerated.plotNumbers;\r\n\t\tif(plotNumbers\r\n\t\t\t&&(plotNumbers.length>0)\r\n\t\t\t&&(brochureType!==BrochureType.FavouritesAllPlots)\r\n\t\t\t&&(brochureType!==BrochureType.FavouritesAllHouseTypes)\r\n\t\t\t)\r\n\t\t\ttext+=' maxPrice){\r\n\t\t\t\tmaxPrice = plotToConsider.price;\r\n\t\t\t\tmaxPriceString = plotToConsider.priceString;\r\n\t\t\t}\r\n\t\t});\r\n\t\tif(minPrice===null){\r\n\t\t\tthis._element.innerHTML = '';\r\n\t\t\tthis._element.classList.remove('visible');\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis._element.innerHTML = minPrice===maxPrice?minPriceString:`${minPriceString} - ${maxPriceString}`;\r\n\t\tthis._element.classList.add('visible');\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport IconButtonNonReact from '../components/IconButtonNonReact';\r\nimport Urls from '../urls/Urls';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport PlotStatus from '../site/PlotStatus';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport HouseTypesViewerEntryStatuses from './HouseTypesViewerEntryStatuses';\r\nimport HouseTypesViewerEntryPriceRange from './HouseTypesViewerEntryPriceRange';\r\nimport Checkbox from '../components/Checkbox';\r\nimport Star from '../components/Star';\r\nexport default class HouseTypesViewerEntry {\r\n\tconstructor({houseTypes, callbackClicked, houseTypeViewModel, showImagesFullScreen,\r\n\t\tshowStreetView, enterHouse, hide, callbackAddFavourite, callbackRemoveFavourite,\r\n\t\tconfiguration}){\r\n\t\tthis._callbackHide =hide;\r\n\t\tthis._callbackClicked = callbackClicked;\r\n\t\tthis._callbackAddFavourite = callbackAddFavourite;\r\n\t\tthis._callbackRemoveFavourite = callbackRemoveFavourite;\r\n\t\tthis._showImagesFullScreen= showImagesFullScreen;\r\n\t\tthis._showStreetView = showStreetView;\r\n\t\tthis._enterHouse= enterHouse;\r\n\t\tthis._houseTypes = houseTypes;\r\n\t\tthis._houseTypeViewModel = houseTypeViewModel;\r\n\t\tthis._handleClicked= this._handleClicked.bind(this);\r\n\t\tthis._statuses = new HouseTypesViewerEntryStatuses({houseTypes});\r\n\t\tthis._priceRange = new HouseTypesViewerEntryPriceRange({houseTypes});\r\n\t\tthis._handleStarSelectedChanged = this._handleStarSelectedChanged.bind(this);\r\n\t\tthis._handleCheckboxChanged = this._handleCheckboxChanged.bind(this);\r\n\t\tthis._houseTypeViewModelSelectedChanged = this._houseTypeViewModelSelectedChanged.bind(this);\r\n\t\tthis._handleClickButtonWalkmode = this._handleClickButtonWalkmode.bind(this);\r\n\t\tthis._showFloorPlans = this._showFloorPlans.bind(this);\r\n\t\tthis._handleClickImage = this._handleClickImage.bind(this);\r\n\t\tthis._showRoomImages = this._showRoomImages.bind(this);\r\n\t\tthis._handleShowConfigurator = this._handleShowConfigurator.bind(this);\r\n\t\tthis._expandAbout = this._expandAbout.bind(this);\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('house-types-viewer-entry');\r\n\t\tthis._imageWrapperElement = document.createElement('div');\r\n\t\tthis._imageWrapperElement.classList.add(\"image-wrapper\");\r\n\t\tthis._img = document.createElement('img');\r\n\t\tthis._img.classList.add('image');\r\n\t\tconst firstHouseTypeWithName = houseTypes[0];\r\n\t\tconst firstPlot = firstHouseTypeWithName.plots[0];\r\n\t\tthis._firstPlot = firstPlot;\r\n\t\tconst firstUnit = firstPlot.unit;\r\n\t\tthis._img.src = `${Urls.getAssetsForSite(configuration.siteSlug)}${UrlHelper.removeStartSlash(firstUnit.frontViewImage.getBestEntryToFitHeight(50).relativePath)}`;\r\n\t\tthis._infoWrapperElement = document.createElement('div');\r\n\t\tthis._infoWrapperElement.classList.add('info-wrapper');\r\n\t\tthis._descriptionElement = document.createElement('div');\r\n\t\tthis._descriptionElement.classList.add('description');\r\n\t\tthis._descriptionTextElement = document.createElement('div');\r\n\t\tthis._descriptionTextElement.classList.add('description-text');\r\n\t\tthis._descriptionTextElement.innerHTML = `${firstHouseTypeWithName.name}`;\r\n\t\tthis._topElement = document.createElement('div');\r\n\t\tthis._topElement.classList.add('top');\r\n\t\tthis._topElement.appendChild(this._imageWrapperElement);\r\n\t\tthis._imageWrapperElement.appendChild(this._img);\r\n\t\tthis._imageWrapperElement.addEventListener('click', this._handleClickImage);\r\n\t\tthis._topElement.appendChild(this._infoWrapperElement);\r\n\t\tthis._element.appendChild(this._topElement);\r\n\t\tthis._infoWrapperElement.appendChild(this._descriptionElement);\r\n\t\tthis._descriptionElement.appendChild(this._descriptionTextElement);\r\n\t\tthis._element.addEventListener('click', this._handleClicked);\r\n\t\tthis._handleStarSelectedChanged = this._handleStarSelectedChanged.bind(this);\r\n\t\tthis._plotPriceRangeElement = document.createElement('div');\r\n\t\tthis._plotPriceRangeElement.classList.add('price-range');\r\n\t\tthis._nBedroomsElement = document.createElement('div');\r\n\t\tthis._nBedroomsElement.classList.add('n-bedrooms');\r\n\t\tconst nBathroomString = configuration.showNBathrooms?` and ${firstPlot.nBathrooms} Bathrooms`:'';\r\n\t\tthis._nBedroomsElement.innerHTML = ' - '+String(firstPlot.nBedrooms)+' Bedrooms'+nBathroomString;\r\n\t\t\r\n\t\tthis._smallButtonsElement = document.createElement('div');\r\n\t\tthis._smallButtonsElement.classList.add('small-buttons');\r\n\t\t[this._plotPriceRangeElement, this._nBedroomsElement]\r\n\t\t\t.forEach(childElement=>this._descriptionElement.appendChild(childElement));\r\n\t\t[this._statuses.element, this._smallButtonsElement]\r\n\t\t\t.forEach(childElement=>this._infoWrapperElement.appendChild(childElement));\r\n\t\t/*const starFactory = React.createFactory(Star);\r\n\t\t\r\n\t\tthis._starElement = document.createElement('div');\r\n\t\tReactDOM.render(starFactory(\r\n\t\t\t{ \r\n\t\t\t\tonSelectedChange:this._handleStarSelectedChanged, \r\n\t\t\t\tref:this._star,\r\n\t\t\t\tstopEventPropagation:true\r\n\t\t\t}),\r\n\t\t\tthis._starElement);\r\n\t\tthis._smallButtonsElement.appendChild(this._starElement);\r\n\t\t*/\r\n\t\tconst hasOneOrMoreRoomImages=firstPlot.hasOneOrMoreRoomImages;\r\n\t\tthis._iconButtonWalkmode = new IconButtonNonReact({ \t\r\n\t\t\t\tclassName:[\"button-show-street-view\", \"button-show\"], \r\n\t\t\t\timgUrl:Urls.assets+'icons/UI_Button_Walkmode.png',\r\n\t\t\t\tonClick:this._handleClickButtonWalkmode\r\n\t\t\t});\r\n\t\tthis._smallButtonsElement.appendChild(this._iconButtonWalkmode.element);\r\n\t\t\t\r\n\t\t\r\n\t\tthis._iconButtonShowGallery = new IconButtonNonReact({\r\n\t\t\t\tclassName:[\"button-show-gallery\", \"button-show\"], \r\n\t\t\t\timgUrl:hasOneOrMoreRoomImages?(Urls.assets+'icons/UI_Button_Gallery.png'):(Urls.assets+'icons/UI_Button_Gallery_Disabled.png'),\r\n\t\t\t\tonClick:hasOneOrMoreRoomImages?this._showRoomImages:()=>{}\r\n\t\t\t});\r\n\t\tthis._smallButtonsElement.appendChild(this._iconButtonShowGallery.element);\r\n\t\t\t\r\n\t\t\r\n\t\tthis._iconButtonShowFloorplan = new IconButtonNonReact({\r\n\t\t\t\tclassName:[\"button-show-floor-plan\", \"button-show\"], \r\n\t\t\t\timgUrl:Urls.assets+'icons/UI_Button_Floorplan.png',\r\n\t\t\t\tonClick:this._showFloorPlans\r\n\t\t\t});\r\n\t\tthis._smallButtonsElement.appendChild(this._iconButtonShowFloorplan.element);\r\n\t\t\r\n\t\tthis._iconButtonEnterHouse = new IconButtonNonReact({\r\n\t\t\t\tclassName:[\"button-show-floor-plan\", \"button-show\"], \r\n\t\t\t\timgUrl:Urls.assets+'icons/UI_Button_Enter_House.png',\r\n\t\t\t\tonClick:this._handleShowConfigurator\r\n\t\t\t});\r\n\t\tthis._smallButtonsElement.appendChild(this._iconButtonEnterHouse.element);\r\n\t\tthis._smallButtonsElement.appendChild(this._priceRange.element);\r\n\t\t\r\n\t\tconst checkboxFactory = React.createFactory(Checkbox);\r\n\t\tthis._checkboxElement = document.createElement('div');\r\n\t\tthis._checkbox = ReactDOM.render(checkboxFactory(\r\n\t\t\t{ \ttoggleOnClick:true, \r\n\t\t\t\tonChange:this._handleCheckboxChanged,\r\n\t\t\t\tstopEventsPropagating:true,\r\n\t\t\t\tref:React.createRef()\r\n\t\t\t}),\r\n\t\t\tthis._checkboxElement\r\n\t\t);\r\n\t\tthis._checkboxRef = this._checkbox._checkboxRef;\r\n\t\tthis._descriptionElement.appendChild(this._checkboxElement);\r\n\t\t\r\n\t\tthis._aboutElement = document.createElement('div');\r\n\t\tthis._aboutElement.classList.add('about');\r\n\t\tthis._aboutElement.innerHTML = firstPlot.about;\r\n\t\tthis._aboutElement.addEventListener('click', this._expandAbout);\r\n\t\tsetTimeout(()=>{\r\n\t\tthis._infoWrapperElement.appendChild(this._aboutElement);\r\n\t\t}, 0);\r\n\t\thouseTypeViewModel.addEventListener('selectedchanged', this._houseTypeViewModelSelectedChanged);\r\n\t\t\r\n\t}\r\n\t_expandAbout(){\r\n\t\tif(this._aboutExpanded){\r\n\t\t\tthis._aboutExpanded = false;\r\n\t\t\tthis._element.removeChild(this._aboutElement);\r\n\t\t\tthis._infoWrapperElement.appendChild(this._aboutElement);\r\n\t\t\tthis._aboutElement.classList.remove('expanded');\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis._aboutExpanded = true;\r\n\t\tthis._infoWrapperElement.removeChild(this._aboutElement);\r\n\t\tthis._element.appendChild(this._aboutElement);\r\n\t\tthis._aboutElement.classList.add('expanded');\r\n\t}\r\n\t_handleStarSelectedChanged(selected){\r\n\t\tthis._houseTypes.forEach(houseType=>{\r\n\t\t\thouseType.plots.forEach(plot=>{\r\n\t\t\t\tif(selected)this._callbackAddFavourite(plot);\r\n\t\t\t\telse this._callbackRemoveFavourite(plot);\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\t_handleClickImage(){\r\n\t\tthis._showImagesFullScreen([this._firstPlot.frontViewImage]);\r\n\t}\r\n\t_handleClickButtonWalkmode(){\r\n\t\tthis._showStreetView({nearPlot:this._firstPlot});\r\n\t\tthis._callbackHide();\r\n\t}\r\n\t_houseTypeViewModelSelectedChanged(e){\r\n\t\tthis._checkboxRef.current.checked = e.value;\r\n\t}\r\n\t_handleCheckboxChanged(e){\r\n\t\tthis._houseTypeViewModel.selected = e.checked;\r\n\t}\r\n\t_showFloorPlans(){\r\n\t\tthis._showImagesFullScreen(this._firstPlot.floorPlanImages);\r\n\t}\r\n\t_showRoomImages(){\r\n\t\tthis._showImagesFullScreen(this._firstPlot.rooms.allImages);\r\n\t}\r\n\t_handleShowConfigurator(){\r\n\t\tthis._enterHouse(this._firstPlot);\r\n\t\tthis._callbackHide();\r\n\t}\r\n\tget number(){\r\n\t\treturn this._houseTypes[0].number;\r\n\t}\r\n\tset filteredOut(value){\r\n\t\tif(value)\r\n\t\t\tthis._element.classList.add('filtered-out');\r\n\t\telse\r\n\t\t\tthis._element.classList.remove('filtered-out');\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\t_handleClicked(){\r\n\t\tthis._callbackClicked(this);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './HouseTypesViewer.css';\r\nimport GenericWindow from '../window/GenericWindow';\r\nimport IconButtonNonReact from '../components/IconButtonNonReact';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport Urls from '../urls/Urls';\r\nimport WindowType from '../enums/WindowType';\r\nimport HouseTypesViewerEntry from './HouseTypesViewerEntry';\r\nimport MenuType from '../enums/MenuType';\r\nexport default class HouseTypesViewer {\r\n\tconstructor(props){\r\n\t\tconst {onSelectedOptionsChange, clearFilters, showMenu, showImagesFullScreen, showStreetView, \r\n\t\taddFavourite, removeFavourite, enterHouse, configuration} = props;\r\n\t\tthis._configuration= configuration;\r\n\t\tthis._showImagesFullScreen=showImagesFullScreen;\r\n\t\tthis._showStreetView = showStreetView;\r\n\t\tthis._updateSelected= this._updateSelected.bind(this);\r\n\t\tthis._callbackAddFavourite = addFavourite;\r\n\t\tthis._callbackRemoveFavourite = removeFavourite;\r\n\t\tthis._callbackSelectedOptionsChange=onSelectedOptionsChange;\r\n\t\tthis._enterHouse = enterHouse;\r\n\t\tthis._mapHouseTypeToEntry = new Map();\r\n\t\t\r\n\t\tconst title = \"House type\"\r\n\t\tthis._window = new GenericWindow({tooltipMessage:title, name:title, minWidth:100, maxWidth:800, minHeight:100, maxHeight:1000,\r\n\t\t\tdefaultWidth:600, defaultHeight:600, defaultX:10, defaultY:10, minimized:!\r\n\t\t\tconfiguration.showHouseTypesViewerOnOpen, \r\n\t\t\tmaximized:configuration.showHouseTypesViewerOnOpen, minimizable:true,\r\n\t\t\tmaximizable:true, closeable:true, minimizeOnClose:true, resizable:true, dragable:true,\r\n\t\t\ttype:WindowType.HOUSE_TYPE_VIEWER\r\n\t\t});\r\n\t\tthis._element = this._window.getElement();\r\n\t\tthis._element.classList.add('house-types-viewer');\r\n\t\tthis._innerElement =this._window.getMainElement();\r\n\t\tthis._innerElement.classList.add('inner');\r\n\t\tthis.initialize = this.initialize.bind(this);\r\n\t\tthis._createEntries = this._createEntries.bind(this);\r\n\t\tthis._clickedEntry = this._clickedEntry.bind(this);\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide= this.hide.bind(this);\r\n\t\t\r\n\t\t\r\n\t\tthis._entries = [];\r\n\t\tthis._menuElement= document.createElement('div');\r\n\t\tthis._menuElement.classList.add('top-menu');\r\n\t\tthis._iconButtonMenu = new IconButtonNonReact({ \t\r\n\t\t\t\tclassName:\"button-menu\", \r\n\t\t\t\timgUrl:Urls.assets+'icons/UI_Button_Filter.png',\r\n\t\t\t\tonClick:showMenu\r\n\t\t});\r\n\t\tthis._menuElement.appendChild(this._iconButtonMenu.element);\r\n\t\tthis._iconButtonClearFilters = new IconButtonNonReact({ \t\r\n\t\t\t\tclassName:\"button-clear-filters\", \r\n\t\t\t\timgUrl:Urls.assets+'icons/UI_Button_Filter_Clear.png',\r\n\t\t\t\tonClick:clearFilters\r\n\t\t});\r\n\t\tthis._menuElement.appendChild(this._iconButtonClearFilters.element);\r\n\t\tthis._scrollableElement = document.createElement('div');\r\n\t\tthis._scrollableElement.classList.add('scrollable');\r\n\t\tthis._innerElement.appendChild(this._menuElement);\r\n\t\tthis._innerElement.appendChild(this._scrollableElement);\r\n\t}\r\n\tinitialize({siteJson, houseTypesViewModel}){\r\n\t\tthis._siteJson = siteJson;\r\n\t\tconst title = siteJson.allUnitsHaveMultiplePlots?\"Apartment Type\":\"House type\";\r\n\t\tthis._window.setName(title);\r\n\t\tthis._window.setTooltipMessage(title);\r\n\t\tthis._createEntries(houseTypesViewModel);\r\n\t}\r\n\t_updateSelected(){\r\n\t\tconst houseTypeListsSelected = this._getHouseTypeListsSelected();\r\n\t\tconst seenEntries =[];\r\n\t\thouseTypeListsSelected.forEach(houseTypeListSelected=>{\r\n\t\t\tconst firstHouseTypeWithName = houseTypeListSelected[0];\r\n\t\t\tconst entry = this._mapHouseTypeToEntry.get(firstHouseTypeWithName);\r\n\t\t\tseenEntries.push(entry);\r\n\t\t\tentry.houseTypeSelected = true;\r\n\t\t});\r\n\t\tconst entriesNotSeen = this._entries.filter(entry=>seenEntries.indexOf(entry)<0);\r\n\t\tentriesNotSeen.forEach(entryNotSeen=>entryNotSeen.houseTypeSelected=false);\r\n\t}\r\n\t_createEntries(houseTypesViewModel){\r\n\t\thouseTypesViewModel.entries.forEach(houseTypeViewModel=>{\r\n\t\t\tconst houseTypes =houseTypeViewModel.houseTypesWithSameName;\r\n\t\t\tlet allHouseTypePlots = [];\r\n\t\t\thouseTypes.forEach(houseType=>allHouseTypePlots = allHouseTypePlots.concat(houseType.plots));\r\n\t\t\tif(allHouseTypePlots.length<1)return;\r\n\t\t\tconst houseTypesViewerEntry = new HouseTypesViewerEntry({\r\n\t\t\t\thouseTypes,\r\n\t\t\t\tcallbackClicked:this._clickedEntry,\r\n\t\t\t\thouseTypeViewModel,\r\n\t\t\t\tshowImagesFullScreen:this._showImagesFullScreen,\r\n\t\t\t\tshowStreetView:this._showStreetView,\r\n\t\t\t\thide:this.hide,\r\n\t\t\t\tcallbackAddFavourite:this._callbackAddFavourite,\r\n\t\t\t\tcallbackRemoveFavourite:this._callbackRemoveFavourite,\r\n\t\t\t\tenterHouse:this._enterHouse,\r\n\t\t\t\tconfiguration:this._configuration\r\n\t\t\t});\r\n\t\t\tthis._entries.push(houseTypesViewerEntry);\r\n\t\t\thouseTypes.forEach(houseType=>\r\n\t\t\t\tthis._mapHouseTypeToEntry.set(houseType, houseTypesViewerEntry)\r\n\t\t\t);\r\n\t\t\tthis._scrollableElement.appendChild(houseTypesViewerEntry.element);\r\n\t\t});\r\n\t}\r\n\t_clickedEntry(entry){\r\n\t\t\r\n\t}\r\n\tshow(){\r\n\t\tthis._window.unminimize();\r\n\t\tthis._window.bringToFront();\r\n\t}\r\n\thide(){\r\n\t\tthis._window.minimize();\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n}\r\n","import eventEnable from '../core/eventEnable';\r\nexport default class HouseTypeViewModel{\r\n\tconstructor(houseTypesWithSameName){\r\n\t\teventEnable(this);\r\n\t\tthis._houseTypesWithSameName= houseTypesWithSameName;\r\n\t\tthis._firstHouseType = houseTypesWithSameName[0];\r\n\t\tthis._dispatchSelectedChanged = this._dispatchSelectedChanged.bind(this);\r\n\t}\r\n\tget name(){\r\n\t\treturn this._firstHouseType.name;\r\n\t}\r\n\tget about(){\r\n\t\treturn this._firstHouseType.about;\r\n\t}\r\n\tget houseTypesWithSameName(){\r\n\t\treturn this._houseTypesWithSameName;\r\n\t}\r\n\tget imageAbsolutePath(){\r\n\t\treturn this._firstHouseType.getImageAbsolutePath();\r\n\t}\r\n\tget selected(){\r\n\t\treturn this._selected;\r\n\t}\r\n\tset selected(value){\r\n\t\tif(value===this._selected)return;\r\n\t\tthis._selected = value;\r\n\t\tthis._dispatchSelectedChanged(value);\r\n\t}\r\n\t_dispatchSelectedChanged(value){\r\n\t\tthis.dispatchEvent({type:'selectedchanged', value:value, houseTypeViewModel:this});\r\n\t}\r\n}","import HouseTypeViewModel from './HouseTypeViewModel';\r\nimport eventEnable from '../core/eventEnable';\r\nexport default class HouseTypesViewModel{\r\n\tconstructor(plotsArray){\r\n\t\teventEnable(this);\r\n\t\tthis._dispatchSelectedChanged = this._dispatchSelectedChanged.bind(this);\r\n\t\tconst houseTypesForPlots=[];\r\n\t\tplotsArray.forEach(plot=>{\r\n\t\t\tif(plot.affordable)return;\r\n\t\t\tif(houseTypesForPlots.indexOf(plot.houseType)<0)\r\n\t\t\t\thouseTypesForPlots.push(plot.houseType);\r\n\t\t});\r\n\t\t\r\n\t\tconst mapHouseTypeNameToHouseTypes = new Map();\r\n\t\thouseTypesForPlots.forEach(houseType=>{\r\n\t\t\tlet listOfHouseTypesForName = mapHouseTypeNameToHouseTypes.get(houseType.name);\r\n\t\t\tif(listOfHouseTypesForName===undefined||listOfHouseTypesForName===null){\r\n\t\t\t\tlistOfHouseTypesForName=[];\r\n\t\t\t\tmapHouseTypeNameToHouseTypes.set(houseType.name, listOfHouseTypesForName);\r\n\t\t\t}\r\n\t\t\tlistOfHouseTypesForName.push(houseType);\r\n\t\t});\r\n\t\tconst houseTypeLists = Array.from(mapHouseTypeNameToHouseTypes.values());\r\n\t\tthis._entries = houseTypeLists.map(houseTypeList=>{\r\n\t\t\tconst houseTypeViewModel = new HouseTypeViewModel(houseTypeList);\r\n\t\t\thouseTypeViewModel.addEventListener('selectedchanged', this._dispatchSelectedChanged);\r\n\t\t\treturn houseTypeViewModel;\r\n\t\t});\r\n\t}\r\n\tget entries(){\r\n\t\treturn this._entries;\r\n\t}\r\n\t_dispatchSelectedChanged(e){\r\n\t\tthis.dispatchEvent(e);\r\n\t}\r\n}","import ReactDOM from 'react-dom';\r\nimport React from 'react';\r\nimport JumpableZoomableDragable from '../components/JumpableZoomableDragable';\r\nimport Urls from '../urls/Urls';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport './FullScreenImagesViewer.css';\r\nimport IconButtonNonReact from './IconButtonNonReact';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class FullScreenImagesViewer {\r\n\tconstructor({configuration}){\r\n\t\tthis._configuration = configuration;\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add(\"full-screen-images-viewer\");\r\n\t\tthis._jumpableZoomableDragableWrapperElement = document.createElement('div');\r\n\t\tthis._jumpableZoomableDragableWrapperElement.classList.add('jumpable-zoomable-dragable-wrapper');\r\n\t\tthis._jumpableZoomableDragableFactory= React.createFactory(JumpableZoomableDragable);\r\n\t\tthis.hide= this.hide.bind(this);\r\n\t\tthis.show= this.show.bind(this);\r\n\t\tthis._setVisible= this._setVisible.bind(this);\r\n\t\tthis._renderJumpableZoomableDragable= this._renderJumpableZoomableDragable.bind(this);\r\n\t\tthis._handleClickButtonClose= this._handleClickButtonClose.bind(this);\r\n\t\tthis._renderJumpableZoomableDragable([]);\r\n\t\tthis._iconButtonNonReactClose = new IconButtonNonReact({imgUrl:Urls.assets+'icons/UI_Button_Exit.png',\r\n\t\t\tonClick:this._handleClickButtonClose});\r\n\t\tthis._element.appendChild(this._jumpableZoomableDragableWrapperElement);\r\n\t\tthis._element.appendChild(this._iconButtonNonReactClose.element);\r\n\t}\r\n\t_handleClickButtonClose(){\r\n\t\tthis.hide();\r\n\t}\r\n\t_renderJumpableZoomableDragable(images){\r\n\t\tReactDOM.render(this._jumpableZoomableDragableFactory(\r\n\t\t\t{ \r\n\t\t\t\timages:images,\r\n\t\t\t\trootUrl:Urls.getAssetsForSite(this._configuration.siteSlug),\r\n\t\t\t\tzoomMin:1,\r\n\t\t\t\tzoomMax:4\r\n\t\t\t}),\r\n\t\t\tthis._jumpableZoomableDragableWrapperElement);\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\thide(){\r\n\t\tthis._setVisible(false);\r\n\t}\r\n\tshow({images}){\r\n\t\tthis._setVisible(true);\r\n\t\tthis._renderJumpableZoomableDragable(images);\r\n\t}\r\n\t_setVisible(value){\r\n\t\tif(value)\r\n\t\t\tthis._element.classList.add('visible');\r\n\t\telse this._element.classList.remove('visible');\r\n\t}\r\n}\r\n","import ParameterErrors from '../errors/ParameterErrors';\r\nconst{throwNotProvided, throwNotOfType}=ParameterErrors;\r\nexport default class DistanceHelper {\r\n static calculateKmFromLatLng(latLng1, latLng2) {\r\n\t\tDistanceHelper._validateLatLng(latLng1, 'latLng1');\r\n\t\tDistanceHelper._validateLatLng(latLng2, 'latLng2');\r\n\t\tconst [lat1, lon1]= latLng1;\r\n\t\tconst [lat2, lon2]= latLng2;\r\n\t\tconst R = 6371e3; // metres\r\n\t\tconst φ1 = lat1 * Math.PI/180; // φ, λ in radians\r\n\t\tconst φ2 = lat2 * Math.PI/180;\r\n\t\tconst Δφ = (lat2-lat1) * Math.PI/180;\r\n\t\tconst Δλ = (lon2-lon1) * Math.PI/180;\r\n\t\tconst a = Math.sin(Δφ/2) * Math.sin(Δφ/2) +\r\n\t\t\t\t Math.cos(φ1) * Math.cos(φ2) *\r\n\t\t\t\t Math.sin(Δλ/2) * Math.sin(Δλ/2);\r\n\t\tconst c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));\r\n\t\tconst d = R * c/1000;\r\n\t\treturn d;\r\n }\r\n\tstatic _validateLatLng(latLng, parameterName){\r\n\t\tif(latLng===undefined||latLng===null)\r\n\t\t\tthrowNotProvided(parameterName);\r\n\t\tif(!Array.isArray(latLng)||(latLng.length!==2))\r\n\t\t\tthrowNotOfType(parameterName, '[number, number]');\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nimport DistanceHelper from '../geometry/DistanceHelper';\r\nimport Urls from '../urls/Urls';\r\nimport './NearbySites.css';\r\nexport default class NearbySite{\r\n\tconstructor({siteJson, thisSiteJson}){\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('nearby-site');\r\n\t\tthis._imageWrapperElement = document.createElement('div');\r\n\t\tthis._imageWrapperElement.classList.add('image-wrapper');\r\n\t\tthis._imgElement = document.createElement('img');\r\n\t\tthis._textElement = document.createElement('div');\r\n\t\tthis._textElement.classList.add('text');\r\n\t\tthis._distanceElement = document.createElement('div');\r\n\t\tthis._distanceElement.classList.add('distance');\r\n\t\tthis._element.appendChild(this._imageWrapperElement);\r\n\t\tthis._imageWrapperElement.appendChild(this._imgElement);\r\n\t\tconst configuration = siteJson.configuration;\r\n\t\tthis._imgElement.src = Urls.getAssetsForSite(configuration.siteSlug)\r\n\t\t\t+'/'+siteJson.birdsEyeViews.getDefault().imageRelativePath;\r\n\t\tthis._element.appendChild(this._textElement);\r\n\t\tthis._textElement.innerHTML=configuration.siteName;\r\n\t\tthis._distanceElement.innerHTML = ' ('+String(Math.round(DistanceHelper.calculateKmFromLatLng(siteJson.latLng, \r\n\t\t\t\tthisSiteJson.latLng)))+'km)';\r\n\t\tthis._textElement.appendChild(this._distanceElement);\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nimport NearbySite from './NearbySite';\r\nimport './NearbySites.css';\r\nexport default class NearbySites{\r\n\tconstructor(props){\r\n\t\tconst {}=props;\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('nearby-sites');\r\n\t\tthis.initialize = this.initialize.bind(this);\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide= this.hide.bind(this);\r\n\t\tthis._setVisible= this._setVisible.bind(this);\r\n\t\tthis._clickedOffManager = new ClickedOffManager({element:this._element, hide:this.hide});\r\n\t}\r\n\tinitialize({siteJsons, thisSiteJson}){\r\n\t\tsiteJsons.entries.forEach(siteJson=>{\r\n\t\t\tif(siteJson===thisSiteJson)return;\r\n\t\t\tconst nearbySite = new NearbySite({siteJson, thisSiteJson});\r\n\t\t\tthis._element.appendChild(nearbySite.element);\r\n\t\t});\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\tshow(){\r\n\t\tthis._clickedOffManager.register();\r\n\t\tthis._setVisible(true);\r\n\t}\r\n\t_setVisible(value){\r\n\t\tif(value)\r\n\t\t\tthis._element.classList.add('visible');\r\n\t\telse \r\n\t\t\tthis._element.classList.remove('visible');\r\n\t}\r\n\thide(){\r\n\t\tthis._clickedOffManager.dispose();\r\n\t\tthis._setVisible(false);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './SitePlan.css';\r\nimport PlotMoreInformationType from '../enums/PlotMoreInformationType';\r\nimport BirdsEyeView from './BirdsEyeView';\r\nimport Filters from './Filters';\r\nimport AvailablePricesFilter from './AvailablePricesFilter';\r\nimport Favourite from '../favourites/Favourite';\r\nimport StatusFilter from './StatusFilter';\r\nimport BedroomsFilter from './BedroomsFilter';\r\nimport FeaturesFilter from './FeaturesFilter';\r\nimport MenuBar from './MenuBar';\r\nimport MainMenu from './MainMenu';\r\nimport VideoPlayer from './VideoPlayer';\r\nimport MenuManager from './MenuManager';\r\nimport HouseTypeFilter from './HouseTypeFilter';\r\nimport PlotFilterer from '../filters/PlotFilterer';\r\nimport PlotSearch from './PlotSearch';\r\nimport SitePicker from './SitePicker';\r\nimport Spinner from './Spinner';\r\nimport MouseBlocker from './MouseBlocker';\r\nimport Handles from '../core/Handles';\r\nimport PlotMoreInformation from './PlotMoreInformation';\r\nimport BrochureGeneration from './BrochureGeneration';\r\nimport ImageViewer from './ImageViewer';\r\nimport Favourites from './Favourites';\r\nimport Dialog from './Dialog';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport StylesHelper from '../html/StylesHelper';\r\nimport PrivacyPolicy from './PrivacyPolicy';\r\nimport SitePlan3D from './SitePlan3D';\r\nimport SitePlan360 from './SitePlan360';\r\nimport Configurator from './Configurator';\r\nimport Urls from '../urls/Urls';\r\nimport SitePlanVisibleType from '../enums/SitePlanVisibleType';\r\nimport PlotMenu from './PlotMenu';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport BrochuresMenu from '../brochures/BrochuresMenu';\r\nimport BrochuresManager from '../brochures/BrochuresManager';\r\nimport PlotDetailedInformationsManager from '../plot_detailed_information/PlotDetailedInformationsManager';\r\nimport PlotComparisonManager from '../plot_detailed_information/PlotComparisonManager';\r\nimport PlotsSelectionMenu from './PlotsSelectionMenu';\r\nimport HouseTypesViewer from '../house_types_viewer/HouseTypesViewer';\r\nimport HouseTypesViewModel from '../view_models/HouseTypesViewModel';\r\nimport PlotStatus from '../site/PlotStatus';\r\nimport FullScreenImagesViewer from './FullScreenImagesViewer';\r\nimport NearbySites from './NearbySites';\r\nconst urlParams = new URLSearchParams(window.location.search);\r\nconst hashType = window.location.href.split('#')[1];\r\nconst{throwNotProvided}=ParameterErrors;\r\nexport default class SitePlan extends Component {\r\n\tstatic get BIRDS_EYE_VIEW_ZOOM_MIN(){\r\n\t\treturn 1;\r\n\t}\r\n\tstatic get BIRDS_EYE_VIEW_ZOOM_MAX(){\r\n\t\treturn 6;\r\n\t}\r\n\tstatic get _MAX_FAVOURITES(){\r\n\t\treturn 10\r\n\t}\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {configuration, callbackDidMount}=props;\r\n\t\tthis._callbackDidMount = callbackDidMount;\r\n\t\tthis._getConfiguration = ()=>configuration;\r\n\t\tthis._elementRef = React.createRef();\r\n\t\tthis._menuBarRef=React.createRef();\r\n\t\tthis._mainMenuRef = React.createRef();\r\n\t\tthis._filtersRef=React.createRef();\r\n\t\tthis._availablePricesFilterRef = React.createRef(); \r\n\t\tthis._statusFilterRef = React.createRef();\r\n\t\tthis._bedroomsFilterRef = React.createRef();\r\n\t\tthis._plotSearchRef = React.createRef();\r\n\t\tthis._houseTypeFilterRef = React.createRef();\r\n\t\tthis._featuresFilterRef = React.createRef();\r\n\t\tthis._spinnerRef = React.createRef();\r\n\t\tthis._mouseBlockerRef=React.createRef();\r\n\t\tthis._plotMoreInformationRef=React.createRef();\r\n\t\tthis._brochureGenerationRef = React.createRef();\r\n\t\tthis._favouritesRef = React.createRef();\r\n\t\tthis._imageViewerRef=React.createRef();\r\n\t\tthis._showForSale=this._showForSale.bind(this);\r\n\t\tthis.initialize = this.initialize.bind(this);\r\n\t\tthis._birdsEyeViewRef=React.createRef();\r\n\t\tthis._privacyPolicyRef= React.createRef();\r\n\t\tthis._sitePlan3DRef = React.createRef();\r\n\t\tthis._sitePlan360Ref = React.createRef();\r\n\t\tthis._configuratorRef = React.createRef();\r\n\t\tthis._menuManagerRef = React.createRef();\r\n\t\tthis._plotMenuRef = React.createRef();\r\n\t\tthis._brochuresMenuRef = React.createRef();\r\n\t\tthis._spinnerHandles = new Handles();\r\n\t\tthis._loadSite= this._loadSite.bind(this);\r\n\t\tthis._load3dSite= this._load3dSite.bind(this);\r\n\t\tthis._getFilteredPlots = this._getFilteredPlots.bind(this);\r\n\t\tthis._handleShowMainMenu = this._handleShowMainMenu.bind(this);\r\n\t\tthis._filtersChanged=this._filtersChanged.bind(this);\r\n\t\tthis._filterAndLoadPlots=this._filterAndLoadPlots.bind(this);\r\n\t\tthis._loadIndividualPlot = this._loadIndividualPlot.bind(this);\r\n\t\tthis._clearFilters = this._clearFilters.bind(this);\r\n\t\tthis._plotSearchSelectedPlot=this._plotSearchSelectedPlot.bind(this);\r\n\t\tthis._getDimensions = this._getDimensions.bind(this);\r\n\t\tthis._handleShowPlotMoreInformation = this._handleShowPlotMoreInformation.bind(this);\r\n\t\tthis._handlePlaySiteVideo = this._handlePlaySiteVideo.bind(this);\r\n\t\tthis._handleShowTwoDSitePlan = this._handleShowTwoDSitePlan.bind(this);\r\n\t\tthis._handleClickedFavourite = this._handleClickedFavourite.bind(this);\r\n\t\tthis._handleZoomChange = this._handleZoomChange.bind(this);\r\n\t\tthis.resize= this.resize.bind(this);\r\n\t\tthis._setMenuBarZoom= this._setMenuBarZoom.bind(this);\r\n\t\tthis._handleSetFavouritesActive= this._handleSetFavouritesActive.bind(this);\r\n\t\tthis._handleFavouritesHide= this._handleFavouritesHide.bind(this);\r\n\t\tthis._handleExpandImage=this._handleExpandImage.bind(this);\r\n\t\tthis._handleAddFavourite = this._handleAddFavourite.bind(this);\r\n\t\tthis._handleRemoveFavourite = this._handleRemoveFavourite.bind(this);\r\n\t\tthis._handleShowOutside360 = this._handleShowOutside360.bind(this);\r\n\t\tthis._handleShowDefaultOutside360 = this._handleShowDefaultOutside360.bind(this);\r\n\t\tthis._handleShow3d = this._handleShow3d.bind(this);\r\n\t\tthis._handleShowBrochures = this._handleShowBrochures.bind(this);\r\n\t\tthis._handleBackFromSitePlan360 = this._handleBackFromSitePlan360.bind(this);\r\n\t\tthis._handleEnterHouse = this._handleEnterHouse.bind(this);\r\n\t\tthis._handleShowSuggestedSites = this._handleShowSuggestedSites.bind(this);\r\n\t\tthis._initializeConfiguredCssClasses = this._initializeConfiguredCssClasses.bind(this);\r\n\t\tthis._showTooManyFavouritesDialog = this._showTooManyFavouritesDialog.bind(this);\r\n\t\tthis._handlePreviousSitePlanVisibleTypeElseDefault = this._handlePreviousSitePlanVisibleTypeElseDefault.bind(this);\r\n\t\tthis._handleShowBrochureGenerationDialog= this._handleShowBrochureGenerationDialog.bind(this);\r\n\t\tthis._handleShowSendFavouritesBrochure= this._handleShowSendFavouritesBrochure.bind(this);\r\n\t\tthis._handleShowStreetView= this._handleShowStreetView.bind(this);\r\n\t\tthis._hasSpaceToShowMenuOnOpen= this._hasSpaceToShowMenuOnOpen.bind(this);\r\n\t\tthis._menuBarIsHorizontalChanged = this._menuBarIsHorizontalChanged.bind(this);\r\n\t\tthis._handleEnterHouseByPlotNumber = this._handleEnterHouseByPlotNumber.bind(this);\r\n\t\tthis._setupFirstShowPlotMarkers = this._setupFirstShowPlotMarkers.bind(this);\r\n\t\tthis._showPlotDetailedInformation = this._showPlotDetailedInformation.bind(this);\r\n\t\tthis._showImagesFullScreen = this._showImagesFullScreen.bind(this);\r\n\t\tthis._handleShowPlots = this._handleShowPlots.bind(this);\r\n\t\tthis._handleShowHouseTypes = this._handleShowHouseTypes.bind(this);\r\n\t\tthis._showPlotMenuForPlot = this._showPlotMenuForPlot.bind(this);\r\n\t\tthis.setFilterInSiteFromWhatAreYouLookingFor = this.setFilterInSiteFromWhatAreYouLookingFor.bind(this);\r\n\t\tthis._previousSitePlanVisibleType = null;\r\n\t\tthis._currentSitePlanVisibleType = null;\r\n\t\tthis._plotFilterer = new PlotFilterer();\r\n\t\tthis._siteJson = null;\r\n\t\tthis._initializedConfiguredCssClasses = null;\r\n\t\tthis._showPlotMarkers = false;\r\n\t\tthis._doneFirstShowPlotMarkers=false;\r\n\t\tthis.state = {birdsEyeView:null, menuBarHorizontal:false, fadeInPlotMarkers:true}\r\n\t}\r\n\tinitialize({siteJsons}){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tconst spinnerHandle = this._spinnerHandles.take();\r\n\t\t\tthis._loadSite(siteJsons).then(()=>{\t\r\n\t\t\t\tspinnerHandle.dispose()\r\n\t\t\t\tresolve(this);\r\n\t\t\t}).catch((err)=>{\r\n\t\t\t\tspinnerHandle.dispose();\r\n\t\t\t\treject(err);\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\t_loadSite(siteJsons){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tAssetsManager.getSiteAssets(this._getConfiguration()).then(({siteJson, configuration})=>{\r\n\t\t\t\tthis._siteJson = siteJson;\r\n\t\t\t\tthis._houseTypesViewModel = new HouseTypesViewModel(this._siteJson.getPlotsArray());\r\n\t\t\t\tconst unitsArray = siteJson.units.getArray();\r\n\t\t\t\tconst plotsArray = siteJson.units.getPlotsArray();\r\n\t\t\t\tthis._initializeConfiguredCssClasses(configuration.plotStatusConfigurations);\r\n\t\t\t\tthis._plotFilterer.clearFilters();\r\n\t\t\t\tthis._availablePricesFilterRef.current.load({plotsArray:plotsArray, availablePricesSettings:this._siteJson.filtersSettings.availablePricesSettings,\r\n\t\t\t\t\tcurrencyConfiguration:this._siteJson.currencyConfiguration});\r\n\t\t\t\t\tthis._featuresFilterRef.current.load({siteJson});\r\n\t\t\t\tthis._statusFilterRef.current.load(plotsArray);\r\n\t\t\t\tthis._houseTypeFilterRef.current.load(this._houseTypesViewModel, siteJson);\r\n\t\t\t\tthis._bedroomsFilterRef.current.load(plotsArray);\r\n\t\t\t\tthis._plotSearchRef.current.load(siteJson.units);\r\n\t\t\t\tthis._plotsSelectionMenu?.initialize({siteJson});\r\n\t\t\t\tthis._houseTypesViewer?.initialize({siteJson, \r\n\t\t\t\t\thouseTypesViewModel:this._houseTypesViewModel});\r\n\t\t\t\tif(siteJsons)\r\n\t\t\t\t\tthis._nearbySites?.initialize({siteJsons, thisSiteJson:siteJson});\r\n\t\t\t\tthis._filtersRef.current.load({siteJson});\r\n\t\t\t\tthis._filterAndLoadPlots().then(()=>{\r\n\t\t\t\t\tthis._sitePlan360Ref.current.load(siteJson, this._getConfiguration()).then(()=>{//needs to be visible as loads.\r\n\t\t\t\t\t\t\tthis._setVisibleType(SitePlanVisibleType.BIRDS_EYE_VIEW);\r\n\t\t\t\t\t\t\tif(this._hasSpaceToShowMenuOnOpen()){\r\n\t\t\t\t\t\t\t\tthis._handleShowMainMenu();//simpligon \r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tthis._setupFirstShowPlotMarkers();\r\n\t\t\t\t\t\tresolve();\r\n\t\t\t\t\t}).catch(reject);\r\n\t\t\t\t}).catch(reject);\r\n\t\t\t}).catch(reject);\r\n\t\t});\r\n\t}\r\n\t_initializeThreeDIfEnabled({configuration, siteJson}){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tif(!configuration.threeDEnabled)return Promise.resolve();\r\n\t\t\tthis._sitePlan3DRef.current.load(siteJson).then(resolve).catch(reject);\r\n\t\t});\r\n\t}\r\n\tsetFilterInSiteFromWhatAreYouLookingFor(whatAreYouLookingForViewModel){\r\n\t\twhatAreYouLookingForViewModel.visible = false;\r\n\t\tconst plotsStillAvailableWithAnd = whatAreYouLookingForViewModel.getPlotsStillAvailableForSite(this._siteJson);\r\n\t\tif(plotsStillAvailableWithAnd.length>0){\r\n\t\t\tthis._plotFilterer.clearFilters();\r\n\t\t\tthis._statusFilterRef.current.setAvailableOnly();\r\n\t\t\tthis._houseTypeFilterRef.current.setFromWhatAreYouLookingForViewModel(whatAreYouLookingForViewModel);\r\n\t\t\tthis._bedroomsFilterRef.current.setFromWhatAreYouLookingForViewModel(whatAreYouLookingForViewModel);\r\n\t\t\tthis._availablePricesFilterRef.current.setFromWhatAreYouLookingForViewModel(whatAreYouLookingForViewModel);\r\n\t\t\tconst filteredPlots = this._getFilteredPlots();\r\n\t\t\tif(filteredPlots.length>0){\r\n\t\t\t\tthis._plotsSelectionMenu?.setFilteredPlots(filteredPlots);\r\n\t\t\t\tthis._plotMenuRef.current.setFilteredPlots(filteredPlots);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\tconst loadPlotsDirectory = (plots, message)=>{\t\r\n\t\t\tthis._doneFirstShowPlotMarkers=true;\t\t\r\n\t\t\tconst siteJsonUnits = [];\r\n\t\t\tplots.forEach(plot=>{\r\n\t\t\t\tif(siteJsonUnits.indexOf(plot.unit)<0)\r\n\t\t\t\t\tsiteJsonUnits.push(plot.unit);\r\n\t\t\t});\r\n\t\t\tthis._birdsEyeViewRef.current.load({siteJson:this._siteJson, unitsArray:siteJsonUnits,\r\n\t\t\t\tshowPlotMarkers:true, filtered:false})\r\n\t\t\t.catch(console.error);\r\n\t\t\tthis._plotsSelectionMenu?.setFilteredPlots(plots);\r\n\t\t\tthis._plotMenuRef.current.setFilteredPlots(plots);\r\n\t\t\t/*\r\n\t\t\tthis._currentDialog = Dialog.create({\r\n\t\t\t\ttitle:'Info', \r\n\t\t\t\tclassName:'brochure-generation-result-dialog error',\r\n\t\t\t\tmessage:message,\r\n\t\t\t\toptions:[{text:'OK', callback:()=>{\r\n\t\t\t\t\t\r\n\t\t\t\t}}]}\r\n\t\t\t);*/\r\n\t\t};\r\n\t\t\r\n\t\tconst plotsStillAvailableWithOr = whatAreYouLookingForViewModel.getPlotsStillAvailableWithOr(this._siteJson);\r\n\t\tif(plotsStillAvailableWithOr.length>0)\r\n\t\t{\r\n\t\t\tconsole.log('plotsStillAvailableWithOr');\r\n\t\t\tconsole.log(plotsStillAvailableWithOr.length);\r\n\t\t\tloadPlotsDirectory(plotsStillAvailableWithOr, \r\n\t\t\t\t'No plots matched all filters. The active plots matched some of the filters!');\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t\r\n\t\tconst allPlots = this._siteJson.getPlotsArray();\r\n\t\tconst allAvailablePlotsForSite = allPlots.filter(siteJsonUnitPlot=>siteJsonUnitPlot.status===PlotStatus.AVAILABLE);\r\n\t\tif(allAvailablePlotsForSite.length>0){\r\n\t\t\tconsole.log('allAvailablePlotsForSite');\r\n\t\t\tconsole.log(allAvailablePlotsForSite.length);\r\n\t\t\tloadPlotsDirectory(allAvailablePlotsForSite, \r\n\t\t\t\t'No available plots currently match what you’re looking for, please see other available plots below');\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t\r\n\t\tconst allPlotsThatCouldBecomeAvailable = allPlots.filter(siteJsonUnitPlot=>siteJsonUnitPlot.status!==PlotStatus.SOLD_OR_UNAVAILABLE&&siteJsonUnitPlot.status!==PlotStatus.RESERVED);\r\n\t\tif(allPlotsThatCouldBecomeAvailable.length>0){\r\n\t\t\tloadPlotsDirectory(allPlotsThatCouldBecomeAvailable,\r\n\t\t\t\t'The site had no available plots. Please see other plots which may become available');\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t\r\n\t\tloadPlotsDirectory(allPlots, 'The site had no available plots. Showing other plots.');\r\n\t\t\r\n\t}\r\n\tresize(){\r\n\t\tconsole.log('resized_fdfd');\r\n\t\tthis._birdsEyeViewRef.current?.resize();\r\n\t}\r\n\t_load3dSite(){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tAssetsManager.getSiteAssets(this._getConfiguration()).then(({siteJson, configuration})=>{\r\n\t\t\t\tthis._sitePlan3DRef.current.load(siteJson).then(()=>{\r\n\t\t\t\t\tresolve();\r\n\t\t\t\t}).catch(reject);\r\n\t\t\t}).catch(reject);\r\n\t\t});\r\n\t}\r\n\t_setupFirstShowPlotMarkers(){\r\n\t\tconst delayShowPlotMarkersSeconds = this._getConfiguration().delayShowPlotMarkersSeconds;\r\n\t\tconst show = ()=>{\r\n\t\t\tif(this._doneFirstShowPlotMarkers)return;\r\n\t\t\tthis._doneFirstShowPlotMarkers = true;\r\n\t\t\tthis._showPlotMarkers= true;\r\n\t\t\tthis._filterAndLoadPlots().then(()=>{\r\n\t\t\t\tsetTimeout(()=>{\r\n\t\t\t\t\tthis.setState({fadeInPlotMarkers:false});\r\n\t\t\t\t}, 5000);\r\n\t\t\t}).catch(console.error);\r\n\t\t};\r\n\t\tif(delayShowPlotMarkersSeconds>0){\r\n\t\t\tsetTimeout(show,delayShowPlotMarkersSeconds*1000);\r\n\t\t}\r\n\t\tconst handleFirstMouseDown = ()=>{\r\n\t\t\tdocument.documentElement.removeEventListener('mousedown', handleFirstMouseDown);\r\n\t\t\tshow();\r\n\t\t};\r\n\t\tdocument.documentElement.addEventListener('mousedown', handleFirstMouseDown);\r\n\t}\r\n\t_setVisibleType(sitePlanVisibleType){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tthis._previousSitePlanVisibleType = this._currentSitePlanVisibleType;\r\n\t\t\tswitch(sitePlanVisibleType){\r\n\t\t\t\tcase SitePlanVisibleType.BIRDS_EYE_VIEW:\r\n\t\t\t\t\tthis._birdsEyeViewRef.current.setVisible(true);\r\n\t\t\t\t\tthis._sitePlan360Ref.current.setVisible(false);\r\n\t\t\t\t\tthis._sitePlan3DRef.current.setVisible(false);\r\n\t\t\t\t\tthis._configuratorRef.current.setVisible(false);\r\n\t\t\t\tbreak;\r\n\t\t\t\tcase SitePlanVisibleType.OUTSIDE_360:\r\n\t\t\t\t\tthis._birdsEyeViewRef.current.setVisible(false);\r\n\t\t\t\t\tthis._sitePlan360Ref.current.setVisible(true);\r\n\t\t\t\t\tthis._sitePlan3DRef.current.setVisible(false);\r\n\t\t\t\t\tthis._configuratorRef.current.setVisible(false);\r\n\t\t\t\tbreak;\r\n\t\t\t\tcase SitePlanVisibleType.CONFIGURATOR:\r\n\t\t\t\t\tthis._birdsEyeViewRef.current.setVisible(false);\r\n\t\t\t\t\tthis._sitePlan360Ref.current.setVisible(false);\r\n\t\t\t\t\tthis._sitePlan3DRef.current.setVisible(false);\r\n\t\t\t\t\tthis._configuratorRef.current.setVisible(true);\r\n\t\t\t\tbreak;\r\n\t\t\t\tcase SitePlanVisibleType.THREE_D:\r\n\t\t\t\t\tthis._birdsEyeViewRef.current.setVisible(false);\r\n\t\t\t\t\tthis._sitePlan360Ref.current.setVisible(false);\r\n\t\t\t\t\tthis._sitePlan3DRef.current.setVisible(true);\r\n\t\t\t\t\tthis._configuratorRef.current.setVisible(false);\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tthis._currentSitePlanVisibleType = sitePlanVisibleType;\r\n\t\t\tthis.setState({sitePlanVisibleType:sitePlanVisibleType});\r\n\t\t});\r\n\t}\r\n\t_getDimensions(){\r\n\t\tconst element = this._elementRef.current;\r\n\t\tif(!element)return null;\r\n\t\treturn [element.offsetWidth, element.offsetHeight];\r\n\t}\r\n\t_hasSpaceToShowMenuOnOpen(){\r\n\t\tconst dimensions = this._getDimensions();\r\n\t\tif(!dimensions)return false;\r\n\t\treturn (dimensions[0]>800)&&(dimensions[1]>400);\r\n\t}\r\n\t_handleShowMainMenu(){\r\n\t\t//if(!this._getConfiguration().goStraightToFiltersMenu){\r\n\t\t//\tthis._mainMenuRef.current.show();\r\n\t\t//\treturn;\r\n\t\t//}\r\n\t\tthis._filtersRef.current.show();\r\n\t\t\r\n\t}\r\n\t_filterAndLoadPlots(){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tsetTimeout(()=>{\r\n\t\t\t\tconst filteredPlots = this._getFilteredPlots();\r\n\t\t\t\tconst filteredUnits = this._siteJson.units.getArray().filter(unit=>{\r\n\t\t\t\t\tconst unitPlotsArray = unit.plots;\r\n\t\t\t\t\tfor(var i=0; i=0)\r\n\t\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t});\r\n\t\t\t\tthis._plotsSelectionMenu?.setFilteredPlots(filteredPlots);\r\n\t\t\t\tthis._plotMenuRef.current.setFilteredPlots(filteredPlots);\r\n\t\t\t\tthis._birdsEyeViewRef.current.load({siteJson:this._siteJson, unitsArray:filteredUnits,\r\n\t\t\t\tshowPlotMarkers:this._showPlotMarkers||this._doneFirstShowPlotMarkers||(this._showPlotMarkers= this._plotFilterer.filtersApplied), filtered:true})\r\n\t\t\t\t.then(resolve).catch(reject);\r\n\t\t\t}, 0);\r\n\t\t});\r\n\t}\r\n\t_getFilteredPlots(){\r\n\t\treturn this._plotFilterer.filterPlots(this._siteJson.units.getPlotsArray())\r\n\t\t\t\t\t.filter(plot=>!plot.affordable);\r\n\t}\r\n\t_loadIndividualPlot(plot){\r\n\t\tsetTimeout(()=>{\r\n\t\t\tthis._birdsEyeViewRef.current.load({siteJson:this._siteJson, unitsArray:[plot.unit], filtered:true});\r\n\t\t},0\t);\r\n\t}\r\n\t_filtersChanged(){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tthis._plotSearchRef.current.clear();\r\n\t\t\tthis.setState({fadeInPlotMarkers:false});\r\n\t\t\tthis._filterAndLoadPlots().then(()=>{\r\n\t\t\t\tresolve();\r\n\t\t\t}).catch(reject);\r\n\t\t});\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tthis._callbackDidMount(this);\r\n\t\tthis._plotFilterer.addPlotFilter(this._availablePricesFilterRef.current);\r\n\t\tthis._plotFilterer.addPlotFilter(this._statusFilterRef.current);\r\n\t\tthis._plotFilterer.addPlotFilter(this._bedroomsFilterRef.current);\r\n\t\tthis._plotFilterer.addPlotFilter(this._houseTypeFilterRef.current);\r\n\t\tthis._plotFilterer.addPlotFilter(this._plotSearchRef.current);\r\n\t\tif(this._featuresFilterRef.current)\r\n\t\t\tthis._plotFilterer.addPlotFilter(this._featuresFilterRef.current);\r\n\t\tthis._menuBarRef.current.addEventListener('isHorizontalChanged', this._menuBarIsHorizontalChanged);\r\n\t\tconst element = this._elementRef.current;\r\n\t\tconst configuration = this._getConfiguration();\r\n\t\tif(configuration.brochuresMenuEnabled){\r\n\t\t\tthis._brochuresMenu = new BrochuresMenu({menuManager:this._menuManagerRef.current,\r\n\t\t\t\tgetHandlesActivateButton:this._menuBarRef.current.getHandlesActivateButton});\r\n\t\t\telement.appendChild(this._brochuresMenu.element);\r\n\t\t}\r\n\t\tthis._videoPlayerFullScreen= new VideoPlayer({\r\n\t\t\tmaximized:true,\r\n\t\t\tcloseable:true\r\n\t\t});\r\n\t\telement.appendChild(this._videoPlayerFullScreen.element);\r\n\t\tif(configuration.plotSelectionMenuEnabled){\r\n\t\t\tthis._plotsSelectionMenu= new PlotsSelectionMenu({\r\n\t\t\t\tshowPlotDetailedInformation:(siteJsonUnitPlot)=>this._plotDetailedInformationsManager.show(siteJsonUnitPlot),\r\n\t\t\t\tshowPlotMenuForPlot:this._showPlotMenuForPlot,\r\n\t\t\t\tshowMenu:this._handleShowMainMenu,\r\n\t\t\t\tclearFilters:this._clearFilters,\r\n\t\t\t\tshowStreetView:this._handleShowStreetView,\r\n\t\t\t\tgetSitePlanVisibleType:()=>this._currentSitePlanVisibleType,\r\n\t\t\t\tgetConfiguration:this._getConfiguration,\r\n\t\t\t\tclickShowForSale:this._showForSale,\r\n\t\t\t\tiMenuManager:this._menuManagerRef.current\r\n\t\t\t});\r\n\t\t\telement.appendChild(this._plotsSelectionMenu.element);\r\n\t\t}\r\n\t\tif(configuration.houseTypesViewerEnabled){\r\n\t\t\tthis._houseTypesViewer= new HouseTypesViewer({\r\n\t\t\t\tshowMenu:this._handleShowMainMenu,\r\n\t\t\t\tclearFilters:this._clearFilters,\r\n\t\t\t\tiHouseTypesFilter:this._houseTypeFilterRef.current.iHouseTypesFilter,\r\n\t\t\t\tshowImagesFullScreen:this._showImagesFullScreen,\r\n\t\t\t\tshowStreetView:this._handleShowStreetView,\r\n\t\t\t\taddFavourite:this._handleAddFavourite, \r\n\t\t\t\tremoveFavourite:this._handleRemoveFavourite,\r\n\t\t\t\tenterHouse:this._handleEnterHouse,\r\n\t\t\t\tconfiguration\r\n\t\t\t});\r\n\t\t\telement.appendChild(this._houseTypesViewer.element);\r\n\t\t}\r\n\t\tthis._plotDetailedInformationsManager = new PlotDetailedInformationsManager({\r\n\t\t\tparentElement:this._elementRef.current, \r\n\t\t\taddFavourite:this._handleAddFavourite, removeFavourite:this._handleRemoveFavourite,\r\n\t\t\tshowStreetView:this._handleShowStreetView, showImagesFullScreen:this._showImagesFullScreen,\r\n\t\t\tshowPlotsMenu:this._plotsSelectionMenu?this._plotsSelectionMenu.show:()=>{},\r\n\t\t\tconfiguration,\r\n\t\t\tshowBrochureGenerationDialog:this._handleShowBrochureGenerationDialog,\r\n\t\t\tenterHouse:this._handleEnterHouse\r\n\t\t});\r\n\t\tthis._fullScreenImageViewer = new FullScreenImagesViewer({configuration});\r\n\t\telement.appendChild(this._fullScreenImageViewer.element);\r\n\t\tPlotComparisonManager.initialize({plotDetailedInformationsManager:\r\n\t\t\tthis._plotDetailedInformationsManager, sitePlanElement:this._elementRef.current});\r\n\t\tthis._nearbySites = new NearbySites({});\r\n\t\telement.appendChild(this._nearbySites.element);\r\n\t}\r\n\t_menuBarIsHorizontalChanged(e){\r\n\t\tconst isHorizontal = e.isHorizontal;\r\n\t\tthis.setState({menuBarHorizontal:isHorizontal});\r\n\t}\r\n\t_clearFilters(){\r\n\t\tthis._plotFilterer.clearFilters();\r\n\t\tthis._filterAndLoadPlots();\r\n\t\tthis._plotSearchRef.current.clear();\r\n\t}\r\n\t_showForSale(){\r\n\t\tthis._statusFilterRef.current.setForSale();\r\n\t}\r\n\t_plotSearchSelectedPlot(plot){\r\n\t\tif(plot===null)\r\n\t\t\tthis._filterAndLoadPlots();\r\n\t\telse\r\n\t\t\tthis._loadIndividualPlot(plot);\r\n\t}\r\n\t_handleShowPlotMoreInformation(plot, plotMoreInformationType){\r\n\t\tconst plotMoreInformation = this._plotMoreInformationRef.current;\r\n\t\tplotMoreInformation.show(this._siteJson, plot, undefined, plotMoreInformationType);\r\n\t}\r\n\t_handleZoomChange(value){\r\n\t\tthis._birdsEyeViewRef.current.setZoom(value);\r\n\t}\r\n\t_setMenuBarZoom(value){\r\n\t\tthis._menuBarRef.current.setZoom(value);\r\n\t}\r\n\t_handleSetFavouritesActive(active){\r\n\t\tif(active)this._favouritesRef.current.show();\r\n\t\telse this._favouritesRef.current.hide();\r\n\t}\r\n\t_handleFavouritesHide(){\r\n\t\tthis._menuBarRef.current.setFavouritesActive(false);\r\n\t}\r\n\t_handleExpandImage(params){\r\n\t\tthis._imageViewerRef.current.load(params);\r\n\t}\r\n\t_handleRemoveFavourite(plot){\r\n\t\tthis._favouritesRef.current.remove(plot.hash);\r\n\t\tplot.selected=false;\r\n\t}\r\n\t_handleAddFavourite(plot){\r\n\t\tconst favourites = this._favouritesRef.current;\r\n\t\tif(favourites.count>=SitePlan._MAX_FAVOURITES){\r\n\t\t\tthis._showTooManyFavouritesDialog();\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\tplot.selected=true;\r\n\t\tthis._favouritesRef.current.add(new Favourite({payload:plot, description:`Plot ${plot.number} ${plot.name}`, \r\n\t\timageUrl:`${Urls.getAssetsForSite(this._getConfiguration().siteSlug)}${UrlHelper.removeStartSlash(plot.frontViewImage.getBestEntryToFitHeight(50).relativePath)}`, hash:plot.hash,\r\n\t\t\tsortValue:plot.number,\r\n\t\t\tonRemove:()=>{plot.selected=false;},\r\n\t\t\tonClick:()=>{this._handleClickedFavourite(plot)}\r\n\t\t}));\r\n\t\treturn true;\r\n\t}\r\n\t_handleClickedFavourite(plot){\r\n\t\tif(this._getConfiguration().plotMoreInformationHasOverview){\r\n\t\t\tthis._handleShowPlotMoreInformation(plot, PlotMoreInformationType.OVERVIEW);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t\tswitch(this._currentSitePlanVisibleType){\r\n\t\t\t\tcase SitePlanVisibleType.OUTSIDE_360:\r\n\t\t\t\t\tthis._handleShowStreetView({nearPlot:plot});\r\n\t\t\t\t\treturn;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tthis._showPlotMenuForPlot(plot);\r\n\t\t\t\t\treturn;\r\n\t\t\t}\r\n\t}\r\n\t_handleBackFromSitePlan360(){\r\n\t\tthis._setVisibleType(SitePlanVisibleType.BIRDS_EYE_VIEW);\r\n\t}\r\n\t_handleEnterHouse(plot){\r\n\t\tthis._handleEnterHouseByPlotNumber(plot.number);\r\n\t}\r\n\t_handleEnterHouseByPlotNumber(plotNumber){\r\n\t\tthis._setVisibleType(SitePlanVisibleType.CONFIGURATOR);\r\n\t\tif(!this._siteJson)return;\r\n\t\tconst plot = this._siteJson.getPlotByNumber(plotNumber);\r\n\t\tthis._configuratorRef.current.showConfiguratorForPlot({roomName:null, plot:plot});\r\n\t}\r\n\t_handlePreviousSitePlanVisibleTypeElseDefault(){\r\n\t\tif(this._previousSitePlanVisibleType)\r\n\t\t\tthis._setVisibleType(this._previousSitePlanVisibleType);\r\n\t\telse \r\n\t\t\tthis._setVisibleType(SitePlanVisibleType.BIRDS_EYE_VIEW);\r\n\t}\r\n\t_handleShowOutside360(params){\r\n\t\tlet outside360UniqueId = params?.outside360UniqueId;\r\n\t\tconst cameraDirectionEulerAngles = params?.cameraDirectionEulerAngles;\r\n\t\tif(outside360UniqueId ===undefined||outside360UniqueId===null)\r\n\t\t\toutside360UniqueId=0;\r\n\t\tthis._sitePlan360Ref.current.switchToOutside360(outside360UniqueId, cameraDirectionEulerAngles).then(()=>{\r\n\t\t}).catch(console.error);\r\n\t\tsetTimeout(()=>{\r\n\t\t\tthis._setVisibleType(SitePlanVisibleType.OUTSIDE_360);\r\n\t\t},0);\r\n\t}\r\n\t_handleShow3d(){\r\n\t\tthis._setVisibleType(SitePlanVisibleType.THREE_D);\r\n\t\tthis._load3dSite().then(()=>{\r\n\t\t\t\r\n\t\t}).catch(console.error);\r\n\t}\r\n\t_handleShowDefaultOutside360(){\r\n\t\tconst configuration = this._getConfiguration();\r\n\t\tconst defaultOutside360PlotNumber = configuration.defaultOutside360PlotNumber\r\n\t\t\t?configuration.defaultOutside360PlotNumber:18;\r\n\t\tlet nearestOutside360Move = this._siteJson?.units?.getPlotByNumber(defaultOutside360PlotNumber)?.unit?.nearestOutside360Move;\r\n\t\tif(!nearestOutside360Move)\r\n\t\t\tnearestOutside360Move = this._siteJson?.units?.getFirstPlot()?.unit.nearestOutside360Move;\r\n\t\tif(!nearestOutside360Move)return;\r\n\t\tthis._handleShowOutside360({outside360UniqueId:nearestOutside360Move.outside360UniqueId, \r\n\t\t\tcameraDirectionEulerAngles:nearestOutside360Move.cameraAngleToFaceFrontDoor});\r\n\t}\r\n\t_showTooManyFavouritesDialog(){\r\n\t\tDialog.create({\r\n\t\t\ttitle:'Too many favourites!',\r\n\t\t\tclassName:'brochure-generation-result-dialog error',\r\n\t\t\tmessage:'You may only add up to ten plots. Remove another plot first!',\r\n\t\t\toptions:[{text:'OK'}]\r\n\t\t});\r\n\t}\r\n\t_handleShowBrochureGenerationDialog(params){\r\n\t\tconst plot = params.plot;\r\n\t\tthis._brochureGenerationRef.current.load({plots:plot?[plot]:null});\r\n\t}\r\n\t_handleShowSendFavouritesBrochure(){\r\n\t\tthis._brochureGenerationRef.current.load({});\r\n\t}\r\n\t_handleShowStreetView(e){\r\n\t\tconst nearestOutside360Move = e.nearPlot?.unit.nearestOutside360Move;\r\n\t\tif(!nearestOutside360Move)return;\r\n\t\tthis._handleShowOutside360({outside360UniqueId:nearestOutside360Move.outside360UniqueId, \r\n\t\t\tcameraDirectionEulerAngles:nearestOutside360Move.cameraAngleToFaceFrontDoor});\r\n\t}\r\n\t_handleShowBrochures(){\r\n\t\tthis._brochuresMenu?.show();\r\n\t}\r\n\t_handleShowPlots(){\r\n\t\tthis._plotsSelectionMenu?.show({});\r\n\t}\r\n\t_handleShowHouseTypes(){\r\n\t\tthis._houseTypesViewer?.show({});\r\n\t}\r\n\t_handleShowSuggestedSites(){\r\n\t\tthis._nearbySites.show();\r\n\t}\r\n\t_initializeConfiguredCssClasses(plotStatusConfigurations){\r\n\t\tif(this._initializedConfiguredCssClasses)return;\r\n\t\tconst cssHtmlString = plotStatusConfigurations.toCssHtmlString();\r\n\t\tStylesHelper.appendCssToPage(cssHtmlString);\r\n\t\tthis._initializedConfiguredCssClasses=true;\r\n\t}\r\n\t_showPlotMenuForPlot(plot, zoomOut, c){\r\n\t\tconst showPlotMenu = ()=>{\r\n\t\t\tlet markerPosition;\r\n\t\t\tswitch(this._currentSitePlanVisibleType){\r\n\t\t\t\tcase SitePlanVisibleType.BIRDS_EYE_VIEW:\r\n\t\t\t\t\tmarkerPosition = this._birdsEyeViewRef.current?.getMarkerPositionForPlotNumber(plot.number);\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase SitePlanVisibleType.OUTSIDE_360:\r\n\t\t\t\t\tmarkerPosition = c?c:[0,0];\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tthis._showPlotDetailedInformation(plot);\r\n\t\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tthis._plotMenuRef.current.show({position:markerPosition,\r\n\t\t\t\tsiteJson:this._siteJson, plot:this._siteJson.units.getPlotByNumber(plot.number), \r\n\t\t\t\tuntilClickOff:true}).catch(console.error);\r\n\t\t};\r\n\t\tif(zoomOut){\r\n\t\t\tthis._birdsEyeViewRef.current?.setZoom(1).then(()=>{\r\n\t\t\t\tshowPlotMenu();\r\n\t\t\t}).catch(console.error);\r\n\t\t}\r\n\t\telse showPlotMenu();\r\n\t}\r\n\t_showPlotDetailedInformation(siteJsonUnitPlot){\r\n\t\tthis._plotDetailedInformationsManager.show(siteJsonUnitPlot);\r\n\t}\r\n\t_showImagesFullScreen(images){\r\n\t\tthis._fullScreenImageViewer.show({images});\r\n\t}\r\n\t_handlePlaySiteVideo(){\r\n\t\tthis._videoPlayerFullScreen.play({url:Urls.videos+'site.mp4'});\r\n\t}\r\n\t_handleShowTwoDSitePlan(){\r\n\t\tthis._fullScreenImageViewer.show({images:['twoDSitePlan.jpg']});\r\n\t}\r\n\trender() {\r\n\t\tconst classNameSitePlan = \"site-plan \"+(window.isMobile?'mobile ':'')+SitePlanVisibleType.getCssClassName(this.state.sitePlanVisibleType) \r\n\t\t+(this.state.menuBarHorizontal?' menu-bar-horizontal':'')\r\n\t\t+(this.state.fadeInPlotMarkers?' fade-in-unit-markers':'')\r\n\t\t+(this._getConfiguration().threeDEnabled?'':' disable-3d');\r\n\treturn ({\r\n\t\t\tconst entries = [];\r\n\t\t\tconst configurations = AssetsManager.configurations;\r\n\t\t\tconst configurationsIterator = new Iterator(configurations.entries);\r\n\t\t\tconst doNext = ()=>{\r\n\t\t\t\tif(!configurationsIterator.hasNext()){\r\n\t\t\t\t\tthis._entries = entries;\r\n\t\t\t\t\texposeBinding(this, 'allFeatures', ()=>this.allFeatures, (value)=>this.allFeatures = value);\r\n\t\t\t\t\tthis._updateAllFeatures();\r\n\t\t\t\t\tresolve();\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst configuration = configurationsIterator.next();\r\n\t\t\t\tAssetsManager.getSiteAssets(configuration).then(({siteJson})=>{\r\n\t\t\t\t\tentries.push(siteJson);\r\n\t\t\t\t\tPropertyBindingFactory.standard(this, siteJson, 'allFeatures', \r\n\t\t\t\t\t\tthis._whenFinishedModifyingSiteJsonAllFeatures.trigger);\r\n\t\t\t\t\tdoNext();\r\n\t\t\t\t}).catch(reject);\r\n\t\t\t};\r\n\t\t\tdoNext();\r\n\t\t});\r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport './DropdownSelectorMenu.css';\r\nimport CheckboxFilter from './CheckboxFilter';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport stopEventPropagation from'../ui_core/stopEventPropagation';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class DropdownSelectorMenu {\r\n\tconstructor(props){\r\n\t\tconst {classNames, defaultTitle} = props;\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('dropdown-selector-menu');\r\n\t\tthis._element.innerHTML = defaultTitle;\r\n\t\tthis.showEntries = this.showEntries.bind(this);\r\n\t\tthis.setEntries = this.setEntries.bind(this);\r\n\t\tthis.hideEntries = this.hideEntries.bind(this);\r\n\t\tthis._setExpandedClassName = this._setExpandedClassName.bind(this);\r\n\t\tthis._element.addEventListener('click', this.showEntries)\r\n\t\tthis._entriesElement = document.createElement('div');\r\n\t\tthis._entriesElement.classList.add('entries');\r\n\t\tthis._element.appendChild(this._entriesElement);\r\n\t\tif(classNames){\r\n\t\t\tif(Array.isArray(classNames))\r\n\t\t\t\tclassNames.forEach(className=>this._element.classList.add(className));\r\n\t\t\telse \r\n\t\t\t\tthis._element.classList.add(classNames);\r\n\t\t}\r\n\t\tthis._clickedOffHandle = null;\r\n\t\tthis._clickedOffManager = new ClickedOffManager({element:this._entriesElement, hide:\r\n\t\t\tthis.hideEntries});\r\n\t}\r\n\tshowEntries(){\r\n\t\tthis._setExpandedClassName(true);\r\n\t\tthis._clickedOffManager.register();\r\n\t}\r\n\t_setExpandedClassName(value){\r\n\t\tif(value)\r\n\t\t\tthis._element.classList.add('expanded');\r\n\t\telse \r\n\t\t\tthis._element.classList.remove('expanded');\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\tsetEntries(entries){\r\n\t\tthis._entries?.forEach(entry=>this._entriesElement.removeChild(entry.element));\r\n\t\tthis._entries =[];\r\n\t\tentries.forEach(entry=>{\r\n\t\t\tconst {callback, value, text, classNames}= entry;\r\n\t\t\tconst entryElement = document.createElement('div');\r\n\t\t\tthis._entriesElement.appendChild(entryElement);\r\n\t\t\tentryElement.innerHTML = text;\r\n\t\t\tentryElement.classList.add('entry');\r\n\t\t\tif(classNames){\r\n\t\t\t\tif(Array.isArray(classNames))\r\n\t\t\t\t\tclassNames.forEach(className=>entryElement.classList.add(className));\r\n\t\t\t\telse entryElement.classList.add(classNames);\r\n\t\t\t}\r\n\t\t\tif(callback){\r\n\t\t\t\tentryElement.addEventListener('click', (e)=>{\r\n\t\t\t\t\te.value = value;\r\n\t\t\t\t\tthis.hideEntries();\r\n\t\t\t\t\tcallback(e);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tstopEventPropagation(entryElement, [ 'touchstart', 'click', 'mousedown' ]);\r\n\t\t\tthis._entries.push({entryElement, callback, value});\r\n\t\t});\r\n\t}\r\n\thideEntries(){\r\n\t\tthis._clickedOffManager.dispose();\r\n\t\tthis._setExpandedClassName(false);\r\n\t}\r\n}\r\n","import './WhatAreYouLookingFor.css';\r\nimport stopEventPropagation from '../ui_core/stopEventPropagation';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport numberWithCommas from '../core/numberWithCommas';\r\nimport IconButtonNonReact from '../components/IconButtonNonReact';\r\nimport Dialog from '../components/Dialog';\r\nimport Urls from '../urls/Urls';\r\nimport Feature from '../enums/Feature';\r\nexport default class WhatAreYouLookingForFirstOptions{\r\n\tconstructor({nBeds, price, houseType, features, whatAreYouLookingForViewModel}){\r\n\t\tthis._whatAreYouLookingForViewModel = whatAreYouLookingForViewModel;\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('first-options');\r\n\t\tthis._createButton= this._createButton.bind(this);\r\n\t\tthis._clickedNext= this._clickedNext.bind(this);\r\n\t\tthis._getPriceRangeText= this._getPriceRangeText.bind(this);\r\n\t\tthis._setNextEnabled= this._setNextEnabled.bind(this);\r\n\t\tthis._plotsStillAvailableChanged= this._plotsStillAvailableChanged.bind(this);\r\n\t\tthis.collapseExpandedOptions= this.collapseExpandedOptions.bind(this);\r\n\t\tthis._formatNumberToString = this._formatNumberToString.bind(this);\r\n\t\tthis._handleBack = this._handleBack.bind(this);\r\n\t\tthis._get_show= this._get_show.bind(this);\r\n\t\tthis._buttonBedsElement = this._createButton('Beds', 'n-beds-button', this._get_show('n-beds-visible'),\r\n\t\t\t'nBedrooms', (nBedrooms)=>nBedrooms?String(nBedrooms):'');\r\n\t\tthis._buttonPriceElement = this._createButton('Price', 'price-button', \r\n\t\t\tthis._get_show('price-visible', price.becomingVisible), 'priceRange',\r\n\t\t\tthis._getPriceRangeText);\r\n\t\tthis._buttonFeaturesElement = this._createButton('Features', 'features-button', this._get_show('features-visible'),\r\n\t\t\t'features', (features)=>features?features.map(feature=>feature.name).join(','):'');\r\n\t\tthis._buttonHousetypeElement = this._createButton('Housetype', 'housetype-button', \r\n\t\t\tthis._get_show('housetype-visible'), 'houseTypes', \r\n\t\t\t(houseTypeViewModels)=>houseTypeViewModels?houseTypeViewModels.map(houseTypeViewModel=>houseTypeViewModel.name).join(','):'');\r\n\t\tthis._nBeds = nBeds;\r\n\t\tthis._Price = price;\r\n\t\tthis._houseType = houseType;\r\n\t\tthis._features = features;\r\n\t\tnBeds.addEventListener('chose', this.collapseExpandedOptions);\r\n\t\tprice.addEventListener('chose', this.collapseExpandedOptions);\r\n\t\tfeatures.addEventListener('chose', this.collapseExpandedOptions);\r\n\t\thouseType.addEventListener('chose', this.collapseExpandedOptions);\r\n\t\tthis._buttonBedsElement.appendChild(this._nBeds.element);\r\n\t\tthis._buttonPriceElement.appendChild(this._Price.element);\r\n\t\tthis._buttonFeaturesElement.appendChild(this._features.element);\r\n\t\tthis._buttonHousetypeElement.appendChild(this._houseType.element);\r\n\t\tconst buttonNextTitleElement = document.createElement('div');\r\n\t\tbuttonNextTitleElement.classList.add('title');\r\n\t\tbuttonNextTitleElement.innerHTML = \"Find my Home\";\r\n\t\tthis._buttonNext = document.createElement('button');\r\n\t\tthis._buttonNext.classList.add('button-next');\r\n\t\tthis._buttonNext.classList.add('option-button');\r\n\t\tthis._buttonNext.appendChild(buttonNextTitleElement);\r\n\t\tthis._buttonNext.addEventListener('click', this._clickedNext);\r\n\t\tthis._element.appendChild(this._buttonNext);\r\n\t\tthis._propertyBindingPlotsStillAvailable = PropertyBindingFactory.standard(this,\r\n\t\twhatAreYouLookingForViewModel,\r\n\t\t'plotsStillAvailable', this._plotsStillAvailableChanged);\r\n\t}\r\n\t_plotsStillAvailableChanged(value){\r\n\t\tthis._plotsStillAvailable = value;\r\n\t\tthis._nextEnabled = this._whatAreYouLookingForViewModel.hasFilterApplied;\r\n\t\tthis._setNextEnabled(this._nextEnabled);\r\n\t}\r\n\t_setNextEnabled(value){\r\n\t\tif(value)\r\n\t\t\tthis._buttonNext.classList.add('enabled');\r\n\t\telse this._buttonNext.classList.remove('enabled');\r\n\t}\r\n\t_clickedNext(){\r\n\t\tif(!this._nextEnabled)return;\r\n\t\tthis._whatAreYouLookingForViewModel.visible = false;\r\n\t\tthis._whatAreYouLookingForViewModel.setFilterInSite();\r\n\t}\r\n\t_handleBack(){\r\n\t\tthis.collapseExpandedOptions();\r\n\t}\r\n\t_getPriceRangeText(priceRange){\r\n\t\tif(!priceRange)return '';\r\n\t\tconst [priceFrom, priceTo] = priceRange;\r\n\t\tconst hasPriceFrom=priceFrom!==undefined&&priceFrom!==null;\r\n\t\tconst hasPriceTo=priceTo!==undefined&&priceTo!==null;\r\n\t\tif(hasPriceFrom){\r\n\t\t\tif(!hasPriceTo)\r\n\t\t\t\treturn `from ${this._formatNumberToString(priceFrom)}`;\r\n\t\t\treturn `${this._formatNumberToString(priceFrom)} - ${this._formatNumberToString(priceTo)}`;\r\n\t\t}\r\n\t\treturn `to ${this._formatNumberToString(priceTo)}`;\r\n\t}\r\n\t_formatNumberToString(value){\r\n\t\tif(value===undefined||value===null)return value;\r\n\t\tlet str = String(value);\r\n\t\tstr = str.split('.')[0];\r\n\t\treturn numberWithCommas(str);\r\n\t}\r\n\tcollapseExpandedOptions(){\r\n\t\tif(this._currentCssClassNameShow){\r\n\t\t\tthis._element.classList.remove(this._currentCssClassNameShow);\r\n\t\t\tthis._currentCssClassNameShow = null;\r\n\t\t}\r\n\t\tthis._element.classList.remove('has-visible');\r\n\t}\r\n\t_get_show(cssClassNameShow, becomingVisible){\r\n\t\treturn ()=>{\r\n\t\t\tthis.collapseExpandedOptions();\r\n\t\t\tthis._element.classList.add('has-visible');\r\n\t\t\tthis._element.classList.add(cssClassNameShow);\r\n\t\t\tthis._currentCssClassNameShow = cssClassNameShow;\r\n\t\t\tbecomingVisible&&becomingVisible();\r\n\t\t};\r\n\t}\r\n\t_createButton(buttonText, cssClassName, onClick, propertyName, getTextFromValue){\r\n\t\tconst buttonElement = document.createElement('button');\r\n\t\tbuttonElement.classList.add('option-button');\r\n\t\tbuttonElement.classList.add(cssClassName);\r\n\t\tconst titleElement = document.createElement('div');\r\n\t\ttitleElement.classList.add('title');\r\n\t\tbuttonElement.addEventListener('click', onClick);\r\n\t\tbuttonElement.appendChild(titleElement);\r\n\t\tconst buttonBackElement = \r\n\t\tthis._iconButtonBack = new IconButtonNonReact({\r\n\t\t\tclassName:\"button-back\",\r\n\t\t\timgUrl:Urls.assets+'icons/back.png',\r\n\t\t\tonClick:this._handleBack,\r\n\t\t\tstopEventPropagation:true});\r\n\t\tstopEventPropagation(this._iconButtonBack.element, ['click', 'mousedown', 'touchstart']);\r\n\t\ttitleElement.appendChild(this._iconButtonBack.element);\r\n\t\tconst titleTextElement = document.createElement('div');\r\n\t\ttitleTextElement.classList.add('text');\r\n\t\ttitleTextElement.innerHTML = buttonText;\r\n\t\ttitleElement.appendChild(titleTextElement);\r\n\t\tthis._element.appendChild(buttonElement);\r\n\t\tPropertyBindingFactory.standard(this, this._whatAreYouLookingForViewModel, propertyName, \r\n\t\t\t(value)=>{\r\n\t\t\t\tlet text = getTextFromValue(value);\r\n\t\t\t\tif(text!=='')\r\n\t\t\t\t\ttext=`(${text})`;\r\n\t\t\t\ttitleTextElement.innerHTML = `${buttonText} ${text}`;\r\n\t\t});\r\n\t\treturn buttonElement;\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n}","import './WhatAreYouLookingFor.css';\r\nimport stopEventPropagation from '../ui_core/stopEventPropagation';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport numberWithCommas from '../core/numberWithCommas';\r\nimport Feature from '../enums/Feature';\r\nexport default class WhatAreYouLookingForToggleButton{\r\n\tconstructor({callbackClicked, text, value}){\r\n\t\tthis._value = value;\r\n\t\tthis._callbackClicked = callbackClicked;\r\n\t\tthis._clicked = this._clicked.bind(this);\r\n\t\tthis.select = this.select.bind(this);\r\n\t\tthis.unselect = this.unselect.bind(this);\r\n\t\tthis._selected = false;\r\n\t\tthis._element = document.createElement('button');\r\n\t\tthis._element.classList.add('child-option-button');\r\n\t\tthis._element.innerHTML = text;\r\n\t\tthis._element.addEventListener('click', this._clicked);\r\n\t\tstopEventPropagation(this._element, ['click', 'mousedown', 'touchstart']);\r\n\t}\r\n\tsetAvailableOption(value){\r\n\t\tif(value)\r\n\t\t\tthis._element.classList.remove('not-available-option');\r\n\t\telse \r\n\t\t\tthis._element.classList.add('not-available-option');\r\n\t}\r\n\tget selected(){\r\n\t\treturn this._selected;\r\n\t}\r\n\tget value(){\r\n\t\treturn this._value;\r\n\t}\r\n\t_clicked(){\r\n\t\tthis._callbackClicked(this);\r\n\t}\r\n\tselect(){\r\n\t\tthis._selected = true;\r\n\t\tthis._element.classList.add('selected');\r\n\t}\r\n\tunselect(){\r\n\t\tthis._selected = false;\r\n\t\tthis._element.classList.remove('selected');\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n}","import './WhatAreYouLookingFor.css';\r\nimport stopEventPropagation from '../ui_core/stopEventPropagation';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport eventEnable from '../core/eventEnable';\r\nimport WhatAreYouLookingForToggleButton from './WhatAreYouLookingForToggleButton';\r\nexport default class WhatAreYouLookingForNBeds{\r\n\tconstructor({siteJson, whatAreYouLookingForViewModel}){\r\n\t\teventEnable(this);\r\n\t\tthis._whatAreYouLookingForViewModel = whatAreYouLookingForViewModel;\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('n-beds');\r\n\t\tthis._createSetNBedsButton= this._createSetNBedsButton.bind(this);\r\n\t\tthis._get_setNBeds= this._get_setNBeds.bind(this);\r\n\t\tthis._nBedroomsSelectedValueChanged = this._nBedroomsSelectedValueChanged.bind(this);\r\n\t\tthis._nBedroomAvailableWithOtherOptionsChanged = this._nBedroomAvailableWithOtherOptionsChanged.bind(this);\r\n\t\tthis._mapValueToToggleButton = new Map();\r\n\t\tthis._toggleButtons=[];\r\n\t\twhatAreYouLookingForViewModel.nBedroomsValues.forEach(nBedsValue=>this._createSetNBedsButton(nBedsValue));\r\n\t\tthis._propertyBindingNBedrooms = PropertyBindingFactory.standard(this, whatAreYouLookingForViewModel,\r\n\t\t'nBedrooms', this._nBedroomsSelectedValueChanged);\r\n\t\tthis._propertyBindingNBedroomAvailableWithOtherOptions = PropertyBindingFactory.standard(this,\r\n\t\twhatAreYouLookingForViewModel,\r\n\t\t'nBedroomsAvailableWithOtherOptions', this._nBedroomAvailableWithOtherOptionsChanged);\r\n\t}\r\n\t_nBedroomsSelectedValueChanged(value){\r\n\t\tif(this._currentlySelectedButton){\r\n\t\t\tthis._currentlySelectedButton.unselect();\r\n\t\t\tthis._currentlySelectedButton=null;\r\n\t\t}\r\n\t\tconst toggleButton = this._mapValueToToggleButton.get(value);\r\n\t\tif(!toggleButton)return;\r\n\t\ttoggleButton.select();\r\n\t\tthis._currentlySelectedButton=toggleButton;\r\n\t}\r\n\t_nBedroomAvailableWithOtherOptionsChanged(value){\r\n\t\tthis._toggleButtons.forEach(toggleButton=>{\r\n\t\t\tconst nBedrooms = toggleButton.value;\r\n\t\t\ttoggleButton.setAvailableOption(value?.indexOf(nBedrooms)>=0?true:false);\r\n\t\t});\r\n\t}\r\n\t_createSetNBedsButton(nBedrooms){\r\n\t\tconst toggleButton = new WhatAreYouLookingForToggleButton({\r\n\t\t\tcallbackClicked:this._get_setNBeds(nBedrooms),\r\n\t\t\ttext:String(nBedrooms),\r\n\t\t\tvalue:nBedrooms\r\n\t\t});\r\n\t\tthis._mapValueToToggleButton.set(nBedrooms, toggleButton);\r\n\t\tthis._element.appendChild(toggleButton.element);\r\n\t\tthis._toggleButtons.push(toggleButton);\r\n\t}\r\n\t_get_setNBeds(nBedrooms){\r\n\t\treturn (toggleButton)=>{\r\n\t\t\tif(toggleButton.selected){\r\n\t\t\t\ttoggleButton.unselect();\r\n\t\t\t\tthis._whatAreYouLookingForViewModel.nBedrooms=null;\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tthis._whatAreYouLookingForViewModel.nBedrooms = nBedrooms;\r\n\t\t\tthis.dispatchEvent({type:'chose'});\r\n\t\t};\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n}","import './WhatAreYouLookingFor.css';\r\nimport WhatAreYouLookingForToggleButton from './WhatAreYouLookingForToggleButton';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport eventEnable from '../core/eventEnable';\r\nimport exposeBinding from '../mvvm/exposeBinding';\r\nexport default class WhatAreYouLookingForFeatures{\r\n\tconstructor({siteJsons, whatAreYouLookingForViewModel}){\r\n\t\teventEnable(this);\r\n\t\tthis._whatAreYouLookingForViewModel = whatAreYouLookingForViewModel;\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('features');\r\n\t\tthis._createSetFeaturesButton= this._createSetFeaturesButton.bind(this);\r\n\t\tthis._removeFeaturesButton= this._removeFeaturesButton.bind(this);\r\n\t\tthis._featuresChanged= this._featuresChanged.bind(this);\r\n\t\tthis._selectedFeaturesChanged= this._selectedFeaturesChanged.bind(this);\r\n\t\tthis._get_setFeature= this._get_setFeature.bind(this);\r\n\t\tthis._featuresAvailableWithOtherOptionsChanged= this._featuresAvailableWithOtherOptionsChanged.bind(this);\r\n\t\tthis._mapFeatureIdToButton = new Map();\r\n\t\tthis._toggleButtons=[];\r\n\t\tthis._propertyBindingFeatures = PropertyBindingFactory.standard(this, \r\n\t\t\tsiteJsons, 'allFeatures', this._featuresChanged);\r\n\t\tthis._propertyBindingSelectedFeatures = PropertyBindingFactory.standard(this, \r\n\t\t\twhatAreYouLookingForViewModel, 'features', this._selectedFeaturesChanged);\r\n\t\tthis._propertyBindingFeaturesAvailableWithOtherOptions = PropertyBindingFactory.standard(this, \r\n\t\t\twhatAreYouLookingForViewModel, 'featuresAvailableWithOtherOptions', this._featuresAvailableWithOtherOptionsChanged);\r\n\t}\r\n\t_featuresChanged(features){\r\n\t\tconst seenIds = [];\r\n\t\tfeatures?.forEach(feature=>{\r\n\t\t\tseenIds.push(feature.id);\r\n\t\t\tlet toggleButton = this._mapFeatureIdToButton.get(feature.id);\r\n\t\t\tif(!toggleButton)this._createSetFeaturesButton(feature);\r\n\t\t});\r\n\t\tArray.from(this._mapFeatureIdToButton.keys()).forEach(featureId=>{\r\n\t\t\tif(seenIds.indexOf(featureId)>=0)return;\r\n\t\t\tthis._removeFeaturesButton(featureId);\r\n\t\t});\r\n\t}\r\n\t_featuresAvailableWithOtherOptionsChanged(value){\r\n\t\tif(!value)return;\r\n\t\tconst availableFeatureIds = value?.map(feature=>feature.id);\r\n\t\tthis._toggleButtons.forEach(toggleButton=>{\r\n\t\t\tconst featureId = toggleButton.value;\r\n\t\t\tconsole.log(featureId);\r\n\t\t\tconst isAvailableOption = (!availableFeatureIds)||availableFeatureIds.indexOf(featureId)>=0;\r\n\t\t\tconsole.log(isAvailableOption);\r\n\t\t\ttoggleButton.setAvailableOption(isAvailableOption);\r\n\t\t});\r\n\t}\r\n\t_removeFeaturesButton(featureId){\t\r\n\t\tconst toggleButton = this._mapFeatureIdToButton.get(featureId);\r\n\t\tthis._element.appendChild(toggleButton.element);\r\n\t\tthis._mapFeatureIdToButton.delete(featureId);\r\n\t\tthis._toggleButtons.splice(this._toggleButtons.indexOf(toggleButton), 1);\r\n\t}\r\n\t_selectedFeaturesChanged(value){\r\n\t\tif(!value)return;\r\n\t\tif(value.length<1)return;\r\n\t\tthis._toggleButtons.forEach(toggleButton=>toggleButton.unselect());\r\n\t\tvalue.forEach(feature=>{\r\n\t\t\tthis._mapFeatureIdToButton.get(feature.id).select();\r\n\t\t});\r\n\t}\r\n\t_createSetFeaturesButton(feature){\r\n\t\tconst toggleButton = new WhatAreYouLookingForToggleButton({\r\n\t\t\tcallbackClicked:this._get_setFeature(feature),\r\n\t\t\ttext:feature.name,\r\n\t\t\tvalue:feature.id\r\n\t\t});\r\n\t\tthis._mapFeatureIdToButton.set(feature.id, toggleButton);\r\n\t\tthis._element.appendChild(toggleButton.element);\r\n\t\tthis._toggleButtons.push(toggleButton);\r\n\t}\r\n\t_get_setFeature(feature){\r\n\t\treturn (toggleButton)=>{\r\n\t\t\tif(toggleButton.selected){\r\n\t\t\t\ttoggleButton.unselect();\r\n\t\t\t\tthis._propertyBindingSelectedFeatures.set(null);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tthis._propertyBindingSelectedFeatures.set([feature]);\r\n\t\t\tthis.dispatchEvent({type:'chose'});\r\n\t\t};\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n}","import './WhatAreYouLookingFor.css';\r\nimport ReactDOM from 'react-dom';\r\nimport React, { Component } from 'react';\r\nimport Slider from '../components/Slider';\r\nimport stopEventPropagation from '../ui_core/stopEventPropagation';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport eventEnable from '../core/eventEnable';\r\nimport Urls from '../urls/Urls';\r\nimport IconButtonNonReact from '../components/IconButtonNonReact';\r\nexport default class WhatAreYouLookingForPrice{\r\n\tconstructor({siteJsons, whatAreYouLookingForViewModel, titleElement}){\r\n\t\teventEnable(this);\r\n\t\tthis._minSliderRef= React.createRef();\r\n\t\tthis._maxSliderRef= React.createRef();\r\n\t\tthis._whatAreYouLookingForViewModel = whatAreYouLookingForViewModel;\r\n\t\tthis._priceRangeChanged= this._priceRangeChanged.bind(this);\r\n\t\tthis._onSliderMinValueChanged = this._onSliderMinValueChanged.bind(this);\r\n\t\tthis._onSliderMaxValueChanged = this._onSliderMaxValueChanged.bind(this);\r\n\t\tthis.becomingVisible = this.becomingVisible.bind(this);\r\n\t\tthis._handleClickButtonDone = this._handleClickButtonDone.bind(this);\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('price');\r\n\t\tthis._valueElement= document.createElement('div');\r\n\t\tthis._valueElement.classList.add('value');\r\n\t\tthis._element.appendChild(this._valueElement);\r\n\t\tthis._sliderMinWrapperElement = document.createElement('div');\r\n\t\tthis._sliderMinWrapperElement.classList.add('slider-min-wrapper');\r\n\t\tthis._sliderMaxWrapperElement = document.createElement('div');\r\n\t\tthis._sliderMaxWrapperElement.classList.add('slider-max-wrapper');\r\n\t\tthis._element.appendChild(this._sliderMinWrapperElement);\r\n\t\t\r\n\t\tstopEventPropagation(\tthis._sliderMinWrapperElement, ['click', 'mousedown', 'touchstart']);\r\n\t\tstopEventPropagation(\tthis._sliderMaxWrapperElement, ['click', 'mousedown', 'touchstart']);\r\n\t\tconst sliderFactory = React.createFactory(Slider);\r\n\t\t\r\n\t\tReactDOM.render(sliderFactory(\r\n\t\t{ \r\n\t\t\tref:this._minSliderRef, \r\n\t\t\tmin:siteJsons.minPlotPrice, max:siteJsons.maxPlotPrice, initial:siteJsons.minPlotPrice, \r\n\t\t\tonValueChanged:this._onSliderMinValueChanged, \r\n\t\t\tisHorizontal:true\r\n\t\t}),\r\n\t\tthis._sliderMinWrapperElement);\r\n\t\tReactDOM.render(sliderFactory(\r\n\t\t{ \r\n\t\t\tref:this._maxSliderRef, \r\n\t\t\tmin:siteJsons.minPlotPrice, max:siteJsons.maxPlotPrice, initial:siteJsons.maxPlotPrice, \r\n\t\t\tonValueChanged:this._onSliderMaxValueChanged, \r\n\t\t\tisHorizontal:true\r\n\t\t}),\r\n\t\tthis._sliderMaxWrapperElement);\r\n\t\tthis._minSliderRef.current.handle.element.innerHTML = 'Min';\r\n\t\tthis._maxSliderRef.current.handle.element.innerHTML = 'Max';\r\n\t\tthis._sliderMinWrapperElement.appendChild(this._sliderMaxWrapperElement);\r\n\t\tthis._propertyBindingPriceRange = PropertyBindingFactory.standard(this, whatAreYouLookingForViewModel,\r\n\t\t\t'priceRange',\r\n\t\t\tthis._priceRangeChanged);\r\n\t\twhatAreYouLookingForViewModel.priceRange = [siteJsons.minPlotPrice, siteJsons.maxPlotPrice];\r\n\t\tconsole.log('set the price range');\r\n\t\t/*this._iconButtonNonReactDone = new IconButtonNonReact({\r\n\t\t\tclassName:'button-done',\r\n\t\t\timgUrl:Urls.assets+'icons/tick.png', \r\n\t\t\tonClick:this._handleClickButtonDone});\r\n\t\tstopEventPropagation(this._iconButtonNonReactDone.element, ['click', 'mousedown', 'touchstart']);\r\n\t\ttitleElement.appendChild(this._iconButtonNonReactDone.element);*/\r\n\t\tthis._firstBecomingVisible = true;\r\n\t}\r\n\t_handleClickButtonDone(){\r\n\t\tthis.dispatchEvent({type:'chose'});\r\n\t}\r\n\tbecomingVisible(){\r\n\t\tif(!this._firstBecomingVisible)return;\r\n\t\tthis._firstBecomingVisible = false;\r\n\t\tthis._minSliderRef.current.setFromInitialValue();\r\n\t\tthis._maxSliderRef.current.setFromInitialValue();\r\n\t}\r\n\t_priceRangeChanged(value){\r\n\t\tif(!value)return;\r\n\t\tconst [min, max]= value;\r\n\t\tthis._minSliderRef.current.setValue(min);\r\n\t\tthis._maxSliderRef.current.setValue(max);\r\n\t\tconst noMin = (min===undefined)||(min===null);\r\n\t\tconst noMax = (max===undefined)||(max===null);\r\n\t\tif((!noMin)&&(!noMax)&&(min>max)){\r\n\t\t\tthis._element.classList.add('invalid');\r\n\t\t}\r\n\t\telse\r\n\t\t\tthis._element.classList.remove('invalid');\r\n\t}\r\n\t_onSliderMinValueChanged(value){\r\n\t\tif(value===undefined||value===null)return;\r\n\t\tconst currentPriceRange = this._propertyBindingPriceRange.get();\r\n\t\tthis._propertyBindingPriceRange.set([value, currentPriceRange?currentPriceRange[1]:null]);\r\n\t}\r\n\t_onSliderMaxValueChanged(value){\r\n\t\tif(value===undefined||value===null)return;\r\n\t\tconst currentPriceRange = this._propertyBindingPriceRange.get();\r\n\t\tthis._propertyBindingPriceRange.set([currentPriceRange?currentPriceRange[0]:null, value]);\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n}","import './WhatAreYouLookingFor.css';\r\nimport stopEventPropagation from '../ui_core/stopEventPropagation';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport WhatAreYouLookingForToggleButton from './WhatAreYouLookingForToggleButton';\r\nimport eventEnable from '../core/eventEnable';\r\nexport default class WhatAreYouLookingForHouseType{\r\n\tconstructor({siteJson, houseTypesViewModel,\r\n\t\twhatAreYouLookingForViewModel}){\r\n\t\teventEnable(this);\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('housetype');\r\n\t\tthis._createSetHouseTypesButton= this._createSetHouseTypesButton.bind(this);\r\n\t\tthis._houseTypesAvailableWithOtherOptionsChanged= this._houseTypesAvailableWithOtherOptionsChanged.bind(this);\r\n\t\tthis._get_setHouseTypes= this._get_setHouseTypes.bind(this);\r\n\t\tthis._houseTypesChanged= this._houseTypesChanged.bind(this);\r\n\t\tthis._toggleButtons = [];\r\n\t\tthis._mapHouseTypeViewModelToButton = new Map();\r\n\t\thouseTypesViewModel.entries.forEach(houseTypeViewModel=>this._createSetHouseTypesButton(houseTypeViewModel));\r\n\t\tthis._propertyBindingHouseTypes= PropertyBindingFactory\r\n\t\t\t.standard(this, whatAreYouLookingForViewModel, 'houseTypes', this._houseTypesChanged);\r\n\t\tthis._propertyBindingHouseTypesAvailableWithOtherOptions = PropertyBindingFactory.standard(this,\r\n\t\twhatAreYouLookingForViewModel,\r\n\t\t'houseTypesAvailableWithOtherOptions', this._houseTypesAvailableWithOtherOptionsChanged);\r\n\t}\r\n\t_houseTypesChanged(value){\r\n\t\tthis._toggleButtons.forEach(toggleButton=>toggleButton.unselect());\r\n\t\tif(!value)return;\r\n\t\tvalue.forEach(houseTypeViewModel=>this._mapHouseTypeViewModelToButton\r\n\t\t\t.get(houseTypeViewModel).select());\r\n\t}\r\n\t_houseTypesAvailableWithOtherOptionsChanged(value){\r\n\t\tconsole.log('houseTypesAvailableWithOtherOptions');\r\n\t\tthis._toggleButtons.forEach(toggleButton=>{\r\n\t\t\tconst houseTypeViewModel = toggleButton.value;\r\n\t\t\tconsole.log('houseTypeViewModel');\r\n\t\t\tconsole.log(houseTypeViewModel);\r\n\t\t\ttoggleButton.setAvailableOption((!value)||value.indexOf(houseTypeViewModel)>=0);\r\n\t\t});\r\n\t}\r\n\t_createSetHouseTypesButton(houseTypeViewModel){\r\n\t\tconst toggleButton = new WhatAreYouLookingForToggleButton({\r\n\t\t\tcallbackClicked:this._get_setHouseTypes(houseTypeViewModel),\r\n\t\t\ttext:houseTypeViewModel.name+'',\r\n\t\t\tvalue:houseTypeViewModel\r\n\t\t});\r\n\t\tthis._mapHouseTypeViewModelToButton.set(houseTypeViewModel, toggleButton);\r\n\t\tthis._element.appendChild(toggleButton.element);\r\n\t\tthis._toggleButtons.push(toggleButton);\r\n\t}\r\n\t_get_setHouseTypes(houseTypeViewModel){\r\n\t\treturn (toggleButton)=>{\r\n\t\t\tif(toggleButton.selected){\r\n\t\t\t\ttoggleButton.unselect();\r\n\t\t\t\tthis._propertyBindingHouseTypes.set(null);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tthis._propertyBindingHouseTypes.set([houseTypeViewModel]);\r\n\t\t\tthis.dispatchEvent({type:'chose'});\r\n\t\t};\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n}","import eventEnable from '../core/eventEnable';\r\nimport enableAcceptBindings from '../mvvm/enableAcceptBindings';\r\nimport exposeBinding from '../mvvm/exposeBinding';\r\nconst SelectedOptionType = {NBedrooms:'nBedrooms', HouseType:'hosueType',\r\n PriceRange:'priceRange', Features:'features'};\r\nexport default class WhatAreYouLookingForViewModel{\r\n\tconstructor({siteJsons, houseTypesViewModel, setFilterInSite}){\r\n\t\tthis._siteJsons = siteJsons;\r\n\t\tthis._availablePlots = this._siteJsons.getPlotsArray().filter(siteJsonsUnitPlot=>siteJsonsUnitPlot.isAvailable);\r\n\t\tthis._houseTypesViewModel = houseTypesViewModel;\r\n\t\tthis._setFilterInSiteCallback = setFilterInSite;\r\n\t\tthis.setFilterInSite = this.setFilterInSite.bind(this);\r\n\t\tthis.getPlotsStillAvailableWithOr = this.getPlotsStillAvailableWithOr.bind(this);\r\n\t\teventEnable(this);\r\n\t\tthis._visible = true;\r\n\t\tthis._getPlotsAvailableWithOtherSelectedOptions = this._getPlotsAvailableWithOtherSelectedOptions.bind(this);\r\n\t\tthis._createIsInPriceRangeLexicalClosure = this._createIsInPriceRangeLexicalClosure.bind(this);\r\n\t\tthis._createNBedroomsAvailableWithOtherOptions = this._createNBedroomsAvailableWithOtherOptions.bind(this);\r\n\t\tthis._createHouseTypesAvailableWithOtherOptions = this._createHouseTypesAvailableWithOtherOptions.bind(this);\r\n\t\tthis._createPriceRangeAvailableWithOtherOptions = this._createPriceRangeAvailableWithOtherOptions.bind(this);\r\n\t\texposeBinding(this, 'nBedrooms', ()=>this.nBedrooms, (value)=>this.nBedrooms = value);\r\n\t\texposeBinding(this, 'nBedroomsAvailableWithOtherOptions', ()=>this.nBedroomsAvailableWithOtherOptions);\r\n\t\texposeBinding(this, 'houseTypes', ()=>this.houseTypes, (value)=>this.houseTypes = value);\r\n\t\texposeBinding(this, 'houseTypesAvailableWithOtherOptions', ()=>this.houseTypesAvailableWithOtherOptions);\r\n\t\texposeBinding(this, 'features', ()=>this.features, (value)=>this.features = value);\r\n\t\texposeBinding(this, 'featuresAvailableWithOtherOptions', ()=>this.featuresAvailableWithOtherOptions);\r\n\t\texposeBinding(this, 'priceRange', ()=>this.priceRange, (value)=>this.priceRange = value);\r\n\t\texposeBinding(this, 'priceRangeAvailableWithOtherOptions', ()=>this.priceRangeAvailableWithOtherOptions);\r\n\t\texposeBinding(this, 'visible', ()=>this.visible, (value)=>this.visible = value);\r\n\t\texposeBinding(this, 'plotsStillAvailable', ()=>this.getPlotsStillAvailableForSite());\r\n\t}\r\n\tget visible(){\r\n\t\treturn this._visible;\r\n\t}\r\n\tset visible(value){\r\n\t\tif(this._visible ===value)return;\r\n\t\tthis._visible = value;\r\n\t\tthis.bindingsHandler.changed('visible', value);\r\n\t}\r\n\tsetFilterInSite(){\r\n\t\tthis._setFilterInSiteCallback(this);\r\n\t}\r\n\t_getPlotsAvailableWithOtherSelectedOptions(selectedOptionTypeFor, siteJson){\r\n\t\tlet plotsStillAvailable = this._availablePlots;\r\n\t\tif(siteJson){\r\n\t\t\tconst siteJsonUnitPlotsForSite = siteJson.getPlotsArray();\r\n\t\t\tplotsStillAvailable = plotsStillAvailable.filter(siteJsonUnitPlot=>siteJsonUnitPlotsForSite.indexOf(siteJsonUnitPlot));\r\n\t\t}\r\n\t\tif(selectedOptionTypeFor!==SelectedOptionType.Bedrooms\r\n\t\t\t&&this._nBedrooms!==undefined&&this._nBedrooms!==null)\r\n\t\t\tplotsStillAvailable = plotsStillAvailable.filter(siteJsonsUnitPlot=>\r\n\t\t\t\tsiteJsonsUnitPlot.nBedrooms===this._nBedrooms);\r\n\t\tif(selectedOptionTypeFor!==SelectedOptionType.HouseType&&this._houseTypes!==undefined&&this._houseTypes!==null&&this._houseTypes.length>0)\r\n\t\t{\r\n\t\t\tlet houseTypes = [];\r\n\t\t\tthis._houseTypes.forEach(houseTypeViewModel=>\r\n\t\t\t\thouseTypes = houseTypes.concat(houseTypeViewModel.houseTypesWithSameName)\r\n\t\t\t);\r\n\t\t\tplotsStillAvailable = plotsStillAvailable.filter(\r\n\t\t\t\tsiteJsonsUnitPlot=>houseTypes.indexOf(siteJsonsUnitPlot.houseType)>=0\r\n\t\t\t)\r\n\t\t}\r\n\t\tif(selectedOptionTypeFor!==SelectedOptionType.PriceRange\r\n\t\t\t&&this._isInPriceRange){\r\n\t\t\tplotsStillAvailable = plotsStillAvailable.filter(\r\n\t\t\t\tsiteJsonsUnitPlot=>this._isInPriceRange(siteJsonsUnitPlot.price)\r\n\t\t\t);\r\n\t\t}\r\n\t\tif(selectedOptionTypeFor!==SelectedOptionType.Features\r\n\t\t\t&&this._features!==undefined&&this._features!==null){\r\n\t\t\tconst selectedFeatureIds = this._features.map(feature=>feature.id);\r\n\t\t\tplotsStillAvailable = plotsStillAvailable.filter(siteJsonsUnitPlot=>{\r\n\t\t\t\tfor(var feature of siteJsonsUnitPlot.features){\r\n\t\t\t\t\tif(selectedFeatureIds.indexOf(feature.id))\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t\treturn false;\r\n\t\t\t});\r\n\t\t}\r\n\t\treturn plotsStillAvailable;\r\n\t}\r\n\t\r\n\tget hasFilterApplied(){\r\n\t\tconst nBedroomsFilterApplied = (this._nBedrooms!==null&&this._nBedrooms!==undefined&&this._nBedrooms>0);\r\n\t\tconst houseTypesFilterApplied = (this._houseTypes!==null&&this._houseTypes!==undefined&&this._houseTypes.length>0);\r\n\t\tconst featuresFilterApplied = (this._features!==null&&this._features!==undefined&&this._features.length>0);\r\n\t\tconst priceRangeFilterApplied = (this._priceRange!==null&&this._priceRange!==undefined&&\r\n\t\t!(this._priceRange[0]===this._siteJsons.minPlotPrice&&this._priceRange[1]===this._siteJsons.maxPlotPrice));\r\n\t\t/*console.log('nBedroomsFilterApplied '+nBedroomsFilterApplied);\r\n\t\tconsole.log('houseTypesFilterApplied '+houseTypesFilterApplied);\r\n\t\tconsole.log('featuresFilterApplied '+featuresFilterApplied);\r\n\t\tconsole.log('priceRangeFilterApplied '+priceRangeFilterApplied);\r\n\t\tconsole.log(this._priceRange);\r\n\t\tconsole.log(this._minPrice);\r\n\t\tconsole.log(this._maxPrice);*/\r\n\t\treturn nBedroomsFilterApplied||houseTypesFilterApplied||featuresFilterApplied||priceRangeFilterApplied;\r\n\t}\r\n\tgetPlotsStillAvailableForSite(siteJson){\r\n\t\treturn this._getPlotsAvailableWithOtherSelectedOptions(null, siteJson);\r\n\t}\r\n\tgetPlotsStillAvailableWithOr(siteJson){\r\n\t\tconst siteJsonUnitPlotsForSite = siteJson.getPlotsArray();\r\n\t\tconst availablePlots = this._availablePlots.filter(siteJsonsUnitPlot=>\r\n\t\t\t\tsiteJsonUnitPlotsForSite.indexOf(siteJsonsUnitPlot)>=0);\r\n\t\tlet plotsStillAvailable = availablePlots.filter(siteJsonsUnitPlot=>\r\n\t\t\t\tsiteJsonsUnitPlot.nBedrooms===this._nBedrooms);\r\n\t\tif(this._houseTypes!==undefined&&this._houseTypes!==null){\r\n\t\t\tlet houseTypes = [];\r\n\t\t\tthis._houseTypes.forEach(houseTypeViewModel=>\r\n\t\t\t\thouseTypes = houseTypes.concat(houseTypeViewModel.houseTypesWithSameName)\r\n\t\t\t);\r\n\t\t\tplotsStillAvailable = plotsStillAvailable.concat(availablePlots.filter(\r\n\t\t\t\tsiteJsonsUnitPlot=>houseTypes.indexOf(siteJsonsUnitPlot.houseType)>=0\r\n\t\t\t));\r\n\t\t}\r\n\t\tplotsStillAvailable = plotsStillAvailable.concat(availablePlots.filter(\r\n\t\t\tsiteJsonsUnitPlot=>this._isInPriceRange(siteJsonsUnitPlot.price)\r\n\t\t));\r\n\t\tif(this._features!==undefined&&this._features!==null){\r\n\t\t\tconst selectedFeatureIds = this._features.map(feature=>feature.id);\r\n\t\t\tplotsStillAvailable = plotsStillAvailable.concat(availablePlots.filter(siteJsonsUnitPlot=>{\r\n\t\t\t\tfor(var feature of siteJsonsUnitPlot.features){\r\n\t\t\t\t\tif(selectedFeatureIds.indexOf(feature.id))\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t\treturn false;\r\n\t\t\t}));\r\n\t\t}\r\n\t\tconst oneOfEachPlotsStillAvailable = [];\r\n\t\tplotsStillAvailable.forEach(plotStillAvailable=>{\r\n\t\t\tif(oneOfEachPlotsStillAvailable.indexOf(plotStillAvailable)<0)\r\n\t\t\t\toneOfEachPlotsStillAvailable.push(plotStillAvailable);\r\n\t\t});\r\n\t\treturn plotsStillAvailable;\r\n\t}\r\n\tget nBedroomsValues(){\r\n\t\tif(this._nBedroomsValues!==undefined&&this._nBedroomsValues!==null)\r\n\t\t\treturn this._nBedroomsValues;\r\n\t\tthis._nBedroomsValues =[];\r\n\t\tthis._availablePlots.forEach(siteJsonsUnitPlot=>{\r\n\t\t\tconst nBedrooms = siteJsonsUnitPlot.nBedrooms;\r\n\t\t\tif(this._nBedroomsValues.indexOf(nBedrooms)<0)\r\n\t\t\t\tthis._nBedroomsValues.push(nBedrooms);\r\n\t\t});\r\n\t\tthis._nBedroomsValues.sort((a, b)=>a-b);\r\n\t\treturn this._nBedroomsValues;\r\n\t}\r\n\tget nBedrooms(){\r\n\t\treturn this._nBedrooms;\r\n\t}\r\n\tset nBedrooms(value){\r\n\t\tif(this._nBedrooms===value)return;\r\n\t\tthis._nBedrooms = value;\r\n\t\tconsole.log('this._nBedrooms');\r\n\t\tconsole.log(this._nBedrooms);\r\n\t\tthis.bindingsHandler.changed('nBedrooms', value);\r\n\t\tthis._createHouseTypesAvailableWithOtherOptions();\r\n\t\tthis._createFeaturesAvailableWithOtherOptions();\r\n\t\tthis._createPriceRangeAvailableWithOtherOptions();\r\n\t\tthis.bindingsHandler.changed('plotsStillAvailable', this.getPlotsStillAvailableForSite());\r\n\t}\r\n\t_createNBedroomsAvailableWithOtherOptions(){\r\n\t\tthis._nBedroomsAvailableWithOtherOptions = [];\r\n\t\tthis._getPlotsAvailableWithOtherSelectedOptions(SelectedOptionType.NBedrooms).forEach(siteJsonsUnitPlot=>{\r\n\t\t\tconst nBedrooms = siteJsonsUnitPlot.nBedrooms;\r\n\t\t\tif(this._nBedroomsAvailableWithOtherOptions.indexOf(nBedrooms)<0)\r\n\t\t\t\tthis._nBedroomsAvailableWithOtherOptions.push(nBedrooms);\r\n\t\t});\r\n\t\tthis.bindingsHandler.changed('nBedroomsAvailableWithOtherOptions', this._nBedroomsAvailableWithOtherOptions);\r\n\t}\r\n\tget nBedroomAvailableWithOtherOptions(){\r\n\t\treturn this._nBedroomsAvailableWithOtherOptions;\r\n\t}\r\n\tget houseTypes(){\r\n\t\treturn this._houseTypes;\r\n\t}\r\n\tset houseTypes(value){\r\n\t\tif(this._houseTypes===value)return;\r\n\t\tthis._houseTypes = value;\r\n\t\tthis.bindingsHandler.changed('houseTypes', value);\r\n\t\tthis._createNBedroomsAvailableWithOtherOptions();\r\n\t\tthis._createFeaturesAvailableWithOtherOptions();\r\n\t\tthis._createPriceRangeAvailableWithOtherOptions();\r\n\t\tthis.bindingsHandler.changed('plotsStillAvailable', this.getPlotsStillAvailableForSite());\r\n\t}\r\n\t_createHouseTypesAvailableWithOtherOptions(){\r\n\t\tconst mapHouseTypeToHouseTypeViewModel = new Map();\r\n\t\tthis._houseTypesViewModel.entries.forEach(houseTypeViewModel=>{\r\n\t\t\thouseTypeViewModel.houseTypesWithSameName.forEach(houseType=>{\r\n\t\t\t\tif(!mapHouseTypeToHouseTypeViewModel.has(houseType))\r\n\t\t\t\t\tmapHouseTypeToHouseTypeViewModel.set(houseType, houseTypeViewModel);\r\n\t\t\t});\r\n\t\t});\r\n\t\tthis._houseTypeViewModelsStillAvailable = [];\r\n\t\tthis._getPlotsAvailableWithOtherSelectedOptions(SelectedOptionType.HouseType).forEach(siteJsonsUnitPlot=>{\r\n\t\t\tconst houseTypeViewModel = mapHouseTypeToHouseTypeViewModel.get(siteJsonsUnitPlot.houseType);\r\n\t\t\tif(this._houseTypeViewModelsStillAvailable.indexOf(houseTypeViewModel)<0)\r\n\t\t\t\tthis._houseTypeViewModelsStillAvailable.push(houseTypeViewModel);\r\n\t\t});\r\n\t\tthis.bindingsHandler.changed('houseTypesAvailableWithOtherOptions', this._houseTypeViewModelsStillAvailable);\r\n\t}\r\n\tget houseTypesAvailableWithOtherOptions(){\r\n\t\treturn this._houseTypeViewModelsStillAvailable;\r\n\t}\r\n\tget features(){\r\n\t\treturn this._features;\r\n\t}\r\n\tset features(value){\r\n\t\tif(this._features===value)return;\r\n\t\tthis._features = value;\r\n\t\tthis.bindingsHandler.changed('features', value);\r\n\t\tthis._createNBedroomsAvailableWithOtherOptions();\r\n\t\tthis._createHouseTypesAvailableWithOtherOptions();\r\n\t\tthis._createPriceRangeAvailableWithOtherOptions();\r\n\t\tthis.bindingsHandler.changed('plotsStillAvailable', this.getPlotsStillAvailableForSite());\r\n\t}\r\n\t_createFeaturesAvailableWithOtherOptions(){\r\n\t\tthis._featuresAvailableWithOtherOptions = [];\r\n\t\tthis._getPlotsAvailableWithOtherSelectedOptions(SelectedOptionType.Features).forEach(siteJsonsUnitPlot=>{\r\n\t\t\tsiteJsonsUnitPlot.features?.forEach(feature=>{\r\n\t\t\t\tif(this._featuresAvailableWithOtherOptions.indexOf(feature)<0)\r\n\t\t\t\t\tthis._featuresAvailableWithOtherOptions.push(feature);\r\n\t\t\t});\r\n\t\t});\r\n\t\tthis.bindingsHandler.changed('featuresAvailableWithOtherOptions', this._featuresAvailableWithOtherOptions);\r\n\t}\r\n\tget featuresAvailableWithOtherOptions(){\r\n\t\treturn this._featuresAvailableWithOtherOptions;\r\n\t}\r\n\tget priceRange(){\r\n\t\treturn this._priceRange;\r\n\t}\r\n\tset priceRange(value){\r\n\t\tif(this._priceRange===value)return;\r\n\t\tthis._priceRange = value;\r\n\t\tthis._createIsInPriceRangeLexicalClosure();\r\n\t\tthis.bindingsHandler.changed('priceRange', value);\r\n\t\tthis._createNBedroomsAvailableWithOtherOptions();\r\n\t\tthis._createHouseTypesAvailableWithOtherOptions();\r\n\t\tthis._createFeaturesAvailableWithOtherOptions();\r\n\t\tthis.bindingsHandler.changed('plotsStillAvailable', this.getPlotsStillAvailableForSite());\r\n\t}\r\n\t_createPriceRangeAvailableWithOtherOptions(){\r\n\t\tconst siteJsonsUnitPlots = this._getPlotsAvailableWithOtherSelectedOptions(SelectedOptionType.PriceRange);\r\n\t\tif((!siteJsonsUnitPlots)\r\n\t\t\t||siteJsonsUnitPlots.length<1) return null;\r\n\t\tthis._minPrice=null; this._maxPrice=null;\r\n\t\tsiteJsonsUnitPlots.forEach(siteJsonsUnitPlot=>{\r\n\t\t\tif(this._minPrice===null||siteJsonsUnitPlot.pricethis._maxPrice)\r\n\t\t\t\t this._maxPrice = siteJsonsUnitPlot.price;\r\n\t\t});\r\n\t\tthis._priceRangeAvailableWithOtherOptions = [this._minPrice, this._maxPrice];\r\n\t\tthis.bindingsHandler.changed('priceRangeAvailableWithOtherOptions', this._priceRangeAvailableWithOtherOptions);\r\n\t}\r\n\tget priceRangeAvailableWithOtherOptions(){\r\n\t\treturn this._priceRangeAvailableWithOtherOptions;\r\n\t}\r\n\t_createIsInPriceRangeLexicalClosure(){\r\n\t\tif(this._priceRange===undefined||this._priceRange===null)\r\n\t\t{\r\n\t\t\tthis._isInPriceRange = null;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst from = this._priceRange[0];\r\n\t\tconst to = this._priceRange[1];\r\n\t\tif(from!==undefined&&from!==null){\r\n\t\t\tif(to!==undefined&&to!==null){\r\n\t\t\t\tthis._isInPriceRange = (price)=>{\r\n\t\t\t\t\treturn (price>=from)&&(price<=to);\r\n\t\t\t\t};\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tthis._isInPriceRange = (price)=>price>=from;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif(to!==undefined&&to!==null){\r\n\t\t\tthis._isInPriceRange = (price)=>price<=to;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis._isInPriceRange = null;\r\n\t}\r\n}","const WhatAreYouLookingForContentType = {\r\n\tFirstOptions:'first-options'\r\n};\r\nexport default WhatAreYouLookingForContentType;","import './WhatAreYouLookingFor.css';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport WhatAreYouLookingForFirstOptions from './WhatAreYouLookingForFirstOptions';\r\nimport WhatAreYouLookingForNBeds from './WhatAreYouLookingForNBeds';\r\nimport WhatAreYouLookingForFeatures from './WhatAreYouLookingForFeatures';\r\nimport WhatAreYouLookingForPrice from './WhatAreYouLookingForPrice';\r\nimport WhatAreYouLookingForHouseType from './WhatAreYouLookingForHouseType';\r\nimport WhatAreYouLookingForViewModel from '../view_models/WhatAreYouLookingForViewModel';\r\nimport ContentType from './WhatAreYouLookingForContentType';\r\nexport default class WhatAreYouLookingFor{\r\n\tconstructor({}){\r\n\t\tthis._setContent = this._setContent.bind(this);\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('what-are-you-looking-for');\r\n\t\tthis._visibleChanged = this._visibleChanged.bind(this);\r\n\t\tthis.initialize = this.initialize.bind(this);\r\n\t}\r\n\tinitialize({siteJsons, houseTypesViewModel, setFilterInSite}){\r\n\t\tconsole.log('the site jsons is ');\r\n\t\tconsole.log(siteJsons);\r\n\t\tthis._whatAreYouLookingForViewModel = new WhatAreYouLookingForViewModel({siteJsons,\r\n\t\t\thouseTypesViewModel, setFilterInSite});\r\n\t\tthis._titleElement = document.createElement('div');\r\n\t\tthis._titleElement.classList.add('title');\r\n\t\tthis._element.appendChild(this._titleElement);\r\n\t\tthis._titleElement.innerHTML = 'What are you looking for?';\r\n\t\tthis._contentElement = document.createElement('div');\r\n\t\tthis._contentElement.classList.add('content');\r\n\t\tthis._element.appendChild(this._contentElement);\r\n\t\tconsole.log('siteJsons');\r\n\t\tconsole.log(siteJsons);\r\n\t\tthis._whatAreYouLookingForNBeds = new WhatAreYouLookingForNBeds({\r\n\t\t\tsiteJsons,\r\n\t\t\twhatAreYouLookingForViewModel:this._whatAreYouLookingForViewModel\r\n\t\t});\r\n\t\tthis._whatAreYouLookingForFeatures = new WhatAreYouLookingForFeatures({\r\n\t\t\tsiteJsons,\r\n\t\t\twhatAreYouLookingForViewModel:this._whatAreYouLookingForViewModel\r\n\t\t});\r\n\t\tthis._whatAreYouLookingForPrice = new WhatAreYouLookingForPrice({\r\n\t\t\tsiteJsons,\r\n\t\t\twhatAreYouLookingForViewModel:this._whatAreYouLookingForViewModel\r\n\t\t});\r\n\t\tthis._whatAreYouLookingForHouseType = new WhatAreYouLookingForHouseType({\r\n\t\t\tsiteJsons, \r\n\t\t\thouseTypesViewModel,\r\n\t\t\twhatAreYouLookingForViewModel:this._whatAreYouLookingForViewModel\r\n\t\t});\r\n\t\tthis._whatAreYouLookingForFirstOptions = new WhatAreYouLookingForFirstOptions({\r\n\t\t\tnBeds:this._whatAreYouLookingForNBeds,\r\n\t\t\tprice:this._whatAreYouLookingForPrice,\r\n\t\t\thouseType:this._whatAreYouLookingForHouseType,\r\n\t\t\tfeatures:this._whatAreYouLookingForFeatures,\r\n\t\t\twhatAreYouLookingForViewModel:this._whatAreYouLookingForViewModel\r\n\t\t});\r\n\t\tthis._setContent(ContentType.FirstOptions);\r\n\t\tthis._propertyBindingPriceRange = PropertyBindingFactory.standard(this, this._whatAreYouLookingForViewModel,\r\n\t\t\t'visible',\r\n\t\t\tthis._visibleChanged);\r\n\t}\r\n\t_visibleChanged(value){\r\n\t\tif(value)\r\n\t\t\tthis._element.classList.add('visible');\r\n\t\telse \r\n\t\t\tthis._element.classList.remove('visible');\r\n\t}\r\n\t_setContent(contentType){\r\n\t\tif(this._currentContentElement){\r\n\t\t\tthis._element.removeChild(this._currentContentElement);\r\n\t\t}\r\n\t\tvar newContentElement;\r\n\t\tswitch(contentType){\r\n\t\t\tcase ContentType.FirstOptions:\r\n\t\t\t\tnewContentElement = this._whatAreYouLookingForFirstOptions.element;\r\n\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tthrow new Error('Not implemented');\r\n\t\t}\r\n\t\tthis._contentElement.appendChild(newContentElement);\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n}","import ReactDOM from 'react-dom';\r\nimport React, { Component } from 'react';\r\nimport './SitePlans.css';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport isMobile from '../core/isMobile';\r\nimport SitePlanWrapper from './SitePlanWrapper';\r\nimport SiteJsons from '../site/SiteJsons';\r\nimport Iterator from '../core/Iterator';\r\nimport NFilteredSitePlansToShow from '../enums/NFilteredSitePlansToShow';\r\nimport HouseTypesViewModel from '../view_models/HouseTypesViewModel';\r\nimport DropdownSelectorMenu from '../components/DropdownSelectorMenu';\r\nimport Spinner from '../components/Spinner';\r\nimport Handles from '../core/Handles';\r\nimport Dialog from './Dialog';\r\nimport WhatAreYouLookingFor from '../what_are_you_looking_for/WhatAreYouLookingFor';\r\nexport default class SitePlans {\r\n\tconstructor(){\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('site-plans');\r\n\t\tthis._element.classList.add('single-site');\r\n\t\tthis._sitePlansWrapperElement= document.createElement('div');\r\n\t\tthis._sitePlansWrapperElement.classList.add('site-plans-wrapper');\r\n\t\tthis._sitePlanSelectorMenu = new DropdownSelectorMenu({\r\n\t\t\tclassNames:'site-plan-selector-menu',\r\n\t\t\tdefaultTitle:'Select Site'\r\n\t\t});\r\n\t\tthis._element.appendChild(this._sitePlanSelectorMenu.element);\r\n\t\tthis._element.appendChild(this._sitePlansWrapperElement);\r\n\t\tthis._mapSiteSlugToSitePlanWrapper = new Map();\r\n\t\tthis._createSitePlan= this._createSitePlan.bind(this);\r\n\t\tthis.initialize= this.initialize.bind(this);\r\n\t\tthis._showPlotsExplanationDialog= this._showPlotsExplanationDialog.bind(this);\r\n\t\tthis._setupSiteSelectorMenu= this._setupSiteSelectorMenu.bind(this);\r\n\t\tthis._getSiteJsonsWithPlots= this._getSiteJsonsWithPlots.bind(this);\r\n\t\tthis._loadSitesForSiteJsons= this._loadSitesForSiteJsons.bind(this);\r\n\t\tthis._getSetWindowVisibilityForSitePlan= this._getSetWindowVisibilityForSitePlan.bind(this);\r\n\t\tthis._setFilterInSitesFromWhatAreYouLookingFor= this._setFilterInSitesFromWhatAreYouLookingFor.bind(this);\r\n\t\tif(AssetsManager.configuration.whatAreYouLookingForEnabled){\r\n\t\t\tthis._whatAreYouLookingFor = new WhatAreYouLookingFor({});\r\n\t\t\tthis._element.appendChild(this._whatAreYouLookingFor.element);\r\n\t\t}\r\n\t\tthis._spinnerWrapperElement = document.createElement('div');\r\n\t\tthis._element.appendChild(this._spinnerWrapperElement);\r\n\t\tthis._spinnerHandles = new Handles();\r\n\t\tconst spinnerFactory = React.createFactory(Spinner);\r\n\t\tReactDOM.render(spinnerFactory(\r\n\t\t\t{ \r\n\t\t\t\tspinnerHandles:this._spinnerHandles, invertHandles:false\r\n\t\t\t}),\r\n\t\t\tthis._spinnerWrapperElement);\r\n\t\tthis._spinnerHandleLoading = this._spinnerHandles.take();\r\n\t}\r\n\t_setFilterInSitesFromWhatAreYouLookingFor (whatAreYouLookingForViewModel){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tthis._getSiteJsonsWithPlots({andElseOr:true, whatAreYouLookingForViewModel}).then((siteJsonsWithPlots)=>{\r\n\t\t\t\tif(siteJsonsWithPlots.length>0){\t\r\n\t\t\t\t\tthis._loadSitesForSiteJsons(siteJsonsWithPlots, whatAreYouLookingForViewModel).then(resolve).catch(reject);;\t\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\t\t\t\r\n\t\t\t\tthis._getSiteJsonsWithPlots({andElseOr:false, whatAreYouLookingForViewModel}).then((siteJsonsWithPlots)=>{\r\n\t\t\t\t\tif(siteJsonsWithPlots.length>0){\t\r\n\t\t\t\t\t\tthis._loadSitesForSiteJsons(siteJsonsWithPlots, whatAreYouLookingForViewModel).then(resolve).catch(reject);\r\n\t\t\t\t\t\tthis._showPlotsExplanationDialog( \r\n\t\t\t\t\t\t\t'No plots matched all filters for any site. The active plots matched some of the filters for these sites!');\r\n\t\t\t\t\t\tresolve();\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\t\r\n\t\t\t\t\tthis._showPlotsExplanationDialog( \r\n\t\t\t\t\t\t'No available plots currently match what you’re looking for for any site, please see other available plots below');\r\n\t\t\t\t\tthis._loadSitesForSiteJsons(this._siteJsons.entries, whatAreYouLookingForViewModel)\r\n\t\t\t\t\t\t.then(resolve).catch(reject);\r\n\t\t\t\t}).catch(reject);\r\n\t\t\t}).catch(reject);\r\n\t\t});\r\n\t}\r\n\t_showPlotsExplanationDialog(message){\r\n\t\tDialog.create({\r\n\t\t\ttitle:'Info', \r\n\t\t\tclassName:'brochure-generation-result-dialog error',\r\n\t\t\tmessage:message,\r\n\t\t\toptions:[{text:'OK', callback:()=>{\r\n\t\t\t\t\r\n\t\t\t}}]}\r\n\t\t);\r\n\t}\r\n\t_loadSitesForSiteJsons(siteJsons, whatAreYouLookingForViewModel){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tconst siteJsonsIterator = new Iterator(this._siteJsons.entries);\r\n\t\t\tconst sitePlanWrappers =[];\r\n\t\t\tconst setWindowVisibilityForSitePlan = this._getSetWindowVisibilityForSitePlan();\r\n\t\t\tconst doNext = ()=>{\r\n\t\t\t\tif(!siteJsonsIterator.hasNext()){\r\n\t\t\t\t\tif(sitePlanWrappers.length>1){\r\n\t\t\t\t\t\tthis._element.classList.remove('single-site');\r\n\t\t\t\t\t\tthis._sitePlanSelectorMenu.element.classList.add('visible');\t\r\n\t\t\t\t\t}\r\n\t\t\t\t\tthis._setupSiteSelectorMenu(sitePlanWrappers);\r\n\t\t\t\t\tresolve();\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst siteJson= siteJsonsIterator.next();\r\n\t\t\t\tconst hasFilteredOptions = siteJsons.indexOf(siteJson)>=0;\r\n\t\t\t\tthis._createSitePlan(siteJson.configuration, hasFilteredOptions,\r\n\t\t\t\t\tsetWindowVisibilityForSitePlan).then((sitePlanWrapper)=>{\r\n\t\t\t\t\tsitePlanWrappers.push(sitePlanWrapper);\r\n\t\t\t\t\tif(hasFilteredOptions)\r\n\t\t\t\t\t\tsitePlanWrapper.sitePlan.setFilterInSiteFromWhatAreYouLookingFor(\r\n\t\t\t\t\t\t\twhatAreYouLookingForViewModel);\r\n\t\t\t\t\tdoNext();\r\n\t\t\t\t}).catch(reject);\r\n\t\t\t};\r\n\t\t\tdoNext();\r\n\t\t});\r\n\t}\r\n\t_setupSiteSelectorMenu(sitePlanWrappers){\r\n\t\tthis._sitePlanSelectorMenu.setEntries(\r\n\t\t\tsitePlanWrappers.map(sitePlanWrapper=>{\r\n\t\t\t\treturn {\r\n\t\t\t\tvalue:sitePlanWrapper, \r\n\t\t\t\tcallback:(e)=>sitePlanWrapper.show(),\r\n\t\t\t\ttext:sitePlanWrapper.siteName,\r\n\t\t\t\tclassNames:(sitePlanWrapper.hasFilteredOptions?'has-filtered-options':'has-no-filtered-options')\r\n\t\t\t};})\r\n\t\t);\r\n\t}\r\n\t_getSiteJsonsWithPlots({andElseOr, whatAreYouLookingForViewModel}){\r\n\t\treturn new Promise((resolve, reject)=>{\t\r\n\t\t\tconst siteJsonsWithPlots = [];\r\n\t\t\tconst iteratorSiteJsons = new Iterator(this._siteJsons.entries);\r\n\t\t\tconst doNextSiteJson = ()=>{\r\n\t\t\t\tif(!iteratorSiteJsons.hasNext()){\r\n\t\t\t\t\tresolve(siteJsonsWithPlots);\r\n\t\t\t\t}\r\n\t\t\t\tconst siteJson = iteratorSiteJsons.next();\r\n\t\t\t\tconst plotsArray = siteJson.getPlotsArray();\r\n\t\t\t\tconst plotsStillAvailable = andElseOr\r\n\t\t\t\t\t?whatAreYouLookingForViewModel.getPlotsStillAvailableForSite(siteJson)\r\n\t\t\t\t\t:whatAreYouLookingForViewModel.getPlotsStillAvailableWithOr(siteJson);\r\n\t\t\t\tfor(var plotStillAvailable of plotsStillAvailable){\r\n\t\t\t\t\tif(plotsArray.indexOf(plotStillAvailable)>=0){\r\n\t\t\t\t\t\tsiteJsonsWithPlots.push(siteJson);\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tdoNextSiteJson();\r\n\t\t\t};\r\n\t\t\tdoNextSiteJson();\r\n\t\t});\r\n\t}\r\n\tinitialize(){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tconst doThen = ()=>{\r\n\t\t\t\tthis._spinnerHandleLoading.dispose();\r\n\t\t\t\tresolve();\r\n\t\t\t};\r\n\t\t\tconst doCatch = (err)=>{\r\n\t\t\t\tthis._spinnerHandleLoading.dispose();\r\n\t\t\t\treject(err);\r\n\t\t\t};\r\n\t\t\tif(this._whatAreYouLookingFor){\t\t\r\n\t\t\t\tthis._siteJsons = new SiteJsons();\r\n\t\t\t\tthis._siteJsons.initialize().then(()=>{\r\n\t\t\t\t\tthis._houseTypesViewModel = new HouseTypesViewModel(this._siteJsons.getPlotsArray());\r\n\t\t\t\t\tthis._whatAreYouLookingFor?.initialize({siteJsons:this._siteJsons, \r\n\t\t\t\t\t\thouseTypesViewModel:this._houseTypesViewModel, \r\n\t\t\t\t\t\tsetFilterInSite:this._setFilterInSitesFromWhatAreYouLookingFor});\r\n\t\t\t\t\t\tdoThen();\r\n\t\t\t\t}).catch(doCatch);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tthis._createSitePlan(AssetsManager.configuration, true, this._getSetWindowVisibilityForSitePlan())\r\n\t\t\t\t.then(doThen).catch(doCatch);\r\n\t\t});\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\t_createSitePlan(configuration, hasFilteredOptions, setWindowVisibilityForSitePlan){\r\n\t\tlet sitePlanWrapper = this._mapSiteSlugToSitePlanWrapper.get(configuration.siteSlug);\r\n\t\tif(sitePlanWrapper){\r\n\t\t\tif(hasFilteredOptions)\r\n\t\t\t\tsetWindowVisibilityForSitePlan(sitePlanWrapper);\r\n\t\t\treturn new Promise((resolve, reject)=>resolve(sitePlanWrapper));\r\n\t\t}\r\n\t\tsitePlanWrapper = new SitePlanWrapper({\r\n\t\t\tconfiguration, \r\n\t\t\tparentElement:this._sitePlansWrapperElement,\r\n\t\t\thasFilteredOptions,\r\n\t\t\tsiteJsons:this._siteJsons\r\n\t\t});\r\n\t\tthis._mapSiteSlugToSitePlanWrapper.set(configuration.siteSlug, sitePlanWrapper);\r\n\t\tthis._sitePlansWrapperElement.appendChild(sitePlanWrapper.element);\r\n\t\tif(hasFilteredOptions)\r\n\t\t\tsetWindowVisibilityForSitePlan(sitePlanWrapper);\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tsitePlanWrapper.initialize().then(()=>resolve(sitePlanWrapper)).catch(reject);\r\n\t\t});\r\n\t}\r\n\t_getSetWindowVisibilityForSitePlan(){\r\n\t\tconst nFilteredSitePlansToShow = AssetsManager.configuration.nFilteredSitePlansToShow;\r\n\t\tlet firstSitePlanWrapper = null;\r\n\t\treturn (sitePlanWrapper)=>{\r\n\t\t\tconst nExistingSitePlans = this._mapSiteSlugToSitePlanWrapper.size;\r\n\t\t\tconst isFirst = nExistingSitePlans<=1;\r\n\t\t\tif(!window.isMobile&& nFilteredSitePlansToShow===NFilteredSitePlansToShow.Two){\r\n\t\t\t\tif(isFirst){\r\n\t\t\t\t\tfirstSitePlanWrapper = sitePlanWrapper;\r\n\t\t\t\t\tsitePlanWrapper.show(true);\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst isSecond = nExistingSitePlans<=2;\r\n\t\t\t\tif(isSecond){\r\n\t\t\t\t\tfirstSitePlanWrapper.fillLeftHalf();\r\n\t\t\t\t\tsitePlanWrapper.fillRightHalf();\r\n\t\t\t\t}\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif(isFirst)\r\n\t\t\t\tsitePlanWrapper.show(true);\r\n\t\t};\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './Footer.css';\r\nexport default class Footer extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n ,\r\n document.getElementById('root')\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n"],"sourceRoot":""}
{this.state.insertedMenuItems}
\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport './MainMenu.css';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faWalking, faFilter, faCity, faBook} from '@fortawesome/free-solid-svg-icons';\r\nimport IconButton from './IconButton';\r\nimport MenuType from '../enums/MenuType';\r\nimport SubMenuHeader from './SubMenuHeader';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nexport default class MainMenu extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {showMainMenu} = props;\r\n\t\tthis._subMenuHeader = React.createRef();\r\n\t\tthis._element = React.createRef();\r\n\t\tthis._showMainMenu = showMainMenu;\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide= this.hide.bind(this);\r\n\t\tthis._handleClickFilter=this._handleClickFilter.bind(this);\r\n\t\tthis._handleClickSite = this._handleClickSite.bind(this);\r\n\t\tthis._handleClickBrochure = this._handleClickBrochure.bind(this);\r\n\t\tthis._iMenuManager = null;\r\n\t\tthis._clickedOffManager = new ClickedOffManager({elementRef:this._element, hide:this.hide});\r\n\t\tthis.state = {visible:false};\r\n\t}\r\n\tshow(){\r\n\t\tthis.setState({visible:true});\r\n\t\tthis._iMenuManager.showMe(this);\r\n\t\tthis._clickedOffManager.register();\r\n\t}\r\n\thide(){\r\n\t\tthis._clickedOffManager.dispose();\r\n\t\tthis.setState({visible:false});\r\n\t\tthis._iMenuManager.close();\r\n\t}\r\n\tsetIMenuManager(value){\r\n\t\tthis._iMenuManager = value;\r\n\t\tthis._subMenuHeader.current.setIMenuManager(value);\r\n\t}\r\n\tget menuType(){\r\n\t\treturn MenuType.MAIN_MENU;\r\n\t}\r\n\t_handleClickFilter(){\r\n\t\tthis._iMenuManager.showMenuByType(MenuType.FILTERS);\r\n\t}\r\n\t_handleClickSite(){\r\n\t\tthis._iMenuManager.showMenuByType(MenuType.SITE_PICKER);\r\n\t}\r\n\t_handleClickBrochure(){\r\n\t\tthis._iMenuManager.showMenuByType(MenuType.BROCHURE_GENERATION);\r\n\t}\r\n\trender() {\r\n\t\tlet className = \"main-menu menu\";\r\n\t\tif(this.state.visible)\r\n\t\t\tclassName+= \" visible\";\r\n\t\treturn (\r\n\t\t\t{this.state.insertedMenuItemsAtEnd}
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}","import enableBindingToOthers from '../mvvm/enableBindingToOthers';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport eventEnable from '../core/eventEnable';\r\nimport EfficientMoveCycle from '../ui_core/EfficientMoveCycle';\r\nimport FrequencyLimitedCallback from '../core/FrequencyLimitedCallback';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class ProgressBar{\r\n\tconstructor(props){\r\n\t\teventEnable(this);\r\n\t\tconst {propertyNameProgressProportion, propertyNameVisible, delayHide, model, clickEvent} = props;\r\n\t\tif(propertyNameProgressProportion===undefined||propertyNameProgressProportion===null)throwNotProvided('propertyNameProgressProportion');\r\n\t\tenableBindingToOthers(this);\r\n\t\tthis._handleProgressProportionChanged=this._handleProgressProportionChanged.bind(this);\r\n\t\tthis._handleVisibleChanged=this._handleVisibleChanged.bind(this);\r\n\t\tthis._touchedProgressBar=this._touchedProgressBar.bind(this);\r\n\t\t\r\n\t\tthis._startedTouchForwardReverse=this._startedTouchForwardReverse.bind(this);\r\n\t\tthis._moveTouchForwardReverse=this._moveTouchForwardReverse.bind(this);\r\n\t\tthis._endTouchForwardReverse=this._endTouchForwardReverse.bind(this);\r\n\t\tthis._updateProgressBarProportionFromTouch=this._updateProgressBarProportionFromTouch.bind(this);\r\n\t\t\r\n\t\tif(delayHide===undefined)this._delayHide = 2000;\r\n\t\telse if(delayHide==null) this._delayHide = 0;\r\n\t\telse this._delayHide =delayHide;\r\n\t\t\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('progress-bar');\r\n\t\tthis._bar = document.createElement('div');\r\n\t\tthis._bar.classList.add('bar');\r\n\t\tthis._bar.style.width = '0px';\r\n\t\tthis._element.appendChild(this._bar);\r\n\t\tthis._timeoutHide = null;\r\n\t\tthis._reachedHundredPercentAt = null;\r\n\t\tthis._propertyBindingProgressProportion = PropertyBindingFactory.standard(this, model, propertyNameProgressProportion, this._handleProgressProportionChanged);\r\n\t\tthis._propertyBindingVisible = PropertyBindingFactory.standard(this, model, propertyNameVisible, this._handleVisibleChanged);\r\n\t\tif(clickEvent){\r\n\t\t\tthis._element.addEventListener('mousedown', this._touchedProgressBar);\r\n\t\t\tthis._efficientMoveCycleTouchForwardReverse = new EfficientMoveCycle({element:this._element, stopPropagation:true, preventDefault:true,\r\n\t\t\t\tonStart:this._startedTouchForwardReverse, onMove:this._moveTouchForwardReverse, onEnd:this._endTouchForwardReverse, friendlyXY:true});\r\n\t\t\tthis._frequencyLimitedCallbackTouchForwardReverse = new FrequencyLimitedCallback({frequencyHz:4});\r\n\t\t}\r\n\t}\r\n\t_startedTouchForwardReverse(e){\r\n\t\tthis._frequencyLimitedCallbackTouchForwardReverse.cancel();\r\n\t\tthis._updateProgressBarProportionFromTouch(e);\r\n\t}\r\n\t_moveTouchForwardReverse(e){\r\n\t\tthis._touchedProgressBar(e);\r\n\t}\r\n\t_endTouchForwardReverse(){\r\n\t\t\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\tget barElement(){\r\n\t\treturn this._bar;\r\n\t}\r\n\t_handleProgressProportionChanged(value){\r\n\t\tif(value>=1)\r\n\t\t\tthis._reachedHundredPercentAt= new Date().getTime();\r\n\t\tthis._bar.style.width = (100*value)+'%';\r\n\t}\r\n\t_handleVisibleChanged(value){\r\n\t\tif(this._timeoutHide)\r\n\t\t\tclearTimeout(this._timeoutHide);\r\n\t\tif(value)\r\n\t\t\tthis._element.classList.add('visible');\r\n\t\telse {\r\n\t\t\tlet delayHide = this._reachedHundredPercentAt!==null? this._delayHide -(new Date().getTime() - this._reachedHundredPercentAt):0;\r\n\t\t\tif(delayHide<0)delayHide=0;\r\n\t\t\tthis._timeoutHide = setTimeout(()=>{\r\n\t\t\t\tthis._element.classList.remove('visible');\r\n\t\t\t}, delayHide);\r\n\t\t}\r\n\t}\r\n\t_touchedProgressBar(e){\r\n\t\tthis._frequencyLimitedCallbackTouchForwardReverse.trigger(()=>this._updateProgressBarProportionFromTouch(e));\r\n\t}\r\n\t_updateProgressBarProportionFromTouch(e){\r\n\t\tconst {x, y} = e;\r\n\t\tconst barX = this._bar.getBoundingClientRect().left;\r\n\t\tlet dX = x - barX;\r\n\t\tlet proportion = dX / this._element.clientWidth;\r\n\t\tif(proportion<0)proportion=0;else if (proportion>1)proportion=1;\r\n\t\tthis.dispatchEvent({type:'clicked', proportion})\r\n\t}\r\n}\r\n","import ReactDOM from 'react-dom';\r\nimport React, { Component } from 'react';\r\nimport Slider from './Slider';\r\nimport './VideoPlayer.css';\r\nimport Urls from '../urls/Urls';\r\nimport TemporalCallback from '../core/TemporalCallback';\r\nimport enableAcceptBindings from '../mvvm/enableAcceptBindings';\r\nimport exposeBinding from '../mvvm/exposeBinding';\r\nimport ProgressBar from '../views/ProgressBar';\r\nimport ResizeWatcher from '../ui_core/ResizeWatcher';\r\nimport EfficientMoveCycle from '../ui_core/EfficientMoveCycle';\r\nimport IconButtonNonReact from '../components/IconButtonNonReact';\r\nimport FrequencyLimitedCallback from '../core/FrequencyLimitedCallback';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nimport ClickedOff from '../ui_core/ClickedOff';\r\nexport default class VideoPlayer {\r\n\tconstructor(props){\r\n\t\tconst {maximized, closeable, toggleMaximizeButton, forceFillWidth}=props;\r\n\t\tthis._forceFillWidth = forceFillWidth;\r\n\t\tthis._maximized = maximized;\r\n\t\tthis.load = this.load.bind(this);\r\n\t\tthis.play = this.play.bind(this);\r\n\t\tthis.stop = this.stop.bind(this);\r\n\t\tthis.hide = this.hide.bind(this);\r\n\t\tthis._setVisible = this._setVisible.bind(this);\r\n\t\tthis._setPlayButtonImage = this._setPlayButtonImage.bind(this);\t\r\n\t\tthis._clickedPlayStopButton = this._clickedPlayStopButton.bind(this);\r\n\t\tthis._updateFillWidthHeight = this._updateFillWidthHeight.bind(this);\r\n\t\tthis._startedTouchForwardReverse = this._startedTouchForwardReverse.bind(this);\r\n\t\tthis._moveTouchForwardReverse = this._moveTouchForwardReverse.bind(this);\r\n\t\tthis._onVolumeSliderValueChanged = this._onVolumeSliderValueChanged.bind(this);\r\n\t\tthis._setVolumeVisible = this._setVolumeVisible.bind(this);\r\n\t\tthis._hideVolume = this._hideVolume.bind(this);\r\n\t\tthis._mouseActive = this._mouseActive.bind(this);\r\n\t\tthis._showUI = this._showUI.bind(this);\r\n\t\tthis._hideUI = this._hideUI.bind(this);\r\n\t\tthis._onVideoTimeUpdate = this._onVideoTimeUpdate.bind(this);\r\n\t\tthis._handleClickButtonFullscreen = this._handleClickButtonFullscreen.bind(this);\r\n\t\tthis._videoEnded = this._videoEnded.bind(this);\r\n\t\tthis._setVideoTimeFromTouchForwardReverseDistance = this._setVideoTimeFromTouchForwardReverseDistance.bind(this);\r\n\t\tthis._endTouchForwardReverse = this._endTouchForwardReverse.bind(this);\r\n\t\tthis._clickedProgressBar = this._clickedProgressBar.bind(this);\r\n\t\tthis._updateMaximized = this._updateMaximized.bind(this);\r\n\t\tthis._setHasVideo = this._setHasVideo.bind(this);\r\n\t\tthis._showVolume = this._showVolume.bind(this);\r\n\t\tthis._toggleVolume = this._toggleVolume.bind(this);\r\n\t\t\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('video-player');\r\n\t\tthis._videoElement = document.createElement('video');\r\n\t\tthis._volumeWrapperElement = document.createElement('div');\r\n\t\tthis._volumeWrapperElement.classList.add('volume-wrapper');\r\n\t\tthis._volumeWrapperInnerElement = document.createElement('div');\r\n\t\tthis._volumeWrapperInnerElement.classList.add('volume-wrapper-inner');\r\n\t\tthis._videoWrapperElement = document.createElement('div');\r\n\t\tthis._videoWrapperElement.appendChild(this._volumeWrapperElement);\r\n\t\tthis._videoWrapperElement.classList.add('video-wrapper');\r\n\t\tthis._element.appendChild(this._videoWrapperElement);\r\n\t\tthis._videoWrapperElement.appendChild(this._videoElement);\r\n\t\tthis._buttonPlayPause = document.createElement('button');\r\n\t\tthis._buttonPlayPause.classList.add('button-play-pause');\r\n\t\tthis._imgPlayPause = document.createElement('img');\r\n\t\tthis._buttonPlayPause.appendChild(this._imgPlayPause);\r\n\t\tthis._element.appendChild(this._buttonPlayPause);\r\n\t\tthis._playing = false;\r\n\t\tthis._buttonPlayPause.addEventListener('click', this._clickedPlayStopButton);\r\n\t\tthis._element.addEventListener('mousemove', this._mouseActive);\r\n\t\t\r\n\t\tif(closeable){\r\n\t\t\tthis._iconButtonNonReactClose = new IconButtonNonReact({imgUrl:Urls.assets+'icons/UI_Button_Exit.png', className:'button-close', onClick:this.hide});\r\n\t\t\tthis._element.appendChild(this._iconButtonNonReactClose.element);\r\n\t\t}\r\n\t\t\t\t\r\n\t\tthis.__uiVisible = false;\r\n\t\texposeBinding(this, '_uiVisible', ()=>this._uiVisible, (value)=>this._uiVisible = value);\r\n\t\texposeBinding(this, '_proportion', ()=>this._proportion, (value)=>this._proportion = value);\r\n\t\tthis._progressBar = new ProgressBar({propertyNameProgressProportion:'_proportion', propertyNameVisible:'_uiVisible', delayHide:false, model:this,\r\n\t\t\tclickEvent:true});\r\n\t\t\tthis._progressBar.addEventListener('clicked', this._clickedProgressBar);\r\n\t\tthis._temporalCallbackHideUI = new TemporalCallback({callback:this._hideUI, delay:2000});\r\n\t\tthis._videoWrapperElement.appendChild(this._progressBar.element);\r\n\t\tthis._resizeWatcher = new ResizeWatcher({element:this._element, onResized:this._updateFillWidthHeight});\r\n\t\tthis._videoElement.addEventListener('timeupdate', this._onVideoTimeUpdate, false);\r\n\t\tthis._videoElement.addEventListener('ended', this._videoEnded, false);\r\n\t\tthis._efficientMoveCycleTouchForwardReverse = new EfficientMoveCycle({\r\n\t\t\telement:this._videoElement, stopPropagation:false, preventDefault:true,\r\n\t\t\tonStart:this._startedTouchForwardReverse, onMove:this._moveTouchForwardReverse, \r\n\t\t\tonEnd:this._endTouchForwardReverse, friendlyXY:true});\r\n\t\tthis._frequencyLimitedCallbackTouchForwardReverse = new FrequencyLimitedCallback({frequencyHz:4});\r\n\t\tthis._updateMaximized();\r\n\t\tthis._setHasVideo(false);\r\n\t\tthis._iconButtonVolume = new IconButtonNonReact({\r\n\t\t\tclassName:\"button-volume\",\r\n\t\t\timgUrl:Urls.assets+'icons/Volume.png',\r\n\t\t\tonClick:this._toggleVolume});\r\n\t\tthis._videoWrapperElement.appendChild(this._iconButtonVolume.element);\r\n\t\tif(toggleMaximizeButton){\r\n\t\t\t\r\n\t\t\tthis._iconButtonFullScreen = new IconButtonNonReact({\r\n\t\t\t\tclassName:\"button-fullscreen\",\r\n\t\t\t\timgUrl:Urls.assets+'icons/UI_Fullscreen.png',\r\n\t\t\t\tonClick:this._handleClickButtonFullscreen});\r\n\t\t\tthis._videoWrapperElement.appendChild(this._iconButtonFullScreen.element);\r\n\t\t}\r\n\t\tthis._volumeSliderRef = React.createRef();\r\n\t\tconst sliderFactory = React.createFactory(Slider);\r\n\t\tthis._volumeWrapperElement.appendChild(this._volumeWrapperInnerElement);\r\n\t\tReactDOM.render(sliderFactory(\r\n\t\t\t{ \r\n\t\t\t\tref:this._volumeSliderRef, \r\n\t\t\t\tmin:0, max:1, initial:0, \r\n\t\t\t\tonValueChanged:this._onVolumeSliderValueChanged, \r\n\t\t\t\tisHorizontal:false\r\n\t\t\t}),\r\n\t\t\tthis._volumeWrapperInnerElement);\r\n\t\tthis._clickedOffManager = new ClickedOffManager({\r\n\t\t\telement:this._volumeWrapperElement, \r\n\t\t\thide:this._hideVolume});\r\n\t\t\r\n\t}\r\n\t_toggleVolume(){\r\n\t\tif(this._volumeShowing)\r\n\t\t\tthis._hideVolume();\r\n\t\telse \r\n\t\t\tthis._showVolume();\r\n\t}\r\n\t_showVolume(){\r\n\t\tthis._clickedOffVolumeHandle&&this._clickedOffVolumeHandle.dispose();\r\n\t\tthis._clickedOffVolumeHandle = this._clickedOffManager.register();\r\n\t\tthis._setVolumeVisible(true);\r\n\t}\r\n\t_hideVolume(){\r\n\t\tthis._clickedOffVolumeHandle&&this._clickedOffVolumeHandle.dispose();\r\n\t\tthis._setVolumeVisible(false);\r\n\t}\r\n\t_setVolumeVisible(value){\r\n\t\tif(value)\r\n\t\t\tthis._volumeWrapperElement.classList.add('visible');\r\n\t\telse \r\n\t\t\tthis._volumeWrapperElement.classList.remove('visible');\r\n\t\tthis._volumeShowing= value;\r\n\t}\r\n\t_onVolumeSliderValueChanged(e){\r\n\t\tconst proportionVolume = 1-e;\r\n\t\tthis._videoElement.volume=proportionVolume;\r\n\t}\r\n\t_setHasVideo(value){\r\n\t\tif(value)\r\n\t\t\tthis._element.classList.add('has-video');\r\n\t\telse \r\n\t\t\tthis._element.classList.remove('has-video');\r\n\t}\r\n\t_handleClickButtonFullscreen(){\r\n\t\tthis._maximized = !this._maximized;\r\n\t\tthis._updateMaximized();\r\n\t}\r\n\t_updateMaximized(){\r\n\t\t\r\n\t\tif(this._maximized)\r\n\t\t\tthis._element.classList.add('maximized');\r\n\t\telse \r\n\t\t\tthis._element.classList.remove('maximized');\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\t_clickedProgressBar(e){\r\n\t\tthis._videoElement.currentTime = e.proportion*this._videoElement.duration\r\n\t}\r\n\t_startedTouchForwardReverse(e){\r\n\t\tthis._touchDownNotCancelledYet = true;\r\n\t\tthis._hideUISuspended = true;\r\n\t\tthis._startTouchPosition = [e.x, e.y];\r\n\t\tthis._videoProportionAtStartOfTouch = this._videoElement.currentTime/ this._videoElement.duration;\r\n\t}\r\n\t_moveTouchForwardReverse(e){\r\n\t\tthis._touchDownNotCancelledYet = false;\r\n\t\tconst distanceX = e.x - this._startTouchPosition[0];\r\n\t\tthis._frequencyLimitedCallbackTouchForwardReverse.trigger(()=>this._setVideoTimeFromTouchForwardReverseDistance(distanceX));\r\n\t}\r\n\t_setVideoTimeFromTouchForwardReverseDistance(distanceX){\r\n\t\tconst dProportion = distanceX / this._videoElement.offsetWidth;\r\n\t\tlet newProportion = (this._videoProportionAtStartOfTouch+dProportion);\r\n\t\tif(newProportion>1)newProportion = 1;\r\n\t\telse if(newProportion<0)newProportion = 0;\r\n\t\tthis._videoElement.currentTime = newProportion*this._videoElement.duration;\r\n\t}\r\n\t_endTouchForwardReverse(e){\r\n\t\tthis._hideUISuspended = false;\r\n\t\tif(this._touchDownNotCancelledYet){\r\n\t\t\tif(!this._volumeShowing)\r\n\t\t\t\tthis._clickedPlayStopButton();\r\n\t\t\tClickedOff.triggerClicked(e);\r\n\t\t}\r\n\t\tthis._temporalCallbackHideUI.trigger();\r\n\r\n\t}\r\n\t_updateFillWidthHeight(){\r\n\t\tconst videoAspectRatio = this._videoElement.videoWidth/this._videoElement.videoHeight;\r\n\t\tconst elementAspectRatio = this._element.offsetWidth/this._element.offsetHeight;\r\n\t\tconst fillHeight = (!this._forceFillWidth|this._maximized)&&videoAspectRatio<=elementAspectRatio;\r\n\t\tif(fillHeight)this._element.classList.add('fill-height');\r\n\t\telse this._element.classList.remove('fill-height');\r\n\t}\r\n\tget _uiVisible(){\r\n\t\treturn this.__uiVisible;\r\n\t}\r\n\tset _uiVisible(value){\r\n\t\tif(this.__uiVisible===value)return;\r\n\t\tthis.__uiVisible = value;\r\n\t\tthis.bindingsHandler.changed('_uiVisible', this.__uiVisible);\r\n\t\tif(value)this._element.classList.add('ui-visible');\r\n\t\telse this._element.classList.remove('ui-visible');\r\n\t}\r\n\tget _proportion(){\r\n\t\treturn this.__proportion;\r\n\t}\r\n\tset _proportion(value){\r\n\t\tif(this.__proportion===value)return;\r\n\t\tthis.__proportion = value;\r\n\t\tthis.bindingsHandler.changed('_proportion', this.__proportion);\r\n\t}\r\n\t_mouseActive(){\r\n\t\tthis._showUI();\r\n\t}\r\n\t_showUI(){\r\n\t\tthis._uiVisible = true;\r\n\t\tsetTimeout(this._updateFillWidthHeight, 0);\r\n\t\tthis._temporalCallbackHideUI.trigger();\r\n\t}\r\n\t_hideUI(){\r\n\t\tif(this._hideUISuspended)return;\r\n\t\tthis._uiVisible = false;\r\n\t}\r\n\t_clickedPlayStopButton(){\r\n\t\tif(!this._uiVisible)return;\r\n\t\tif(this._playing)\r\n\t\t\tthis.stop();\r\n\t\telse this._play();\r\n\t}\r\n\tplay({url}){\r\n\t\tthis._setVisible(true);\r\n\t\tthis._setHasVideo(url?true:false);\r\n\t\tthis._videoElement.src = url;\r\n\t\tthis._play();\r\n\t}\r\n\tload({url}){\r\n\t\tthis._setVisible(true);\r\n\t\tthis._setHasVideo(url?true:false);\r\n\t\tthis._videoElement.src = url;\r\n\t\tthis._setPlayButtonImage();\r\n\t}\r\n\t_play(){\r\n\t\tthis._videoElement.play();\r\n\t\tthis._playing = true;\r\n\t\tthis._setPlayButtonImage();\r\n\t}\r\n\tstop(){\r\n\t\tthis._videoElement.pause();\r\n\t\tthis._playing = false;\r\n\t\tthis._setPlayButtonImage();\r\n\t}\r\n\thide(){\r\n\t\tthis.stop();\r\n\t\tthis._setVisible(false);\r\n\t}\r\n\t_setPlayButtonImage(playing){\r\n\t\tthis._imgPlayPause.src= this._playing?(Urls.assets+'icons/UI_Button_Pause.png'):(\r\n\t\t\tUrls.assets+'icons/UI_Button_Play.png'\r\n\t\t);\r\n\t}\r\n\t_setVisible(value){\r\n\t\tif(value)\r\n\t\t\tthis._element.classList.add('visible');\r\n\t\telse\r\n\t\t\tthis._element.classList.remove('visible');\r\n\t}\r\n\t_onVideoTimeUpdate(e){\r\n\t\tconst video = this._videoElement;\r\n\t\tconst proportion = video.currentTime/ video.duration;\r\n\t\tthis._proportion= proportion;\r\n\t}\r\n _videoEnded(e) {\r\n\t\tthis.stop();\r\n\t\tthis._videoElement.currentTime=0;\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport Once from '../core/Once';\r\nimport ParameterError from '../errors/ParameterError';\r\nexport default class MenuManager extends Component {o\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {outerElementRef}=props;\r\n\t\tthis._outerElementRef = outerElementRef;\r\n\t\tconst seenMenuTypes =[];\r\n\t\tthis._currentMenusShowing= [];\r\n\t\tthis._mapMenuTypeToMenu = new Map();\r\n\t\tthis._menuHistory = [];\r\n\t\tthis.showMenuByType = this.showMenuByType.bind(this);\r\n\t\tthis._showMenuByType = this._showMenuByType.bind(this);\r\n\t\tthis._showMenuWithLoopBreak = this._showMenuWithLoopBreak.bind(this);\r\n\t\tthis._showMenu=this._showMenu.bind(this);\r\n\t\tthis.close = this.close.bind(this);\r\n\t\tthis._close = this._close.bind(this);\r\n\t\tthis.showMe= this.showMe.bind(this);\r\n\t\tthis.back = this.back.bind(this);\r\n\t\tthis._closeOnce = new Once(this._close);\r\n\t\tthis._showMenuOnce = new Once(this._showMenu);\r\n\t\tthis.state ={hasBacks:false};\r\n\t}\r\n\tback(){\r\n\t\tif(this._menuHistory.length<2){\r\n\t\t\tthis.close(true);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis.showMe(this._menuHistory.splice(this._menuHistory.length-2, 2)[0]);\r\n\t}\r\n\tclose(keepHistory){\r\n\t\tthis._closeOnce.trigger(keepHistory);\r\n\t}\r\n\t_close(keepHistory){\r\n\t\tthis._currentMenusShowing.forEach((currentMenuShowing)=>currentMenuShowing.hide());\r\n\t\tthis._currentMenusShowing=[];\r\n\t\tif(!keepHistory){\r\n\t\t\tthis._menuHistory=[];\r\n\t\t\tthis._setHasBacks(false);\r\n\t\t}\r\n\t}\r\n\t_setHasBacks(value){\r\n\t\tconst classList = this._outerElementRef?.current?.classList;\r\n\t\tif(!classList)return;\r\n\t\tif(value)classList.add('back-visible');\r\n\t\telse classList.remove('back-visible');\r\n\t}\r\n\tshowMenuByType(menuType){\r\n\t\tthis._showMenuByType(menuType);\r\n\t}\r\n\tshowMe(menu){\r\n\t\tthis._showMenuWithLoopBreak(menu);\r\n\t}\r\n\t_showMenuByType(menuType){\r\n\t\tif(!this._mapMenuTypeToMenu.has(menuType))\r\n\t\t\tthrow new Error(`Has no child of menuType \"${menuType}\"`);\r\n\t\tconst menu = this._mapMenuTypeToMenu.get(menuType).ref.current;\r\n\t\tthis._showMenuWithLoopBreak(menu);\r\n\t}\r\n\t_showMenuWithLoopBreak(menu){\r\n\t\tthis._showMenuOnce.trigger(menu);\r\n\t}\r\n\t_showMenu(menu){\r\n\t\tif(this._currentMenusShowing.length>0)\r\n\t\t\tthis.close(true);\r\n\t\tmenu.show();\r\n\t\tthis._currentMenusShowing.push(menu);\t\r\n\t\tif(this._menuHistory.length<1){\r\n\t\t\tthis._setHasBacks(false);\r\n\t\t\tthis._menuHistory.push(menu);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst sameAsLast = this._menuHistory[this._menuHistory.length-1]===menu;\r\n\t\tif(!sameAsLast){\r\n\t\t\tthis._menuHistory.push(menu);\r\n\t\t}\r\n\t\tthis._setHasBacks(!sameAsLast);\r\n\t}\r\n\tcomponentDidMount() {\t\t\r\n\t\tlet index=0;\r\n\t\tthis.props.children.forEach((childMenu)=>{\r\n\t\t\tconst menuType = childMenu.ref.current.menuType;\r\n\t\t\tif(childMenu.ref===null)\r\n\t\t\t\tthrow new Error(`Child menu at index ${index} with type ${childMenu.type.name} had no ref`);\r\n\t\t\tif(menuType===undefined||menuType===null)\r\n\t\t\t\tthrow new Error(`Child menu with type ${childMenu.type.name} had no menuType property`);\r\n\t\t\tthis._mapMenuTypeToMenu.set(menuType, childMenu);\r\n\t\t\tindex++;\r\n\t\t\tconst childMenuInstance = childMenu.ref.current;\r\n\t\t\tconst setIMenuManager=childMenuInstance.setIMenuManager;\r\n\t\t\tif(setIMenuManager===undefined||setIMenuManager===null)\r\n\t\t\t\tthrow new Error(`Child menu with type ${childMenu.type.name} had no setIMenuManager method`);\r\n\t\t\tchildMenuInstance.setIMenuManager(this);\r\n\t\t });\r\n\t}\r\n\trender() {\r\n\t\tconst className = 'menu-manager '+(this.state.hasBacks?\"back-visible\":\"\");\r\n\t\treturn this.props.children;\r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport './HouseTypeFilter.css';\r\nimport CheckboxFilter from './CheckboxFilter';\r\nimport MenuType from '../enums/MenuType';\r\nimport Option from '../choices/Option';\r\nimport SubMenuHeader from './SubMenuHeader';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nimport Once from '../core/Once';\r\nexport default class HouseTypeFilter extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tconst {onSelectedOptionsChange} = props;\r\n\t\tthis._checkboxFilter=React.createRef();\r\n\t\tthis._subMenuHeader = React.createRef();\r\n\t\tthis._element = React.createRef();\r\n\t\tthis.load = this.load.bind(this);\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide= this.hide.bind(this);\r\n\t\tthis.setFromWhatAreYouLookingForViewModel= this.setFromWhatAreYouLookingForViewModel.bind(this);\r\n\t\tthis._setHouseTypeViewModelsToShow= this._setHouseTypeViewModelsToShow.bind(this);\r\n\t\tthis.filterPlots = this.filterPlots.bind(this);\r\n\t\tthis.clear = this.clear.bind(this);\r\n\t\tthis._updateOptions= this._updateOptions.bind(this);\r\n\t\t\r\n\t\tthis._handleSelectedOptionsChanged=this._handleSelectedOptionsChanged.bind(this);\r\n\t\t\r\n\t\tthis._iMenuManager = null;\r\n\t\tthis.state = {options:[], visible:false, siteJson:null};\r\n\t\tthis._clickedOffManager = new ClickedOffManager({elementRef:this._element, hide:this.hide});\r\n\t\tthis._selectedOptionsChangedOnce = new Once(onSelectedOptionsChange);\r\n\t}\r\n\tshow(){\r\n\t\tthis.setState({visible:true});\r\n\t\tthis._clickedOffManager.register();\r\n\t\tthis._iMenuManager.showMe(this);\r\n\t}\r\n\thide(){\r\n\t\tthis._clickedOffManager.dispose();\r\n\t\tthis.setState({visible:false});\r\n\t\tthis._iMenuManager.close();\r\n\t}\r\n\tfilterPlots(plotsArray){\r\n\t\tconst houseTypeViewModelsToShow = this._checkboxFilter.current.getCheckedValues();\r\n\t\tconst houseTypesToShow= [];\r\n\t\thouseTypeViewModelsToShow.forEach(houseTypeViewModelToShow=>{\r\n\t\t\thouseTypeViewModelToShow.houseTypesWithSameName.forEach(houseType=>houseTypesToShow.push(houseType));\r\n\t\t});\r\n\t\tif(houseTypesToShow.length<1)return plotsArray;\r\n\t\treturn plotsArray.filter(plot=>houseTypesToShow.indexOf(plot.houseType)>=0);\r\n\t}\r\n\tclear(){\r\n\t\tthis._houseTypesViewModel?.entries.forEach(houseTypeViewModel=>houseTypeViewModel.selected = false);\r\n\t\tthis._checkboxFilter.current.clear();\r\n\t}\r\n\tsetFromWhatAreYouLookingForViewModel(whatAreYouLookingForViewModel){\r\n\t\tconst houseTypeViewModels = whatAreYouLookingForViewModel.houseTypes;\r\n\t\tif(!houseTypeViewModels)return;\r\n\t\tthis._setHouseTypeViewModelsToShow(houseTypeViewModels);\r\n\t}\r\n\tsetIMenuManager(value){\r\n\t\tthis._iMenuManager = value;\r\n\t\tthis._subMenuHeader.current.setIMenuManager(value);\r\n\t}\r\n\tget menuType(){\r\n\t\treturn MenuType.HOUSE_TYPE_FILTER;\r\n\t}\r\n\tget isApplied(){\r\n\t\treturn this._checkboxFilter.current.isApplied;\r\n\t}\r\n\tload(houseTypesViewModel, siteJson){\r\n\t\tthis.setState({siteJson});\r\n\t\tthis._houseTypesViewModel = houseTypesViewModel;\r\n\t\tthis._updateOptions();\r\n\t}\r\n\t_handleSelectedOptionsChanged(o){\r\n\t\tconst houseTypesToShow= [];\r\n\t\tconst houseTypeViewModelsToShow = this._checkboxFilter.current.getCheckedValues();\r\n\t\tthis._setHouseTypeViewModelsToShow(houseTypeViewModelsToShow);\r\n\t}\r\n\t_setHouseTypeViewModelsToShow(houseTypeViewModelsToShow){\r\n\t\thouseTypeViewModelsToShow.forEach(houseTypeViewModelToShow=>{\r\n\t\t\thouseTypeViewModelToShow.selected = true;\r\n\t\t});\r\n\t\tthis._houseTypesViewModel.entries\r\n\t\t\t.filter(houseTypeViewModel=>houseTypeViewModelsToShow.indexOf(houseTypeViewModel)<0)\r\n\t\t\t.forEach(houseTypeViewModel=>houseTypeViewModel.selected = false);\r\n\t}\r\n\t_updateOptions(){\r\n\t\tconst options = this._houseTypesViewModel.entries.map((houseTypeViewModel)=>{\r\n\t\t\tconst option = new Option({text:(\r\n\t\t\t\t\t
\r\n\t\t\t{houseTypeViewModel.name} 
),\r\n\t\t\t\tvalue:houseTypeViewModel});\r\n\t\t\thouseTypeViewModel.addEventListener('selectedchanged', ()=>{\r\n\t\t\t\tconst checkboxOption = this._checkboxFilter.current.getCheckboxOptions()\r\n\t\t\t\t.map(checkboxOption=>checkboxOption.ref.current)\r\n\t\t\t\t.filter(checkboxOption=>{\r\n\t\t\t\t\tconst value= checkboxOption.value;\r\n\t\t\t\t\treturn value===houseTypeViewModel;\r\n\t\t\t\t})[0];\r\n\t\t\t\tcheckboxOption.isChecked = houseTypeViewModel.selected;\r\n\t\t\t\tthis._selectedOptionsChangedOnce.trigger();\r\n\t\t\t});\r\n\t\t\treturn option;\r\n\t\t});\r\n\t\tthis._checkboxFilter.current.setOptions(options);\r\n\t}\r\n\trender() {\r\n\t\tlet className =\"house-type-filter menu\";\r\n\t\tif(this.state.visible)\r\n\t\t\tclassName+=\" visible\";\r\n\t\treturn (\r\n\t\t\t\t
)\r\n\t}\r\n}\r\n","import ExtendableError from './ExtendableError';\r\nexport default class TypeError extends ExtendableError {\r\n\r\n}","import TypeError from '../errors/TypeError';\r\nimport NotImplementedError from '../errors/NotImplementedError';\r\nexport default class PlotFilterer{\r\n\tconstructor(props){\r\n\t\tthis._filters = [];\r\n\t}\r\n\taddPlotFilter(plotFilter){\r\n\t\tconst filterPlots = plotFilter.filterPlots;\r\n\t\tif(filterPlots===undefined||filterPlots===null)\r\n\t\t\tthrow new NotImplementedError(`The object of type ${plotFilter.constructor.name} did not have a .filterPlots method`);\r\n\t\tif(typeof(filterPlots)!=='function')\r\n\t\t\tthrow new TypeError('${plotFilter.constructor.name}.filterPlots was not a function');\r\n\t\tthis._filters.push(plotFilter);\r\n\t}\r\n\tget filtersApplied(){\r\n\t\tconst filters = this._filters;\r\n\t\tfor(var i=0; i):(\r\n\t\t\t\t\t
);\r\n\t}\r\n\trender() {\r\n\t\tconst keyboardButtons = [];\r\n\t\t/*\r\n\t\tfor(var i=7; i>0; i-=3){\r\n\t\t\tfor(var j=i; j));\r\n\t\tkeyboardButtons.push(this._createButton(null, Urls.assets+'icons/UI_Button_Filter_Clear.png', 8, 'backspace'));\r\n\t\treturn (0?parseInt(plotNumberStr):null;\r\n\t\tconst plot = plotNumber===null?null:this._units.getPlotByNumber(plotNumber);\r\n\t\tconst plotValidAndNotAffordable=(plot!==undefined&&plot!==null)&&(!plot.affordable);\r\n\t\tconst numberValid = (plotNumberStr==='')||plotValidAndNotAffordable;\r\n\t\tthis.setState({plotNumberStr:plotNumberStr, numberValid:numberValid});\r\n\t\tthis._callbackSelectedPlot(plotValidAndNotAffordable?plot:null);\r\n\t\tconst previousSelectedPlot = this._selectedPlot;\r\n\t\tif(plotValidAndNotAffordable){\r\n\t\t\tthis._selectedPlot = plot;\r\n\t\t}\r\n\t\telse{\r\n\t\t\tthis._selectedPlot = null;\r\n\t\t}\r\n\t\tif(previousSelectedPlot!==this._selectedPlot)\r\n\t\t\tthis._selectedOptionsChangedOnce.trigger();\r\n\t}\r\n\trender() {\r\n\t\tlet className = \"plot-search menu\";\r\n\t\tif(this.state.visible)\r\n\t\t\tclassName+= \" visible\";\r\n\t\tlet classNamePlotNumber ='plot-number';\r\n\t\tclassNamePlotNumber+=this.state.numberValid?\" valid\":\" invalid\";\r\n\t\treturn ({child} );\r\n\t\t\tpanels.push(panel);\r\n\t\t\tindex++;\r\n\t\t});\r\n\t\tthis.state={tabs:[], panels:panels}\r\n\t}\r\n\tsetActive(tabKey){\r\n\t\tthis.state.tabs.forEach(tab=>{\r\n\t\t\tconst tabElement = tab.ref.current;\r\n\t\t\tconst active = tab.key===tabKey;\r\n\t\t\ttabElement.active= active;\r\n\t\t});\r\n\t\tthis.state.panels.forEach(panel=>{\r\n\t\t\tconst panelElement = panel.ref.current;\r\n\t\t\tconst active = panel.key===tabKey;\r\n\t\t\tpanelElement.active= active;\r\n\t\t});\r\n\t\tthis._callbackSetActive&&this._callbackSetActive(tabKey);\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tlet index=0;\r\n\t\tconst tabs =[];\r\n\t\tthis.state.panels.forEach(panel=>{\r\n\t\t\tconst tabRef = React.createRef();\r\n\t\t\tconst active = index===this._defaultActiveTabIndex;\r\n\t\t\tconst tab = (this.setActive(panel.key)} key={panel.key}> );\r\n\t\t\ttabs.push(tab);\r\n\t\t\tindex++;\r\n\t\t});\r\n\t\tthis.setState({tabs:tabs});\r\n\t\t\r\n\t}\r\n\trender() {\r\n\t\treturn (
{\r\n\t\t\t\tthis._handleClickExpand(image);\r\n\t\t\t}}/> ))\r\n\t\t});\r\n\t\tthis.setState({imageElements:imageElements});\r\n\t}\r\n\t_getContainerAspectRatio(){\r\n\t\tconst containerViewPortDimensions = this._getContainerViewPort();\r\n\t\t let aspectRatio = containerViewPortDimensions[0]/containerViewPortDimensions[1];\r\n\t\t if(isNaN(aspectRatio))return 1;\r\n\t\t return aspectRatio;\r\n\t}\r\n\t_getVerticalElseHorizontal(){\t\t\r\n\t\tconst containerAspectRatio = this._getContainerAspectRatio();\r\n\t\tconst verticalElseHorizontal = this._aspectRatioThreshold>containerAspectRatio;\r\n\t\treturn verticalElseHorizontal;\r\n\t}\r\n\t_handleClickExpand(image){\r\n\t\tlet largestImageUrl;\r\n\t\tif(image instanceof DynamicImage){\r\n\t\t\tlargestImageUrl = image.getLargestEntry().relativePath;\r\n\t\t}\r\n\t\telse{\r\n\t\t\tif(typeof(image)!=='string'){\r\n\t\t\t\tthrow new Error(`Not implemented for type ${typeof(image)}`);\r\n\t\t\t}\r\n\t\t\tlargestImageUrl = image;\r\n\t\t}\r\n\t\tthis._callbackExpandImage({image:largestImageUrl, rootUrl:this._rootUrl});\r\n\t}\r\n\trender() {\r\n\t\tlet className = 'image-carousel';\r\n\t\tif(this._className)\r\n\t\t\tclassName+=` ${this._className}`;\r\n\t\tclassName+=this.state.verticalElseHorizontal?' vertical':' horizontal';\r\n\t\treturn (\r\n\t\t )\r\n\t\t:(\r\n\t\t \r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport TabInfo from '../ui_core/TabInfo';\r\nimport ImageCarousel from './ImageCarousel';\r\nimport Urls from '../urls/Urls';\r\nimport JumpableZoomableDragable from './JumpableZoomableDragable';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class PlotMoreInformationGallery extends Component {\r\n\tstatic get _IMAGE_CAROUSEL_ASPECT_RATIO_THRESHOLD(){\r\n\t\treturn 1.5;\r\n\t}\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {getViewPort, onExpandImage, configuration}=props;\r\n\t\tthis._configuration= configuration;\r\n\t\tthis._callbackExpandImage = onExpandImage;\r\n\t\tthis._getContainerViewPort = getViewPort;\r\n\t\tthis._element = React.createRef();\r\n\t\tthis._tabInfo = new TabInfo({title:'Gallery', className:'gallery-tab'});\r\n\t\tthis._loadRoomImages = this._loadRoomImages.bind(this);\r\n\t\tthis.state={site:null, plot:null, images:null};\r\n\t}\r\n\tget tabInfo(){\r\n\t\treturn this._tabInfo;\r\n\t}\r\n\tload(site, plot){\r\n\t\tthis.setState({site:site, plot:plot});\r\n\t\tthis._loadRoomImages(site, plot);\r\n\t}\r\n\t_loadRoomImages(site, plot){\r\n\t\tlet images = [];\r\n\t\tplot.rooms.getArray().forEach((room)=>{\r\n\t\t\tconst roomImages=room.images;\r\n\t\t\timages = images.concat(roomImages);\r\n\t\t});\r\n\t\tthis.setState({images:images});\r\n\t}\r\n\trender(){\r\n\t\tconst rootUrl = Urls.getAssetsForSite(this._configuration.siteSlug);\r\n\t\treturn this._configuration.scrollablePlotMoreInformationGalleryAndFloorPlansElseSingleJumpableZoomableDragableImages?\r\n\t\t(\r\n\t\t \r\n\t\t):\r\n\t\t(\r\n\t\t \r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport TabInfo from '../ui_core/TabInfo';\r\nimport Star from './Star';\r\nimport { faBed, faToilet} from '@fortawesome/free-solid-svg-icons'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport enableBindingToOthers from '../mvvm/enableBindingToOthers';\r\nimport { faStreetView} from '@fortawesome/free-solid-svg-icons';\r\nimport IconButton from './IconButton';\r\nimport PlotStatus from '../site/PlotStatus';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class PlotMoreInformationOverview extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tenableBindingToOthers(this);\r\n\t\tconst {removeFavourite, addFavourite, showStreetView}=props;\r\n\t\tthis._star = React.createRef();\r\n\t\tthis._elementRef = React.createRef();\r\n\t\tthis._callbackAddFavourite = addFavourite;\r\n\t\tthis._callbackRemoveFavourite = removeFavourite;\r\n\t\tthis._callbackShowStreetView = showStreetView;\r\n\t\tthis._tabInfo = new TabInfo({title:'Overview', className:'overview-tab'});\r\n\t\tthis._handleStarSelectedChanged= this._handleStarSelectedChanged.bind(this);\r\n\t\tthis._handlePlotSelectedChanged= this._handlePlotSelectedChanged.bind(this);\r\n\t\tthis._ellipsisAbout= this._ellipsisAbout.bind(this);\r\n\t\tthis._handleClick= this._handleClick.bind(this);\r\n\t\tthis._handleClickShowStreetView = this._handleClickShowStreetView.bind(this);\r\n\t\tthis._workBackwardsThroughStringToFindLastCharacterBeforeSpaceIndex= this._workBackwardsThroughStringToFindLastCharacterBeforeSpaceIndex.bind(this);\r\n\t\tthis.state ={plot:null, showAll:false, aboutTruncated:null};\r\n\t}\r\n\tload(site, plot){\r\n\t\t\tthis._firstAboutTruncation=true;\t\r\n\t\tthis.setState({plot:plot, site:site, aboutTruncated:plot.about, showAll:false, aboutTruncatedWithEllipsisWithEllipsisIfRequired:plot.about});\r\n\t}\r\n\tget tabInfo(){\r\n\t\treturn this._tabInfo;\r\n\t}\r\n\t_handleStarSelectedChanged(selected){\r\n\t\tif(selected)this._callbackAddFavourite(this.state.plot);\r\n\t\telse this._callbackRemoveFavourite(this.state.plot);\r\n\t}\r\n\t_handlePlotSelectedChanged(value){\r\n\t\tthis._star.current.selected=value;\r\n\t}\r\n\t\r\n\tcomponentDidUpdate(previousProps, previousState){\r\n\t\tconst oldPlot = previousState.plot;\r\n\t\tconst newPlot = this.state.plot;\r\n\t\tif(!this.state.showAll)\r\n\t\t\tthis._ellipsisAbout();\r\n\t\tif(oldPlot===newPlot)return;\r\n\t\t//example of using mvvm framework\r\n\t\tthis.myBindings.reset();\r\n\t\tPropertyBindingFactory.standard(this, newPlot, 'selected', this._handlePlotSelectedChanged);\r\n\t}\r\n\t_handleClick(){\r\n\t\tconst currentShowAll = this.state.showAll;\r\n\t\tif(currentShowAll)return;\r\n\t\tthis.setState({showAll:true, aboutTruncatedWithEllipsisWithEllipsisIfRequired:this.state.plot.about});\r\n\t}\r\n\t_ellipsisAbout(){\r\n\t\tconst element = this._elementRef.current;\r\n\t\tconst pixelsOverflowing = element.scrollHeight - element.clientHeight ;\r\n\t\tconst isOverflowing = pixelsOverflowing>0;\r\n\t\tif(!isOverflowing)return;\r\n\t\tlet aboutTruncated = this.state.aboutTruncated;\r\n\t\tlet indexToChopRemainingWrodOffFrom=aboutTruncated.length-1;\r\n\t\tif(this._firstAboutTruncation){\r\n\t\t\tconst proportionToKeep = element.clientHeight / element.scrollHeight;\r\n\t\t\tindexToChopRemainingWrodOffFrom = Math.floor((aboutTruncated.length-1)*proportionToKeep);\r\n\t\t\tthis._firstAboutTruncation=false;\r\n\t\t}\r\n\t\tconst lastCharacterBeforeSpaceIndex = this._workBackwardsThroughStringToFindLastCharacterBeforeSpaceIndex(indexToChopRemainingWrodOffFrom, aboutTruncated);\r\n\t\taboutTruncated=aboutTruncated.substr(0, lastCharacterBeforeSpaceIndex+1);\r\n\t\tconst aboutTruncatedWithEllipsisWithEllipsisIfRequired=aboutTruncated+'...';\r\n\t\tthis.setState({aboutTruncated:aboutTruncated, aboutTruncatedWithEllipsisWithEllipsisIfRequired:aboutTruncatedWithEllipsisWithEllipsisIfRequired});\r\n\t}\r\n\t_workBackwardsThroughStringToFindLastCharacterBeforeSpaceIndex(index, str){\r\n\t\t\twhile(str[index]!==' '&&index>0){\r\n\t\t\t\tindex--;\r\n\t\t\t}\r\n\t\t\treturn index-1;\r\n\t}\r\n\t_handleClickShowStreetView(){\r\n\t\tthis._callbackShowStreetView({nearPlot:this.state.plot});\r\n\t}\r\n\t/*\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t})
\r\n\t\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport PopupMenu from './PopupMenu';\r\nimport EdgeLocation from '../ui_core/EdgeLocation';\r\nimport './PlotMoreInformation.css';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport SubMenuHeader from './SubMenuHeader';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nimport MenuType from '../enums/MenuType';\r\nimport TabPanel from './TabPanel';\r\nimport PlotMoreInformationFloorPlans from './PlotMoreInformationFloorPlans';\r\nimport PlotMoreInformationGallery from './PlotMoreInformationGallery';\r\nimport PlotMoreInformationOverview from './PlotMoreInformationOverview';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport enableBindingToOthers from '../mvvm/enableBindingToOthers';\r\nimport PlotMoreInformationType from '../enums/PlotMoreInformationType';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class PlotMoreInformation extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {onExpandImage, addFavourite, removeFavourite, showStreetView, configuration}=props;\r\n\t\tthis._configuration = configuration;\r\n\t\tthis._callbackExpandImage=onExpandImage;\r\n\t\tthis._callbackAddFavourite = addFavourite;\r\n\t\tthis._callbackRemoveFavourite = removeFavourite;\r\n\t\tthis._callbackShowStreetView = showStreetView;\r\n\t\tthis._subMenuHeader = React.createRef();\r\n\t\tthis._elementRef = React.createRef();\r\n\t\tthis._tabPanelRef= React.createRef();\r\n\t\tthis._overview = React.createRef();\r\n\t\tthis._gallery = React.createRef();\r\n\t\tthis._floorPlans = React.createRef();\r\n\t\tthis._callbackClose = null;\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide = this.hide.bind(this);\r\n\t\tthis._getTitle = this._getTitle.bind(this);\r\n\t\tthis._getPanelsViewPort = this._getPanelsViewPort.bind(this);\r\n\t\tthis._disposeClickedOffHandle=this._disposeClickedOffHandle.bind(this);\r\n\t\tthis._iMenuManager = null;\r\n\t\tthis._clickedOffManager = new ClickedOffManager({elementRef:this._elementRef, hide:this.hide});\r\n\t\tthis._releasePlotActiveHandle= this._releasePlotActiveHandle.bind(this);\r\n\t\tthis._handleShowStreetView = this._handleShowStreetView.bind(this);\r\n\t\tthis._handleTabSetActive = this._handleTabSetActive.bind(this);\r\n\t\tthis._currentPlotActiveHandle = null;\r\n\t\tthis._currentPlotMoreInformationType = PlotMoreInformationType.OVERVIEW;\r\n\t\tthis.state={plot:null, visible:false};\r\n\t}\r\n\tshow(site, plot, configuration, plotMoreInformationType){\r\n\t\tthis.setState({plot:this._plot, visible:true});\r\n\t\tthis._clickedOffManager.register();\r\n\t\tif(plot)this._plot = plot;\r\n\t\tif(site)this._site = site;\r\n\t\tif(this._plot){\r\n\t\t\tthis._releasePlotActiveHandle();\r\n\t\t\tthis._currentPlotActiveHandle = this._plot.unit.takeActiveHandle();\r\n\t\t}\r\n\t\tif(plotMoreInformationType){\r\n\t\t\tthis._tabPanelRef.current.setActive(plotMoreInformationType);\r\n\t\t}\r\n\t\telse \r\n\t\t{\r\n\t\t\tif(this._currentPlotMoreInformationType){\r\n\t\t\t\tthis._handleTabSetActive(this._currentPlotMoreInformationType);\r\n\t\t\t}\r\n\t\t}\r\n\t\tthis._iMenuManager.showMe(this);\r\n\t}\r\n\thide(){\r\n\t\tthis._clickedOffManager.dispose();\r\n\t\tthis.setState({visible:false});\r\n\t\tthis._releasePlotActiveHandle();\r\n\t\tthis._iMenuManager.close();\r\n\t}\r\n\tget menuType(){\r\n\t\treturn MenuType.PLOT_MORE_INFORMATION;\r\n\t}\r\n\tsetIMenuManager(value){\r\n\t\tthis._iMenuManager = value;\r\n\t\tthis._subMenuHeader.current.setIMenuManager(value);\r\n\t}\r\n\t_releasePlotActiveHandle(){\r\n\t\tif(!this._currentPlotActiveHandle)return;\r\n\t\tthis._currentPlotActiveHandle.dispose();\r\n\t\tthis._currentPlotActiveHandle=null;\r\n\t}\r\n\t_getTitle(plot){\r\n\t\tif(this._configuration.fullScreenGalleryAndFloorPlans)return '';\r\n\t\treturn `More about Plot ${plot?.number}`;\r\n\t}\r\n\t_getPanelsViewPort(){\r\n\t\t const element = this._elementRef.current;\r\n\t\t if(element===undefined||element===null)return 1;\r\n\t\t return [element.offsetWidth, element.offsetHeight];\r\n\t}\r\n\t_disposeClickedOffHandle(){\r\n\t\tthis._clickedOffHandle&&this._clickedOffHandle.dispose();\r\n\t}\r\n\t_handleShowStreetView(e){\r\n\t\tthis._callbackShowStreetView();\r\n\t\tthis.hide();\r\n\t}\r\n\t_handleTabSetActive(tabKey){\r\n\t\tthis._currentPlotMoreInformationType =tabKey;\r\n\t\tswitch(tabKey){\r\n\t\t\tcase PlotMoreInformationType.GALLERY:\r\n\t\t\t\tthis._gallery.current.load(this._site, this._plot);\r\n\t\t\tbreak;\r\n\t\t\tcase PlotMoreInformationType.FLOOR_PLANS:\r\n\t\t\t\tthis._floorPlans.current.load(this._site, this._plot);\r\n\t\t\tbreak;\r\n\t\t\tcase PlotMoreInformationType.OVERVIEW:\r\n\t\t\t\tthis._overview.current.load(this._site, this._plot);\r\n\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\trender(){\r\n\t\tlet className=\"plot-more-information menu\";\r\n\t\tif(this._configuration.fullScreenGalleryAndFloorPlans)\r\n\t\t\tclassName+=\" full-screen-gallery-and-floor-plans\";\r\n\t\tif(this.state.visible)\r\n\t\t\tclassName+=\" visible\";\r\n\t\treturn (\r\n\t\r\n\t\t\t{keyboardButtons}\r\n\t\t
);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './PlotSearch.css';\r\nimport CheckboxFilter from './CheckboxFilter';\r\nimport MenuType from '../enums/MenuType';\r\nimport Option from '../choices/Option';\r\nimport Once from '../core/Once';\r\nimport SubMenuHeader from './SubMenuHeader';\r\nimport NumericalKeyboard from './NumericalKeyboard';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nexport default class PlotSearch extends Component {\r\n\tstatic get _MAX_LENGTH(){\r\n\t\treturn 5;\r\n\t}\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {bedroomsFilterSettings, selectedPlot, onSelectedOptionsChange}=props;\r\n\t\tthis._callbackSelectedPlot=selectedPlot;\r\n\t\tthis._selectedOptionsChangedOnce = new Once(onSelectedOptionsChange);\r\n\t\tthis._checkboxFilter=React.createRef();\r\n\t\tthis._subMenuHeader = React.createRef();\r\n\t\tthis._element = React.createRef();\r\n\t\tthis._input = React.createRef();\r\n\t\tthis._options = [];\r\n\t\tthis.load = this.load.bind(this);\r\n\t\tthis._iMenuManager = null;\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.clear = this.clear.bind(this);\r\n\t\tthis.hide= this.hide.bind(this);\r\n\t\tthis._clickedOffManager = new ClickedOffManager({elementRef:this._element, hide:this.hide});\r\n\t\tthis._iMenuManager = null;\r\n\t\tthis._handleInput = this._handleInput.bind(this);\r\n\t\tthis._handleKey= this._handleKey.bind(this);\r\n\t\tthis._allowedKeyCodes=[8, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57]\r\n\t\tthis._units = null;\r\n\t\tthis.state = {options:[], visible:false, plotNumberStr:'', numberValid:true};\r\n\t\tthis._clickedOffHandle=null;\r\n\t}\r\n\tfilterPlots(plotsArray){\r\n\t\tif(this._selectedPlot)\r\n\t\t\treturn plotsArray.filter(plot=>this._selectedPlot ===plot);\r\n\t\treturn plotsArray;\r\n\t}\r\n\tshow(){\r\n\t\tthis.setState({visible:true});\r\n\t\tthis._clickedOffManager.register();\r\n\t\tthis._iMenuManager.showMe(this);\r\n\t}\r\n\thide(){\r\n\t\tthis._clickedOffManager.dispose();\r\n\t\tthis.setState({visible:false});\r\n\t\tif(this._callbackClose){\r\n\t\t\tthis._callbackClose();\r\n\t\t\tthis._callbackClose=null;\r\n\t\t}\r\n\t}\r\n\tsetIMenuManager(value){\r\n\t\tthis._iMenuManager = value;\r\n\t\tthis._subMenuHeader.current.setIMenuManager(value);\r\n\t}\r\n\tget menuType(){\r\n\t\treturn MenuType.PLOT_SEARCH;\r\n\t}\r\n\tload(units){\r\n\t\tthis._units = units;\r\n\t\tthis.clear();\r\n\t}\r\n\tclear(){\r\n\t\tif(this._selectedOptionsChangedOnce.triggered)return;\r\n\t\tthis.setState({plotNumberStr:''});\r\n\t\tthis._selectedPlot = null;\r\n\t}\r\n\t_handleInput(e){\r\n\t\te=e.nativeEvent;\r\n\t\tswitch(e.inputType){\r\n\t\t\tcase 'deleteContentBackward':\r\n\t\t\t\tthis._handleKey(8);\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'insertText':\r\n\t\t\t\tthis._handleKey(e.data.charCodeAt(0));\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\t_handleKey(keyCode){\r\n\t\tconst allowedKey = this._allowedKeyCodes.indexOf(keyCode)>=0;\r\n\t\tif(!allowedKey)\r\n\t\t\treturn;\r\n\t\tlet plotNumberStr=this.state.plotNumberStr;\r\n\t\tif(plotNumberStr===null)plotNumberStr='';\r\n\t\tif(keyCode===8){\r\n\t\t\tif(plotNumberStr.length<1)return;\r\n\t\t\tplotNumberStr = plotNumberStr.substring(0, plotNumberStr.length-1);\r\n\t\t}\r\n\t\telse\r\n\t\t{\r\n\t\t\tconst hasSpace = this.state.plotNumberStr.length\r\n\t\t\t\t\t
);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './MouseBlocker.css';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nconst {throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class MouseBlocker extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tconst{spinnerHandles}=props;\r\n\t\tthis._spinnerHandles = spinnerHandles;\r\n\t\tthis._spinnerHandlesChanged = this._spinnerHandlesChanged.bind(this);\r\n\t\tspinnerHandles.addEventListener('change', this._spinnerHandlesChanged);\r\n\t\tthis._handleClick= this._handleClick.bind(this);\r\n\t\tthis.state={visible:false};\r\n\t}\r\n\t_spinnerHandlesChanged(e){\r\n\t\tthis.setState({visible:e.hasHandles});\r\n\t}\r\n\t_handleClick(e){\r\n\t\tif(!e)e=window.event;\r\n\t\te.stopPropagation&&e.stopPropagation();\r\n\t\te.preventDefault&&e.preventDefault();\r\n\t}\r\n\trender() {\r\n\t\tlet className =\"mouse-blocker\";\r\n\t\tif(this.state.visible)\r\n\t\t\tclassName+=\" visible\";\r\n\t\treturn (\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tPlot
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './Menu.css';\r\nimport './IconButton.css';\r\nimport './SitePicker.css';\r\nimport Select from 'react-select';\r\nimport MenuType from '../enums/MenuType';\r\nimport IconButton from './IconButton';\r\nimport SubMenuHeader from './SubMenuHeader';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nexport default class SitePicker extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tconst {\r\n\t\t\tsetSite\r\n\t\t} = props;\r\n\t\tthis._setSite = setSite;\r\n\t\tthis._subMenuHeader = React.createRef();\r\n\t\tthis._element = React.createRef();\r\n\t\tthis._iMenuManager = null;\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide= this.hide.bind(this);\r\n\t\tthis._handleChange = this._handleChange.bind(this);\r\n\t\tthis.setSelectedSiteName = this.setSelectedSiteName.bind(this);\r\n\t\tthis._options = null;\r\n\t\tthis.state = {selectedOption:null, visible:false, options:[]};\r\n\t\tthis._clickedOffManager = new ClickedOffManager({elementRef:this._element, hide:this.hide});\r\n\t}\r\n\tshow(){\r\n\t\tthis.setState({visible:true});\r\n\t\tthis._clickedOffManager.register();\r\n\t\tthis._iMenuManager.showMe(this);\r\n\t}\r\n\thide(){\r\n\t\tthis._clickedOffManager.dispose();\r\n\t\tthis.setState({visible:false});\r\n\t\tthis._iMenuManager.close();\r\n\t}\r\n\tsetSelectedSiteName(value){\r\n\t\tthis.setState({selectedOption:this._options.filter(option=>option.value===value)[0]});\r\n\t}\r\n\tload(sites){\r\n\t\tthis._options = sites.getArray().map((site)=>{return {value:site.name, label:site.name};});\r\n\t\tthis.setState({options:this._options});\r\n\t}\r\n\tsetIMenuManager(value){\r\n\t\tthis._iMenuManager = value;\r\n\t\tthis._subMenuHeader.current.setIMenuManager(value);\r\n\t}\r\n\tget menuType(){\r\n\t\treturn MenuType.SITE_PICKER;\r\n\t}\r\n\t_handleChange(e){\r\n\t\tconst {value }= e;\r\n\t\tthis._setSite(value);\r\n\t}\r\n\trender() {\r\n\t\tlet className = \"site-picker menu\";\r\n\t\tif(this.state.visible)\r\n\t\t\tclassName+=\" visible\";\r\n\t\treturn (\r\n\t\t\t\t
)\r\n\t}\r\n}","function getViewportDimensions(){\r\n\tif(typeof document.documentElement !='undefined' &&\r\n\ttypeof document.documentElement.clientWidth !='undefined' &&\r\n\tdocument.documentElement.clientWidth!=0)\r\n\t\treturn [document.documentElement.clientWidth,document.documentElement.clientHeight];\r\n\tif(typeof window.innerWidth != 'undefined')\r\n\t\treturn [window.innerWidth,window.innerHeight];\r\n\tvar body = document.getElementsByTagName('body')[0];\r\n\treturn [body.clientWidth, body.clientHeight];\r\n}\r\nexport default getViewportDimensions;","const EdgeLocation={ TOP_LEFT:'top-left',TOP_CENTER:'top-center', TOP_RIGHT:'top-right', MIDDLE_RIGHT:'middle-right',\r\nBOTTOM_RIGHT:'bottom-right', BOTTOM_CENTER:'bottom-center', BOTTOM_LEFT:'bottom-lefft', MIDDLE_LEFT:'middle-left'};\r\nexport default EdgeLocation;","import React, { Component } from 'react';\r\nimport './PopupMenu.css';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport getAbsolute from '../ui_core/getAbsolute';\r\nimport Rect from '../geometry/Rect';\r\nimport Once from '../core/Once';\r\nimport EventNormalizer from '../core/EventNormalizer';\r\nimport getViewportDimensions from '../ui_core/getViewportDimensions';\r\nimport EdgeLocation from '../ui_core/EdgeLocation';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class PopupMenu extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tconst {className, edgeLocation, onHide}=props;\r\n\t\tthis._callbackOnHide = onHide;\r\n\t\tthis._edgeLocation=edgeLocation;\r\n\t\tthis._className=className;\r\n\t\tthis._inner = React.createRef();\r\n\t\tthis._elementRef = React.createRef();\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide = this.hide.bind(this);\r\n\t\tthis._repositionVerticallySoOnPage = this._repositionVerticallySoOnPage.bind(this);\r\n\t\tthis._repositionHorizontallySoOnPage = this._repositionHorizontallySoOnPage.bind(this);\r\n\t\tthis._startWatchingForClickOff = this._startWatchingForClickOff.bind(this);\r\n\t\tthis._startWatchingMouseForLeave = this._startWatchingMouseForLeave.bind(this);\r\n\t\tthis._checkMouseWithinBoundsAndAct = this._checkMouseWithinBoundsAndAct.bind(this);\r\n\t\tthis._doResposition= this._doResposition.bind(this);\r\n\t\tthis._getCurrentRect= this._getCurrentRect.bind(this);\r\n\t\tthis._mouseMove = this._mouseMove.bind(this);\r\n\t\tthis._mouseDown = this._mouseDown.bind(this);\r\n\t\tthis._touchStart = this._touchStart.bind(this);\r\n\t\tthis._setVisible = this._setVisible.bind(this);\r\n\t\tthis._setLeft= this._setLeft.bind(this);\r\n\t\tthis._setTop= this._setTop.bind(this);\r\n\t\tthis._setRelocated= this._setRelocated.bind(this);\r\n\t\tthis._showing = false;\r\n\t\tthis._checkMouseWithinBoundsAndActOnce = new Once(this._checkMouseWithinBoundsAndAct);\r\n\t\tthis.state = {relocated:false};\r\n\t}\r\n\tshow({position, getMouseInSourceBounds, untilClickOff}){\r\n\t\tsetTimeout(()=>{\r\n\t\t\tthis._showing = true;\r\n\t\t\tthis._getMouseInSourceBounds=getMouseInSourceBounds;\r\n\t\t\tthis._dueReposition=true;\r\n\t\t\tthis._setLeft(position?position[0]:0);\r\n\t\t\tthis._setTop(position?position[1]:0);\r\n\t\t\tsetTimeout(this._doResposition, 0);\r\n\t\t\tthis._setVisible(true);\r\n\t\t\tthis._setRelocated(true);\r\n\t\t\tsetTimeout(untilClickOff?this._startWatchingForClickOff:this._startWatchingMouseForLeave,0);\r\n\t\t}, 0);\r\n\t}\r\n\t_setLeft(left){\r\n\t\tconst element = this._elementRef.current;\r\n\t\telement.style.left = `${left}px`;\r\n\t}\r\n\t_setTop(top){\r\n\t\tconst element = this._elementRef.current;\r\n\t\telement.style.top = `${top}px`;\r\n\t}\r\n\t_setVisible(visible){\r\n\t\tconst element = this._elementRef.current;\r\n\t\tif(visible)\r\n\t\t\telement.classList.add('visible');\r\n\t\telse \r\n\t\t\telement.classList.remove('visible');\r\n\t}\r\n\t_setRelocated(relocated){\r\n\t\tconst element = this._elementRef.current;\r\n\t\tif(relocated){\r\n\t\t\telement.classList.add('relocated');\r\n\t\t\telement.classList.remove('did-not-relocate');\r\n\t\t\treturn;\r\n\t\t}\r\n\t\telement.classList.add('did-not-relocate');\r\n\t\telement.classList.remove('relocated');\r\n\t}\r\n\t_startWatchingMouseForLeave(){\r\n\t\tdocument.documentElement.addEventListener('mousemove', this._mouseMove);\r\n\t\tdocument.documentElement.addEventListener('touchstart', this._touchStart);\r\n\t\tthis._currentRect = this._getCurrentRect();\r\n\t}\r\n\t_startWatchingForClickOff(){\r\n\t\tdocument.documentElement.addEventListener('mousedown', this._mouseDown);\r\n\t\tdocument.documentElement.addEventListener('touchstart', this._touchStart);\r\n\t\tthis._currentRect = this._getCurrentRect();\r\n\t}\r\n\t_getCurrentRect(){\r\n\t\tconst inner = this._inner.current;\r\n\t\tconst absolutePosition = getAbsolute(inner);\r\n\t\treturn new Rect({x:absolutePosition.left, y:absolutePosition.top, width:inner.offsetWidth, height:inner.offsetHeight});\r\n\t}\r\n\t_mouseMove(e){\r\n\t\tthis._checkMouseWithinBoundsAndAct(e);\r\n\t}\r\n\t_mouseDown(e){\r\n\t\tEventNormalizer.addFriendlyXYToMouse(e);\r\n\t\tthis._checkMouseWithinBoundsAndActOnce.trigger(e);\r\n\t}\r\n\t_touchStart(e){\r\n\t\tEventNormalizer.addFriendlyXYToTouch(e);\r\n\t\tthis._checkMouseWithinBoundsAndActOnce.trigger(e);\r\n\t}\r\n\t_checkMouseWithinBoundsAndAct(e){\r\n\t\tconst x = e.x;\r\n\t\tconst y = e.y;\r\n\t\tconst point = [x,y];\r\n\t\tif(this._getMouseInSourceBounds&&this._getMouseInSourceBounds(point))return;\r\n\t\tif(!this._currentRect.containsPoint(point))\r\n\t\t\tthis.hide();\r\n\t}\r\n\thide(){\r\n\t\tif(!this._showing)return;\r\n\t\tthis._showing = false;\r\n\t\tthis._setVisible(false);\r\n\t\tdocument.documentElement.removeEventListener('mousemove', this._mouseMove);\r\n\t\tdocument.documentElement.removeEventListener('mousedown', this._mouseDown);\r\n\t\tdocument.documentElement.removeEventListener('touchstart', this._touchStart);\r\n\t\tthis._callbackOnHide&&this._callbackOnHide();\r\n\t}\r\n\t_doResposition(){\r\n\t\tconst innerElement = this._inner.current;\r\n\t\tconst viewportDimensions = getViewportDimensions();\r\n\t\tconst currentRect = this._getCurrentRect();\r\n\t\tconst relocatedVertically = this._repositionVerticallySoOnPage(currentRect, viewportDimensions);\r\n\t\tconst relocatedHorizontally = this._repositionHorizontallySoOnPage(currentRect, viewportDimensions);\r\n\t\tconst relocated = relocatedVertically||relocatedHorizontally;\r\n\t\tthis._setRelocated(relocated);\r\n\t}\r\n\t_repositionVerticallySoOnPage(currentRect, viewportDimensions){\r\n\t\tconst height = currentRect.height;\r\n\t\tconst fromTopOfViewPort = currentRect.y;\r\n\t\tconst fromBottomOfViewPort = viewportDimensions[1]-(fromTopOfViewPort+height);\r\n\t\tlet newTop;\r\n\t\tif(fromTopOfViewPort<0){\r\n\t\t\tnewTop=0;\r\n\t\t\tif(fromTopOfViewPort+fromBottomOfViewPort<0){\r\n\t\t\t\tnewTop = -(height-viewportDimensions[1])/2;\r\n\t\t\t}\r\n\t\t}\r\n\t\telse if (fromBottomOfViewPort<0){\r\n\t\t\t newTop = viewportDimensions[1]-height;\r\n\t\t\tif(fromTopOfViewPort+fromBottomOfViewPort<0){\r\n\t\t\t\tnewTop = -(height-viewportDimensions[1])/2;\r\n\t\t\t}\r\n\t\t}\r\n\t\telse return false;\r\n\t\tlet correctionForEdgeLocation=0;\r\n\t\tswitch(this._edgeLocation){\r\n\t\t\tcase EdgeLocation.TOP_LEFT:\r\n\t\t\tcase EdgeLocation.TOP_RIGHT:\r\n\t\t\tcase EdgeLocation.TOP_CENTER:\r\n\t\t\t\tbreak;\r\n\t\t\tcase EdgeLocation.MIDDLE_RIGHT:\r\n\t\t\tcase EdgeLocation.MIDDLE_LEFT:\r\n\t\t\t\tcorrectionForEdgeLocation=height/2;\r\n\t\t\t\tbreak;\r\n\t\t\tcase EdgeLocation.BOTTOM_RIGHT:\r\n\t\t\tcase EdgeLocation.BOTTOM_LEFT:\r\n\t\t\tcase EdgeLocation.BOTTOM_CENTER:\r\n\t\t\t\tcorrectionForEdgeLocation=height;\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t\tnewTop+= correctionForEdgeLocation;\r\n\t\tthis._setTop(newTop);\r\n\t\treturn true;\r\n\t}\r\n\t_repositionHorizontallySoOnPage(currentRect, viewportDimensions){\t\r\n\t\tconst width = currentRect.width;\r\n\t\tconst fromLeftOfViewPort = currentRect.x;\r\n\t\tconst fromRightOfViewPort = viewportDimensions[0]-(fromLeftOfViewPort+width);\r\n\t\tlet newLeft;\r\n\t\tif(fromLeftOfViewPort<0){\r\n\t\t\tnewLeft=0;\r\n\t\t\tif(fromLeftOfViewPort+fromRightOfViewPort<0){\r\n\t\t\t\tnewLeft = -(width-viewportDimensions[0])/2;\r\n\t\t\t}\r\n\t\t}\r\n\t\telse if (fromRightOfViewPort<0){\r\n\t\t\tnewLeft = viewportDimensions[0]-width;\r\n\t\t\tif(fromLeftOfViewPort+fromRightOfViewPort<0){\r\n\t\t\t\tnewLeft = -(width-viewportDimensions[0])/2;\r\n\t\t\t}\r\n\t\t}\r\n\t\telse return false;\r\n\t\tlet correctionForEdgeLocation=0;\r\n\t\tswitch(this._edgeLocation){\r\n\t\t\tcase EdgeLocation.TOP_LEFT:\r\n\t\t\tcase EdgeLocation.BOTTOM_LEFT:\r\n\t\t\tcase EdgeLocation.MIDDLE_LEFT:\r\n\t\t\t\tbreak;\r\n\t\t\tcase EdgeLocation.TOP_CENTER:\r\n\t\t\tcase EdgeLocation.BOTTOM_CENTER:\r\n\t\t\t\tcorrectionForEdgeLocation=width/2;\r\n\t\t\t\tbreak;\r\n\t\t\tcase EdgeLocation.TOP_RIGHT:\r\n\t\t\tcase EdgeLocation.MIDDLE_RIGHT:\r\n\t\t\tcase EdgeLocation.BOTTOM_RIGHT:\r\n\t\t\t\tcorrectionForEdgeLocation=width;\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t\tnewLeft+=correctionForEdgeLocation;\r\n\t\tthis._setLeft(newLeft);\r\n\t\treturn true;\r\n\t}\r\n\trender() {\r\n\t\tlet className = `popup-menu`; \r\n\t\tconst innerClassName=`inner ${this._edgeLocation} ${this._className}`;\r\n\t\treturn (\r\n\t\t\t\t\t
)\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport ParameterErrors from '../../errors/ParameterErrors';\r\nimport ParameterError from '../../errors/ParameterError';\r\nconst{throwNotProvided}=ParameterErrors;\r\nexport default class TabPanel_Panel extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {active}=props;\r\n\t\tthis.state = {active:active?true:false};\r\n\t\tthis._child = props.children;\r\n\t\tif(this._child===undefined||this._child===null)\r\n\t\t\tthrowNotProvided('single children entry');\r\n\t\tif(Array.isArray(this._child))\r\n\t\t\tthrow ParameterError('Only one child is accepted');\r\n\t}\r\n\tget tabInfo(){\r\n\t\treturn this._tabInfo;\r\n\t}\r\n\tset active(value){\r\n\t\tthis.setState({active:value});\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tconst tabInfo = this.props.children.ref.current.tabInfo;\r\n\t\tthis.setState({tabInfo:tabInfo});\r\n\t\tthis._tabInfo = tabInfo;\r\n\t}\r\n\trender() {\r\n\t\tlet className = \"tab-panel-panel\";\r\n\t\tif(this.state.active)\r\n\t\t\tclassName+=\" active\";\r\n\t\treturn (\r\n\t\t\t\t\t\t{this.props.children}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t{this.props.children}\r\n\t\t\t\t
)\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nexport default class TabPanel_Tab extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {panel, tabInfo, setActive, active}=props;\r\n\t\tthis._setActive = setActive\r\n\t\tthis._panel = panel;\r\n\t\tthis._tabInfo = tabInfo;\r\n\t\tthis._handleSetActive = this._handleSetActive.bind(this);\r\n\t\tthis.state = {active:active?true:false};\r\n\t}\r\n\t_handleSetActive(){\r\n\t\tthis._setActive(this, this._panel.ref.current);\r\n\t}\r\n\tset active(value){\r\n\t\tthis.setState({active:value});\r\n\t}\r\n\trender() {\r\n\t\tlet className = \"tab-panel-tab\";\r\n\t\tif(this.state.active)\r\n\t\t\tclassName+=\" active\";\r\n\t\tconst tabInfoClassName = this._tabInfo?.className;\r\n\t\tif(tabInfoClassName)\r\n\t\t\tclassName+=' '+tabInfoClassName;\r\n\t\treturn (\r\n\t\t
)\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport ParameterError from '../errors/ParameterError';\r\nimport TabPanel_Panel from './tabs/TabPanel_Panel';\r\nimport TabPanel_Tab from './tabs/TabPanel_Tab';\r\nimport HashSource from '../core/HashSource';\r\nimport './TabPanel.css';\r\nconst{throwNotProvided}=ParameterErrors;\r\nexport default class TabPanel extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tthis._element = React.createRef();\r\n\t\tconst {defaultActiveTabIndex, onSetActive}= props;\r\n\t\tthis.setActive= this.setActive.bind(this);\r\n\t\tthis._callbackSetActive= onSetActive;\r\n\t\tconst panels = [];\r\n\t\tlet index=0;\r\n\t\tthis._defaultActiveTabIndex = defaultActiveTabIndex;\r\n\t\tthis.props.children.forEach(child=>{\r\n\t\t\tconst panelRef=React.createRef();\r\n\t\t\tconst active = index===defaultActiveTabIndex;\r\n\t\t\tconst childTabKey = child?.props?.tabKey;\r\n\t\t\tconst tabKey = childTabKey!==undefined&&childTabKey!==null?childTabKey:HashSource.next();\r\n\t\t\tconst panel = (\r\n\t\t\t{this._tabInfo.title}\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
)\r\n\t}\r\n}\r\n","import eventEnable from '../core/eventEnable';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nconst{throwNotProvided}=ParameterErrors;\r\nexport default class TabInfo{\r\n\tconstructor(props){\r\n\t\tconst {title, className}=props;\r\n\t\tif(title===undefined||title===null)throwNotProvided('title');\r\n\t\tthis._title = title;\r\n\t\tthis._className = className;\r\n\t}\r\n\tget title(){\r\n\t\treturn this._title;\r\n\t}\r\n\tget className(){\r\n\t\treturn this._className;\r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport './ImageCarousel.css';\r\nimport DynamicImageFitCriteria from '../images/DynamicImageFitCriteria';\r\nimport DynamicImage from '../images/DynamicImage';\r\nimport FitType from '../images/FitType';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport { faExpand} from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class ImageCarousel extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tconst {className, images, aspectRatioThreshold, getContainerViewPort, onExpandImage, rootUrl}=props;\r\n\t\tthis._rootUrl = rootUrl?UrlHelper.makeSureSlashOnEnd(rootUrl):null;\r\n\t\tthis._className = className;\r\n\t\tthis._callbackExpandImage = onExpandImage;\r\n\t\tif(getContainerViewPort===undefined||getContainerViewPort===null)throwNotProvided('getContainerViewPort');\r\n\t\tthis._getContainerViewPort = getContainerViewPort;\r\n\t\tthis._getContainerAspectRatio = this._getContainerAspectRatio.bind(this);\r\n\t\tthis._getVerticalElseHorizontal = this._getVerticalElseHorizontal.bind(this);\r\n\t\tthis.calculateAndUpdateVerticalOrHorizontal = this.calculateAndUpdateVerticalOrHorizontal.bind(this);\r\n\t\tthis._handleClickExpand= this._handleClickExpand.bind(this);\r\n\t\tthis._createImageElements= this._createImageElements.bind(this);\r\n\t\tthis._element = React.createRef();\r\n\t\tthis._dynamicImageFitCriteriaVertical = new DynamicImageFitCriteria({fitType:FitType.WIDTH});\r\n\t\tthis._dynamicImageFitCriteriaHorizontal = new DynamicImageFitCriteria({fitType:FitType.HEIGHT});\r\n\t\tthis.state ={imageElements:[], verticalElseHorizontal:false};\r\n\t}\r\n\tcomponentDidUpdate(previousProps){\r\n\t\tconst imagesChanged = previousProps.images!==this.props.images;\r\n\t\tconst rootUrlChanged = previousProps.rootUrl!==this.props.rootUrl;\r\n\t\tif(imagesChanged){\r\n\t\t\tthis._images = this.props.images;\r\n\t\t}\r\n\t\tif(rootUrlChanged){\r\n\t\t\tconst rootUrl = this.props.rootUrl;\r\n\t\t\tthis._rootUrl = rootUrl?UrlHelper.makeSureSlashOnEnd(rootUrl):null;\r\n\t\t}\r\n\t\tif(imagesChanged||rootUrlChanged){\r\n\t\t\tthis.calculateAndUpdateVerticalOrHorizontal();\r\n\t\t\tthis._createImageElements();\r\n\t\t}\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tthis.calculateAndUpdateVerticalOrHorizontal();\r\n\t}\r\n\tcalculateAndUpdateVerticalOrHorizontal(){\r\n\t\tconst verticalElseHorizontal = this._getVerticalElseHorizontal();\r\n\t\tif(this.state.verticalElseHorizontal===verticalElseHorizontal)return;\r\n\t\tthis.setState({verticalElseHorizontal:verticalElseHorizontal});\r\n\t}\r\n\t_createImageElements(){\r\n\t\tif(!this._images){\r\n\t\t\tthis.setState({imageElements:[]});\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst verticalElseHorizontal = this._getVerticalElseHorizontal();\r\n\t\tconst imageElements = [];\r\n\t\tthis._images.forEach((image)=>{\r\n\t\t\tlet relativeUrl;\r\n\t\t\tif(image instanceof DynamicImage){\r\n\t\t\t\tconst viewPort = this._getContainerViewPort();\r\n\t\t\t\tconst dynamicImageEntry = image.getBestEntryToFit(verticalElseHorizontal\r\n\t\t\t\t?{fitCriteria:this._dynamicImageFitCriteriaVertical, width:viewPort[0]}\r\n\t\t\t\t:{fitCriteria:this._dynamicImageFitCriteriaHorizontal, height:viewPort[1]});\r\n\t\t\t\tif(dynamicImageEntry===undefined||dynamicImageEntry===null)\r\n\t\t\t\t\tthrow new Error('No dynamicImageEntry was returned');\r\n\t\t\t\trelativeUrl = dynamicImageEntry.relativePath;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tif(typeof(image )!=='string')\r\n\t\t\t\t\tthrow new Error('Not implemented');\r\n\t\t\t\trelativeUrl = image;\r\n\t\t\t}\r\n\t\t\tconst url = (this._rootUrl===null?'':this._rootUrl)+UrlHelper.removeStartSlash(relativeUrl);\r\n\t\t\timageElements.push(({this.state.tabs}
\r\n\t\t\t{this.state.panels}
\r\n\t\t\r\n\t\t\t\t\t\t\t\t
)\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './JumpableZoomableDragable.css';\r\nimport TwoFingerTouch from '../ui_core/TwoFingerTouch';\r\nimport ZoomableDragable from './ZoomableDragable';\r\nimport IconButton from './IconButton';\r\nimport DynamicImage from '../images/DynamicImage';\r\nimport FitType from '../images/FitType';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport Urls from '../urls/Urls';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nconst{throwNotProvided}=ParameterErrors;\r\nexport default class JumpableZoomableDragable extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {className, images, updateExternalZoomSource, zoomMax, zoomMin, rootUrl}=props;\r\n\t\tthis._className=className;\r\n\t\tthis._zoomMax = zoomMax;\r\n\t\tthis._zoomMin = zoomMin;\r\n\t\tthis._updateExternalZoomSource=updateExternalZoomSource?updateExternalZoomSource:null;\r\n\t\tthis._loadImage= this._loadImage.bind(this);\r\n\t\tthis._rootUrl = rootUrl?UrlHelper.makeSureSlashOnEnd(rootUrl):null;\r\n\t\tthis._elementRef = React.createRef();\r\n\t\tthis._zoomableDragableRef = React.createRef();\r\n\t\tthis._getAspectRatio= this._getAspectRatio.bind(this);\r\n\t\tthis._handleClickLeft= this._handleClickLeft.bind(this);\r\n\t\tthis._handleClickRight= this._handleClickRight.bind(this);\r\n\t\tthis.state={noMoreLeft:true, noMoreRight:true};\r\n\t\tthis._index = 0;\r\n\t}\r\n\t_getAspectRatio(){\r\n\t\tconst element = this._elementRef.current;\r\n\t\tif(element===null)return 1;\r\n\t\treturn element.offsetWidth/element.offsetHeight;\r\n\t}\r\n\tcomponentDidUpdate(previousProps){\r\n\t\tconst imagesChanged = previousProps.images!==this.props.images;\r\n\t\tconst rootUrlChanged = previousProps.rootUrl!==this.props.rootUrl;\r\n\t\tif(imagesChanged){\r\n\t\t\tthis._images = this.props.images;\r\n\t\t\tthis.setState({noMoreLeft:true, noMoreRight:this._images.length<=1});\r\n\t\t}\r\n\t\tif(rootUrlChanged){\r\n\t\t\tconst rootUrl = this.props.rootUrl;\r\n\t\t\tthis._rootUrl = rootUrl?UrlHelper.makeSureSlashOnEnd(rootUrl):null;\r\n\t\t}\r\n\t\tif(imagesChanged||rootUrlChanged){\r\n\t\t\t\tthis._index=0;\r\n\t\t\t\tthis._loadImage();\r\n\t\t}\r\n\t}\r\n\t_loadImage(){\r\n\t\tconst hasAtLeastOneImage = this._images&&(this._images.length>0);\r\n\t\tif(!hasAtLeastOneImage)return;\r\n\t\tconst dynamicImageOrImagePathString = this._images[this._index];\r\n\t\tconst isImagePathString = typeof(dynamicImageOrImagePathString)==='string';\r\n\t\tconst relativeUrl = isImagePathString\r\n\t\t\t?dynamicImageOrImagePathString\r\n\t\t\t:dynamicImageOrImagePathString.getLargestEntry().relativePath;\r\n\t\tconst url = (this._rootUrl===null?'':this._rootUrl)+UrlHelper.removeStartSlash(relativeUrl);\r\n\t\tconst fitToHeight = false;\r\n\t\tthis._zoomableDragableRef.current.load(url, fitToHeight);\r\n\t}\r\n\t_handleClickLeft(){\r\n\t\tthis._index-=1;\r\n\t\tconst noMoreLeft = this._index<=0;\r\n\t\tif(noMoreLeft){\r\n\t\t\tthis._index=0;\r\n\t\t}\r\n\t\tthis.setState({noMoreLeft:noMoreLeft, noMoreRight:false});\r\n\t\tthis._loadImage();\r\n\t}\r\n\t_handleClickRight(){\r\n\t\tif(!this._images)return;\r\n\t\tthis._index+=1;\r\n\t\tconst noMoreRight = this._index>=this._images.length-1;\r\n\t\tif(noMoreRight){\r\n\t\t\tthis._index=this._images.length-1;\r\n\t\t}\r\n\t\tthis.setState({noMoreRight:noMoreRight, noMoreLeft:false});\r\n\t\tthis._loadImage();\r\n\t}\r\n\trender() {\r\n\t\tlet className = \"jumpable-zoomable-dragable\";\r\n\t\tif(this._className)\r\n\t\t\tclassName+=' '+this._className;\r\n\t\tif(this.state.noMoreLeft)\r\n\t\t\tclassName+=' no-more-left';\r\n\t\tif(this.state.noMoreRight)\r\n\t\t\tclassName+=' no-more-right';\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{this.state.imageElements}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport TabInfo from '../ui_core/TabInfo';\r\nimport ImageCarousel from './ImageCarousel';\r\nimport JumpableZoomableDragable from './JumpableZoomableDragable';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport Urls from '../urls/Urls';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class PlotMoreInformationFloorPlans extends Component {\r\n\tstatic get _IMAGE_CAROUSEL_ASPECT_RATIO_THRESHOLD(){\r\n\t\treturn 1.5;\r\n\t}\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {getViewPort, onExpandImage, configuration}=props;\r\n\t\tthis._configuration = configuration;\r\n\t\tthis._callbackExpandImage = onExpandImage;\r\n\t\tthis._getContainerViewPort = getViewPort;\r\n\t\tthis._element = React.createRef();\r\n\t\tthis._tabInfo = new TabInfo({title:'Floor plans', className:'floor-plans-tab'});\r\n\t\tthis.state={site:null, plot:null, images:null};\r\n\t}\r\n\tget tabInfo(){\r\n\t\treturn this._tabInfo;\r\n\t}\r\n\tload(site, plot){\r\n\t\tthis.setState({site:site, plot:plot});\r\n\t\tthis._loadFloorPlanImages(site, plot);\r\n\t}\r\n\t_loadFloorPlanImages(site, plot){\r\n\t\tthis.setState({images:plot.floorPlanImages});\r\n\t}\r\n\trender(){\r\n\t\tconst rootUrl = Urls.getAssetsForSite(this._configuration.siteSlug);\r\n\t\t return this._configuration.scrollablePlotMoreInformationGalleryAndFloorPlansElseSingleJumpableZoomableDragableImages\r\n\t\t?(\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t*/\r\n\trender(){\r\n\t\tlet className = \"plot-more-information-overview\";\r\n\t\tclassName+=this.state.showAll?\" show-all\":\" show-limited\";\r\n\t\tconst hasPrice = (this.state.plot)&&!this.state.plot.isSold;\r\n\t\treturn (\r\n\t\t\t\t\t\t
\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t{this.state.aboutTruncatedWithEllipsisWithEllipsisIfRequired}\r\n\t\t\t\t{this.state.plot?.name}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\tPlot {this.state.plot?.number}
\r\n\t\t\t\t\t\t\t {this.state.plot? ' - '+PlotStatus.getDescription(this.state.plot.status)+(hasPrice?' - ':''):' - '}
\r\n\t\t\t\t\t\t\t {!hasPrice?'':this.state.plot.priceString}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\r\n\t\t\t \r\n\t
)\r\n\t}\r\n}","export default class PhoneNumberValidation{\r\n\tstatic get REG_EXP_INTERNATIONAL_NUMBER(){\r\n\t\treturn new RegExp('^(?:(?:\\\\+[1-9]{1}[0-9]{3,14})|(?:[0-9]{4,15}))$');\r\n\t}\r\n\tstatic validateInternational(value){\r\n\t\treturn PhoneNumberValidation.REG_EXP_INTERNATIONAL_NUMBER.test(value);\r\n\t}\r\n}","export default class EmailValidation{\r\n\tstatic get REG_EXP_EMAIL_RFC_5322(){\r\n\t\treturn /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n\t}\r\n\tstatic emailRFC5322(value){\r\n\t\treturn EmailValidation.REG_EXP_EMAIL_RFC_5322.test(value);\r\n\t}\r\n}","const BrochureProgressStatus={\r\n\tQueued:1,\r\n\tGenerating:2,\r\n\tGenerated:3\r\n};\r\nBrochureProgressStatus.getClassName = function(brochureProgressStatus){\r\n\tswitch(brochureProgressStatus){\r\n\t\tcase BrochureProgressStatus.Queued:\r\n\t\t\treturn 'queued';\r\n\t\tcase BrochureProgressStatus.Generating:\r\n\t\t\treturn 'generating';\r\n\t\tcase BrochureProgressStatus.Generated:\r\n\t\t\treturn 'generated';\r\n\t\tdefault:\r\n\t\t\tthrow new Error('Not implemented');\r\n\t}\r\n};\r\nexport default BrochureProgressStatus;","import ParameterErrors from '../errors/ParameterErrors';\r\nimport BrochureProgressStatus from '../enums/BrochureProgressStatus';\r\nimport enableAcceptBindings from '../mvvm/enableAcceptBindings';\r\nimport exposeBinding from '../mvvm/exposeBinding';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class BrochureBeingGenerated{\r\n\tconstructor(params){\r\n\t\tenableAcceptBindings(this);\r\n\t\tlet {brochureGenerationIdentifier, brochureProgressStatus, plotNumbers, brochureUrl, brochureType} = params;\r\n\t\tif(brochureGenerationIdentifier===undefined||brochureGenerationIdentifier===null)\r\n\t\t\tthrowNotProvided('brochureGenerationIdentifier');\r\n\t\tthis._brochureGenerationIdentifier = brochureGenerationIdentifier;\r\n\t\tif(brochureProgressStatus===undefined||brochureProgressStatus===null)\r\n\t\t\tbrochureProgressStatus=BrochureProgressStatus.Queued;\r\n\t\tthis._brochureProgressStatus = brochureProgressStatus;\r\n\t\tthis._proportionProgress = 0;\r\n\t\tthis._brochureUrl=brochureUrl;\r\n\t\tthis._brochureType = brochureType;\r\n\t\tthis._plotNumbers = plotNumbers;\r\n\t\tthis.updateProgress= this.updateProgress.bind(this);\t\r\n\t\texposeBinding(this, 'brochureProgressStatus', ()=>this._brochureProgressStatus, (value)=>this._brochureProgressStatus = value);\r\n\t\texposeBinding(this, 'proportionProgress', ()=>this._proportionProgress, (value)=>this._proportionProgress = value);\r\n\t\texposeBinding(this, 'brochureUrl', ()=>this._brochureUrl, (value)=>this._brochureUrl = value);\r\n\t\r\n\t}\r\n\tget brochureProgressStatus(){\r\n\t\treturn this._brochureProgressStatus;\r\n\t}\r\n\tget brochureGenerationIdentifier(){\r\n\t\treturn this._brochureGenerationIdentifier;\r\n\t}\r\n\tget proportionProgress(){\r\n\t\treturn this._proportionProgress;\r\n\t}\r\n\tget brochureType(){\r\n\t\treturn this._brochureType;\r\n\t}\r\n\tget brochureUrl(){\r\n\t\treturn this._brochureUrl;\r\n\t}\r\n\tget plotNumbers(){\r\n\t\treturn this._plotNumbers;\r\n\t}\r\n\tupdateProgress(progress){\r\n\t\tif(this._brochureProgressStatus !== progress.brochureProgressStatus){\r\n\t\t\tthis._brochureProgressStatus = progress.brochureProgressStatus;\r\n\t\t\tthis.bindingsHandler.changed('brochureProgressStatus', this.brochureProgressStatus);\r\n\t\t}\r\n\t\t\r\n\t\tif(progress.proportionProgress!==undefined&&progress.proportionProgress!==null\r\n\t\t &&this._proportionProgress !== progress.proportionProgress){\r\n\t\t\tthis._proportionProgress = progress.proportionProgress;\r\n\t\t\tthis.bindingsHandler.changed('proportionProgress', this.proportionProgress);\r\n\t\t}\r\n\t\t\r\n\t\tif(progress.brochureUrl!==undefined&&progress.brochureUrl!==null\r\n\t\t\t&&this._brochureUrl !== progress.brochureUrl){\r\n\t\t\tthis._brochureUrl = progress.brochureUrl;\r\n\t\t\tif(this._brochureUrl)\r\n\t\t\t\tthis.bindingsHandler.changed('brochureUrl', this.brochureUrl);\r\n\t\t}\r\n\t}\r\n}","import React, {Component} from 'react';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nexport default class GoogleAnalytics{\r\n\tconstructor(props){\r\n\t\tconst {trackingCode, siteName}=props;\r\n\t\tconst script = document.createElement('script');\r\n\t\tscript.src = `https://www.googletagmanager.com/gtag/js?id=${this._trackingCode}`;\r\n\t\tdocument.body.appendChild(script);\r\n\t\tscript.addEventListener('load', ()=>{\r\n\t\t\twindow.dataLayer = window.dataLayer || [];\r\n\t\t\tGoogleAnalytics._gtag('js', new Date());\r\n\t\t\tGoogleAnalytics._gtag('config', 'UA-191995023-3');\r\n\t\t});\r\n\t\tscript.addEventListener('error', console.error);\r\n }\r\n\tstatic get instance(){\r\n\t\treturn GoogleAnalytics._instance;\r\n\t}\r\n\tstatic _gtag(){window.dataLayer?.push(arguments);}\r\n\tstatic logFavouritesBrochureRequest(siteName){\r\n\t\ttry{\r\n\t\t\tGoogleAnalytics._gtag('event', 'brochure_request', {\r\n\t\t\t 'event_category': 'Favourites Brochure',\r\n\t\t\t 'event_label': siteName\r\n\t\t\t});\r\n\t\t}\r\n\t\tcatch(err){\r\n\t\t\tconsole.error(err);\r\n\t\t}\r\n\t}\r\n\tstatic logPlotBrochureRequest(siteName, plotNumber){\r\n\t\ttry{\r\n\t\t\tGoogleAnalytics._gtag('event', 'brochure_request', {\r\n\t\t\t 'event_category': 'Plot Brochure',\r\n\t\t\t 'event_label': `${siteName} - Plot ${plotNumber}`\r\n\t\t\t});\r\n\t\t}\r\n\t\tcatch(err){\r\n\t\t\tconsole.error(err);\r\n\t\t}\r\n\t}\r\n}","export default class LocalStorageHelper{ \r\n\tstatic getObj(name)\r\n\t{\r\n\t\ttry\r\n\t\t{\r\n\t\t\tvar item = window.localStorage.getItem(name);\r\n\t\t\tif(item===undefined||item===null)return;\r\n\t\t\treturn JSON.parse(item);\r\n\t\t}\r\n\t\tcatch(ex)\r\n\t\t{\r\n\t\t\treturn undefined;\r\n\t\t}\r\n\t}\r\n\tstatic setObj(name, obj)\r\n\t{\r\n\t\ttry\r\n\t\t{\r\n\t\t\twindow.localStorage.setItem(name, JSON.stringify(obj));\r\n\t\t}\r\n\t\tcatch(ex)\r\n\t\t{\r\n\t\t\tconsole.error(ex);\r\n\t\t}\r\n\t}\r\n};","import ParameterErrors from '../errors/ParameterErrors';\r\nimport ParseError from '../errors/ParseError';\r\nimport LocalStorageHelper from '../storage/LocalStorageHelper';\r\nconst { throwNotProvided, throwNotOfType} = ParameterErrors;\r\nconst SESSION_TOKEN='sessionToken';\r\nexport default class SessionManager{\r\n\tstatic get instance(){\r\n\t\tif(!SessionManager._instance)\r\n\t\t\tSessionManager._instance = new SessionManager();\r\n\t\treturn SessionManager._instance;\r\n\t}\r\n\tconstructor(){\r\n\t\tthis._sessionToken = LocalStorageHelper.getObj(SESSION_TOKEN);\r\n\t}\r\n\tset sessionToken(value){\r\n\t\tthis._sessionToken = value;\r\n\t\tLocalStorageHelper.setObj(SESSION_TOKEN, value);\r\n\t}\r\n\tget sessionToken(){\r\n\t\treturn this._sessionToken;\r\n\t}\r\n\tget sessionTokenIsValid(){\r\n\t\treturn this._sessionToken!==undefined&&this._sessionToken!==null&&this._sessionToken!=='';\r\n\t}\r\n\tclearSessionToken(){\r\n\t\tthis.sessionToken = null;\r\n\t}\r\n}","import ParameterErrors from '../errors/ParameterErrors';\r\nimport BrochureProgressStatus from '../enums/BrochureProgressStatus';\r\nimport BrochureBeingGenerated from './BrochureBeingGenerated';\r\nimport Urls from '../urls/Urls';\r\nimport GoogleAnalytics from '../google/GoogleAnalytics'; \r\nimport Timer from '../core/Timer';\r\nimport eventEnable from '../core/eventEnable';\r\nimport SessionManager from '../sessions/SessionManager';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class BrochuresManager{\r\n\tconstructor(params){\r\n\t\teventEnable(this);\r\n\t\tthis._brochuresBeingGenerated = [];\r\n\t\tthis._mapBrochureGenerationIdentifierToBrochureBeingGenerated = new Map();\r\n\t\tthis.setSessionTokenAndAddBrochureGenerationIdentifier_fromResponse_IfValid =\r\n\t\t\tthis.setSessionTokenAndAddBrochureGenerationIdentifier_fromResponse_IfValid.bind(this);\r\n\t\tthis._addBrochureBeingGenerated= this._addBrochureBeingGenerated.bind(this);\r\n\t\tthis._getUpdatesToBrochureBeingGenerateds= this._getUpdatesToBrochureBeingGenerateds.bind(this);\r\n\t\tthis._processUpdatesResponse= this._processUpdatesResponse.bind(this);\r\n\t\tthis._processBrochuresResponse= this._processBrochuresResponse.bind(this);\r\n\t\tthis._dispatchBrochuresBeingGeneratedChanged= this._dispatchBrochuresBeingGeneratedChanged.bind(this);\r\n\t\tthis._clearBrochuresBeingGeneratedWhichAreNotComplete = this._clearBrochuresBeingGeneratedWhichAreNotComplete.bind(this);\r\n\t\tthis._getBrochuresForSession= this._getBrochuresForSession.bind(this);\r\n\t\tthis._timerGetUpdatesToBrochureBeingGenerateds = new Timer({\r\n\t\t\tdelay:10000,\r\n\t\t\tcallback:this._getUpdatesToBrochureBeingGenerateds, \r\n\t\t\tnTicks:-1\r\n\t\t});\r\n\t\tthis._getBrochuresForSession();\r\n\t}\r\n\tstatic get instance(){\r\n\t\tif(!BrochuresManager._instance)\r\n\t\t\tBrochuresManager._instance = new BrochuresManager();\r\n\t\treturn BrochuresManager._instance;\r\n\t}\r\n\tgenerate({\r\n\t\tsiteName, siteSlug, plotNumbers, title, firstName, surname, email, phoneNumber, optInOptions, agreedToPrivacyNotice, singlePlotBrochure\r\n\t}){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tconst body = { \r\n\t\t\t\twaitForUrl:false,\r\n\t\t\t\tsiteName:siteSlug, \r\n\t\t\t\tplotNumbers:plotNumbers, \r\n\t\t\t\tdebug:false,\r\n\t\t\t\tuserInfo:{\r\n\t\t\t\t\ttitle,\r\n\t\t\t\t\tfirstName,\r\n\t\t\t\t\tsurname,\r\n\t\t\t\t\temail,\r\n\t\t\t\t\tphoneNumber,\r\n\t\t\t\t\toptInOptions,\r\n\t\t\t\t\tagreedToPrivacyNotice\r\n\t\t\t\t},\r\n\t\t\t\tsessionToken:SessionManager.instance.sessionToken\r\n\t\t\t};\r\n\t\t\tif(email&&email.toLowerCase().indexOf('@futurium.co.uk')<0){\r\n\t\t\t\tif(singlePlotBrochure)\r\n\t\t\t\t\tGoogleAnalytics.logPlotBrochureRequest(siteName, plotNumbers[0].number);\r\n\t\t\t\telse \r\n\t\t\t\t\tGoogleAnalytics.logFavouritesBrochureRequest(siteName);\r\n\t\t\t}\r\n\t\t\tfetch(Urls.getGeneratePDFBrochureSimple(this._configuration), {\r\n\t\t\t\t\tmethod: 'POST', \r\n\t\t\t\t\tcredentials: \"same-origin\",\r\n\t\t\t\t\tbody:JSON.stringify(body)\r\n\t\t\t}).then((response) => {\r\n\t\t\t\tresponse.text().then(res => {\r\n\t\t\t\t\tconst jObjectResponse = JSON.parse(res);\r\n\t\t\t\t\tthis.setSessionTokenAndAddBrochureGenerationIdentifier_fromResponse_IfValid(jObjectResponse);\r\n\t\t\t\t\tresolve(jObjectResponse);\r\n\t\t\t\t}).catch(reject);\r\n\t\t\t}).catch(reject);\r\n\t\t});\r\n\t}\r\n\tsetSessionTokenAndAddBrochureGenerationIdentifier_fromResponse_IfValid(jObjectResponse){\r\n\t\tif(jObjectResponse.sessionToken!==undefined&&jObjectResponse.sessionToken!==null){\r\n\t\t\tSessionManager.instance.sessionToken = jObjectResponse.sessionToken;\r\n\t\t}\r\n\t\tif(!jObjectResponse.brochureGenerationIdentifier)return;\r\n\t\tthis._addBrochureBeingGenerated(new BrochureBeingGenerated({\r\n\t\t\tbrochureGenerationIdentifier:jObjectResponse.brochureGenerationIdentifier,\r\n\t\t\tbrochureType:jObjectResponse.brochureType,\r\n\t\t\tstartedAt:jObjectResponse.startedAt,\r\n\t\t\tplotNumbers:jObjectResponse.plotNumbers,\r\n\t\t\tbrochureUrl:jObjectResponse.brochureUrl\r\n\t\t}));\r\n\t\tthis._timerGetUpdatesToBrochureBeingGenerateds.start();\r\n\t}\r\n\t_addBrochureBeingGenerated(brochureBeingGenerated){\r\n\t\tthis._brochuresBeingGenerated.push(brochureBeingGenerated);\r\n\t\tthis._mapBrochureGenerationIdentifierToBrochureBeingGenerated\r\n\t\t\t.set(brochureBeingGenerated.brochureGenerationIdentifier, brochureBeingGenerated);\r\n\t\tthis._dispatchBrochuresBeingGeneratedChanged();\r\n\t}\r\n\t_getBrochuresForSession(){\r\n\t\t\tif(!SessionManager.instance.sessionTokenIsValid){\r\n\t\t\t\tSessionManager.instance.clearSessionToken();\r\n\t\t\t\tthis._clearBrochuresBeingGeneratedWhichAreNotComplete();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tconst body = {\r\n\t\t\t\tsessionToken:SessionManager.instance.sessionToken\r\n\t\t\t};\r\n\t\t\tconst url = Urls.getBrochureGenerationGetBrochuresForSession();\r\n\t\t\tfetch(url, {\r\n\t\t\t\tmethod: 'POST', \r\n\t\t\t\tcredentials: \"same-origin\",\r\n\t\t\t\tbody:JSON.stringify(body)\r\n\t\t\t}).then((response) => {\r\n\t\t\t\tresponse.text().then(res => {\r\n\t\t\t\t\tconst jObjectResponse = JSON.parse(res);\r\n\t\t\t\t\tthis._processBrochuresResponse(jObjectResponse);\r\n\t\t\t\t}).catch(console.error);\r\n\t\t\t}).catch(console.error);\r\n\t}\r\n\t_getUpdatesToBrochureBeingGenerateds(){\r\n\t\ttry{\r\n\t\t\tconst brochureGenerationIdentifiersToGetUpdateFor = this._brochuresBeingGenerated\r\n\t\t\t\t.filter(brochureBeingGenerated=>brochureBeingGenerated.brochureProgressStatus!==BrochureProgressStatus.Generated)\r\n\t\t\t\t.map(brochureBeingGenerated=>brochureBeingGenerated.brochureGenerationIdentifier);\r\n\t\t\tif(brochureGenerationIdentifiersToGetUpdateFor.length<1){\r\n\t\t\t\tthis._timerGetUpdatesToBrochureBeingGenerateds.reset();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif(!SessionManager.instance.sessionTokenIsValid){\r\n\t\t\t\tSessionManager.instance.clearSessionToken();\r\n\t\t\t\tthis._clearBrochuresBeingGeneratedWhichAreNotComplete();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tconst body = {\r\n\t\t\t\tbrochureGenerationIdentifiers:brochureGenerationIdentifiersToGetUpdateFor,\r\n\t\t\t\tsessionToken:SessionManager.instance.sessionToken\r\n\t\t\t};\r\n\t\t\tconst url = Urls.getBrochureGenerationCheckProgress();\r\n\t\t\tfetch(url, {\r\n\t\t\t\tmethod: 'POST', \r\n\t\t\t\tcredentials: \"same-origin\",\r\n\t\t\t\tbody:JSON.stringify(body)\r\n\t\t\t}).then((response) => {\r\n\t\t\t\tresponse.text().then(res => {\r\n\t\t\t\t\tconst jObjectResponse = JSON.parse(res);\r\n\t\t\t\t\tthis._processUpdatesResponse(jObjectResponse);\r\n\t\t\t\t}).catch(console.error);\r\n\t\t\t}).catch(console.error);\r\n\t\t}\r\n\t\tcatch(err){\r\n\t\t\tconsole.error(err);\r\n\t\t}\t\t\r\n\t}\r\n\t_processBrochuresResponse(jObjectResponse){\r\n\t\tjObjectResponse.progresses?.forEach(progress=>{\r\n\t\t\tlet brochureBeingGenerated = this._mapBrochureGenerationIdentifierToBrochureBeingGenerated.get(\r\n\t\t\t\tprogress.brochureGenerationIdentifier);\r\n\t\t\tif(!brochureBeingGenerated){\r\n\t\t\t\tbrochureBeingGenerated = new BrochureBeingGenerated(progress);\r\n\t\t\t\tthis._addBrochureBeingGenerated(brochureBeingGenerated);\r\n\t\t\t}\r\n\t\t\telse\r\n\t\t\t\tbrochureBeingGenerated.updateProgress(progress);\r\n\t\t});\r\n\t}\r\n\t_processUpdatesResponse(jObjectResponse){\r\n\t\tif(jObjectResponse.sessionTimedOut){\r\n\t\t\tthis._clearBrochuresBeingGeneratedWhichAreNotComplete();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tjObjectResponse.progresses.forEach(progress=>{\r\n\t\t\tconst brochureBeingGenerated = this._mapBrochureGenerationIdentifierToBrochureBeingGenerated.get(progress.brochureGenerationIdentifier);\r\n\t\t\tif(!brochureBeingGenerated)return;\r\n\t\t\tbrochureBeingGenerated.updateProgress(progress);\r\n\t\t});\r\n\t}\r\n\t_clearBrochuresBeingGeneratedWhichAreNotComplete(){\r\n\t\tconst newBrochuresBeingGenerated =[];\r\n\t\tconst toRemove = [];\r\n\t\tthis._brochuresBeingGenerated.forEach(brochureBeingGenerated=> {\r\n\t\t\tif(brochureBeingGenerated.brochureProgressStatus===BrochureProgressStatus.Generated)\r\n\t\t\t\tnewBrochuresBeingGenerated.push(brochureBeingGenerated);\r\n\t\t\telse \r\n\t\t\t\ttoRemove.push(brochureBeingGenerated);\r\n\t\t});\r\n\t\ttoRemove.forEach(brochureBeingGenerated=>\r\n\t\t\tthis._mapBrochureGenerationIdentifierToBrochureBeingGenerated.delete(brochureBeingGenerated.brochureGenerationIdentifier)\r\n\t\t);\r\n\t\tthis._brochuresBeingGenerated = newBrochuresBeingGenerated;\r\n\t\tthis._dispatchBrochuresBeingGeneratedChanged();\r\n\t}\r\n\t_dispatchBrochuresBeingGeneratedChanged(){\r\n\t\tthis.dispatchEvent({type:'brochuresBeingGeneratedChanged', brochuresBeingGenerated:this._brochuresBeingGenerated});\r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport './BrochureGeneration.css';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faCog} from '@fortawesome/free-solid-svg-icons';\r\nimport IconButton from './IconButton';\r\nimport MenuType from '../enums/MenuType';\r\nimport SubMenuHeader from './SubMenuHeader';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport Urls from '../urls/Urls';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport PhoneNumberValidation from '../validation/PhoneNumberValidation';\r\nimport EmailValidation from '../validation/EmailValidation';\r\nimport Dialog from './Dialog';\r\nimport Checkbox from './Checkbox';\r\nimport Handles from '../core/Handles';\r\nimport Spinner from './Spinner';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport HashSource from '../core/HashSource';\r\nimport BrochuresManager from '../brochures/BrochuresManager';\r\nimport SessionManager from '../sessions/SessionManager';\r\nconst { throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class BrochureGeneration extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {getSiteAndUnits, showBrochuresMenu, getSelectedFavourites, getConfiguration} = props;\r\n\t\tthis._getConfiguration = getConfiguration;\r\n\t\tif(!getSiteAndUnits)throwNotProvided('getSiteAndUnits');\r\n\t\tthis._getSiteAndUnits = getSiteAndUnits;\r\n\t\tthis._getSelectedFavourites = getSelectedFavourites;\r\n\t\tthis._showBrochuresMenu = showBrochuresMenu;\r\n\t\tthis._subMenuHeader = React.createRef();\r\n\t\tthis._element = React.createRef();\r\n\t\tthis._titleRef = React.createRef();\r\n\t\tthis._firstNameRef = React.createRef();\r\n\t\tthis._surnameRef = React.createRef();\r\n\t\tthis._phoneNumberRef = React.createRef();\r\n\t\tthis._checkboxOptInPhoneRef = React.createRef();\r\n\t\tthis._checkboxOptInEmailRef = React.createRef();\r\n\t\tthis._checkboxOptInTextRef = React.createRef();\r\n\t\tthis._emailRef = React.createRef();\r\n\t\tthis._privacyNoticeCheckboxRef = React.createRef();\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide= this.hide.bind(this);\r\n\t\tthis.load = this.load.bind(this);\r\n\t\tthis._iMenuManager = null;\r\n\t\tthis._clickedOffManager = new ClickedOffManager({elementRef:this._element, hide:this.hide});\r\n\t\tthis._currentDialog = null;\r\n\t\tthis._agreedToPrivacyNotice= false;\r\n\t\tthis._handleClickGenerate = this._handleClickGenerate.bind(this);\r\n\t\tthis._startPdfDownload= this._startPdfDownload.bind(this)\r\n\t\tthis._handleTitleChange = this._handleTitleChange.bind(this);\r\n\t\tthis._handleFirstNameChange = this._handleFirstNameChange.bind(this);\r\n\t\tthis._handleSurnameChange = this._handleSurnameChange.bind(this);\r\n\t\tthis._handleEmailChange = this._handleEmailChange.bind(this);\r\n\t\tthis._handlePhoneNumberChange = this._handlePhoneNumberChange.bind(this);\r\n\t\tthis._handleClickShowPrivacyPolicy = this._handleClickShowPrivacyPolicy.bind(this);\r\n\t\tthis._validateText = this._validateText.bind(this);\r\n\t\tthis._validatePhoneNumber = this._validatePhoneNumber.bind(this);\r\n\t\tthis._validateEmail=this._validateEmail.bind(this);\r\n\t\tthis._getClassNameField = this._getClassNameField.bind(this);\r\n\t\tthis._disposeCurrentDialog = this._disposeCurrentDialog.bind(this);\r\n\t\tthis._showHasNoPlotsFavouritedDialog = this._showHasNoPlotsFavouritedDialog.bind(this);\r\n\t\tthis._showYouMustAgreeToPrivacyNoticeDialog = this._showYouMustAgreeToPrivacyNoticeDialog.bind(this);\r\n\t\tthis._getOptInOptions= this._getOptInOptions.bind(this);\r\n\t\tthis._onClickBrochureGenerationResultDialog= this._onClickBrochureGenerationResultDialog.bind(this);\r\n\t\tthis._handleCheckboxAgreedToPrivacyNoticeChanged= this._handleCheckboxAgreedToPrivacyNoticeChanged.bind(this);\r\n\t\tthis._showResponseDialog = this._showResponseDialog.bind(this);\r\n\t\tthis._setGenerating = this._setGenerating.bind(this);\r\n\t\tthis.state = {generating:false, visible:false, titleValid:true, \r\n\t\t\temailValid:true, phoneNumberValid:true, firstNameValid:true,\r\n\t\t\tsurnameValid:true, agreedToPrivacyNotice:false};\r\n\t\tthis._spinnerHandles = new Handles();\r\n\t}\r\n\tload(props){\r\n\t\tconst {plots }=props||{};\r\n\t\tthis._plotsShownFor = plots;\r\n\t\tthis.show();\r\n\t}\r\n\tshow(){\r\n\t\tthis.setState({visible:true});\r\n\t\tthis._iMenuManager.showMe(this);\r\n\t\tthis._clickedOffManager.register();\r\n\t}\r\n\thide(){\r\n\t\tthis._plotsShownFor = null;\r\n\t\tthis._clickedOffManager.dispose();\r\n\t\tthis.setState({visible:false});\r\n\t\tthis._iMenuManager.close();\r\n\t\tthis._disposeCurrentDialog();\r\n\t}\r\n\tsetIMenuManager(value){\r\n\t\tthis._iMenuManager = value;\r\n\t\tthis._subMenuHeader.current.setIMenuManager(value);\r\n\t}\r\n\tget menuType(){\r\n\t\treturn MenuType.BROCHURE_GENERATION;\r\n\t}\r\n\t_disposeCurrentDialog(){\r\n\t\tif(this._currentDialog&&this._currentDialog.current)\t\r\n\t\t\tthis._currentDialog.current.dispose();\r\n\t\tthis._currentDialog= null;\r\n\t}\r\n\t_showHasNoPlotsFavouritedDialog(){\r\n\t\tthis._currentDialog = Dialog.create({\r\n\t\t\ttitle:'Error', \r\n\t\t\tclassName:'brochure-generation-result-dialog error',\r\n\t\t\tmessage:'No plots favourited. Please click on the plots you like and click the favourite star :(',\r\n\t\t\toptions:[{text:'OK', callback:this.hide}]}\r\n\t\t);\r\n\t}\r\n\t_showYouMustAgreeToPrivacyNoticeDialog(){\r\n\t\tthis._currentDialog = Dialog.create({\r\n\t\t\ttitle:'Error', \r\n\t\t\tclassName:'brochure-generation-result-dialog error',\r\n\t\t\tmessage:'You must agree to the privacy notice!',\r\n\t\t\toptions:[{text:'OK'}]}\r\n\t\t);\r\n\t}\r\n\t_handleClickGenerate(){\r\n\t\tif(this.state.generating)return;\r\n\t\tif(!this._validateOnSubmission())\r\n\t\t\t\treturn;\r\n\t\tconst [site, units] = this._getSiteAndUnits();\r\n\t\tconst selectedPlotsArray = this._getSelectedFavourites();\r\n\t\tconst hasNoPlots = (!this._plotsShownFor||this._plotsShownFor.length<1)&&(selectedPlotsArray.length<1);\r\n\t\tif(hasNoPlots)\r\n\t\t{\r\n\t\t\tthis._showHasNoPlotsFavouritedDialog();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif(!this._agreedToPrivacyNotice)\r\n\t\t{\r\n\t\t\tthis._showYouMustAgreeToPrivacyNoticeDialog();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst spinnerHandle = this._spinnerHandles.take();\r\n\t\ttry{\r\n\t\t\tconst plotNumbers = (this._plotsShownFor?this._plotsShownFor:selectedPlotsArray).map(selectedPlot=>selectedPlot.number);\r\n\t\t\tconst singlePlotBrochure = this._plotsShownFor?true:false;\r\n\t\t\tconst configuration = this._getConfiguration();\r\n\t\t\tconst { siteName, siteSlug}= configuration;\r\n\t\t\tthis._setGenerating(true);\r\n\t\t\tBrochuresManager.instance.generate({\r\n\t\t\t\tsiteName,\r\n\t\t\t\tsiteSlug,\r\n\t\t\t\tsinglePlotBrochure,\r\n\t\t\t\tplotNumbers,\r\n\t\t\t\ttitle:this._title,\r\n\t\t\t\tfirstName:this._firstName,\r\n\t\t\t\tsurname:this._surname,\r\n\t\t\t\temail:this._email,\r\n\t\t\t\tphoneNumber:this._phoneNumber,\r\n\t\t\t\toptInOptions:this._getOptInOptions(),\r\n\t\t\t\tagreedToPrivacyNotice:this._agreedToPrivacyNotice\r\n\t\t\t}).then((jObjectResponse)=>{\r\n\t\t\t\tthis._setGenerating(false);\r\n\t\t\t\tspinnerHandle.dispose();\r\n\t\t\t\tthis._showResponseDialog(jObjectResponse);\r\n\t\t\t}).catch((err)=>{\r\n\t\t\t\tthis._setGenerating(false);\r\n\t\t\t\tconsole.error(err);\r\n\t\t\t\tspinnerHandle.dispose();\r\n\t\t\t});\r\n\t\t}\r\n\t\tcatch{\r\n\t\t\tthis._setGenerating(false);\r\n\t\t\tspinnerHandle.dispose();\r\n\t\t}\r\n\t}\r\n\t_setGenerating(value){\r\n\t\tthis.setState({generating:value});\r\n\t}\r\n\t_showResponseDialog(jObjectResponse){\r\n\t\tthis._disposeCurrentDialog();\r\n\t\tif(!jObjectResponse.error){\r\n\t\t\tthis.hide();\r\n\t\t\tthis._currentDialog = Dialog.create({\r\n\t\t\t\ttitle:'Success', \r\n\t\t\t\tclassName:'brochure-generation-result-dialog',\r\n\t\t\t\tmessage:'You should receive an email shortly containing the brochure',\r\n\t\t\t\tonClickClose:this.hide,\r\n\t\t\t\toptions:[{text:'OK', callback:this._showBrochuresMenu}]}\r\n\t\t\t);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconsole.error(jObjectResponse.error);\r\n\t\tthis._currentDialog = Dialog.create({\r\n\t\t\ttitle:'Error', \r\n\t\t\tclassName:'brochure-generation-result-dialog error',\r\n\t\t\tmessage:'An error occured while generating the brochure :(',\r\n\t\t\toptions:[{text:'Retry', callback:this._handleClickGenerate}, {text:'OK', callback:this.hide}]}\r\n\t\t);\r\n\t}\r\n\t_getOptInOptions(){\r\n\t\tvar strs = [];\r\n\t\tif(this._checkboxOptInEmailRef.current.checked)\r\n\t\t\tstrs.push('email');\r\n\t\tif(this._checkboxOptInPhoneRef.current.checked)\r\n\t\t\tstrs.push('phone');\r\n\t\tif(this._checkboxOptInTextRef.current.checked)\r\n\t\t\tstrs.push('text');\r\n\t\treturn strs.join(',');\r\n\t}\r\n\t_onClickBrochureGenerationResultDialog(){\r\n\t\t\r\n\t}\r\n\t_startPdfDownload(url){\r\n\t\tconst link = document.createElement('a');\r\n\t\tlink.href = url;\r\n\t\tlink.target=\"_blank\";\r\n\t\tlink.download = 'brochure.pdf';\r\n\t\tlink.click();\r\n\t}\r\n\t_handleTitleChange(e){\r\n\t\tthis._title = e.target.value;\r\n\t\tthis.setState({titleValid:this._validateText(this._title)});\r\n\t}\r\n\t_handleFirstNameChange(e){\r\n\t\tthis._firstName = e.target.value;\r\n\t\tthis.setState({firstNameValid:this._validateText(this._firstName)});\r\n\t}\r\n\t_handleSurnameChange(e){\r\n\t\tthis._surname = e.target.value;\r\n\t\tthis.setState({surnameValid:this._validateText(this._surname)});\r\n\t}\r\n\t_handlePhoneNumberChange(e){\r\n\t\tthis._phoneNumber = e.target.value;\r\n\t\tthis.setState({phoneNumberValid:this._validateText(this._phoneNumber)});\r\n\t}\r\n\t_handleEmailChange(e){\r\n\t\tthis._email = e.target.value;\r\n\t\tthis.setState({emailValid:this._validateText(this._email)});\r\n\t}\r\n\t_validateText(text, allowEmpty){\r\n\t\tif(allowEmpty===undefined)allowEmpty=true;\r\n\t\treturn text!==undefined&&text!==null&&(allowEmpty||text.length>0);\r\n\t}\r\n\t_validatePhoneNumber(text, allowEmpty){\r\n\t\tlet valid = this._validateText(text, allowEmpty);\r\n\t\tif(!valid)return false;\r\n\t\tif(text.length<1&&allowEmpty)return true;\r\n\t\treturn PhoneNumberValidation.validateInternational(text);\r\n\t}\r\n\t_validateEmail(text, allowEmpty){\r\n\t\tlet valid = this._validateText(text, allowEmpty);\r\n\t\tif(!valid)return false;\r\n\t\tif(text.length<1&&allowEmpty)return true;\r\n\t\treturn EmailValidation.emailRFC5322(text);\r\n\t}\r\n\t_validateOnSubmission(){\r\n\t\tconst titleValid = this._validateText(this._title, false);\r\n\t\tconst firstNameValid= this._validateText(this._firstName, false);\r\n\t\tconst surnameValid= this._validateText(this._surname, false);\r\n\t\tconst emailValid= this._validateEmail(this._email, false);\r\n\t\tconst phoneNumberValid= this._validatePhoneNumber(this._phoneNumber, false);\r\n\t\tthis.setState({\r\n\t\t\ttitleValid:titleValid,\r\n\t\t\tfirstNameValid:firstNameValid,\r\n\t\t\tsurnameValid:surnameValid,\r\n\t\t\temailValid:emailValid,\r\n\t\t\tphoneNumberValid:phoneNumberValid\r\n\t\t});\r\n\t\treturn titleValid&&firstNameValid&&surnameValid&&emailValid&&phoneNumberValid;\r\n\t}\r\n\t_getClassNameField(name, valid){\r\n\t\treturn `${name} full-width field ${valid?\"valid\":\"invalid\"}`;\r\n\t}\r\n\t_handleClickShowPrivacyPolicy(){\r\n\t\tthis._iMenuManager.showMenuByType(MenuType.PRIVACY_POLICY);\r\n\t}\r\n\t_handleCheckboxAgreedToPrivacyNoticeChanged(e){\r\n\t\tthis._agreedToPrivacyNotice = e.checked\r\n\t\tthis.setState({agreedToPrivacyNotice:this._agreedToPrivacyNotice});\r\n\t}\r\n\trender() {\r\n\t\tlet className = \"brochure-generation menu\";\r\n\t\tif(this.state.visible)\r\n\t\t\tclassName+= \" visible\"\r\n\t\tconst classNameIconButtonGenerate= 'submit '+(this.state.generating?\"rotate\":null);\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\t\t)\r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport './ImageViewer.css';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport MenuType from '../enums/MenuType';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nimport SubMenuHeader from './SubMenuHeader';\r\nimport Slider from './Slider';\r\nimport ZoomableDragable from './ZoomableDragable';\r\nimport DynamicImage from '../images/DynamicImage';\r\nimport UrlHelper from '../core/UrlHelper';\r\nconst {throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class ImageViewer extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tthis._iMenuManager = null;\r\n\t\tthis._clickedOffHandle = null;\r\n\t\tthis._elementRef = React.createRef();\r\n\t\tthis._sliderRef = React.createRef();\r\n\t\tthis._pictureWrapperRef=React.createRef();\r\n\t\tthis._zoomableDragableRef = React.createRef();\r\n\t\tthis._subMenuHeaderRef = React.createRef();\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide= this.hide.bind(this);\r\n\t\tthis.load = this.load.bind(this);\r\n\t\tthis._handleSliderZoomValueChanged = this._handleSliderZoomValueChanged.bind(this);\r\n\t\tthis._getContainerAspectRatio= this._getContainerAspectRatio.bind(this);\r\n\t\tthis._updateZoomSlider= this._updateZoomSlider.bind(this);\r\n\t\tthis._clickedOffManager = new ClickedOffManager({elementRef:this._elementRef, hide:this.hide});\r\n\t\tthis.state={visible:false, url:null, zoom:1};\r\n\t\tthis._zoomMin = 1;\r\n\t\tthis._zoomMax = 5;\r\n\t}\r\n\tload(params){\r\n\t\tconst{image, rootUrl} = params;\r\n\t\tlet url;\r\n\t\tif(image instanceof DynamicImage){\r\n\t\t\tthrow new Error('Not implemented');\r\n\t\t}\r\n\t\telse {\r\n\t\t\tif(typeof(image)!=='string')\r\n\t\t\t\tthrow new Error('Not implemented');\r\n\t\t\turl = image;\r\n\t\t}\r\n\t\turl = (rootUrl?rootUrl:'')+UrlHelper.removeStartSlash(url);\r\n\t\tthis._zoomableDragableRef.current.load(url);\r\n\t\tthis.show();\r\n\t\tsetTimeout(()=>{\r\n\t\t\tthis._zoomableDragableRef.current.setZoom(this._zoomMin);\r\n\t\t},0);\r\n\t\t\r\n\t}\r\n\tget menuType(){\r\n\t\treturn MenuType.IMAGE_VIEWER;\r\n\t}\r\n\tshow(){\r\n\t\tthis.setState({visible:true});\r\n\t\tthis._clickedOffManager.register();\r\n\t\tthis._iMenuManager.showMe(this);\r\n\t}\r\n\thide(){\r\n\t\tthis._zoomableDragableRef.current.setZoom(this._zoomMin);\r\n\t\tthis._clickedOffManager.dispose();\r\n\t\tthis.setState({visible:false});\r\n\t\tthis._iMenuManager.close();\r\n\t}\r\n\tsetIMenuManager(value){\r\n\t\tthis._iMenuManager = value;\r\n\t\tthis._subMenuHeaderRef.current.setIMenuManager(value);\r\n\t}\r\n\t_handleSliderZoomValueChanged(value){\r\n\t\tthis._zoomableDragableRef.current.setZoom(value);\r\n\t}\r\n\t_getContainerAspectRatio(){\r\n\t\tconst imageWrapper = this._pictureWrapperRef.current;\r\n\t\tif(imageWrapper===null)return 1;\r\n\t\treturn imageWrapper.offsetWidth/imageWrapper.offsetHeight;\r\n\t}\r\n\t_updateZoomSlider(value){\r\n\t\tthis._sliderRef.current.setValue(value);\r\n\t}\r\n\trender() {\r\n\t\tlet className =\"image-viewer menu\";\r\n\t\tif(this.state.visible)\r\n\t\t\tclassName+=\" visible\";\r\n\t\tconst slider = (\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tDon't miss out on the latest information regarding our new homes, offers and purchase schemes at this and neighbouring developments.\r\n\t\t\t\t\t
\r\n\t\t\t\t\t \r\n\t\t\t\t- \r\n\t\t\t\t\t
- \r\n\t\t\t\t\t\t
)]\r\n\t\t\t\t\t\t\t}>\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t - \r\n\t\t\t\t\t\t
)]\r\n\t\t\t\t\t\t\t}>\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t - \r\n\t\t\t\t\t\t
)]\r\n\t\t\t\t\t\t\t}>\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t
(Remember, you can opt out at any time if you change your mind)
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\tIn order for us to keep in touch, you need to select one or more of the options above
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tI have read and agree to the privacy policy \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
);\r\n\t\treturn (\r\n\t\t\t\t
);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './FavouriteEntry.css';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport IconButton from './IconButton';\r\nimport Checkbox from './Checkbox';\r\nimport { faBackward, faTimes} from '@fortawesome/free-solid-svg-icons'\r\nimport Urls from '../urls/Urls';\r\nconst {throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class FavouriteEntry extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {favourite, onClickRemove, configuration}=props;\r\n\t\tthis._configuration = configuration;\r\n\t\tif(!favourite)throwNotProvided('favourite');\r\n\t\tthis._inputCheckbox = React.createRef();\r\n\t\tthis._callbackClickRemove = onClickRemove;\r\n\t\tthis._handleCheckboxChanged = this._handleCheckboxChanged.bind(this);\r\n\t\tthis._handleClickClose = this._handleClickClose.bind(this);\r\n\t\tthis._handleClick = this._handleClick.bind(this);\r\n\t\tthis._favourite = favourite;\r\n\t\tthis._selected = true;\r\n\t\tthis.state ={};\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tthis._inputCheckbox.current.checked=this._selected;\r\n\t}\r\n\tget sortValue(){\r\n\t\treturn this._favourite.sortValue;\r\n\t}\r\n\tget hash(){\r\n\t\treturn this._favourite.hash;\r\n\t}\r\n\tget favourite(){\r\n\t\treturn this._favourite;\r\n\t}\r\n\tget selected(){\r\n\t\treturn this._selected;\r\n\t}\r\n\t_handleCheckboxChanged(e){\r\n\t\tthis._selected = e.checked;\r\n\t}\r\n\t_handleClickClose(e){\r\n\t\tthis._callbackClickRemove(this._favourite);\r\n\t\te.stopPropagation&&e.stopPropagation();\r\n\t}\r\n\t_handleClick(e){\r\n\t\tthis._favourite.onClick();\r\n\t}\r\n\trender() {\r\n\t\tlet className =\"favourite-entry\";\r\n\t\tif(this.state.visible)\r\n\t\t\tclassName+=\" visible\";\r\n\t\treturn (\r\n\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
);\r\n\t}\r\n}\r\n","import EfficientMoveCycle from './EfficientMoveCycle';\r\nimport Timer from '../core/Timer';\r\nfunction Drag(element, handle, minX, maxX, minY, maxY, callback, callbackStarted) {\r\n var minXPercent;\r\n var maxXPercent;\r\n var self = this;\r\n if (minY == undefined) {\r\n minY = 0;\r\n }\r\n if (minX== undefined) {\r\n minX = 0;\r\n }\r\n if (maxY== undefined) {\r\n maxY = 2000;\r\n }\r\n if (maxX== undefined) {\r\n maxX = 100;\r\n }\r\n var state = 0;\r\n var start;\r\n var timer;\r\n this.setPosition = function (array) {\r\n self.drag(array[0], array[1]);\r\n };\r\n this.getPosition = function () {\r\n var array = [];\r\n array[0] = element.offsetLeft;\r\n array[1] = element.offsetTop;\r\n return array;\r\n };\r\n const efficientMovingCycle = new EfficientMoveCycle({ \r\n\t\telement, stopPropagation:false, preventDefault:true, onStart:onStart, onMove:onMove, onEnd:onEnd , friendlyXY:true});\r\n\t\r\n\tlet startedButNotMovedYet= false;\r\n\tthis.updateMinMax = function(){\r\n\t\tmaxXPercent = maxX - ((100 * element.offsetWidth) / document.documentElement.clientWidth);\r\n minXPercent = minX;\r\n if (maxXPercent < 0) {\r\n maxXPercent = 0;\r\n }\r\n else {\r\n if (maxXPercent > 100) {\r\n maxXPercent = 100;\r\n }\r\n }\r\n\t};\r\n function onStart(e)\r\n {\r\n\t\tstartedButNotMovedYet = true;\r\n\t\tconst {x, y}= e;\r\n if (element.style.display === \"none\")\r\n {\r\n return;\r\n }\r\n start = [element.offsetLeft - x, element.offsetTop - y];\r\n self.updateMinMax();\r\n timer = new Timer({callback:function () { if (callback != undefined) { callback(); } }, delay:1000, nTicks:1});\r\n state = 1;\r\n }\r\n function onMove(e)\r\n {\r\n\t\tif(startedButNotMovedYet){\r\n\t\t\tstartedButNotMovedYet = false;\r\n\t\t\tif(!Drag.cancel)\r\n\t\t\t\tif(callbackStarted)callbackStarted(e);\r\n\t\t}\r\n\t\tconst {x, y}= e;\r\n if(!Drag.cancel)\r\n if (state == 1) {\r\n self.drag((start[0] + x), (start[1] + y));\r\n timer.reset(true);\r\n }\r\n }\r\n this.drag=function(x, y)\r\n {\r\n\t\tvar left = 100 * x / document.documentElement.clientWidth;\r\n\t\tif (left < minXPercent) {\r\n\t\t\tleft = minXPercent;\r\n\t\t}\r\n\t\telse {\r\n\t\t\tif (left > maxXPercent) {\r\n\t\t\t\tleft = maxXPercent;\r\n\t\t\t}\r\n\t\t}\r\n\t\telement.style.left = String(left) + '%';\r\n\t\tif (y < minY) {\r\n\t\t\ty = minY;\r\n\t\t}\r\n\t\telse {\r\n\t\t\tif (y+element.offsetHeight > maxY) {\r\n\t\t\t\ty = maxY - element.offsetHeight;\r\n\t\t\t}\r\n\t\t}\r\n\t\telement.style.top = String(y) + 'px';\r\n };\r\n function onEnd(e) { \r\n Drag.cancel=false;\r\n state=0;\r\n };\r\n}\r\nexport default Drag;","function setText(element, text){\r\n\telement.innerHTML=text;\r\n}\r\nexport default setText;","import isMobile from '../core/isMobile';\r\nimport Timer from '../core/Timer';\r\nfunction Resizer({div, divInner, minWidth, minHeight, maxWidth, maxHeight, \r\n\t\tbounds, callbackResized, callbackInstantaneous, callbackStarted, \r\n\t\ttoInclude, fixedAspectRatio}) {\r\n var bounds = {maxYPx:2000,\r\n\tminYPx:0,\r\n\tmaxXPercentage:100,\r\n\tminXPercentage:0};\r\n\tif(toInclude===undefined||toInclude===null)toInclude = {top:true, left:true, bottom:true, right:true,\r\n\t\tleftTop:true, leftBottom:true, rightTop:true, rightBottom:true};\r\n\t\t\r\n\tvar divLeft, divTop , divRight, divBottom, divLeftTop, divLeftBottom, divRightTop, divRightBottom;\r\n\t\r\n\tthis.setFixedAspectRatio = function(value){\r\n\t\tfixedAspectRatio= value;\r\n\t};\r\n\tif(toInclude.leftTop){\r\n\t\tdivLeftTop = document.createElement('div');\r\n\t\tsetCornerGeneric(divLeftTop);\r\n\t\tdivLeftTop.style.top = '0px';\r\n\t\tdivLeftTop.style.left = '0px';\r\n\t\tdivLeftTop.style.cursor = 'nw-resize';\r\n\t}\r\n\tif(toInclude.leftBottom){\r\n\t\tdivLeftBottom = document.createElement('div');\r\n\t\tsetCornerGeneric(divLeftBottom);\r\n\t\tdivLeftBottom.style.bottom = '0px';\r\n\t\tdivLeftBottom.style.left = '0px';\r\n\t\tdivLeftBottom.style.cursor = 'sw-resize';\r\n\t}\r\n\t\r\n\tif(toInclude.rightTop){\r\n\t\tdivRightTop = document.createElement('div');\r\n\t\tsetCornerGeneric(divRightTop);\r\n\t\tdivRightTop.style.top = '0px';\r\n\t\tdivRightTop.style.right = '0px';\r\n\t\tdivRightTop.style.cursor = 'sw-resize';\r\n\t}\r\n\t\r\n\tif(toInclude.rightBottom){\r\n\t\tdivRightBottom = document.createElement('div');\r\n\t\tsetCornerGeneric(divRightBottom);\r\n\t\tdivRightBottom.style.bottom = '0px';\r\n\t\tdivRightBottom.style.right = '0px';\r\n\t\tdivRightBottom.style.cursor = 'nw-resize';\r\n\t}\r\n\tif(toInclude.left){\r\n\t\tdivLeft = document.createElement('div');\r\n\t\tdivLeft.style = `position:absolute;z-index:100;width:${Resizer.WIDTH}px;height:100%;left:0px;top:0px;cursor:e-resize;`;\r\n\t}\r\n\tif(toInclude.right){\r\n\t\tdivRight = document.createElement('div');\r\n\t\tdivRight.style = `position:absolute;z-index:100;width:${Resizer.WIDTH}px;height:100%;right:0px;top:0px;cursor:e-resize;`;\r\n }\r\n\tif(toInclude.top){\r\n\t\tdivTop = document.createElement('div');\r\n\t\tdivTop.style = `position:absolute;z-index:100;width:100%;height:${Resizer.WIDTH}px;top:0px;left:0px;cursor:n-resize;`;\r\n }\r\n\tif(toInclude.bottom){\r\n\t\tdivBottom = document.createElement('div');\r\n\t\tdivBottom.style = `position:absolute;z-index:100;width:100%;height:${Resizer.WIDTH}px;bottom:0px;left:0px;cursor:n-resize;`;\r\n }\r\n\tfunction setCornerGeneric(div)\r\n {\r\n div.style.position = 'absolute';\r\n div.style.width = '10px';\r\n div.style.height = '10px';\r\n div.style.zIndex = '102';\r\n }\r\n if(minWidth\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t):(\r\n\t\t\t\t{this.state.entries}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t{comparisonButton}\r\n\t\t\t\tNo favourites. Click the star icon on a plot menu to favourite it!
);\r\n\t\treturn (\r\n\t\t\t\t
);\r\n\t}\r\n}\r\n","import ParameterErrors from '../errors/ParameterErrors';\r\nimport Handle from '../core/Handle';\r\n\r\nconst { throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class StylesHelper{\r\n\tstatic appendCssToPage(cssString){\r\n\t\tconst head = document.head || document.getElementsByTagName('head')[0];\r\n\t\tconst style = document.createElement('style');\r\n\t\thead.appendChild(style);\r\n\t\tstyle.type = 'text/css';\r\n\t\tif (style.styleSheet){\r\n\t\t\t// This is required for IE8 and below.\r\n\t\t\tstyle.styleSheet.cssText = cssString;\r\n\t\t} else {\r\n\t\t\tstyle.appendChild(document.createTextNode(cssString));\r\n\t\t}\r\n\t\tlet disposed = false;\r\n\t\treturn new Handle({dispose:()=>{\r\n\t\t\tif(disposed)return;\r\n\t\t\thead.removeChild(style);\r\n\t\t\tdisposed = true;\r\n\t\t}});\r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport './ImageViewer.css';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport MenuType from '../enums/MenuType';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nimport SubMenuHeader from './SubMenuHeader';\r\nconst {throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class PrivacyPolicy extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tthis._iMenuManager = null;\r\n\t\tthis._clickedOffHandle = null;\r\n\t\tthis._elementRef = React.createRef();\r\n\t\tthis._sliderRef = React.createRef();\r\n\t\tthis._subMenuHeaderRef = React.createRef();\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide= this.hide.bind(this);\r\n\t\tthis._clickedOffManager = new ClickedOffManager({elementRef:this._elementRef, hide:this.hide});\r\n\t\tthis.state={visible:false};\r\n\t}\r\n\tget menuType(){\r\n\t\treturn MenuType.PRIVACY_POLICY;\r\n\t}\r\n\tshow(){\r\n\t\tthis.setState({visible:true});\r\n\t\tthis._clickedOffManager.register();\r\n\t\tthis._iMenuManager.showMe(this);\r\n\t}\r\n\thide(){\r\n\t\tthis._clickedOffManager.dispose();\r\n\t\tthis.setState({visible:false});\r\n\t\tthis._iMenuManager.close();\r\n\t}\r\n\tsetIMenuManager(value){\r\n\t\tthis._iMenuManager = value;\r\n\t\tthis._subMenuHeaderRef.current.setIMenuManager(value);\r\n\t}\r\n\trender() {\r\n\t\tlet className =\"privacy-policy menu\";\r\n\t\tif(this.state.visible)\r\n\t\t\tclassName+=\" visible\";\r\n\t\treturn (\r\n\t\t\t\t
);\r\n\t}\r\n}\r\n","export default class ViewModelBase{\r\n\tconstructor(props){\r\n\t\t\r\n\t}\r\n}","import ParameterErrors from '../errors/ParameterErrors';\r\nimport eventEnable from '../core/eventEnable';\r\nconst { throwNotProvided } = ParameterErrors;\r\nexport default class Models {\r\n constructor(props) {\r\n\t\teventEnable(this);\r\n\t\tthis._set =new Set();\r\n\t\tthis.add = this.add.bind(this);\r\n\t\tthis.remove = this.remove.bind(this);\r\n\t\tthis._dispatchAdded = this._dispatchAdded.bind(this);\r\n\t\tthis._dispatchRemoved = this._dispatchRemoved.bind(this);\r\n }\r\n\tadd(modelRef){\r\n\t\tif(this._set.has(modelRef))return;\r\n\t\tthis._set.add(modelRef);\r\n\t\tthis._dispatchAdded(modelRef);\r\n\t}\r\n\tremove(modelRef){\r\n\t\tif(!this._set.has(modelRef))return;\r\n\t\tthis._set.delete(modelRef);\r\n\t\tthis._dispatchRemoved(modelRef);\r\n\t}\r\n\t_dispatchAdded(modelRef){\r\n\t\tthis.dispatchEvent({type:'added', modelRef:modelRef});\r\n\t}\r\n\t_dispatchRemoved(modelRef){\r\n\t\tthis.dispatchEvent({type:'removed', modelRef:modelRef});\r\n\t}\r\n}\r\n","import ViewModelBase from './ViewModelBase';\r\nimport enableAcceptBindings from '../mvvm/enableAcceptBindings';\r\nimport exposeBinding from '../mvvm/exposeBinding';\r\nexport default class UnitViewModel extends ViewModelBase{\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {siteJsonUnit}=props;\r\n\t\tthis._siteJsonUnit = siteJsonUnit;\r\n\t\tenableAcceptBindings(this);\r\n\t\t//exposeBinding(this, 'position', ()=>siteJsonPlotsPlot.position, (value)=>siteJsonPlotsPlot.position = value);\r\n\t}\r\n\tget location(){\r\n\t\treturn this._siteJsonUnit.location;\r\n\t}\r\n\tget code(){\r\n\t\treturn this._siteJsonUnit.code;\r\n\t}\r\n}","import eventEnable from '../core/eventEnable';\r\nexport default class CompositeProgressSource \r\n{\r\n\tconstructor(props){\r\n\t\tconst {weightingFactor, progressSources}=props||{};\r\n\t\teventEnable(this);\r\n\t\t\r\n\t\tthis.add= this.add.bind(this);\r\n\t\tthis._add= this._add.bind(this);\r\n\t\tthis.clear= this.clear.bind(this);\r\n\t\tthis.remove= this.remove.bind(this);\r\n\t\tthis._onProgressSourceProgressChanged= this._onProgressSourceProgressChanged.bind(this);\r\n\t\tthis._update= this._update.bind(this);\r\n\t\tthis.done= this.done.bind(this);\r\n\t\tthis._dispatchProgressChanged= this._dispatchProgressChanged.bind(this);\r\n\t\tthis._sum= this._sum.bind(this);\r\n\t\t\r\n\t\tthis._proportion = 0;\r\n\t\tthis._isDone = false;\r\n\t\tthis._weightingFactor = weightingFactor===undefined?null:weightingFactor;\r\n\t\tthis._progressSources =[];\r\n\t\t\r\n\t\tif(progressSources!==undefined&&progressSources!==null){\r\n\t\t\tthis.add(progressSources);\r\n\t\t}\r\n\t}\r\n\tget progressProportion(){\r\n\t\treturn this._isDone?1: this._proportion; \r\n\t}\r\n\tget weightingFactor()\r\n\t{\r\n\t\tif (this._weightingFactor !== null) return this._weightingFactor;\r\n\t\tvar weightingFactorSum=0;\r\n\t\tthis._progressSources.forEach(progressSource => weightingFactorSum +=progressSource.weightingFactor);\r\n\t\treturn weightingFactorSum;\r\n\t}\r\n\tadd(progressSource_s)\r\n\t{\r\n\t\tif(Array.isArray(progressSource_s)){\r\n\t\t\tif (progressSource_s.length < 1) return;\r\n\t\t}\r\n\t\telse{\r\n\t\t\tprogressSource_s=[progressSource_s];\r\n\t\t}\r\n\t\tvar added = false;\r\n\t\t\tprogressSource_s.forEach (progressSource => added |= this._add(progressSource));\r\n\t\tif (added)\r\n\t\t\tthis._update();\r\n\t}\r\n\tclear()\r\n\t{\r\n\t\tthis._progressSources.forEach(progressSource=>this.remove(progressSource));\r\n\t\tthis._isDone = false;\r\n\t\tthis._update();\r\n\t}\r\n\tremove(progressSource)\r\n\t{\r\n\t\tconst index = this._progressSources.indexOf(progressSource);\r\n\t\tif(index<0)return;\r\n\t\tprogressSource.removeEventListener('progresschanged', this._onProgressSourceProgressChanged);\r\n\t\tthis._progressSources.splice(index, 1);\r\n\t}\r\n\tdone()\r\n\t{ \r\n\t\tthis._isDone = true;\r\n\t\tthis._update();\r\n\t}\r\n\t_add(progressSource)\r\n\t{\r\n\t\tif (this._progressSources.indexOf(progressSource)>=0) return false;\r\n\t\tthis._progressSources.push(progressSource);\r\n\t\tprogressSource.addEventListener('progresschanged', this._onProgressSourceProgressChanged);\r\n\t\treturn true;\r\n\t}\r\n\t_onProgressSourceProgressChanged(e)\r\n\t{\r\n\t\tthis._update();\r\n\t}\r\n\t_update()\r\n\t{\r\n\t\tconst oldProportion = this._proportion;\r\n\t\tif (this._sum() !== oldProportion)\r\n\t\t\tthis._dispatchProgressChanged();\r\n\t}\r\n\t_dispatchProgressChanged()\r\n\t{\r\n\t\tthis.dispatchEvent({type:'progresschanged', progressProportion:this.progressProportion});\r\n\t}\r\n\t_sum()\r\n\t{\r\n\t\tif (this._isDone) return 1;\r\n\t\tconst count = this._progressSources.length;\r\n\t\tif (count < 1)\r\n\t\t{\r\n\t\t\tthis._proportion = 0;\r\n\t\t\treturn 0;\r\n\t\t}\r\n\t\tlet sumProgressTimesWeight = 0;\r\n\t\tlet sumWeights = 0;\r\n\t\tthis._progressSources.forEach(progressSource=>{\r\n\t\t\tsumProgressTimesWeight += progressSource.weightingFactor * (\r\n\t\t\t\tprogressSource.progressProportion > 1 ? 1 : (\r\n\t\t\t\t\tprogressSource.progressProportion < 0 ? 0 : progressSource.progressProportion\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t\tsumWeights += progressSource.weightingFactor;\r\n\t\t});\r\n\t\treturn (this._proportion = (sumProgressTimesWeight / sumWeights));\r\n\t}\r\n}","import ViewModelBase from './ViewModelBase';\r\nimport enableAcceptBindings from '../mvvm/enableAcceptBindings';\r\nimport exposeBinding from '../mvvm/exposeBinding';\r\nimport UnitViewModel from './UnitViewModel';\r\nimport GenericModelViewModel from './GenericModelViewModel';\r\nimport CompositeProgressSource from '../progress/CompositeProgressSource';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nconst { throwNotProvided } = ParameterErrors;\r\nexport default class SitePlan3DViewModel extends ViewModelBase{\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {siteJson, configuration}=props;\r\n\t\tif(!configuration)throwNotProvided('configuration');\r\n\t\tthis._configuration = configuration;\r\n\t\tthis._loadingProgressProportionChanged= this._loadingProgressProportionChanged.bind(this);\r\n\t\tthis._unitViewModels = siteJson.units.getArray().map(unit=>new UnitViewModel({siteJsonUnit:unit}));\r\n\t\tthis._siteJson = siteJson;\r\n\t\tthis._progressSourceLoading = new CompositeProgressSource();\r\n\t\tthis._progressSourceLoading.addEventListener('progresschanged', this._loadingProgressProportionChanged);\r\n\t\tenableAcceptBindings(this);\r\n\t\texposeBinding(this, 'zoom', ()=>this.zoom, (value)=>this.zoom = value);\r\n\t\texposeBinding(this, 'loadProgressProportion', ()=>this.loadProgressProportion, (value)=>this.loadProgressProportion = value);\r\n\t\texposeBinding(this, 'progressBarVisible', ()=>this.progressBarVisible);\r\n\t}\r\n\tget siteModels(){\r\n\t\treturn this._siteJson.models.getModelsByGroupCode('site');\r\n\t}\r\n\tget configuration(){\r\n\t\treturn this._configuration;\r\n\t}\r\n\tget progressSourceLoading(){\r\n\t\treturn this._progressSourceLoading;\r\n\t}\r\n\tget units(){\r\n\t\treturn this._unitViewModels;\r\n\t}\r\n\tget zoom(){\r\n\t\treturn this._zoom;\r\n\t}\r\n\tset zoom(value){\r\n\t\tthis._zoom = value;\r\n\t}\r\n\tget loadProgressProportion(){\r\n\t\treturn this._progressSourceLoading.progressProportion;\r\n\t}\r\n\tget progressBarVisible(){\r\n\t\treturn this._progressSourceLoading.progressProportion<1;\r\n\t}\r\n\t_loadingProgressProportionChanged(e){\r\n\t\tthis.bindingsHandler.changed('loadProgressProportion', e.progressProportion);\r\n\t\tthis.bindingsHandler.changed('progressBarVisible', e.progressProportion<1);\r\n\t}\r\n}","import enableBindingToOthers from '../../mvvm/enableBindingToOthers';\r\nimport PropertyBindingFactory from '../../mvvm/PropertyBindingFactory';\r\nexport default class BabylonViewBase{\r\n\tconstructor(props){\r\n\t\tconst {model}=props;\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport * as BABYLON from '@babylonjs/core';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nconst { throwNotProvided } = ParameterErrors;\r\nclass BabylonCameraPan {\r\n\tconstructor(params){\r\n\t\tconst {babylonScene, inertiaDecayFactor, inertiaNegligibleThreshold}=params||{};\r\n\t\tif(!babylonScene)throwNotProvided('babylonScene');\r\n\t\tthis._inertiaDecayFactor = inertiaDecayFactor===undefined?0.9:inertiaDecayFactor;\r\n\t\tthis._inertiaNegligibleThreshold = inertiaNegligibleThreshold===undefined?0.5:inertiaNegligibleThreshold;\r\n\t\tthis._babylonScene = babylonScene;\r\n\t\tthis._isNewForwardVectorTooCloseToSingularity= this._isNewForwardVectorTooCloseToSingularity.bind(this);\r\n\t\tthis._pan= this._pan.bind(this);\r\n\t\tthis._sphericalPan= this._sphericalPan.bind(this);\r\n\t\tthis._inertialPan= this._inertialPan.bind(this);\r\n\t\tthis._getPointerViewSpaceDirectionToRef= this._getPointerViewSpaceDirectionToRef.bind(this);\r\n\t\tthis._mouseLeft = this._mouseLeft.bind(this);\r\n\t\tthis._onPointerUp= this._onPointerUp.bind(this);\r\n\t\tthis._onPointerDown= this._onPointerDown.bind(this);\r\n\t\tthis._setMouseButtonStates = this._setMouseButtonStates.bind(this);\r\n\t\tthis._stopPanningIfPanning = this._stopPanningIfPanning.bind(this);\r\n\t\t\r\n\t\tbabylonScene.scene.defaultCursor = \"grab\";\r\n\r\n\t\tbabylonScene.camera.rotationQuaternion = BABYLON.Quaternion.Identity();\r\n\t\t\r\n\t\tthis._leftButtonDown=false;\r\n\t\tthis._rightButtonDown=false;\r\n\t\tthis._ptrX = 0;\r\n\t\tthis._ptrY = 0;\r\n\t\tthis._inertiaX = 0;\r\n\t\tthis._inertiaY = 0;\r\n\r\n\t\tthis._priorDir = new BABYLON.Vector3();\r\n\t\tthis._currentDir = new BABYLON.Vector3();\r\n\t\tthis._rotationAxis = new BABYLON.Vector3();\r\n\t\tthis._rotationAngle = 0;\r\n\t\tthis._rotation = new BABYLON.Quaternion();\r\n\t\tthis._newForward = new BABYLON.Vector3();\r\n\t\tthis._newRight = new BABYLON.Vector3();\r\n\t\tthis._newUp = new BABYLON.Vector3();\r\n\t\tthis._matrix = new BABYLON.Matrix.Identity();\r\n\t\t\r\n\t\tthis._inertialPanObserver = null;\r\n\t\tthis._sphericalPanObserver = null;\r\n\t\tthis._leftButtonDown = false;\r\n\t\tbabylonScene.scene.onPointerDown = this._onPointerDown;\r\n\t\tbabylonScene.scene.onPointerUp = this._onPointerUp;\r\n\t\tdocument.addEventListener(\"mouseleave\", this._mouseLeft);\r\n\t}\r\n\t_setMouseButtonStates(e) {\r\n\t\tconst isLeftButton = e.button===0||e.which===1;\r\n\t\tconst isRightButton = e.button===2||e.which===3;\r\n\t\tswitch(e.type){\r\n\t\t\tcase 'pointerdown':\r\n\t\t\t\tif(isLeftButton) this._leftButtonDown=true;\r\n\t\t\t\telse if(isRightButton)this._rightButtonDown=true;\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'pointerup':\r\n\t\t\t\tif(isLeftButton) this._leftButtonDown=false;\r\n\t\t\t\telse if(isRightButton)this._rightButtonDown=false;\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'mouseleave':\r\n\t\t\t\tthis._leftButtonDown=false;\r\n\t\t\t\tthis._rightButtonDown=false;\r\n\t\t\t\tbreak;\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n\t_isNewForwardVectorTooCloseToSingularity(v){\r\n\t\t\tconst TOO_CLOSE_TO_UP_THRESHOLD = 0.99;\r\n\t\t\treturn Math.abs(BABYLON.Vector3.Dot(v, BABYLON.Vector3.Up())) > TOO_CLOSE_TO_UP_THRESHOLD;\r\n\t}\r\n\t_mouseLeft(e){\r\n\t\tthis._setMouseButtonStates(e);\r\n\t\tthis._stopPanningIfPanning();\r\n\t}\r\n\t_stopPanningIfPanning(e){\r\n\t\tif(!this._currentlyPanning)return;\r\n\t\tthis._currentlyPanning = false;\r\n\t\tthis._babylonScene.scene.defaultCursor = \"grab\";\r\n\t\tthis._babylonScene.scene.onBeforeRenderObservable.remove(this._sphericalPanObserver);\r\n\t\tthis._inertialPanObserver = this._babylonScene.scene.onBeforeRenderObservable.add(this._inertialPan);\r\n\t}\r\n\t_pan(currX, currY) {\r\n\t\tvar computeNewForward = (x, y) => {\r\n\t\t\tthis._getPointerViewSpaceDirectionToRef(this._ptrX, this._ptrY, this._priorDir);\r\n\t\t\tthis._getPointerViewSpaceDirectionToRef(x, y, this._currentDir);\r\n\r\n\t\t\tBABYLON.Vector3.CrossToRef(this._priorDir, this._currentDir, this._rotationAxis);\r\n\r\n\t\t\tif (this._rotationAxis.lengthSquared() > 0) {\r\n\t\t\t\tthis._rotationAngle = BABYLON.Vector3.GetAngleBetweenVectors(this._priorDir, this._currentDir, this._rotationAxis);\r\n\t\t\t\tBABYLON.Quaternion.RotationAxisToRef(this._rotationAxis, -this._rotationAngle, this._rotation);\r\n\r\n\t\t\t\tthis._newForward.set(0, 0, 1);\r\n\t\t\t\tthis._newForward.rotateByQuaternionToRef(this._rotation, this._newForward);\r\n\t\t\t\tthis._newForward.rotateByQuaternionToRef(this._babylonScene.camera.rotationQuaternion, this._newForward);\r\n\t\t\t\treturn !this._isNewForwardVectorTooCloseToSingularity(this._newForward);\r\n\t\t\t}\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif (computeNewForward(currX, currY) || computeNewForward(currX, this._ptrY)) {\r\n\t\t\tBABYLON.Vector3.CrossToRef(BABYLON.Vector3.Up(), this._newForward, this._newRight);\r\n\t\t\tBABYLON.Vector3.CrossToRef(this._newForward, this._newRight, this._newUp);\r\n\t\t\tthis._matrix.setRowFromFloats(0, this._newRight.x, this._newRight.y, this._newRight.z, 0);\r\n\t\t\tthis._matrix.setRowFromFloats(1, this._newUp.x, this._newUp.y, this._newUp.z, 0);\r\n\t\t\tthis._matrix.setRowFromFloats(2, this._newForward.x, this._newForward.y, this._newForward.z, 0);\r\n\t\t\tthis._babylonScene.fromRotationMatrixToRef(this._matrix.getRotationMatrix());\r\n\t\t}\r\n\t}\r\n\t\r\n\t_sphericalPan(){\r\n\t\tthis._pan(this._babylonScene.scene.pointerX, this._babylonScene.scene.pointerY);\r\n\t\tthis._inertiaX = this._babylonScene.scene.pointerX - this._ptrX;\r\n\t\tthis._inertiaY = this._babylonScene.scene.pointerY - this._ptrY;\r\n\t\tthis._ptrX = this._babylonScene.scene.pointerX;\r\n\t\tthis._ptrY = this._babylonScene.scene.pointerY;\r\n\t}\r\n\t _inertialPan(){\r\n\t\tif (Math.abs(this._inertiaX) > this._inertiaNegligibleThreshold || Math.abs(this._inertiaY) > this._inertiaNegligibleThreshold) {\r\n\t\t\tthis._pan(this._ptrX + this._inertiaX, this._ptrY + this._inertiaY);\r\n\t\t\tthis._pan(this._ptrX + this._inertiaX, this._ptrY + this._inertiaY);\r\n\r\n\t\t\tthis._inertiaX *= this._inertiaDecayFactor;\r\n\t\t\tthis._inertiaY *= this._inertiaDecayFactor;\r\n\t\t}\r\n\t\telse {\r\n\t\t\tthis._babylonScene.scene.onBeforeRenderObservable.remove(this._inertialPanObserver);\r\n\t\t}\r\n\t}\r\n\t_onPointerDown(e){\r\n\t\tthis._setMouseButtonStates(e);\r\n\t\tif(!this._leftButtonDown||this._rightButtonDown)return;\r\n\t\tif(this._currentlyPanning)return;\r\n\t\tthis._currentlyPanning = true;\r\n\t\tthis._babylonScene.scene.onBeforeRenderObservable.remove(this._inertialPanObserver);\r\n\t\tthis._babylonScene.scene.defaultCursor = \"grabbing\";\r\n\t\tthis._ptrX = this._babylonScene.scene.pointerX;\r\n\t\tthis._ptrY = this._babylonScene.scene.pointerY;\r\n\t\tthis._sphericalPanObserver = this._babylonScene.scene.onBeforeRenderObservable.add(this._sphericalPan);\r\n\t}\r\n\t_onPointerUp(e){\r\n\t\tthis._setMouseButtonStates(e);\r\n\t\tthis._stopPanningIfPanning();\r\n\t}\r\n\t_getPointerViewSpaceDirectionToRef(x, y, ref){\r\n\t\tBABYLON.Vector3.UnprojectToRef(\r\n\t\t\tnew BABYLON.Vector3(x, y, 0), \r\n\t\t\tthis._babylonScene.canvas.width, \r\n\t\t\tthis._babylonScene.canvas.height,\r\n\t\t\tBABYLON.Matrix.Identity(),\r\n\t\t\tBABYLON.Matrix.Identity(), \r\n\t\t\tthis._babylonScene.camera.getProjectionMatrix(),\r\n\t\t\tref);\r\n\t\tref.normalize();\r\n\t}\r\n}\r\nexport default BabylonCameraPan;","import React, { Component } from \"react\";\r\nimport * as BABYLON from '@babylonjs/core';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport TwoFingerTouch from '../ui_core/TwoFingerTouch';\r\nconst { throwNotProvided } = ParameterErrors;\r\nclass BabylonCameraZoom {\r\n\tconstructor(params){\r\n\t\tconst {babylonScene, inertiaDecayFactor, inertiaNegligibleThreshold, zoomSpeedFactor, closestCanGetToSurface}=params||{};\r\n\t\tif(!babylonScene)throwNotProvided('babylonScene');\r\n\t\tthis._zoomSpeedFactor = zoomSpeedFactor===undefined?15:zoomSpeedFactor;\r\n\t\tthis._babylonScene = babylonScene;\r\n\t\tthis._closestCanGetToSurface = closestCanGetToSurface===undefined?3:closestCanGetToSurface;\r\n\t\tthis._getMaximumDistanceCanMoveForward= this._getMaximumDistanceCanMoveForward.bind(this);\r\n\t\tthis._onPointerWheel= this._onPointerWheel.bind(this);\r\n\t\tbabylonScene.scene.onPrePointerObservable.add( this._onPointerWheel, BABYLON.PointerEventTypes.POINTERWHEEL, false);\r\n\t\tnew TwoFingerTouch({element:babylonScene.canvas, \r\n\t\tonStart:()=>{\r\n\t\t\tconsole.log('onStart');\r\n\t\t}, onStartFinger1:()=>{\r\n\t\t\tconsole.log('onStartFinger1');\r\n\t\t}, onStartFinger2:()=>{\r\n\t\t\tconsole.log('onStartFinger2');\r\n\t\t}, onMoveFinger1:()=>{\r\n\t\t\tconsole.log('onMoveFinger1');\r\n\t\t}, onMoveFinger2:()=>{\r\n\t\t\tconsole.log('onMoveFinger2');\r\n\t\t}, onEndFinger1:()=>{\r\n\t\t\tconsole.log('onEndFinger1');\r\n\t\t}, onEndFinger2:()=>{\r\n\t\t\tconsole.log('onEndFinger2');\r\n\t\t}\r\n\t\t, onEnd:()=>{\r\n\t\t\tconsole.log('onEnd');\r\n\t\t}});\r\n\t}\r\n\t_onPointerWheel(pointerInfo, eventState) {\r\n\t\tconst event = pointerInfo.event;\r\n\t\tvar delta = 0;\r\n\t\tif (event.wheelDelta) {\r\n\t\t\tdelta = event.wheelDelta;\r\n\t\t}\r\n\t\telse if (event.detail) {\r\n\t\t\tdelta = -event.detail;\r\n\t\t}\r\n\t\tif (!delta)return;\r\n\t\tconst direction = this._babylonScene.camera.getDirection(new BABYLON.Vector3(0,0,delta>0?1:-1));\r\n\t\tconst actualDistanceToMove = this._getMaximumDistanceCanMoveForward(direction, this._zoomSpeedFactor);\t\r\n\t\tconst scaledDirection = direction.scale(actualDistanceToMove);\r\n\t\tthis._babylonScene.addInPlace(scaledDirection);\r\n\t}\r\n\t_getMaximumDistanceCanMoveForward(direction, distanceWouldLikeToMove){\r\n\t\tconst origin = this._babylonScene.camera.position;\r\n\t\tconst ray = new BABYLON.Ray(origin, direction, 1000);\r\n\t\tconst hit = this._babylonScene.scene.pickWithRay(ray);\r\n\t\tif(!hit.hit)return distanceWouldLikeToMove;\r\n\t\tconst distanceLeftToMoveForward = hit.distance - this._closestCanGetToSurface;\r\n\t\tif(distanceLeftToMoveForward>distanceWouldLikeToMove)return distanceWouldLikeToMove;\r\n\t\treturn distanceLeftToMoveForward*0.7;\r\n\t}\r\n}\r\nexport default BabylonCameraZoom;","import eventEnable from '../core/eventEnable';\r\nexport default class StandardProgressSource\r\n{\r\n\tconstructor(props){\r\n\t\tconst {weightingFactor}=props||{};\r\n\t\teventEnable(this);\r\n\t\tthis.done= this.done.bind(this);\r\n\t\tthis._dispatchProgressChanged= this._dispatchProgressChanged.bind(this);\r\n\t\tthis._weightingFactor = weightingFactor===undefined||weightingFactor===null?1:weightingFactor;\r\n\t\tthis._isDone = false;\r\n\t\tthis._proportion = 0;\r\n\t}\r\n\tget progressProportion (){ \r\n\t\treturn this._isDone ? 1 : this._proportion;\r\n\t}\r\n\tset progressProportion(value){\r\n\t\tif(this._proportion===value)return;\r\n\t\tthis._proportion= value;\r\n\t\tthis._dispatchProgressChanged();\r\n\t}\r\n\tget weightingFactor()\r\n\t{\r\n\t\treturn this._weightingFactor;\r\n\t}\r\n\tdone() {\r\n\t\tif(this._isDone)return;\r\n\t\tthis._isDone = true; \r\n\t\tthis._dispatchProgressChanged(); \r\n\t}\r\n\t_dispatchProgressChanged()\r\n\t{\r\n\t\tthis.dispatchEvent({type:'progresschanged', progressProportion:this.progressProportion});\r\n\t}\r\n}","import enableBindingToOthers from '../../mvvm/enableBindingToOthers';\r\nimport PropertyBindingFactory from '../../mvvm/PropertyBindingFactory';\r\nimport BabylonViewBase from './BabylonViewBase';\r\nimport Iterator from '../../core/Iterator';\r\nimport * as BABYLON from '@babylonjs/core';\r\nimport BabylonCameraPan from '../../modelling/BabylonCameraPan';\r\nimport BabylonCameraZoom from '../../modelling/BabylonCameraZoom';\r\nimport StandardProgressSource from '../../progress/StandardProgressSource';\r\nimport Urls from '../../urls/Urls';\r\nexport default class SiteView extends BabylonViewBase{\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {model, babylonScene, babylonModelsManager}=props;\r\n\t\tthis._babylonScene=babylonScene;\r\n\t\tthis._babylonModelsManager = babylonModelsManager;\r\n\t\tthis.initialize = this.initialize.bind(this);\r\n\t\tthis._loadSiteModels = this._loadSiteModels.bind(this);\r\n\t\tthis._setupControls = this._setupControls.bind(this);\r\n\t\tthis._model = model;\r\n\t\tenableBindingToOthers(this);\r\n\t}\r\n\tinitialize(){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tthis._loadSiteModels().then(()=>{\r\n\t\t\t\tthis._setupControls().then(resolve).catch(reject);\r\n\t\t\t}).catch(reject);\r\n\t\t});\r\n\t}\r\n\t_loadSiteModels(){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tconst models = this._model.siteModels;\r\n\t\t\tconst progressSourceLoading = this._model.progressSourceLoading;\r\n\t\t\tprogressSourceLoading.clear();\r\n\t\t\tconst iteratorModels = new Iterator(models);\r\n\t\t\tconst progressSources = [];\r\n\t\t\tfor(var nModel=0; nModel\r\n\t\t\t\t\tThis is a privacy policy to go here!\r\n\t\t\t\t
\r\n\t\t\t\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport './Hotspot.css';\r\nimport stopEventPropagation from '../ui_core/stopEventPropagation';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nconst{throwNotProvided, throwNotOfType}=ParameterErrors;\r\nexport default class Hotspot{\r\n\tconstructor(props){\r\n\t\tconst self = this;\r\n\t\tconst {scene360Hotspot, scene360, marzipanoScene, getIconUrlFromRelativePath, onClick}=props;\r\n\t\tthis._scene360Hotspot = scene360Hotspot;\r\n\t\tthis._scene360 = scene360;\r\n\t\tthis._callbackClick = onClick;\r\n\t\tthis._iconUrl = getIconUrlFromRelativePath(scene360Hotspot.iconRelativePath);\r\n\t\tthis._eulerAngles = scene360Hotspot.eulerAngles;\r\n\t\tthis._pointingAtEulerAngles = scene360Hotspot.pointingAtEulerAngles;\r\n\t\tconst rotateToCompensate = scene360Hotspot.rotateToCompensate;\r\n\t\tif(rotateToCompensate&&(!this._pointingAtEulerAngles))\r\n\t\t\tthrowNotProvided('pointingAtEulerAngles');\r\n\t\tconst rotation = this._eulerAngles.rollRadians;\r\n\t\tthis._handleClick= this._handleClick.bind(this);\r\n\t\tthis._setTransform= this._setTransform.bind(this);\r\n\t\tthis._handleClick = this._handleClick.bind(this);\r\n\t\tthis._calculateCompensatedRotation= this._calculateCompensatedRotation.bind(this);\r\n\t\tthis._setToRotate= this._setToRotate.bind(this);\r\n\t\tconst element = document.createElement('div');\r\n\t\telement.classList.add(\"hotspot\");\r\n\t\tif(scene360Hotspot.className)\r\n\t\t\telement.classList.add(scene360Hotspot.className);\r\n\t\t\r\n\t\tconst iconElement = document.createElement('img');\r\n\t\ticonElement.classList.add(\"icon\");\r\n\t\ticonElement.classList.add(\"hotspot-icon\");\r\n\t\ticonElement.addEventListener('click', this._handleClick);\r\n\t\ticonElement.src = this._iconUrl;\r\n\t\tthis._iconElement = iconElement;\r\n\t\t\r\n\t\tconst tooltipElement = document.createElement('div');\r\n\t\ttooltipElement.classList.add(\"hotspot-tooltip\");\r\n\t\ttooltipElement.classList.add(\"hotspot-tooltip\");\r\n\t\t//tooltipElement.innerHTML = target;\r\n\t\t\r\n\t\telement.appendChild(iconElement);\r\n\t\telement.appendChild(tooltipElement);\r\n\t\t\r\n\t\tthis._element = element;\r\n\t\t\r\n\t\tstopEventPropagation(this._element);\r\n\t\tthis._cosPitchRadians = Math.cos(this._eulerAngles.pitchRadians);\r\n\t\tthis._hotspot = marzipanoScene.hotspotContainer().createHotspot(element, { yaw: this._eulerAngles.yawRadians, pitch:this._eulerAngles.pitchRadians});\r\n\t\tthis._setTransform(rotateToCompensate?this._calculateCompensatedRotation():this._eulerAngles.roll);\r\n\t\tif(rotateToCompensate){\r\n\t\t\tthis._setToRotate();\r\n\t\t}\r\n\t}\r\n\tget centerPosition(){\r\n\t\tconst rect = this._element.getBoundingClientRect();\r\n\t\treturn [rect.left+(this._element.offsetWidth/2), rect.top+(this._element.offsetHeight/2)];\r\n\t}\r\n\tget scene360Hotspot(){\r\n\t\treturn this._scene360Hotspot;\r\n\t}\r\n\tget scene360(){\r\n\t\treturn this._scene360;\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\t_setToRotate(){\r\n\t\tconst self = this;\r\n\t\tconst originalUpdate = this._hotspot._update.bind(this._hotspot);\r\n\t\tconst pointingAtEulerAngles=this._pointingAtEulerAngles;\r\n\t\tthis._hotspot._update = function(){\r\n\t\t\tconst xYMarker = this._position;\r\n\t\t\tconst xYPointingAt = this._view.coordinatesToScreen({yaw:pointingAtEulerAngles.yawRadians,\r\n\t\t\t\tpitch:pointingAtEulerAngles.pitchRadians});\t\t\t\r\n\t\t\tif(xYMarker===null)return;\r\n\t\t\tif(xYPointingAt==null||xYPointingAt.x===null||xYPointingAt.y===null)return;\r\n\t\t\tconst angleRadians = (Math.PI/2) +Math.atan2((xYPointingAt.y - xYMarker.y), (xYPointingAt.x - xYMarker.x));\r\n\t\t\tself._setTransform(angleRadians);\r\n\t\t\toriginalUpdate();\r\n\t\t};\r\n\t}\r\n\t_calculateCompensatedRotation(){\r\n\t\t//const a = Math.sin( this._eulerAngles.pitchRadians);\r\n\t\treturn this._eulerAngles.rollRadians-(this._hotspot._view._yaw);\r\n\t}\r\n\t_setTransform(rotationRadians){\r\n\t\tvar transformProperties = [ '-ms-transform', '-webkit-transform', 'transform' ];\r\n\t\tfor (var i = 0; i < transformProperties.length; i++) {\r\n\t\t\tvar property = transformProperties[i];\r\n\t\t\tthis._iconElement.style[property] = 'rotate(' + rotationRadians + 'rad)';\r\n\t\t}\r\n\t}\r\n\t_handleClick(){\r\n\t\tthis._callbackClick(this);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport Iterator from '../core/Iterator';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport stopEventPropagation from '../ui_core/stopEventPropagation';\r\nimport Marzipano from 'marzipano';\r\nimport Hotspot from './Hotspot';\r\nimport eventEnable from '../core/eventEnable';\r\nimport './View360.css';\r\nconst{throwNotProvided}=ParameterErrors;\r\nexport default class View360 extends Component {\r\n\tconstructor(props){\r\n\t\tconst {getIconUrlFromRelativePath, onClickHotspot, children, mapHotspotTypeToFactory}=props;\r\n\t\tsuper(props);\r\n\t\teventEnable(this);\r\n\t\tthis._children = children;\r\n\t\tthis._mapHotspotTypeToFactory = mapHotspotTypeToFactory===undefined||mapHotspotTypeToFactory===null?{}:mapHotspotTypeToFactory;\r\n\t\tif(getIconUrlFromRelativePath===undefined||getIconUrlFromRelativePath===null)\r\n\t\t\tthrowNotProvided('getIconUrlFromRelativePath');\r\n\t\tthis._getIconUrlFromRelativePath=getIconUrlFromRelativePath;\r\n\t\tthis._callbackClickHotspot = onClickHotspot;\r\n\t\tthis._viewer360Ref = React.createRef();\r\n\t\tthis._createImageUrlSources= this._createImageUrlSources.bind(this);\r\n\t\tthis._createLayers = this._createLayers.bind(this);\r\n\t\tthis._handleSceneTransitionUpdate = this._handleSceneTransitionUpdate.bind(this);\r\n\t\tthis._createMarzipanoScene = this._createMarzipanoScene.bind(this);\r\n\t\tthis._createTileUrl = this._createTileUrl.bind(this);\r\n\t\tthis._sourceFromTile = this._sourceFromTile.bind(this);\r\n\t\tthis._createHotspots = this._createHotspots.bind(this);\r\n\t\tthis._createHotspotFromFactory= this._createHotspotFromFactory.bind(this);\r\n\t\tthis.loadScene= this.loadScene.bind(this);\r\n\t\tthis._handleSceneTransitionDone = this._handleSceneTransitionDone.bind(this);\r\n\t\tthis._handleHotspotClick= this._handleHotspotClick.bind(this);\r\n\t\tthis._hookUpdateEvent= this._hookUpdateEvent.bind(this);\r\n\t\tthis._setCameraDirectionEulerAngles = this._setCameraDirectionEulerAngles.bind(this);\r\n\t\tthis._cancelCurrentLoadScene = null;\r\n\t\tthis.state = {};\r\n\t}\r\n\t\r\n componentDidMount(){\r\n const viewerOptions = {\r\n stageType: 'webgl',\r\n controls: {\r\n mouseViewMode: 'drag' // drag|qtvr\r\n },\r\n stage: {\r\n antialias: true,\r\n preserveDrawingBuffer: true,\r\n generateMipmaps: false\r\n }\r\n }\r\n\t\tconst viewerElement = this._viewer360Ref.current;\r\n this._marzipanoViewer = new Marzipano.Viewer(viewerElement, viewerOptions);\r\n this._limiter = Marzipano.RectilinearView.limit.traditional(1024, 120*Math.PI/180, 120*Math.PI/180);\r\n\t}\r\n\t_createMarzipanoScene(scene360, cameraDirectionEulerAngles){\r\n\t\tconst imageUrlSources = this._createImageUrlSources(scene360);\r\n\t\tconst rectilinearView = new Marzipano.RectilinearView({yaw:cameraDirectionEulerAngles?cameraDirectionEulerAngles.yawRadians:undefined}, this._limiter );\r\n\t\tconst marzipanoScene = this._marzipanoViewer.createEmptyScene({view: rectilinearView});\r\n\t\tif(this._unhookCurrentUpdateEvent){\r\n\t\t\tthis._unhookCurrentUpdateEvent();\r\n\t\t\tthis._unhookCurrentUpdateEvent = null;\r\n\t\t}\r\n\t\tthis._unhookCurrentUpdateEvent = this._hookUpdateEvent(\r\n\t\t\tthis._marzipanoViewer, marzipanoScene, scene360.cameraEulerAngles);\r\n\t\tthis._createLayers(marzipanoScene, imageUrlSources, scene360.getLevels());\r\n\t\tthis._createHotspots(marzipanoScene, scene360);\r\n\t\treturn marzipanoScene;\r\n\t}\r\n\t_hookUpdateEvent(marzipanoViewer, marzipanoScene, eulerAngles){\r\n\t\tconst self = this;\r\n\t\tconst oldUpdate = marzipanoViewer._renderLoop._boundLoop;\r\n\t\tconst newLoop = function(props){\r\n\t\t\toldUpdate(props);\r\n\t\t\tconst yaw = marzipanoScene._view._yaw-((eulerAngles?eulerAngles.yawRadians:0) + 1.57079);\r\n\t\t\tself.dispatchEvent({type:'scenemoved', yaw:yaw});\r\n\t\t};\r\n\t\tmarzipanoViewer._renderLoop._boundLoop = newLoop;\r\n\t\treturn ()=>{\r\n\t\t\tmarzipanoViewer._renderLoop._boundLoop = oldUpdate;\r\n\t\t};\r\n\t}\r\n\t/*\r\n\t\t*/\r\n\t_createTileUrl(face, z, x, y){\r\n\t\treturn `${face}/${z}/${y}/${x}.jpg`;\r\n\t}\r\n\t_createImageUrlSources(scene360){\r\n\t\tconst imageUrlSources = [];\r\n\t\tscene360.layers.forEach((scene360Layers)=>{\r\n\t\t\tscene360Layers.choices.forEach((scene360LayerChoice)=>{\r\n\t\t\t\tconst imageUrlSource = new Marzipano.ImageUrlSource((tile)=>this._sourceFromTile(\r\n\t\t\t\t\ttile, scene360, scene360Layers, scene360LayerChoice\r\n\t\t\t\t));\r\n\t\t\t\timageUrlSources.push(imageUrlSource);\r\n\t\t\t});\r\n\t\t}); \r\n\t\treturn imageUrlSources;\t\t\r\n\t}\r\n\t_sourceFromTile(tile, scene360, scene360Layer, scene360LayerChoice){\r\n\t\tlet urlPrefix = `${scene360.urlPrefix}${scene360Layer.slug}/`;\r\n\t\tif(scene360LayerChoice.slug!==undefined&&scene360LayerChoice.slug!==null)\r\n\t\t\turlPrefix+=`${scene360LayerChoice.slug}/`;\r\n\t\tlet res;\r\n\t\t//if (tile.z === 0) {\r\n\t\t//\tvar mapY = 'bfrlud'.indexOf(tile.face) / 6;\r\n\t\t//\tres = { url: `${urlPrefix}preview.png`, rect: { x: 0, y: mapY, width: 1, height: 1/6 }};\r\n\t\t//}\r\n\t\t//else\r\n\t\t\tres = { url: `${urlPrefix}${this._createTileUrl(tile.face, tile.z, tile.x, tile.y)}` };\t\r\n\t\treturn res;\r\n\t}\r\n\t_createLayers(marzipanoScene, imageUrlSources, levels){\r\n const marzipanoCubeGeometry = new Marzipano.CubeGeometry(levels);\r\n\t\tfor (const imageUrlSource of imageUrlSources) {\r\n\t\t\tmarzipanoScene.createLayer({\r\n\t\t\t\tsource: imageUrlSource,\r\n\t\t\t\tgeometry: marzipanoCubeGeometry,\r\n\t\t\t\tpinFirstLevel: true\r\n\t\t\t});\r\n\t\t};\r\n\t}\r\n\t_createHotspots(marzipanoScene, scene360){\r\n\t\tconst self = this;\r\n\t\tscene360.hotspots.forEach(function(scene360Hotspot) {\r\n\t\t\tif(scene360Hotspot.enabled===false)return;\r\n\t\t\tif(scene360Hotspot.fromFactory){\r\n\t\t\t\tthis._createHotspotFromFactory({scene360Hotspot:scene360Hotspot, scene360:scene360, marzipanoScene:marzipanoScene, \r\n\t\t\t\tgetIconUrlFromRelativePath:self._getIconUrlFromRelativePath,\r\n\t\t\t\tonClick:self._handleHotspotClick});\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tnew Hotspot({scene360Hotspot:scene360Hotspot, scene360:scene360, marzipanoScene:marzipanoScene, \r\n\t\t\tgetIconUrlFromRelativePath:self._getIconUrlFromRelativePath,\r\n\t\t\t\tonClick:self._handleHotspotClick});\r\n\t\t});\r\n\t}\r\n\t_createHotspotFromFactory(scene360Hotspot){\r\n\t\tconst factoryMethod = this._mapHotspotTypeToFactory[scene360Hotspot.type];\r\n\t\treturn factoryMethod(scene360Hotspot);\r\n\t}\r\n\t_handleHotspotClick(hotspot){\r\n\t\tconsole.log(hotspot);\r\n\t\tthis._callbackClickHotspot(hotspot);\r\n\t}\r\n\r\n\t_handleSceneTransitionDone() {\r\n\t\tif (this._marzipanoViewer.listScenes().length <= 1) return;\r\n\t\tthis._marzipanoViewer.destroyScene(this._marzipanoViewer.listScenes().shift());\r\n\t}\r\n\r\n loadScene(params){\r\n\t\tconst {scene360, cameraDirectionEulerAngles}=params;\r\n\t\tif(!scene360)throwNotProvided('scene360');\r\n\t\tconst self = this;\r\n\t\tthis._cancelCurrentLoadScene&&this._cancelCurrentLoadScene();\r\n\t\tlet cancelled = false;\r\n\t\tthis._cancelCurrentLoadScene =()=>{cancelled = true;};\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tconst doRejectBecauseCancelled = ()=>{\r\n\t\t\t\treject(new Error('cancelled because another scene then started loading'));\r\n\t\t\t};\r\n\t\t\tif(cancelled)return doRejectBecauseCancelled();\r\n\t\t\tthis._marzipanoViewer.updateSize();\r\n\t\t\tconst marzipanoScene = this._createMarzipanoScene(scene360, cameraDirectionEulerAngles);\r\n\t\t\tconst layers = marzipanoScene.listLayers();\r\n\t\t\tconst iteratorLayers = new Iterator(layers);\r\n\t\t\tconst next = ()=>{\r\n\t\t\t\tif(cancelled)return doRejectBecauseCancelled();\r\n\t\t\t\tif(!iteratorLayers.hasNext()){\r\n\t\t\t\t\tself._switchToScene(marzipanoScene).then(()=>{\r\n\t\t\t\t\t\tif(cancelled)return doRejectBecauseCancelled();\r\n\t\t\t\t\t\tself._marzipanoViewer.updateSize();\r\n\t\t\t\t\t\tresolve();\r\n\t\t\t\t\t}).catch(reject);\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst layer = iteratorLayers.next();\r\n\t\t\t\tthis._loadLayer(layer)\r\n\t\t\t\t\t.then(next).catch(reject);\r\n\t\t\t};\r\n\t\t\tnext();\r\n\t\t});\r\n\t}\r\n\t_setCameraDirectionEulerAngles(marzipanoScene, eulerAngles){\r\n\t\t\tmarzipanoScene.setYaw(eulerAngles.yawRadians);\r\n\t}\r\n\t_switchToScene(marzipanoScene){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\ttry{\r\n\t\t\t\tmarzipanoScene.switchTo({\r\n\t\t\t\t\ttransitionDuration: 1000,\r\n\t\t\t\t\ttransitionUpdate: this._handleSceneTransitionUpdate\r\n\t\t\t\t},()=>{\r\n\t\t\t\t\tthis._handleSceneTransitionDone();\r\n\t\t\t\t\tresolve();\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tcatch(err){\r\n\t\t\t\treject(err);\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\t_handleSceneTransitionUpdate(val, newScene, oldScene) {\r\n\t\tconst layers = newScene.listLayers();\r\n\t\tlayers.forEach(function(layer, index) {\r\n\t\t\tconst newVal = (val * layers.length) + (index+1 - layers.length);\r\n\t\t\tconst opacity = Marzipano.util.clamp(newVal, 0, 1);\r\n\t\t\tlayer.mergeEffects({ opacity: opacity });\r\n\t\t});\r\n\t\tnewScene._hotspotContainer.domElement().style.opacity = val;\r\n\t\t//newScene._hotspotContainer.domElement().style.display=\"block\";\r\n\t}\r\n _loadLayer(layer){\r\n\t\tconst textureStore = layer.textureStore();\r\n\t\treturn new Promise ((resolve, reject)=>{\r\n\t\t\ttextureStore.addEventListener('textureLoad', tile => {\r\n\t\t\t\tresolve();\r\n\t\t\t});\r\n\t\t\ttextureStore.addEventListener('textureError', reject);\r\n\t\t});\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t{this._children}\r\n\t\t
);\r\n\t}\r\n}\r\n//TODO check where viewere.destroy was and add in.\r\n","import React, { Component } from 'react';\r\nimport IconButton from './IconButton';\r\nimport GroupedCallbacks from '../core/GroupedCallbacks';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport Once from '../core/Once';\r\nimport Urls from '../urls/Urls';\r\nimport ParameterError from '../errors/ParameterError';\r\nimport EfficientMoveCycle from '../ui_core/EfficientMoveCycle';\r\nimport './MiniMap.css';\r\nimport isMobile from '../core/isMobile';\r\nconst{ throwNotProvided}=ParameterError;\r\nexport default class MiniMap extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {configuration}=props;\r\n\t\tthis._configuration = configuration;\r\n\t\tthis._useCurrentPositionIcon = configuration.useCurrentPositionIcon;\r\n\t\tthis._elementRef = React.createRef();\r\n\t\tthis._mapImageRef = React.createRef();\r\n\t\tthis._currentPositionMarkerRef= React.createRef();\r\n\t\tthis.toggleShowing = this.toggleShowing.bind(this);\r\n\t\tthis.load = this.load.bind(this);\r\n\t\tthis.hide = this.hide.bind(this);\r\n\t\tthis.setAtOutside360 = this.setAtOutside360.bind(this);\r\n\t\tthis._setVisible = this._setVisible.bind(this);\r\n\t\tthis._handleClickButtonClose = this._handleClickButtonClose.bind(this);\r\n\t\tthis._setCurrentPositionMarkerLeftPercent = this._setCurrentPositionMarkerLeftPercent.bind(this);\r\n\t\tthis._setCurrentPositionMarkerTopPercent = this._setCurrentPositionMarkerTopPercent.bind(this);\r\n\t\tthis._setCurrentPositionMarkerVisibile = this._setCurrentPositionMarkerVisibile.bind(this);\r\n\t\tthis.setAngleRadians = this.setAngleRadians.bind(this);\r\n\t\tthis._setupResize = this._setupResize.bind(this);\r\n\t\tthis._mapImageError = this._mapImageError.bind(this);\r\n\t\tthis._mapImageLoaded = this._mapImageLoaded.bind(this);\r\n\t\tthis._groupedCallbacksMapImageLoad = new GroupedCallbacks();\r\n\t\tthis._siteJson = null;\r\n\t\tthis._visible = false;\r\n\t\tthis._fixedAspectRatio = null;\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tconst mapImageElement = this._mapImageRef.current;\r\n\t\tconst element = this._elementRef.current;\r\n\t\tmapImageElement.addEventListener('load', this._mapImageLoaded);\r\n\t\tmapImageElement.addEventListener('error', this._mapImageError);\r\n\t\tthis._setupResize(element);\r\n\t}\r\n\t_setupResize(element){\r\n\t\tlet offsets=null, maxWidth = null;\r\n\t\tconst efficientMoveCycle = new EfficientMoveCycle({ \r\n\t\t\telement, stopPropagation:false, preventDefault:true, \r\n\t\t\tonStart:(e)=>{\r\n\t\t\t\tif(this._fixedAspectRatio==null)\r\n\t\t\t\t\tthis._fixedAspectRatio = element.offsetWidth/element.offsetHeight;\r\n\t\t\t\toffsets= [element.offsetWidth - e.x, element.offsetHeight + e.y];\r\n\t\t\t\telement.style.maxWidth = 'none';\r\n\t\t\t\tmaxWidth= element.parentNode.offsetWidth - 24;\r\n\t\t\t}, onMove:(e)=>{\r\n\t\t\t\tconst x = e.x, y=e.y;\r\n\t\t\t\tconst widthFromHeight = (offsets[1] -y )*this._fixedAspectRatio;\r\n\t\t\t\tconst heightFromWidth = (x + offsets[0])/this._fixedAspectRatio;\r\n\t\t\t\tconst l = (widthFromHeight*widthFromHeight)+ (heightFromWidth*heightFromWidth);\r\n\t\t\t\tconst aspectRatioSquared = this._fixedAspectRatio*this._fixedAspectRatio;\r\n\t\t\t\tlet height = Math.sqrt(l /(1+aspectRatioSquared));\r\n\t\t\t\tlet width = height * this._fixedAspectRatio;\r\n\t\t\t\tif(width>maxWidth){\r\n\t\t\t\t\twidth = maxWidth;\r\n\t\t\t\t\theight = width / this._fixedAspectRatio;\r\n\t\t\t\t}\r\n\t\t\t\telse{\r\n\t\t\t\t\tif(width < 100)\r\n\t\t\t\t\t\twidth = 100;\r\n\t\t\t\t\theight = width / this._fixedAspectRatio;\r\n\t\t\t\t}\r\n\t\t\t\telement.style.width = String(width)+'px';\r\n\t\t\t\telement.style.height = String(height)+'px';\r\n\t\t\t}, onEnd:()=>{} , friendlyXY:true\r\n\t\t});\r\n\t}\r\n\t\r\n\tsetAtOutside360(outside360UniqueId){\r\n\t\tconst markerPositionProportion = this._siteJson?.birdsEyeViews.getDefault().getMarkerPositionForOutside360(outside360UniqueId);\r\n\t\tif(!markerPositionProportion)return;\r\n\t\tthis._setCurrentPositionMarkerLeftPercent(markerPositionProportion.x*100);\r\n\t\tthis._setCurrentPositionMarkerTopPercent(markerPositionProportion.y*100);\r\n\t\tthis._setCurrentPositionMarkerVisibile(true);\r\n\t\t\r\n\t}\r\n\tsetAngleRadians(radians){\r\n\t\tconst offset = this._configuration.miniMapConeOffset!==undefined?this._configuration.miniMapConeOffset:radians+(2*Math.PI/2);\r\n\t\tthis._currentPositionMarkerRef.current.style.transform = `translate(-50%,-50%) rotate(${offset}rad)`;\r\n\t}\r\n\ttoggleShowing(){\r\n\t\tthis._setVisible(!this._visible);\r\n\t}\r\n\thide(){\r\n\t\tthis._setVisible(false);\r\n\t\t//this._setCurrentPositionMarkerVisibile(false);\r\n\t}\r\n\tshow(){\r\n\t\tthis._setVisible(true);\r\n\t\t//this._setCurrentPositionMarkerVisibile(false);\r\n\t}\r\n\tload({siteJson}){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tthis._siteJson = siteJson;\r\n\t\t\tif(!siteJson){\r\n\t\t\t\tthrowNotProvided('siteJson');\r\n\t\t\t}\r\n\t\t\tconst imageRelativePath =Urls.getAssetsForSite(this._configuration.siteSlug)+siteJson.birdsEyeViews.getDefault().imageRelativePath;\r\n\t\t\tthis._mapImageRef.current.src = imageRelativePath;\r\n\t\t\tthis._groupedCallbacksMapImageLoad.then(()=>{\r\n\t\t\t\tthis._setVisible(true);\r\n\t\t\t\tresolve();\r\n\t\t\t});\r\n\t\t\tthis._groupedCallbacksMapImageLoad.catch(reject);\r\n\t\t});\r\n\t}\r\n\t_mapImageError(){\r\n\t\tthis._groupedCallbacksMapImageLoad.doCatch(new Error('Error loading map image'));\r\n\t}\r\n\t_mapImageLoaded(){\r\n\t\tthis._groupedCallbacksMapImageLoad.doThen();\r\n\t}\r\n\t_setVisible(visible){\r\n\t\tif(visible){\r\n\t\t\tthis._element.classList.add('visible');\r\n\t\t}\r\n\t\telse \r\n\t\t\tthis._element.classList.remove('visible');\r\n\t\tthis._visible = visible;\r\n\t}\r\n\t_setCurrentPositionMarkerLeftPercent(leftPercent){\r\n\t\tthis._currentPositionMarkerElement.style.left=`${leftPercent}%`;\r\n\t}\r\n\t_setCurrentPositionMarkerTopPercent(topPercent){\r\n\t\tthis._currentPositionMarkerElement.style.top=`${topPercent}%`;\r\n\t}\r\n\t_setCurrentPositionMarkerVisibile(visible){\r\n\t\tif(visible)\r\n\t\t\tthis._currentPositionMarkerElement.classList.add('visible');\r\n\t\telse \r\n\t\t\tthis._currentPositionMarkerElement.classList.remove('visible');\r\n\t}\r\n\tget _element(){\r\n\t\treturn this._elementRef.current;\r\n\t}\r\n\tget _currentPositionMarkerElement(){\r\n\t\treturn this._currentPositionMarkerRef.current;\r\n\t}\r\n\t_handleClickButtonClose(){\r\n\t\tthis.hide();\r\n\t}\r\n\trender() {\r\n\t\tconst currentPosition = this._useCurrentPositionIcon\r\n\t\t\t?(\r\n\t\t\t\t
\r\n\t\t\t
)\r\n\t\t\t:(\r\n\t\t\t\tthis._configuration.miniMapConeMarkerEnabled\r\n\t\t\t\t?\r\n\t\t\t\t\r\n\t\t\t\t(\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t
)\r\n\t\t\t\t:\r\n\t\t\t\t(\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
)\r\n\t\t\t);\r\n\t\treturn (\r\n\t\t\t![]()
\r\n\t\t\t\t
);\r\n\t}\r\n}","import ParameterErrors from '../errors/ParameterErrors';\r\nimport Hotspot from '../360_react/Hotspot';\r\nconst{throwNotProvided, throwNotOfType}=ParameterErrors;\r\nexport default class InfoHotspot extends Hotspot{\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst self = this;\r\n\t\tconst {scene360Hotspot, scene360, marzipanoScene, getIconUrlFromRelativePath, onClick}=props;\r\n\t\tthis._expand = this._expand.bind(this);\r\n\t\tthis._callbackClick= this._expand;\r\n\t\tconst expandedTextElement = document.createElement('div');\r\n\t\texpandedTextElement.classList.add('expanded-text');\r\n\t\texpandedTextElement.textContent = scene360Hotspot.text;\r\n\t\tthis.element.appendChild(expandedTextElement);\r\n\t}\r\n\t_expand(){\r\n\t}\r\n\tstatic create(props){\r\n\t\treturn (props)=>new InfoHotspot(props);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './Spinner.css';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nconst {throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class Hider extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tconst{handles, invertHandles, children}=props;\r\n\t\tthis._children = children;\r\n\t\tif(invertHandles===undefined||invertHandles===null)\r\n\t\t\tthis._invertHandles = false;\r\n\t\telse \r\n\t\t\tthis._invertHandles = invertHandles;\r\n\t\t\r\n\t\tthis._handles = handles;\r\n\t\tthis._handlesChanged = this._handlesChanged.bind(this);\r\n\t\thandles.addEventListener('change', this._handlesChanged);\r\n\t\tthis.state={visible:false};\r\n\t}\r\n\t_handlesChanged(e){\r\n\t\tconst visible = this._invertHandles?(!e.hasHandles):e.hasHandles;\r\n\t\tthis.setState({visible:visible});\r\n\t}\r\n\trender() {\r\n\t\tlet className =\"hider\";\r\n\t\tif(this.state.visible)\r\n\t\t\tclassName+=\" visible\";\r\n\t\treturn (\r\n\t\t\t{this._children}\r\n\t\t\t
);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport stopEventPropagation from '../ui_core/stopEventPropagation';\r\nimport Marzipano from 'marzipano';\r\nimport View360 from '../360_react/View360';\r\nimport MiniMap from './MiniMap';\r\nimport './SitePlan360.css';\r\nimport { faCaretRight, faCaretLeft, faCaretUp, faCaretDown} from '@fortawesome/free-solid-svg-icons';\r\nimport IconButton from './IconButton';\r\nimport HashSource from '../core/HashSource';\r\nimport GroupedCallbacks from '../core/GroupedCallbacks';\r\nimport HotspotType from '../enums/HotspotType';\r\nimport InfoHotspot from '../hotspots/InfoHotspot';\r\nimport Handles from '../core/Handles';\r\nimport Spinner from './Spinner';\r\nimport Hider from './Hider';\r\nimport Urls from '../urls/Urls';\r\nimport EulerAngles from '../geometry/EulerAngles';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nconst{throwNotProvided}=ParameterErrors;\r\nconst TWO_PI = Math.PI*2;\r\nexport default class SitePlan360 extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst {getInsertedMenuItemsHandler, getInsertedMenuItemsAtEndHandler, onBack, goToConfigurator, \r\n\t\t\tshowPlotMenu, showPlotDetailedInformation, configuration}=props;\r\n\t\tthis._configuration = configuration;\r\n\t\tif(!getInsertedMenuItemsHandler)throwNotProvided('getInsertedMenuItemsHandler');\r\n\t\tif(!getInsertedMenuItemsAtEndHandler)throwNotProvided('getInsertedMenuItemsAtEndHandler');\r\n\t\tthis._showPlotMenu = showPlotMenu;\r\n\t\tthis._showPlotDetailedInformation = showPlotDetailedInformation;\r\n\t\tthis._view360Ref = React.createRef();\r\n\t\tthis._miniMapRef= React.createRef();\r\n\t\t//this._iframeRef = React.createRef();\r\n\t\tthis.state = {visible:true};\r\n\t\tthis._handleClickBack= this._handleClickBack.bind(this);\r\n\t\tthis._normalizeRadians= this._normalizeRadians.bind(this);\r\n\t\tthis._callbackBack = onBack;\r\n\t\tthis._callbackGoToConfigurator = goToConfigurator;\r\n\t\tthis._getIconUrlFromRelativePath = this._getIconUrlFromRelativePath.bind(this);\r\n\t\tthis._handleClickHotspot= this._handleClickHotspot.bind(this);\r\n\t\tthis._handleToggleMinimap= this._handleToggleMinimap.bind(this);\r\n\t\tthis.setVisible= this.setVisible.bind(this);\r\n\t\tthis._getCameraDirectionEulerAngles = this._getCameraDirectionEulerAngles.bind(this);\r\n\t\tthis.whenLoaded = this.whenLoaded.bind(this);\r\n\t\tthis._sceneMoved = this._sceneMoved.bind(this);\r\n\t\tthis._spinnerHandles = new Handles();\r\n\t\tthis._create_SwitchToOutside360_LexicalClosure = this._create_SwitchToOutside360_LexicalClosure.bind(this);\r\n\t\tthis._getInsertedMenuItemsHandler = getInsertedMenuItemsHandler;\r\n\t\tthis._getInsertedMenuItemsAtEndHandler = getInsertedMenuItemsAtEndHandler;\r\n\t\tthis._groupedCallbacksLoaded = new GroupedCallbacks();\r\n\t\tthis._insertedMenuItemsRemoveHandle = null;\r\n\t\tthis._insertedMenuItemsAtEndRemoveHandle = null;\r\n\t\tthis._mapHotspotTypeToFactory={[HotspotType.INFO]:InfoHotspot.create};\r\n\t}\r\n\tload(siteJson){\r\n\t\tthis._siteJson = siteJson;\r\n\t\tthis._loaded = false;\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tthis._view360Ref.current.loadScene({scene360:siteJson.outside360.getDefaultScene()}).catch(reject).then(()=>{\r\n\t\t\t\tthis._switchToOutside360 = this._create_SwitchToOutside360_LexicalClosure(siteJson).bind(this);\r\n\t\t\t\tthis._miniMapRef.current.load({\r\n\t\t\t\t\tsiteJson:siteJson\r\n\t\t\t\t})\r\n\t\t\t\t.then(()=>{\r\n\t\t\t\t\tthis._loaded=true;\r\n\t\t\t\t\tthis._groupedCallbacksLoaded.doThen();\r\n\t\t\t\t}).catch((err)=>{\r\n\t\t\t\t\tthis._groupedCallbacksLoaded.doCatch(err);\r\n\t\t\t\t\treject(err);\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t\tresolve();\r\n\t\t});\r\n\t}\r\n\twhenLoaded(){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tif(this._loaded)\r\n\t\t\t{\r\n\t\t\t\tresolve();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tthis._groupedCallbacksLoaded.then(resolve).catch(reject);\r\n\t\t});\r\n\t}\r\n\tswitchToOutside360(outside360UniqueId, cameraDirectionEulerAngles){\r\n\t\tconst spinnerHandle = this._spinnerHandles.take();\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tconst doReject = (err)=>{\r\n\t\t\t\tconsole.error(err);\t\r\n\t\t\t\tspinnerHandle.dispose();\r\n\t\t\t\treject(err);\r\n\t\t\t};\r\n\t\t\tthis.whenLoaded().then(()=>{\r\n\t\t\t\tconst doResolve=()=>{\r\n\t\t\t\t\tspinnerHandle.dispose();\r\n\t\t\t\t\tresolve();\r\n\t\t\t\t};\r\n\t\t\t\tif(!this._switchToOutside360){\r\n\t\t\t\t\tdoReject(new Error('no scene loaded'));\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tthis._switchToOutside360(outside360UniqueId, cameraDirectionEulerAngles)\r\n\t\t\t\t\t.then(doResolve).catch(doReject);\r\n\t\t\t}).catch(doReject);\r\n\t\t});\r\n\t}\r\n\t_create_SwitchToOutside360_LexicalClosure(siteJson){\r\n\t\tconst scenes = siteJson.outside360.getScene360s();\r\n\t\treturn (outside360ToMoveToUniqueId, cameraDirectionEulerAngles)=>{\r\n\t\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\t\tconst scene = scenes.filter(scene=>{\r\n\t\t\t\t\t\treturn scene.uniqueId===outside360ToMoveToUniqueId\r\n\t\t\t\t})[0];\r\n\t\t\t\tif(scene===undefined||scene===null)\r\n\t\t\t\t\tthrow new Error(`No scene for outside360ToMoveToUniqueId ${outside360ToMoveToUniqueId}`);\r\n\t\t\t\tif(!cameraDirectionEulerAngles)\r\n\t\t\t\t\tcameraDirectionEulerAngles = this._getCameraDirectionEulerAngles(scene, this._previousScene);\t\r\n\t\t\t\tthis._previousScene=scene;\r\n\t\t\t\tthis._miniMapRef.current.setAtOutside360(outside360ToMoveToUniqueId);\r\n\t\t\t\tthis._view360Ref.current.loadScene({\r\n\t\t\t\t\tscene360:scene, \r\n\t\t\t\t\tcameraDirectionEulerAngles:cameraDirectionEulerAngles\r\n\t\t\t\t})\r\n\t\t\t\t.then(()=>{\r\n\t\t\t\t\tresolve();\r\n\t\t\t\t}).catch(reject);\r\n\t\t\t});\r\n\t\t};\r\n\t}\r\n\t_getCameraDirectionEulerAngles(scene360, previousScene360){\r\n\t\tconst otherScenesNotCountingOneCameFrom = [];\r\n\t\tconst hotspotsForScene = scene360.hotspots;\r\n\t\tlet yawRadianss = [];\r\n\t\tlet hadNoOutside360MoveHotspots=true;\r\n\t\tlet previousHotspot = null;\r\n\t\tif(!previousScene360)return null;\r\n\t\tfor(var i=0; i\r\n\t\t\r\n\t\t\t \r\n\t\t\r\n\t\t\t\t\r\n\t\t\t
);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport './Configurator.css';\r\nimport Urls from '../urls/Urls';\r\nimport IconButton from './IconButton';\r\nimport HashSource from '../core/HashSource';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nconst{throwNotProvided}=ParameterErrors;\r\nexport default class Configurator extends Component{\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tconst{hide, getInsertedMenuItemsHandler, configuration}=props;\r\n\t\tthis._configuration = configuration;\r\n\t\tif(!getInsertedMenuItemsHandler)throwNotProvided('getInsertedMenuItemsHandler');\r\n\t\tthis._callbackHide = hide;\r\n\t\tthis.showConfiguratorForPlot = this.showConfiguratorForPlot.bind(this);\r\n\t\tthis.closeCurrentConfigurator = this.closeCurrentConfigurator.bind(this);\r\n\t\tthis._handleClickButtonBack = this._handleClickButtonBack.bind(this);\r\n\t\tthis._iframeLoaded= this._iframeLoaded.bind(this);\t\r\n\t\tthis._nextIframeKey = this._nextIframeKey.bind(this);\r\n\t\tthis._getInsertedMenuItemsHandler = getInsertedMenuItemsHandler;\r\n\t\tthis.state = {iframes:null, visible:false};\r\n\t\tthis._iframeCount =0;\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\t\r\n\t}\r\n\tsetVisible(value){\r\n\t\tthis._insertedMenuItemsRemoveHandle?.dispose();\r\n\t\tthis._insertedMenuItemsRemoveHandle = null;\r\n\t\tif(value){\r\n\t\t\tthis._insertedMenuItemsRemoveHandle = this._getInsertedMenuItemsHandler().registerMenuItems([\r\n\t\t\t\t\t(\r\n\t\t\t\t\r\n\t\t\t
);\r\n\t\tthis.setState({iframes:[iframe]});\r\n\t}\r\n\t_handleClickButtonBack(){\r\n\t\tthis.closeCurrentConfigurator();\r\n\t\tthis._callbackHide();\r\n\t}\r\n\t_iframeLoaded(e){\r\n\t}\r\n\tcloseCurrentConfigurator(){\r\n\t\tthis.setState({iframes:[]});\r\n\t}\r\n\t_nextIframeKey(){\r\n\t\treturn `iframe_${(this._iframeCount++)}`;\r\n\t}\r\n\trender(){\r\n\t\tconst className=\"configurator\"+(this.state.visible?\" visible\":\"\");\r\n\t\treturn ({this.state.iframes}
);\r\n\t}\r\n}\r\n","const SitePlanVisibleType={BIRDS_EYE_VIEW:'birdsEyeView', OUTSIDE_360:'outside360', CONFIGURATOR:'configurator', THREE_D:'threeD'};\r\nSitePlanVisibleType.getCssClassName = function(val){\r\n\tswitch(val){\r\n\t\tcase SitePlanVisibleType.BIRDS_EYE_VIEW:\r\n\t\t\treturn 'birds-eye-view-visible';\r\n\t\tcase SitePlanVisibleType.OUTSIDE_360:\r\n\t\t\treturn 'outside-360-visible';\r\n\t\tcase SitePlanVisibleType.CONFIGURATOR:\r\n\t\t\treturn 'configurator-visible';\r\n\t\tcase SitePlanVisibleType.THREE_D:\r\n\t\t\treturn 'three-d-visible';\r\n\t}\r\n\treturn '';\r\n}\r\nexport default SitePlanVisibleType;\t\t","import React, { Component } from 'react';\r\nimport PopupMenu from './PopupMenu';\r\nimport EdgeLocation from '../ui_core/EdgeLocation';\r\nimport Star from './Star';\r\nimport Spinner from './Spinner';\r\nimport './PlotMenu.css';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport Once from '../core/Once';\r\nimport ParameterErrors from '../errors/ParameterErrors';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport enableBindingToOthers from '../mvvm/enableBindingToOthers';\r\nimport Handles from '../core/Handles';\r\nimport { faStreetView} from '@fortawesome/free-solid-svg-icons';\r\nimport IconButton from './IconButton';\r\nimport PlotStatus from '../site/PlotStatus';\r\nimport Urls from '../urls/Urls';\r\nimport GroupedCallbacks from '../core/GroupedCallbacks';\r\nimport PlotMoreInformationType from '../enums/PlotMoreInformationType';\r\nimport HashSource from '../core/HashSource';\r\nimport isMobile from '../core/isMobile';\r\nconst {throwNotProvided}=ParameterErrors;\r\nconst MIN_TIME_SHOW_SPINNER_MILLISECONDS=500;\r\nconst MAX_TIME_TO_LOAD_IMAGE_BEFORE_SPINNER_DELAY_REQUIRED=20; //This is so that if the image loads very fast because already cached the spinner is never seen.\r\nconst DELAY_BEFORE_SHOW_SPINNER_MILLISECONDS = 1000;\r\nexport default class PlotMenu extends Component {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tenableBindingToOthers(this);\r\n\t\tconst {showPlotMoreInformation, onHide, addFavourite, removeFavourite,\r\n\t\tshowStreetView, enterHouse, showBrochureGenerationDialog, showPlotDetailedInformation,\r\n\t\tshowImagesFullScreen, configuration}=props;\r\n\t\tthis._configuration = configuration;\r\n\t\tthis._showPlotDetailedInformation = showPlotDetailedInformation;\r\n\t\tthis._showImagesFullScreen = showImagesFullScreen;\r\n\t\tthis._star = React.createRef();\r\n\t\tthis._imgRef= React.createRef();\r\n\t\tthis._lhsRef= React.createRef();\r\n\t\tthis._callbackOnHide=onHide;\r\n\t\tif(!showPlotMoreInformation)throwNotProvided('showPlotMoreInformation');\r\n\t\tthis._callbackShowPlotMoreInformation = showPlotMoreInformation;\r\n\t\tthis._callbackAddFavourite = addFavourite;\r\n\t\tthis._callbackRemoveFavourite = removeFavourite;\r\n\t\tthis._callbackShowStreetView = showStreetView;\r\n\t\tthis._callbackEnterHouse = enterHouse;\r\n\t\tthis._callbackShowBrochureGenerationDialog = showBrochureGenerationDialog;\r\n\t\tthis._popupMenu = React.createRef();\r\n\t\tthis.setFilteredPlots= this.setFilteredPlots.bind(this);\r\n\t\tthis._getFirstPlotMatchingFilteredPlots= this._getFirstPlotMatchingFilteredPlots.bind(this);\r\n\t\tthis._handleClickMoreInfo= this._handleClickMoreInfo.bind(this);\r\n\t\tthis._handleStarSelectedChanged = this._handleStarSelectedChanged.bind(this);\r\n\t\tthis._handlePlotSelectedChanged = this._handlePlotSelectedChanged.bind(this);\r\n\t\tthis._handleClickPreviousPlot = this._handleClickPreviousPlot.bind(this);\r\n\t\tthis._handleClickNextPlot = this._handleClickNextPlot.bind(this);\r\n\t\tthis._handleImageLoaded= this._handleImageLoaded.bind(this);\r\n\t\tthis._handleImageError= this._handleImageError.bind(this);\r\n\t\tthis._handlePopupMenuHide = this._handlePopupMenuHide.bind(this);\r\n\t\tthis._handleClickShowGallery= this._handleClickShowGallery.bind(this);\r\n\t\tthis._handleClickShowFloorPlan= this._handleClickShowFloorPlan.bind(this);\r\n\t\tthis._handleClickMeaningShowPlotDetailedInformation= this._handleClickMeaningShowPlotDetailedInformation.bind(this);\r\n\t\tthis._handleClickLHS= this._handleClickLHS.bind(this);\r\n\t\tthis._getImgUrl= this._getImgUrl.bind(this);\r\n\t\tthis._handleClickEnterHouse= this._handleClickEnterHouse.bind(this);\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide = this.hide.bind(this);\r\n\t\tthis._releasePlotActiveHandle= this._releasePlotActiveHandle.bind(this);\r\n\t\tthis._handleClickShowStreetView = this._handleClickShowStreetView.bind(this);\r\n\t\tthis._handleClickSendBrochure = this._handleClickSendBrochure.bind(this);\r\n\t\tthis._groupedCallbackImageLoaded = new GroupedCallbacks();\r\n\t\tthis._onceClicked = new Once(method=>method());\r\n\t\tthis._currentPlotActiveHandle = null;\r\n\t\tthis._startedShowAt = 0;\r\n\t\tthis._loadingImageHandles = new Handles();\r\n\t\tthis.state={siteJson:null, plot:null};\r\n\t}\r\n\tshow({position, getMouseInSourceBounds, siteJson, plot, unit, untilClickOff}){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tif(!plot)throwNotProvided('plot');\r\n\t\t\tif(plot.unit.plots.length>1){\r\n\t\t\t\tplot = this._getFirstPlotMatchingFilteredPlots(plot.unit.plots);\r\n\t\t\t}\r\n\t\t\tif(!siteJson)throwNotProvided('siteJson');\r\n\t\t\tthis._currentLoadingImageHandle?.dispose();\r\n\t\t\tthis.setState({siteJson:siteJson, plot:plot});\r\n\t\t\tthis._imgRef.current.src='';\r\n\t\t\tthis._imgRef.current.src = this._getImgUrl(plot);\r\n\t\t\tthis._plot = plot;\r\n\t\t\tthis._popupMenu.current.show({position:position, getMouseInSourceBounds:getMouseInSourceBounds, untilClickOff});\r\n\t\t\tthis._releasePlotActiveHandle();\r\n\t\t\tthis._currentPlotActiveHandle?.dispose();\r\n\t\t\tthis._currentPlotActiveHandle=plot.unit.takeActiveHandle();\r\n\t\t\tthis._startedShowAt = new Date().getTime();\r\n\t\t\tlet imgLoaded = false;\r\n\t\t\tconst whenImgLoaded = ()=>{\r\n\t\t\t\timgLoaded = true;\r\n\t\t\t\tthis._currentLoadingImageHandle?.dispose();\r\n\t\t\t};\r\n\t\t\tsetTimeout(()=>{\r\n\t\t\t\tif(imgLoaded) return;\r\n\t\t\t\tthis._currentLoadingImageHandle?.dispose();\r\n\t\t\t\tthis._currentLoadingImageHandle = this._loadingImageHandles.take();\r\n\t\t\t}, DELAY_BEFORE_SHOW_SPINNER_MILLISECONDS);\r\n\t\t\tthis._groupedCallbackImageLoaded.then(()=>{\r\n\t\t\t\twhenImgLoaded();\r\n\t\t\t\tresolve();\r\n\t\t\t}).catch((err)=>{\r\n\t\t\t\twhenImgLoaded();\r\n\t\t\t\treject(err);\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\thide(){\r\n\t\tthis._popupMenu.current.hide();\r\n\t}\r\n\tsetFilteredPlots(value){\r\n\t\tthis._filteredPlots = value;\r\n\t}\r\n\t_getFirstPlotMatchingFilteredPlots(plots){\r\n\t\tif(!this._filteredPlots)return plots[0];\r\n\t\tconst plotsMatchingFilteredPlots = [];\r\n\t\tfor(var plot of plots){\r\n\t\t\tif(this._filteredPlots.indexOf(plot)>=0)\r\n\t\t\t\tplotsMatchingFilteredPlots.push(plot);\r\n\t\t}\r\n\t\tif(plotsMatchingFilteredPlots.length>0)\r\n\t\t{\r\n\t\t\tconst availablePlots = plotsMatchingFilteredPlots.filter(plot=>plot.status===PlotStatus.AVAILABLE);\r\n\t\t\tif(availablePlots.length>0)\r\n\t\t\t\treturn availablePlots[0];\r\n\t\t\tconst comingSoonPlots = plotsMatchingFilteredPlots.filter(plot=>plot.status===PlotStatus.COMING_SOON);\r\n\t\t\tif(comingSoonPlots.length>0)\r\n\t\t\t\treturn comingSoonPlots[0];\r\n\t\t}\r\n\t\treturn plots[0];\r\n\t}\r\n\t_getImgUrl(plot){\r\n\t\tconst relativePath = plot.unit.frontViewImage.getBestEntryToFitWidth(160).relativePath;\r\n\t\treturn `${Urls.getAssetsForSite(this._configuration.siteSlug)}${UrlHelper.removeStartSlash(relativePath)}`;\r\n\t}\r\n\t_handlePopupMenuHide(){\r\n\t\t//this.setState({plot:null});\r\n\t\tthis._currentLoadingImageHandle?.dispose();\r\n\t\tthis._callbackOnHide&&this._callbackOnHide();\r\n\t\tthis._releasePlotActiveHandle();\r\n\t}\r\n\t_handleClickMoreInfo(e){\r\n\t\tthis._stopEventPropagation(e);\r\n\t\tthis._callbackShowPlotMoreInformation(this.state.plot);\r\n\t}\r\n\t_handleStarSelectedChanged(selected){\r\n\t\tthis._stopEventPropagation();\r\n\t\tif(selected)this._callbackAddFavourite(this.state.plot);\r\n\t\telse this._callbackRemoveFavourite(this.state.plot);\r\n\t}\r\n\t_handlePlotSelectedChanged(value){\r\n\t\tif(this._star.current)\r\n\t\t\tthis._star.current.selected=value;\r\n\t}\r\n\t_handleImageLoaded(){\r\n\t\tthis._imgLoading = false;\r\n\t\tconst timeShownSpinnerForMilliseconds = new Date().getTime()-this._startedShowAt;\r\n\t\t//let timeLeftBeforeHideSpinner=0;\r\n\t\tthis._groupedCallbackImageLoaded.doThen();\r\n\t\t/*if(timeShownSpinnerForMilliseconds<=MAX_TIME_TO_LOAD_IMAGE_BEFORE_SPINNER_DELAY_REQUIRED)\r\n\t\t\ttimeLeftBeforeHideSpinner= 0;\r\n\t\telse\r\n\t\t{\t\r\n\t\t\ttimeLeftBeforeHideSpinner = MIN_TIME_SHOW_SPINNER_MILLISECONDS - timeShownSpinnerForMilliseconds;\r\n\t\t\tif(timeLeftBeforeHideSpinner<0)timeLeftBeforeHideSpinner=0;\r\n\t\t}*/\r\n\t\t/*this._currentLoadingImageHandle?.dispose();\r\n\t\tsetTimeout(()=>{\r\n\t\t}, timeLeftBeforeHideSpinner);*/\r\n\t}\r\n\t_handleImageError(e){\r\n\t\tthis._groupedCallbackImageLoaded.doCatch(e);\r\n\t}\r\n\t_handleClickShowStreetView(e){\r\n\t\tthis._stopEventPropagation(e);\r\n\t\tthis.hide();\r\n\t\tthis._callbackShowStreetView({nearPlot:this.state.plot});\r\n\t}\r\n\t_handleClickShowGallery(e){\r\n\t\tthis._onceClicked.trigger(()=>{\r\n\t\t\tthis._stopEventPropagation(e);\r\n\t\t\tthis.hide();\r\n\t\t\tthis._callbackShowPlotMoreInformation(this.state.plot, PlotMoreInformationType.GALLERY);\r\n\t\t});\r\n\t}\r\n\t_handleClickShowFloorPlan(){\r\n\t\tthis._onceClicked.trigger(()=>{\r\n\t\t\tthis.hide();\r\n\t\t\tthis._callbackShowPlotMoreInformation(this.state.plot, PlotMoreInformationType.FLOOR_PLANS);\r\n\t\t});\r\n\t}\r\n\t_handleClickEnterHouse(e){\r\n\t\tthis._stopEventPropagation(e);\r\n\t\tthis.hide();\r\n\t\tthis._callbackEnterHouse(this.state.plot);\r\n\t}\r\n\t_handleClickSendBrochure(e){\r\n\t\tthis._stopEventPropagation(e);\r\n\t\tthis.hide();\r\n\t\tthis._callbackShowBrochureGenerationDialog({plot:this._plot});\r\n\t}\r\n\t_handleClickPreviousPlot(e){\r\n\t\tthis._stopEventPropagation();\r\n\t\tconst currentPlot = this.state.plot;\r\n\t\tconst unit = currentPlot.unit;\r\n\t\tif(!unit)return;\r\n\t\tconst plots = unit.plots;\r\n\t\tlet nextIndex = plots.indexOf(currentPlot)-1;\r\n\t\tif(nextIndex<0)\r\n\t\t\tnextIndex=plots.length-1;\r\n\t\tthis._plot=plots[nextIndex];\r\n\t\tthis.setState({plot:this._plot});\r\n\t}\r\n\t_handleClickNextPlot(e){\r\n\t\tthis._stopEventPropagation();\r\n\t\tconst currentPlot = this.state.plot;\r\n\t\tconst unit = currentPlot.unit;\r\n\t\tif(!unit)return;\r\n\t\tconst plots = unit.plots;\r\n\t\tlet nextIndex = plots.indexOf(currentPlot)+1;\r\n\t\tif(nextIndex>=plots.length)\r\n\t\t\tnextIndex=0;\r\n\t\tthis._plot=plots[nextIndex];\r\n\t\tthis.setState({plot:this._plot});\r\n\t}\r\n\t_handleClickMeaningShowPlotDetailedInformation(e){\r\n\t\tthis._onceClicked.trigger(()=>{\r\n\t\t\tif(!this._configuration.showPlotDetailedInformationOnClickPlotMenu)return;\r\n\t\t\tthis._stopEventPropagation();\r\n\t\t\tthis.hide();\r\n\t\t\tthis._showPlotDetailedInformation(this._plot);\r\n\t\t});\r\n\t}\r\n\t_handleClickLHS(){\r\n\t\tconst plot = this.state.plot;\r\n\t\tlet dynamicImages = [];\r\n\t\tthis._stopEventPropagation();\r\n\t\tconst frontViewImage = plot.unit.frontViewImage;\r\n\t\tif(frontViewImage){\r\n\t\t\tdynamicImages.push(frontViewImage);\r\n\t\t}\r\n\t\tconst streetViewImage = plot.unit.streetViewImage;\r\n\t\tif(streetViewImage)\r\n\t\t\tdynamicImages.push(streetViewImage);\r\n\t\tplot.rooms.getArray().forEach((room)=>{\r\n\t\t\tdynamicImages = dynamicImages.concat(room.images);\r\n\t\t});\r\n\t\tthis._showImagesFullScreen(dynamicImages);\r\n\t}\r\n\t_stopEventPropagation(e){\r\n\t\tif(!e)e=window.event;\r\n\t\te.stopPropagation&&e.stopPropagation();\r\n\t\te.preventDefault&&e.preventDefault();\r\n\t}\r\n\t_releasePlotActiveHandle(){\r\n\t\tif(!this._currentPlotActiveHandle)return;\r\n\t\tthis._currentPlotActiveHandle.dispose();\r\n\t\tthis._currentPlotActiveHandle=null;\r\n\t}\r\n\tcomponentDidUpdate(previousProps, previousState){\r\n\t\tconst oldPlot = previousState.plot;\r\n\t\tconst newPlot = this.state.plot;\r\n\t\tthis.myBindings.reset();\r\n\t\tif(newPlot){\r\n\t\t\tPropertyBindingFactory.standard(this, newPlot, 'selected', this._handlePlotSelectedChanged);\r\n\t\t}\r\n\t}\r\n\trender(){\r\n\t\tconst hasOneOrMoreRoomImages=this.state.plot&&this.state.plot.hasOneOrMoreRoomImages;\r\n\t\tconst nBathroomString = this._configuration.showNBathrooms?` and ${this._plot?.nBathrooms} Bathrooms`:'';\r\n\t\tconst buttons = [];\r\n\t\tif(this._configuration.showMoreInformation)\r\n\t\t\tbuttons.push(());\r\n\t\telse{\r\n\t\t\tconst hasConfiguratorOrTour=this.state.plot&&Urls.getConfiguratorUrlForPlot(this.state.plot, this._configuration);\r\n\t\t\tif(hasConfiguratorOrTour)\r\n\t\t\t\tbuttons.push(());\r\n\t\t\tbuttons.push(());\r\n\t\t\tif(this.state.plot?.unit.plots.length>1){\t\r\n\t\t\t\tbuttons.push(());\r\n\t\t\t\tbuttons.push(());\r\n\t\t\t}\r\n\t\t}\r\n\t\tconst showPrice = (this.state.plot)&&(!this.state.plot.isSold)&&(!this.state.plot.isReserved);\r\n\t\tlet classNameStatus = 'status ';\r\n\t\tif(this.state.plot)\r\n\t\t\tclassNameStatus+=PlotStatus.getCssName(this.state.plot.status);\r\n\t\tconst nBedrooms = this._configuration.hideNBedrooms?null:(\r\n\t\t\t{this.state.plot?.nBedrooms} Bedrooms {nBathroomString}
);\r\n\t\treturn (\r\n\t
\r\n\t\t\r\n\t\t\r\n\t\t
\r\n\t\t\r\n\t\t\t![]()
\r\n\t\t\t
\r\n\t\t\r\n\t\t\t
\r\n\t{this.state.plot?.name}
\r\n\t\t\tPlot \t{this.state.plot?.number}
\r\n\t\t\t {this.state.plot?PlotStatus.getDescription(this.state.plot.status):' '}
\r\n\t\t\t {(!showPrice)||(this.state.plot.price<=0)?' ':this.state.plot.priceString}
\r\n\t\t\t\t{nBedrooms}\r\n\t\t\t\r\n\t\t\t\t{}}> \r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t{buttons}\r\n\t\t
\r\n\t(Plots '+plotNumbers.join(',')+')
';\r\n\t\treturn text;\r\n\t}\r\n\t_handleClick(){\r\n\t\tif(this._brochureBeingGenerated.brochureProgressStatus!==BrochureProgressStatus.Generated){\r\n\t\t\tthis._showDownloadedBrochuresWillAppearHere();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\twindow.open(this._brochureBeingGenerated.brochureUrl, '_blank').focus();\r\n\t}\r\n\tdispose(){\r\n\t\tthis.bindingsHandler.dispose();\r\n\t}\r\n}","import ParameterErrors from '../errors/ParameterErrors';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nimport SubMenuHeaderNonReact from '../components/SubMenuHeaderNonReact';\r\nimport BrochuresManager from './BrochuresManager';\r\nimport BrochuresMenuEntry from './BrochuresMenuEntry';\r\nimport MenuType from '../enums/MenuType';\r\nimport './BrochuresMenu.css';\r\nconst {throwNotProvided}=ParameterErrors;\r\nexport default class BrochuresMenu{\t\r\n\tconstructor(params){\r\n\t\tconst{menuManager, getHandlesActivateButton}=params;\r\n\t\tthis._iMenuManager = menuManager;\r\n\t\tthis._getHandlesActivateButton = getHandlesActivateButton;\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide = this.hide.bind(this);\r\n\t\tthis._updateNoBrochuresVisibility = this._updateNoBrochuresVisibility .bind(this);\r\n\t\tthis._setNoBrochuresVisible = this._setNoBrochuresVisible.bind(this);\r\n\t\tthis._brochuresBeingGeneratedChanged = this._brochuresBeingGeneratedChanged.bind(this);\r\n\t\tthis._releaseHandleActivateIcon = this._releaseHandleActivateIcon.bind(this);\r\n\t\tthis._removeEntry = this._removeEntry.bind(this);\r\n\t\tthis._addEntryForNewBrochureBeingGenerated = this._addEntryForNewBrochureBeingGenerated.bind(this);\r\n\t\tthis._releaseHandleActivateIcon = this._releaseHandleActivateIcon.bind(this);\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('brochures-menu');\r\n\t\tthis._element.classList.add('menu');\r\n\t\tthis._subMenuHeader = new SubMenuHeaderNonReact({ title:\"Brochures\", menuManager:menuManager});\r\n\t\tthis._element.appendChild(this._subMenuHeader.element);\r\n\t\tthis._entriesWrapperElement = document.createElement('div');\r\n\t\tthis._entriesWrapperElement.classList.add('entries-wrapper');\r\n\t\tthis._entriesElement = document.createElement('div');\r\n\t\tthis._entriesElement.classList.add('entries');\r\n\t\tthis._element.appendChild(this._entriesWrapperElement);\r\n\t\tthis._entriesWrapperElement.appendChild(this._entriesElement);\r\n\t\tthis._clickedOffManager = new ClickedOffManager({element:this._element, hide:this.hide});\r\n\t\tthis._mapBrochureGenerationIdentifierToEntry = new Map();\r\n\t\tthis._noBrochuresElement = document.createElement('div');\r\n\t\tthis._noBrochuresElement.classList.add('no-brochures');\r\n\t\tthis._noBrochuresElement.innerHTML = 'Downloaded brochures will appear here';\r\n\t\tthis._element.appendChild(this._noBrochuresElement);\r\n\t\tthis._noBrochuresElement.classList.add('visible');\r\n\t\tBrochuresManager.instance.addEventListener('brochuresBeingGeneratedChanged', this._brochuresBeingGeneratedChanged);\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\tget menuType(){\r\n\t\treturn MenuType.BROCHURES;\r\n\t}\r\n\tshow(params){\r\n\t\tconst scrollToBottom = params?.scrollToBottom;\r\n\t\tthis._element.classList.add('visible');\r\n\t\tthis._iMenuManager.showMe(this);\r\n\t\tthis._clickedOffManager.register();\r\n\t\tthis._releaseHandleActivateIcon();\r\n\t\tthis._handlActivateButton = this._getHandlesActivateButton(MenuType.BROCHURES).take();\r\n\t\tif(scrollToBottom){\r\n\t\t\tthis._entriesWrapperElement.scrollTop = this._entriesWrapperElement.scrollHeight;\r\n\t\t}\r\n\t}\r\n\t_releaseHandleActivateIcon(){\r\n\t\tif(!this._handlActivateButton)return;\r\n\t\tthis._handlActivateButton.dispose();\r\n\t\tthis._handlActivateButton= null;\r\n\t}\r\n\thide(){\r\n\t\tthis._releaseHandleActivateIcon()\r\n\t\tthis._element.classList.remove('visible');\r\n\t\tthis._clickedOffManager.dispose();\r\n\t\tthis._iMenuManager.close();\r\n\t}\r\n\t_brochuresBeingGeneratedChanged(e){\r\n\t\tconst currentBrochureGenerationIdentifiersNotSeen = Array.from(this._mapBrochureGenerationIdentifierToEntry.keys());\r\n\t\tconst brochuresBeingGenerated = e.brochuresBeingGenerated;\r\n\t\tbrochuresBeingGenerated.forEach(brochureBeingGenerated=>{\r\n\t\t\tconst index = currentBrochureGenerationIdentifiersNotSeen.indexOf(brochureBeingGenerated.brochureGenerationIdentifier);\r\n\t\t\tif(index >=0)currentBrochureGenerationIdentifiersNotSeen.splice(index, 1);\r\n\t\t\telse this._addEntryForNewBrochureBeingGenerated(brochureBeingGenerated);\r\n\t\t});\r\n\t\tcurrentBrochureGenerationIdentifiersNotSeen.forEach(brochureGenerationIdentifierNotSeen=>{\r\n\t\t\tconst entry = this._mapBrochureGenerationIdentifierToEntry.get(brochureGenerationIdentifierNotSeen);\r\n\t\t\tif(!entry)return;\r\n\t\t\tthis._removeEntry(entry);\r\n\t\t});\r\n\t}\r\n\t_removeEntry(entry){\r\n\t\tentry.dispose();\r\n\t\tthis._mapBrochureGenerationIdentifierToEntry.delete(entry.brochureGenerationIdentifier);\r\n\t\tthis._entriesElement.removeChild(entry.element);\r\n\t\tthis._updateNoBrochuresVisibility();\r\n\t}\r\n\t_addEntryForNewBrochureBeingGenerated(brochureBeingGenerated){\r\n\t\tconst brochuresMenuEntry = new BrochuresMenuEntry({brochureBeingGenerated:brochureBeingGenerated});\r\n\t\tthis._mapBrochureGenerationIdentifierToEntry.set(brochuresMenuEntry.brochureGenerationIdentifier, brochuresMenuEntry);\r\n\t\tthis._entriesElement.appendChild(brochuresMenuEntry.element);\r\n\t\tthis._updateNoBrochuresVisibility();\r\n\t}\r\n\t_updateNoBrochuresVisibility(){\r\n\t\tthis._setNoBrochuresVisible(this._mapBrochureGenerationIdentifierToEntry.size<=0);\r\n\t}\r\n\t_setNoBrochuresVisible(value){\r\n\t\tif(value)this._noBrochuresElement.classList.add('visible');\r\n\t\telse this._noBrochuresElement.classList.remove('visible');\r\n\t}\r\n}","import React, { Component } from 'react';\r\nimport Urls from '../urls/Urls';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport PlotStatus from '../site/PlotStatus';\r\nexport default class PlotsMenuEntry {\r\n\tconstructor({siteJsonUnitPlot, callbackClicked, configuration}){\r\n\t\tthis._callbackClicked = callbackClicked;\r\n\t\tthis._siteJsonUnitPlot = siteJsonUnitPlot;\r\n\t\tthis._handleClicked= this._handleClicked.bind(this);\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('plots-menu-entry');\r\n\t\tthis._imageWrapperElement = document.createElement('div');\r\n\t\tthis._imageWrapperElement.classList.add(\"image-wrapper\");\r\n\t\tthis._img = document.createElement('img');\r\n\t\tthis._img.classList.add('image');\r\n\t\tthis._img.src = `${Urls.getAssetsForSite(configuration.siteSlug)}${UrlHelper.removeStartSlash(siteJsonUnitPlot.frontViewImage.getBestEntryToFitHeight(50).relativePath)}`;\r\n\t\tthis._descriptionWrapperElement = document.createElement('div');\r\n\t\tthis._descriptionWrapperElement.classList.add('description-wrapper');\r\n\t\tthis._descriptionElement = document.createElement('div');\r\n\t\tconst blockString = siteJsonUnitPlot.unit.plots.length>1?`Block ${siteJsonUnitPlot.unit.id}`:'';\r\n\t\tthis._descriptionElement.innerHTML = `${blockString} Plot ${siteJsonUnitPlot.number} ${siteJsonUnitPlot.name}`;\r\n\t\tthis._plotStatusElement = document.createElement('div');\r\n\t\tthis._plotStatusElement.classList.add('plot-status');\r\n\t\tthis._plotStatusElement.classList.add(PlotStatus.getCssName(siteJsonUnitPlot.status));\r\n\t\tthis._plotStatusElement.innerHTML = `${PlotStatus.getDescription(siteJsonUnitPlot.status)}`;\r\n\t\tthis._element.appendChild(this._imageWrapperElement);\r\n\t\tthis._imageWrapperElement.appendChild(this._img);\r\n\t\tthis._element.appendChild(this._descriptionWrapperElement);\r\n\t\tthis._descriptionWrapperElement.appendChild(this._descriptionElement);\r\n\t\tthis._descriptionWrapperElement.appendChild(this._plotStatusElement);\r\n\t\tthis._element.addEventListener('click', this._handleClicked);\r\n\t}\r\n\tget number(){\r\n\t\treturn this._siteJsonUnitPlot.number;\r\n\t}\r\n\tset filteredOut(value){\r\n\t\tif(value)\r\n\t\t\tthis._element.classList.add('filtered-out');\r\n\t\telse\r\n\t\t\tthis._element.classList.remove('filtered-out');\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\t_handleClicked(){\r\n\t\tthis._callbackClicked(this._siteJsonUnitPlot);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport PlotsSelectionMenuEntry from './PlotsSelectionMenuEntry';\r\nimport SitePlanVisibleType from '../enums/SitePlanVisibleType';\r\nimport ClickedOffManager from '../ui_core/ClickedOffManager';\r\nimport GenericWindow from '../window/GenericWindow';\r\nimport IconButtonNonReact from '../components/IconButtonNonReact';\r\nimport WindowType from '../enums/WindowType';\r\nimport ResizeWatchers from '../ui_core/ResizeWatchers';\r\nimport Urls from '../urls/Urls';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport FiltersButtons from './FiltersButtons';\r\nimport './PlotsSelectionMenu.css';\r\nexport default class PlotsSelectionMenu {\r\n\tconstructor({showPlotDetailedInformation,\r\n\t\t\tshowPlotMenuForPlot, showMenu, showStreetView,\r\n\t\t\tclearFilters, getSitePlanVisibleType,\r\n\t\t\tgetConfiguration, clickShowForSale,\r\n\t\t\tiMenuManager }){\r\n\t\tconst title = 'Plots';\r\n\t\tthis._window = new GenericWindow({tooltipMessage:title, name:title, minWidth:100, maxWidth:800, minHeight:100, maxHeight:1000,\r\n\t\t\tdefaultWidth:600, defaultHeight:600, defaultX:10, defaultY:10, minimized:true, maximized:false, minimizable:true,\r\n\t\t\tmaximizable:true, closeable:true, minimizeOnClose:true, resizable:true, dragable:true,\r\n\t\t\ttype:WindowType.PLOTS_SELECTION_MENU\r\n\t\t});\r\n\t\tthis._getConfiguration = getConfiguration;\r\n\t\tthis._showPlotDetailedInformation = showPlotDetailedInformation;\r\n\t\tthis._showPlotMenuForPlot = showPlotMenuForPlot;\r\n\t\tthis._showStreetView = showStreetView;\r\n\t\tthis._getSitePlanVisibleType= getSitePlanVisibleType;\r\n\t\tthis._element = this._window.getElement();\r\n\t\tthis._element.classList.add('plots-menu');\r\n\t\tthis._innerElement =this._window.getMainElement();\r\n\t\tthis._innerElement.classList.add('inner');\r\n\t\tthis._buttonDoneElement =document.createElement('button-done');\r\n\t\tthis._createEntries = this._createEntries.bind(this);\r\n\t\tthis._callbackClickedEntry = this._callbackClickedEntry.bind(this);\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide = this.hide.bind(this);\r\n\t\tthis._done = this._done.bind(this);\r\n\t\tthis._addEntry = this._addEntry.bind(this);\r\n\t\tthis._removeEntry = this._removeEntry.bind(this);\r\n\t\tthis.initialize = this.initialize.bind(this);\r\n\t\tthis._onResize = this._onResize.bind(this);\r\n\t\tthis._setColumnsClass = this._setColumnsClass.bind(this);\r\n\t\tthis._entries = [];\r\n\t\tthis._menuElement= document.createElement('div');\r\n\t\tthis._menuElement.classList.add('top-menu');\r\n\t\tthis._iconButtonMenu = new IconButtonNonReact({ \t\r\n\t\t\t\tclassName:\"button-menu\", \r\n\t\t\t\timgUrl:Urls.assets+'icons/UI_Button_Filter.png',\r\n\t\t\t\tonClick:showMenu\r\n\t\t});\r\n\t\tthis._menuElement.appendChild(this._iconButtonMenu.element);\r\n\t\tthis._scrollableElement = document.createElement('div');\r\n\t\tthis._scrollableElement.classList.add('scrollable');\r\n\t\tthis._innerElement.appendChild(this._menuElement);\r\n\t\tthis._innerElement.appendChild(this._scrollableElement);\r\n\t\tthis._clickedOffManager = new ClickedOffManager({elementRef:this._element, hide:this.hide});\r\n\t\tResizeWatchers.add({element:this._element, onResized:this._onResize});\r\n\t\tthis._filtersButtonsWrapperElement = document.createElement('div');\r\n\t\tthis._filtersButtonsWrapperElement.classList.add('filter-buttons-wrapper');\r\n\t\tthis._menuElement.appendChild(this._filtersButtonsWrapperElement);\r\n\t\tconst filtersButtonsFactory = React.createFactory(FiltersButtons);\r\n\t\tReactDOM.render(filtersButtonsFactory(\r\n\t\t{ \r\n\t\t\tsingleRow:true,\r\n\t\t\tclickClear:clearFilters, clickShowForSale, \r\n\t\t\tgetConfiguration, iMenuManager\r\n\t\t}),\r\n\t\tthis._filtersButtonsWrapperElement);\r\n\t}\r\n\tshow(){\r\n\t\tthis._window.unminimize();\r\n\t\tthis._window.bringToFront();\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\thide(){\r\n\t\tthis._window.minimize();\r\n\t}\r\n\tsetFilteredPlots(filteredSiteJsonUnitPlots){\r\n\t\tconst mapPlotNumberToEntry = new Map();\r\n\t\tthis._entries.forEach(entry=>\r\n\t\t\tmapPlotNumberToEntry.set(entry.number, entry));\r\n\t\tfilteredSiteJsonUnitPlots.forEach(filteredSiteJsonUnitPlot=>\r\n\t\t{\r\n\t\t\tconst entry = mapPlotNumberToEntry.get(filteredSiteJsonUnitPlot.number);\r\n\t\t\tif(!entry)return;\r\n\t\t\tmapPlotNumberToEntry.delete(filteredSiteJsonUnitPlot.number);\r\n\t\t\tentry.filteredOut = false;\r\n\t\t});\r\n\t\tconst entriesToBeFilteredOut = Array.from(mapPlotNumberToEntry.values());\r\n\t\tentriesToBeFilteredOut.forEach(entry=>entry.filteredOut = true);\r\n\t}\r\n\t_onResize(){\r\n\t\tif(this._scrollableElement.offsetWidth<500){\r\n\t\t\tthis._setColumnsClass('one-columns');\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif(this._scrollableElement.offsetWidth<1000){\r\n\t\t\tthis._setColumnsClass('two-columns');\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif(this._scrollableElement.offsetWidth<1500){\r\n\t\t\tthis._setColumnsClass('three-columns');\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis._setColumnsClass('four-columns');\r\n\t}\r\n\t_callbackClickedEntry(siteJsonUnitPlot){\r\n\t\tif(this._getSitePlanVisibleType()===SitePlanVisibleType.OUTSIDE_360){\r\n\t\t\tthis._showStreetView({nearPlot:siteJsonUnitPlot});\r\n\t\t\tthis.hide();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif(this._getConfiguration().onClickPlotSelectionMenuEntryShowDetailedElseSmallPlotInfo)\r\n\t\t\tthis._showPlotDetailedInformation(siteJsonUnitPlot);\r\n\t\telse\r\n\t\t\tthis._showPlotMenuForPlot(siteJsonUnitPlot, /*zoomOut*/true);\r\n\t\tthis.hide();\r\n\t}\r\n\t_setColumnsClass(className){\r\n\t\tif(this._currentColumnClassName)\r\n\t\t\tthis._element.classList.remove(this._currentColumnClassName);\r\n\t\tthis._element.classList.add(className);\r\n\t\tthis._currentColumnClassName = className;\r\n\t}\r\n\t_done(){\r\n\t\tconst selectedSiteJsonUnitPlots = this._entries.filter(entry=>entry.selected).map(entry=>entry.siteJsonUnitPlot);\r\n\t\tthis._callbackPicked(selectedSiteJsonUnitPlots);\r\n\t\tthis.hide();\r\n\t}\r\n\tinitialize({siteJson}){\r\n\t\tthis._siteJson= siteJson;\r\n\t\tthis._createEntries();\r\n\t}\r\n\t_createEntries(){\r\n\t\tconst siteJsonUnitPlots = this._siteJson.getPlotsArray();\r\n\t\tsiteJsonUnitPlots.sort(function(a, b) {\r\n\t\t\treturn a.number - b.number;\r\n\t\t});\r\n\t\tsiteJsonUnitPlots.forEach(siteJsonUnitPlot=>{\r\n\t\t\tconst entry = new PlotsSelectionMenuEntry({\r\n\t\t\t\tcallbackClicked:this._callbackClickedEntry,\r\n\t\t\t\tsiteJsonUnitPlot:siteJsonUnitPlot,\r\n\t\t\t\tconfiguration:this._getConfiguration()\r\n\t\t\t});\r\n\t\t\tthis._addEntry(entry);\r\n\t\t});\r\n\t}\r\n\t_addEntry(entry){\r\n\t\tthis._entries.push(entry);\r\n\t\tthis._scrollableElement.appendChild(entry.element);\r\n\t}\r\n\t_removeEntry(entry){\r\n\t\tthis._entries.splice(this._entries.indexOf(entry), 1);\r\n\t\tthis._scrollableElement.removeChild(entry.element);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport IconButtonNonReact from '../components/IconButtonNonReact';\r\nimport Urls from '../urls/Urls';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport Once from '../core/Once';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport PlotStatus from '../site/PlotStatus';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport Star from '../components/Star';\r\nexport default class HouseTypesViewerEntryStatusesEntry {\r\n\tconstructor({plotsToConsider, plotStatus}){\r\n\t\tthis._plotsToConsider = plotsToConsider;\r\n\t\tthis._plotStatus = plotStatus;\r\n\t\tthis.update = this.update.bind(this);\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('statuses-entry');\r\n\t\tthis._element.classList.add(PlotStatus.getCssName(plotStatus));\r\n\t\tthis._dotElement = document.createElement('div');\r\n\t\tthis._dotElement.classList.add('dot');\r\n\t\tthis._element.appendChild(this._dotElement);\r\n\t\tthis._nameElement= document.createElement('div');\r\n\t\tthis._nameElement.innerHTML = PlotStatus.getDescription(plotStatus);\r\n\t\tthis._nameElement.classList.add('name');\r\n\t\tthis._element.appendChild(this._nameElement);\r\n\t\tthis._nElement= document.createElement('div');\r\n\t\tthis._nElement.classList.add('n');\r\n\t\tthis._element.appendChild(this._nElement);\r\n\t\tthis._updateOnce = new Once(this.update);\r\n\t\tplotsToConsider.forEach(plot=>{\r\n\t\t\tPropertyBindingFactory.standard(this, plot, 'status', this._updateOnce.trigger);\r\n\t\t});\r\n\t}\r\n\tupdate(){\r\n\t\tlet n=0;\r\n\t\tthis._plotsToConsider.forEach(plot=>{\r\n\t\t\tconst status = plot.status;\r\n\t\t\tif(status!==this._plotStatus)return;\r\n\t\t\tn++;\r\n\t\t});\r\n\t\tthis._nElement.innerHTML = String(n);\r\n\t\tif(n>0)\r\n\t\t\tthis._element.classList.add('visible');\r\n\t\telse this._element.classList.remove('visible');\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport IconButtonNonReact from '../components/IconButtonNonReact';\r\nimport Urls from '../urls/Urls';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport PlotStatus from '../site/PlotStatus';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport HouseTypesViewerEntryStatusesEntry from './HouseTypesViewerEntryStatusesEntry';\r\nimport Star from '../components/Star';\r\nexport default class HouseTypesViewerEntryStatuses {\r\n\tconstructor({houseTypes}){\r\n\t\tthis._houseTypes = houseTypes;\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('statuses');\r\n\t\tthis._entries = [];\r\n\t\tlet plotsToConsider =[];\r\n\t\thouseTypes.forEach(houseType=>plotsToConsider = plotsToConsider.concat(houseType.plots));\r\n\t\tPlotStatus.getValues().forEach(plotStatus=>{\r\n\t\t\tconst entry = new HouseTypesViewerEntryStatusesEntry({plotsToConsider, plotStatus});\r\n\t\t\tthis._entries.push(entry);\r\n\t\t\tthis._element.appendChild(entry.element);\r\n\t\t});\r\n\t\tthis._update();\r\n\t}\r\n\t_update(){\r\n\t\tthis._entries.forEach(entry=>entry.update());\r\n\t}\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport IconButtonNonReact from '../components/IconButtonNonReact';\r\nimport Urls from '../urls/Urls';\r\nimport UrlHelper from '../core/UrlHelper';\r\nimport PlotStatus from '../site/PlotStatus';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport HouseTypesViewerEntryStatusesEntry from './HouseTypesViewerEntryStatusesEntry';\r\nimport numberWithCommas from '../core/numberWithCommas';\r\nimport Star from '../components/Star';\r\nexport default class HouseTypesViewerEntryPriceRange {\r\n\tconstructor({houseTypes}){\r\n\t\tthis._houseTypes = houseTypes;\r\n\t\tthis._element = document.createElement('div');\r\n\t\tthis._element.classList.add('price-range');\r\n\t\tthis._plotsToConsider =[];\r\n\t\thouseTypes.forEach(houseType=>this._plotsToConsider = this._plotsToConsider.concat(houseType.plots));\r\n\t\tthis._update();\r\n\t}\r\n\t_update(){\r\n\t\tlet minPrice = null, maxPrice = null;\r\n\t\tlet minPriceString, maxPriceString;\r\n\t\tthis._plotsToConsider.forEach(plotToConsider=>{\r\n\t\t\tif(plotToConsider.price===0)return;\r\n\t\t\tif(minPrice==null){\r\n\t\t\t\tminPrice = plotToConsider.price;\r\n\t\t\t\tmaxPrice = minPrice;\r\n\t\t\t\tminPriceString = plotToConsider.priceString;\r\n\t\t\t\tmaxPriceString = minPriceString;\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif(plotToConsider.price\r\n\t\t\t\r\n\t\t\t\tthis._birdsEyeViewRef.current} \r\n\t\t\t\t\tshowDefault3d={this._handleShow3d} showBrochures={this._handleShowBrochures}\r\n\t\t\t\t\tshowPlots={this._handleShowPlots} showHouseTypes={this._handleShowHouseTypes}\r\n\t\t\t\t\tplaySiteVideo={this._handlePlaySiteVideo}\r\n\t\t\t\t\tshowTwoDSitePlan={this._handleShowTwoDSitePlan}\r\n\t\t\t\t\tshowSuggestedSites={this._handleShowSuggestedSites}> \r\n\t\t\t\t[this._siteJson, this._siteJson.units]}\r\n\t\t\t\t\tgetSelectedFavourites={()=>this._favouritesRef.current.selectedFavourites.map(favourite=>favourite.payload)}\r\n\t\t\t\tshowBrochuresMenu={()=>{this._brochuresMenu?.show({scrollToBottom:true});}}\r\n\t\t\t\tgetConfiguration={this._getConfiguration}/>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t \r\n\t\t\t
)\r\n\t}\r\n}\r\n","import ReactDOM from 'react-dom';\r\nimport React, { Component } from 'react';\r\nimport './SitePlans.css';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport SitePlan from './SitePlan';\r\nimport GenericWindow from '../window/GenericWindow';\r\nimport Windows from '../window/Windows';\r\nimport WindowType from '../enums/WindowType';\r\nimport WindowEventNames from '../window/WindowEventNames';\r\nexport default class SitePlanWrapper {\r\n\tconstructor({configuration, parentElement, hasFilteredOptions, siteJsons, singleSite}){\r\n\t\tsingleSite=true;\r\n\t\tthis._configuration = configuration;\r\n\t\tthis._hasFilteredOptions = hasFilteredOptions;\r\n\t\tthis._siteJsons = siteJsons;\r\n\t\tthis.initialize = this.initialize.bind(this);\r\n\t\tthis.show = this.show.bind(this);\r\n\t\tthis.hide = this.hide.bind(this);\r\n\t\tthis.fillLeftHalf = this.fillLeftHalf.bind(this);\r\n\t\tthis.fillRightHalf = this.fillRightHalf.bind(this);\r\n\t\tconst title = this._configuration.siteName;\r\n\t\tthis._window = new GenericWindow({tooltipMessage:title, name:title, \r\n\t\t\tminWidth:100, maxWidth:1700, minHeight:100, maxHeight:1000,\r\n\t\t\tdefaultWidth:600, defaultHeight:600, defaultX:10, defaultY:10, minimized:(!singleSite)&&(!hasFilteredOptions), \r\n\t\t\tmaximized:false, minimizable:true, maximizable:true, closeable:true,\r\n\t\t\tminimizeOnClose:true, resizable:((!window.isMobile)&&(!singleSite)), dragable:(!singleSite),\r\n\t\t\ttype:WindowType.SITE_PLAN,\r\n\t\t\tparentElement\r\n\t });\r\n\t\tthis._element = this._window.getElement();\r\n\t\tthis._element.classList.add('site-plan-wrapper');\r\n\t}\r\n\t\r\n\tget element(){\r\n\t\treturn this._element;\r\n\t}\r\n\tget hasFilteredOptions(){\r\n\t\treturn this._hasFilteredOptions;\r\n\t}\r\n\tfillLeftHalf(){\r\n\t\tthis._window.fillLeftHalf();\r\n\t}\r\n\tfillRightHalf(){\r\n\t\tthis._window.fillRightHalf();\r\n\t}\r\n\tshow(maximised){\r\n\t\tif(!maximised)\r\n\t\t\tthis._window.unminimize();\r\n\t\telse this._window.maximize();\r\n\t\tthis._window.bringToFront();\r\n\t}\r\n\thide(){\r\n\t\tthis._window.minimize();\r\n\t}\r\n\tget sitePlan(){\r\n\t\treturn this._sitePlan;\r\n\t}\r\n\tget siteName(){\r\n\t\treturn this._configuration.siteName;\r\n\t}\r\n\tinitialize(){\r\n\t\treturn new Promise((resolve, reject)=>{\r\n\t\t\tconst sitePlanFactory = React.createFactory(SitePlan);\r\n\t\t\tReactDOM.render(sitePlanFactory({ \r\n\t\t\t\tref:React.createRef(),\r\n\t\t\t\tconfiguration:this._configuration,\r\n\t\t\t\tcallbackDidMount:(sitePlan)=>{\r\n\t\t\t\t\tthis._sitePlan = sitePlan;\r\n\t\t\t\t\tsetTimeout(()=>{\r\n\t\t\t\t\t\tsitePlan.initialize({siteJsons:this._siteJsons}).then(()=>{\r\n\t\t\t\t\t\t\tresolve(sitePlan);\r\n\t\t\t\t\t\t}).catch(reject);\r\n\t\t\t\t\t},0);\r\n\t\t\t\t\tthis._window.addEventListener(WindowEventNames.MAXIMIZED, this._sitePlan.resize);\r\n\t\t\t\t\tthis._window.addEventListener(WindowEventNames.MINIMIZED, this._sitePlan.resize);\r\n\t\t\t\t}\r\n\t\t\t}),\r\n\t\t\tthis._window.getMainElement());\r\n\t\t});\r\n\t}\r\n}\r\n","import ParameterErrors from '../errors/ParameterErrors';\r\nimport AssetsManager from '../assets_management/AssetsManager';\r\nimport Iterator from '../core/Iterator';\r\nimport PropertyBindingFactory from '../mvvm/PropertyBindingFactory';\r\nimport enableAcceptBindings from '../mvvm/enableAcceptBindings';\r\nimport exposeBinding from '../mvvm/exposeBinding';\r\nimport WhenFinishedModifying from '../core/WhenFinishedModifying';\r\nconst { throwNotProvided, throwNotOfType} = ParameterErrors;\r\nexport default class SiteJsons{\r\n\tconstructor(){\r\n\t\tenableAcceptBindings(this);\r\n\t\tthis.initialize = this.initialize.bind(this);\r\n\t\tthis._updateAllFeatures = this._updateAllFeatures.bind(this);\r\n\t\tthis._whenFinishedModifyingSiteJsonAllFeatures = new WhenFinishedModifying({\r\n\t\t\tdelay:0.1, callback:this._updateAllFeatures\r\n\t\t});\r\n\t}\r\n\tget entries(){\r\n\t\treturn this._entries;\r\n\t}\r\n\tgetPlotsArray(){\r\n\t\tlet siteJsonUnitPlots = [];\r\n\t\tthis._entries.forEach(siteJson=>{\r\n\t\t\tsiteJsonUnitPlots = siteJsonUnitPlots.concat(siteJson.getPlotsArray());\r\n\t\t});\r\n\t\treturn siteJsonUnitPlots;\r\n\t}\r\n\t\r\n\tget units(){\r\n\t\tlet siteJsonUnits = [];\r\n\t\tthis._entries.forEach(siteJson=>{\r\n\t\t\tsiteJson.units.forEach(siteJsonUnit=>{\r\n\t\t\t\tif(siteJsonUnits.indexOf(siteJsonUnit)<0)\r\n\t\t\t\t\tsiteJsonUnits.push(siteJsonUnit);\r\n\t\t\t});\r\n\t\t});\r\n\t\treturn siteJsonUnits;\r\n\t}\r\n\tget houseTypes(){\r\n\t\tconst entries = [];\r\n\t\tthis._entries.forEach(siteJson=>{\r\n\t\t\tsiteJson.houseTypes.forEach(houseType=>{\r\n\t\t\t\tif(entries.indexOf(houseType)<0)\r\n\t\t\t\t\tentries.push(houseType);\r\n\t\t\t});\r\n\t\t});\r\n\t\treturn entries;\r\n\t}\r\n\tget allFeatures(){\r\n\t\treturn this._allFeatures;\r\n\t}\r\n\t_updateAllFeatures(){\r\n\t\tconst allFeatures = [];\r\n\t\tconst seenIds = [];\r\n\t\tif(!this._entries)return;\r\n\t\tthis._entries.forEach(siteJson=>{\r\n\t\t\tif(!siteJson.allFeatures)return;\r\n\t\t\tsiteJson.allFeatures.forEach(feature=>{\r\n\t\t\t\tif(seenIds.indexOf(feature.id)<0){\r\n\t\t\t\t\tseenIds.push(feature.id);\r\n\t\t\t\t\tallFeatures.push(feature);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t\tthis._allFeatures = allFeatures;\r\n\t\tthis.bindingsHandler.changed('allFeatures', this._allFeatures);\r\n\t}\r\n\t/*\r\n\tget models(){\r\n\t\treturn this._models;\r\n\t}\r\n\tgetPlotByNumber(plotNumber){\r\n\t\treturn this.units.getPlotByNumber(plotNumber);\r\n\t}\r\n\tgetPlotsForHouseType(houseType){\r\n\t\treturn this.getPlotsArray().filter(plot=>plot.houseType===houseType);\r\n\t}*/\r\n\tget minPlotPrice(){\r\n\t\tlet min = null;\r\n\t\tthis.getPlotsArray().forEach(siteJsonUnitPlot=>{\r\n\t\t\tif(siteJsonUnitPlot.price===0||siteJsonUnitPlot.price===null||siteJsonUnitPlot.price===undefined) return;\r\n\t\t\tif(min===null)\r\n\t\t\t\tmin = siteJsonUnitPlot.price;\r\n\t\t\telse \r\n\t\t\t\tif(min>siteJsonUnitPlot.price)\r\n\t\t\t\t\tmin = siteJsonUnitPlot.price;\r\n\t\t});\r\n\t\treturn min;\r\n\t}\r\n\tget maxPlotPrice(){\r\n\t\tlet max = null;\r\n\t\tthis.getPlotsArray().forEach(siteJsonUnitPlot=>{\r\n\t\t\tif(max===null)\r\n\t\t\t\tmax = siteJsonUnitPlot.price;\r\n\t\t\telse \r\n\t\t\t\tif(max\r\n\t\t\t\t{}}\r\n\t\t\t\t\tenterHouse={this._handleEnterHouse} addFavourite ={this._handleAddFavourite}\r\n\t\t\t\t\tremoveFavourite={this._handleRemoveFavourite}\r\n\t\t\t\t\tplotMenuRef={this._plotMenuRef}\r\n\t\t\t\t\tshowPlotDetailedInformation={this._showPlotDetailedInformation}\r\n\t\t\t\t\tgetConfiguration={this._getConfiguration}> \r\n\t\t\t\tthis._menuBarRef.current.insertedMenuItemsHandler}\r\n\t\t\t\tgetInsertedMenuItemsAtEndHandler={()=>this._menuBarRef.current.insertedMenuItemsAtEndHandler}\r\n\t\t\t\tonBack={this._handleBackFromSitePlan360} goToConfigurator={this._handleEnterHouseByPlotNumber}\r\n\t\t\t\tshowPlotMenu={this._showPlotMenuForPlot} showPlotDetailedInformation={this._showPlotDetailedInformation}> \r\n\t\t\t\tthis._menuBarRef.current.insertedMenuItemsHandler}\r\n\t\t\t\t\tgetInsertedMenuItemsAtEndHandler={()=>this._menuBarRef.current.insertedMenuItemsAtEndHandler}\r\n\t\t\t\t\tgetConfiguration={this._getConfiguration}\r\n\t\t\t\t> \r\n\t\t\t\tthis._menuBarRef.current.insertedMenuItemsHandler}\r\n\t\t\t\tconfiguration={this._getConfiguration()}/>\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t
)\r\n\t}\r\n}\r\n","import React, {Component} from 'react';\r\nimport logo from './logo.svg';\r\nimport './App.css';\r\nimport './ZIndices.css';\r\nimport NavMenu from './components/NavMenu';\r\nimport SitePlans from './components/SitePlans';\r\nimport Footer from './components/Footer';\r\nimport GoogleAnalytics from './google/GoogleAnalytics';\r\nimport * as Sentry from \"@sentry/react\";\r\nimport { Integrations } from \"@sentry/tracing\";\r\nimport AssetsManager from './assets_management/AssetsManager';\r\nimport isMobile from './core/isMobile';\r\nimport './site_specific/current/CssVariables.css';\r\nimport './site_specific/current/Fonts.css';\r\nimport { stopReportingRuntimeErrors } from \"react-error-overlay\";\r\n\r\nif (process.env.NODE_ENV === \"development\") {\r\n stopReportingRuntimeErrors(); // disables error overlays\r\n}\r\nSentry.init({\r\n dsn: AssetsManager.configuration.sentryDSN,\r\n integrations: [new Integrations.BrowserTracing()],\r\n\r\n // Set tracesSampleRate to 1.0 to capture 100%\r\n // of transactions for performance monitoring.\r\n // We recommend adjusting this value in production\r\n tracesSampleRate: 1.0,\r\n});\r\nexport default class App extends Component{\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tthis._appRef=React.createRef();\r\n\t}\r\n\tcomponentDidMount() {\r\n\t\t\r\n\t\tthis._googleAnalytics = new GoogleAnalytics({\r\n\t\t\ttrackingCode:AssetsManager.configuration.googleAnalyticsTrackingCode,\r\n\t\t\tsiteSlug:AssetsManager.configuration.siteSlug\r\n\t\t});\r\n\t\tconst sitePlans = new SitePlans();\r\n\t\tthis._appRef.current.appendChild(sitePlans.element);\r\n\t\tif(window.isMobile)\r\n\t\t\tdocument.body.classList.add('mobile');\r\n\t\tsitePlans.initialize();\r\n\t}\r\n\trender(){\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t \r\n\t\t\t \r\n\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.0/8 are considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl, {\r\n headers: { 'Service-Worker': 'script' },\r\n })\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready\r\n .then(registration => {\r\n registration.unregister();\r\n })\r\n .catch(error => {\r\n console.error(error.message);\r\n });\r\n }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\n\r\nReactDOM.render(\r\n