\r\n\t\t\r\n\t
\r\n\r\n\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PanoramaScene.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PanoramaScene.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PanoramaScene.vue?vue&type=template&id=1e553910&\"\nimport script from \"./PanoramaScene.vue?vue&type=script&lang=js&\"\nexport * from \"./PanoramaScene.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div')\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n\t\r\n\r\n\t
\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RenderController.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RenderController.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RenderController.vue?vue&type=template&id=04038856&\"\nimport script from \"./RenderController.vue?vue&type=script&lang=js&\"\nexport * from \"./RenderController.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('md-app',{staticStyle:{\"width\":\"100%\"}},[_c('md-app-drawer',{staticStyle:{\"pointer-events\":\"auto\"},attrs:{\"md-permanent\":\"full\"}},[_c('md-toolbar',{staticClass:\"md-transparent\",attrs:{\"md-elevation\":\"1\"}},[(_vm.panoramaTour)?_c('p',[_vm._v(_vm._s(_vm.panoramaTour.getName()))]):_vm._e()]),_c('md-list',{staticClass:\"md-double-line\"},[_c('md-subheader',[_vm._v(\"Situation\")]),_c('md-list-item',[_c('div',{staticClass:\"md-list-item-text\"},[(_vm.currentSituation)?_c('span',[_vm._v(_vm._s(_vm.currentSituation.getName()))]):_vm._e(),_c('span',[_vm._v(\"Name\")])])]),_c('md-divider'),_c('md-subheader',[_vm._v(\"User\")]),_c('md-list-item',[_c('div',{staticClass:\"md-list-item-text\"},[_c('span',[_vm._v(_vm._s(_vm.localUser.getID())+\" \")]),_c('span',[_vm._v(\"ID \")])])]),_c('md-list-item',[_c('div',{staticClass:\"md-list-item-text\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.acronym),expression:\"acronym\"}],domProps:{\"value\":(_vm.acronym)},on:{\"input\":function($event){if($event.target.composing)return;_vm.acronym=$event.target.value}}}),_c('span',[_vm._v(\"Acronym\")])])]),_c('md-list-item',[_c('div',{staticClass:\"md-list-item-text\"},[_c('span',[_vm._v(_vm._s(_vm.localUser.getRotation())+\" \")]),_c('span',[_vm._v(\"Rotation \")])])]),_c('md-subheader',[_vm._v(\"Users\")]),_c('md-list-item',[_c('button',{on:{\"click\":_vm.addUser}},[_vm._v(\"Add User\")])]),_vm._l((_vm.remoteUsersInCurrentSituation),function(u){return _c('md-list-item',{key:u.getID()},[_vm._v(\" \"+_vm._s(u.getID())+\" \")])})],2),_c('md-list-item',[_c('button',{on:{\"click\":_vm.playSound}},[_vm._v(\"Play\")])]),_c('md-list-item',[_c('button',{on:{\"click\":_vm.pauseSound}},[_vm._v(\"Pause\")])]),_c('md-list-item',[_c('button',{on:{\"click\":_vm.jumpTo}},[_vm._v(\"JumpTo\")])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import {v4 as uuidv4} from 'uuid';\r\n\r\nclass User {\r\n\r\n constructor ({id, name, acronym, color, currentSituationID = undefined, role = 'visitor', cmsID, isCMSUser} = {}) {\r\n this.id = id ? id : uuidv4();\r\n Object.assign( this, { name, acronym, color, role, cmsID, isCMSUser } );\r\n this.currentSituationID = currentSituationID;\r\n this.rotation = undefined;\r\n this.position = undefined;\r\n this.gazePosition = undefined;\r\n this.cursorPosition = undefined;\r\n this.userIcon = undefined;\r\n this.resetShouldSync();\r\n }\r\n\r\n getType() { return \"User\"; }\r\n\r\n setShouldSync( fullSync ) { \r\n if( fullSync ) {\r\n this.update = this.getSharedProperties();\r\n }\r\n this.shouldSync = true; \r\n return this; \r\n }\r\n\r\n resetShouldSync() { \r\n this.shouldSync = false; \r\n this.update = {\r\n id: this.id\r\n };\r\n return this; \r\n }\r\n ifShouldSync() { return this.shouldSync; }\r\n\r\n // TODO: consider if this would be better as immutable property?\r\n setID (id) {\r\n this.id = id;\r\n this.update.id = id;\r\n return this;\r\n }\r\n\r\n setRotation (rotation) {\r\n //console.log(\"Setting user rotation \" + JSON.stringify(rotation));\r\n this.rotation = rotation;\r\n this.update.rotation = rotation;\r\n return this;\r\n }\r\n\r\n setPosition (position) {\r\n this.position = position;\r\n this.update.position = position;\r\n return this;\r\n }\r\n\r\n setGazePosition (position) {\r\n this.gazePosition = position;\r\n this.update.gazePosition = position;\r\n return this;\r\n }\r\n\r\n setCursorPosition (position) {\r\n this.cursorPosition = position;\r\n this.update.cursorPosition = position;\r\n return this;\r\n }\r\n\r\n setName (value) {\r\n this.name = value;\r\n this.update.name = value;\r\n return this;\r\n }\r\n\r\n setCMSID( id ) {\r\n this.cmsID = id;\r\n return this;\r\n }\r\n\r\n setIsCMSUser( value ) {\r\n this.isCMSUser = value;\r\n return this;\r\n }\r\n\r\n setAcronym (value) {\r\n this.acronym = value;\r\n this.update.acronym = value;\r\n return this;\r\n }\r\n\r\n setUserIcon (value) {\r\n this.userIcon = value;\r\n return this;\r\n }\r\n\r\n setColor (value) {\r\n this.color = value;\r\n this.update.color = value;\r\n return this;\r\n }\r\n\r\n setRole( value ) {\r\n this.role = value;\r\n this.update.role = value;\r\n return this;\r\n }\r\n\r\n getID () {\r\n return this.id;\r\n }\r\n\r\n getRotation () {\r\n return this.rotation;\r\n }\r\n\r\n getPosition () {\r\n return this.position;\r\n }\r\n\r\n getGazePosition () {\r\n return this.gazePosition;\r\n }\r\n\r\n getCursorPosition () {\r\n return this.cursorPosition;\r\n }\r\n\r\n getName () {\r\n return this.name;\r\n }\r\n\r\n getAcronym () {\r\n return this.acronym;\r\n }\r\n\r\n getColor () {\r\n return this.color;\r\n }\r\n\r\n getRole() {\r\n return this.role;\r\n }\r\n\r\n getUserIcon(){\r\n return this.userIcon;\r\n }\r\n\r\n getCMSID() {\r\n return this.cmsID;\r\n }\r\n\r\n isCMSUSer() {\r\n return this.isCMSUSer;\r\n }\r\n\r\n setCurrentSituationID (id) {\r\n if (!Number.isInteger(id))\r\n id = parseInt(id);\r\n const oldSituation = this.currentSituationID;\r\n if( id !== this.currentSituationID ) {\r\n // console.log(\"User(\" + this.id + \"): Changing Situation ID from \" + this.currentSituationID + \" to \" + id);\r\n this.currentSituationID = id;\r\n this.update.currentSituationID = id;\r\n this.shouldSync = true;\r\n }\r\n return oldSituation;\r\n }\r\n\r\n getCurrentSituationID () {\r\n return this.currentSituationID;\r\n }\r\n\r\n // Returns those properties that are supposed to be shared over the network\r\n getSharedProperties() {\r\n return {\r\n id: this.id,\r\n name: this.name,\r\n acronym: this.acronym,\r\n color: this.color,\r\n currentSituationID: this.currentSituationID,\r\n role: this.role,\r\n rotation: this.rotation,\r\n position: this.position,\r\n gazePosition: this.gazePosition,\r\n cursorPosition: this.cursorPosition\r\n }\r\n }\r\n\r\n getUpdatedProperties() {\r\n return this.update;\r\n }\r\n}\r\n\r\nexport {User}\r\n","\r\n {{panoramaTour.getName()}}
\r\n\r\n {{currentSituation.getName()}}\r\n Name\r\n
\r\n \r\n {{ localUser.getID() }} \r\n ID \r\n
\r\n \r\n \r\n Acronym\r\n
\r\n \r\n {{ localUser.getRotation() }} \r\n Rotation \r\n
\r\n \r\n\t\t
\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Flux360.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Flux360.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Flux360.vue?vue&type=template&id=724727fb&\"\nimport script from \"./Flux360.vue?vue&type=script&lang=js&\"\nexport * from \"./Flux360.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Flux360.vue?vue&type=style&index=0&id=724727fb&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"MapDialogue\",on:{\"click\":function($event){return _vm.toggleMap();}}},[(_vm.mapURL)?_c('div',{staticClass:\"md-container-specific\",on:{\"click\":function($event){return $event.stopPropagation()}}},[_c('img',{staticClass:\"md-map\",attrs:{\"src\":_vm.publicPath+'/media/'+_vm.mapURL,\"alt\":\"\"}}),_vm._l((_vm.sortedSituations),function(s,i){return _c('SituationPin',{key:s.id,staticClass:\"md-sp\",style:({'left': _vm.mapPins[i] ? _vm.mapPins[i].left : '', 'top': _vm.mapPins[i] ? _vm.mapPins[i].top : ''}),attrs:{\"situation\":s}})})],2):_c('div',{staticClass:\"md-container-generic\"},_vm._l((_vm.sortedSituations),function(s){return _c('SituationCard',{key:s.id,staticClass:\"md-card\",attrs:{\"situation\":s}})}),1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"spContainer\",staticClass:\"sp-container\",on:{\"mouseenter\":function($event){return _vm.showSituationCard()},\"mouseleave\":function($event){return _vm.showSituationCard()}}},[_c('div',{on:{\"click\":function($event){return _vm.gotoSituation()}}},[_c('div',{staticClass:\"sp-dot\",class:{ 'sp-currentSituation': _vm.currentSituationID == _vm.situation.id}}),(_vm.usersLength && _vm.enableCommunication)?_c('div',{staticClass:\"sp-ppl\"},[_vm._v(_vm._s(_vm.usersLength))]):_vm._e()]),_c('transition',{attrs:{\"name\":\"fade\"}},[_c('SituationCard',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showCard),expression:\"showCard\"}],ref:\"spCard\",staticClass:\"sp-card\",style:(_vm.cardPosition),attrs:{\"situation\":_vm.situation}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"SituationCard\",on:{\"click\":function($event){return _vm.handleGotoSituationTransition({situationID: _vm.situation.id})}}},[_c('img',{staticClass:\"sc-thumbnail\",class:{'sc-thumbnail-highlight': _vm.currentSituationID == _vm.situation.id},attrs:{\"src\":_vm.publicPath+'/media/'+_vm.panoramaTour.getName()+'/'+_vm.situation.name.trim()+'.'+_vm.thumbnailType,\"alt\":\"\"}}),_c('span',{staticClass:\"sc-name\"},[_vm._v(_vm._s(_vm.situation.name))])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n\t\t\t\r\n\t\t\t\t \r\n\t\t
\r\n\t\t\r\n\t\t\t\r\n\t\t
\r\n\t\r\n ![\"\"]()
\r\n {{situation.name}}\r\n
\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SituationCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SituationCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SituationCard.vue?vue&type=template&id=40f08ad4&scoped=true&\"\nimport script from \"./SituationCard.vue?vue&type=script&lang=js&\"\nexport * from \"./SituationCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SituationCard.vue?vue&type=style&index=0&id=40f08ad4&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"40f08ad4\",\n null\n \n)\n\nexport default component.exports","\r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SituationPin.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SituationPin.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SituationPin.vue?vue&type=template&id=93c46e92&\"\nimport script from \"./SituationPin.vue?vue&type=script&lang=js&\"\nexport * from \"./SituationPin.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SituationPin.vue?vue&type=style&index=0&id=93c46e92&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","\r\n \r\n \r\n
\r\n \r\n {{usersLength}}
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapDialogue.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapDialogue.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapDialogue.vue?vue&type=template&id=5e90d808&scoped=true&\"\nimport script from \"./MapDialogue.vue?vue&type=script&lang=js&\"\nexport * from \"./MapDialogue.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MapDialogue.vue?vue&type=style&index=0&id=5e90d808&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"5e90d808\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"MediaController\",class:{'mcp-permanentPanel':_vm.enablePermanentPanoramaVideoControls}},[_c('div',{staticClass:\"mcp-container\"},[_c('md-button',{staticClass:\"md-icon-button mcp-playpause\",on:{\"click\":_vm.togglePlayingState}},[(_vm.playingState)?_c('PauseIcon'):_c('PlayIcon')],1),_c('span',{staticClass:\"mcp-slider-container mcp-progress-slider-container\"},[_c('input',{staticClass:\"mcp-slider mcp-progress-slider\",style:(_vm.progressSliderBackground),attrs:{\"type\":\"range\"},domProps:{\"value\":_vm.currentTime/_vm.duration*100},on:{\"input\":function($event){return _vm.changeSlider($event)}}})]),_c('span',{staticClass:\"mcp-progress\"},[_c('span',[_vm._v(_vm._s(_vm.format(_vm.currentTime))+\" / \")]),_c('span',{staticClass:\"mcp-progress-durration\"},[_vm._v(_vm._s(_vm.format(_vm.duration)))])]),_c('span',{staticClass:\"mcp-volume\"},[_c('md-button',{staticClass:\"md-icon-button mcp-volume-button\",on:{\"click\":function($event){return _vm.toggleVolume()}}},[(_vm.volume > .66)?_c('VolumeHigh'):(_vm.volume > .33)?_c('VolumeMedium'):(_vm.volume > 0)?_c('VolumeLow'):_c('VolumeMuteIcon')],1),_c('span',{staticClass:\"mcp-slider-container mcp-volume-slider-container\"},[_c('input',{staticClass:\"mcp-slider mcp-volume-slider\",style:(_vm.volumeSliderBackground),attrs:{\"type\":\"range\"},domProps:{\"value\":_vm.volume*100},on:{\"input\":function($event){return _vm.changeVolume($event)}}})])],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n ![\"\"]()
\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MediaController.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MediaController.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MediaController.vue?vue&type=template&id=5bce7096&scoped=true&\"\nimport script from \"./MediaController.vue?vue&type=script&lang=js&\"\nexport * from \"./MediaController.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MediaController.vue?vue&type=style&index=0&id=5bce7096&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"5bce7096\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.moderatorInSession && _vm.isOnboardingComplete && _vm.enableWaitForModerator),expression:\"!moderatorInSession && isOnboardingComplete && enableWaitForModerator\"}],staticClass:\"WaitForModeratorDialogue\"},[_c('div',{staticClass:\"wm-container\"},[_c('ClockTimeFiveOutline'),_c('h1',{staticClass:\"wm-title\"},[_vm._v(\" \"+_vm._s(_vm.$t('Auf einen Moderator warten...')))])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n {{format(currentTime)}} / \r\n {{format(duration)}}\r\n \r\n\r\n \r\n \r\n \r\n .66\"/>\r\n .33\"/>\r\n 0\"/>\r\n \r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {{ $t('Auf einen Moderator warten...') }}
\r\n\r\n ![]()
\r\n\t
\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Watermark.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Watermark.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Watermark.vue?vue&type=template&id=44d1059e&\"\nimport script from \"./Watermark.vue?vue&type=script&lang=js&\"\nexport * from \"./Watermark.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Watermark.vue?vue&type=style&index=0&id=44d1059e&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"Navigation\"},[(_vm.languagesVisible)?_c('div',{staticClass:\"na-translate-submenu\"},[_c('div',{class:{'chosen': _vm.activeLanguage == 'de-DE'},on:{\"click\":function($event){return _vm.changeLanguage('de-DE')}}},[_vm._v(\"Deutsch\")]),_c('div',{class:{'chosen': _vm.activeLanguage == 'en-GB' || _vm.activeLanguage == 'en-US'},on:{\"click\":function($event){return _vm.changeLanguage('en-GB')}}},[_vm._v(\"English\")])]):_vm._e(),_c('md-button',{staticClass:\"md-icon-button na-translate\",class:{'active-Icon':_vm.languagesVisible},attrs:{\"md-ripple\":false},on:{\"click\":function($event){return _vm.toggleLanguageList()},\"mouseover\":function($event){_vm.buttonName = 'Sprachauswahl'},\"mouseleave\":function($event){_vm.buttonName = ''}}},[_c('img',{staticClass:\"na-navbar-button-img\",attrs:{\"src\":require(\"@/assets/translate.svg\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"na-navbar\"},[_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[_c('div',{key:_vm.buttonName,staticClass:\"na-navbar-tooltip\"},[_vm._v(_vm._s(_vm.$t(_vm.buttonName)))])]),_c('div',{staticClass:\"na-navbar-buttons\"},[(_vm.enableMap)?_c('md-button',{staticClass:\"md-icon-button\",class:{ 'active-Icon': _vm.mapVisible },attrs:{\"md-ripple\":false},on:{\"click\":_vm.toggleMap,\"mouseover\":function($event){_vm.buttonName = 'Zur Übersicht'}}},[_c('img',{staticClass:\"na-navbar-button-img\",attrs:{\"src\":require(\"@/assets/Map.svg\"),\"alt\":\"\"}})]):_vm._e(),_c('md-button',{staticClass:\"md-icon-button\",class:{ 'active-Icon': _vm.fullScreen },attrs:{\"md-ripple\":false},on:{\"click\":_vm.toggleFullScreen,\"mouseover\":function($event){_vm.buttonName = 'Vollbildmodus starten'}}},[_c('img',{staticClass:\"na-navbar-button-img\",attrs:{\"src\":require(\"@/assets/Fullscreen.svg\"),\"alt\":\"\"}})]),(_vm.enableSharing)?_c('md-button',{staticClass:\"md-icon-button\",class:{ 'active-Icon': _vm.sharingVisible },attrs:{\"md-ripple\":false},on:{\"click\":_vm.toggleSharing,\"mouseover\":function($event){_vm.buttonName = 'Teilen'}}},[_c('ShareIcon')],1):_vm._e(),(_vm.localUserIsModerator)?_c('md-button',{staticClass:\"md-icon-button\",attrs:{\"md-ripple\":false},on:{\"click\":_vm.toggleModeratorMenue,\"mouseover\":function($event){_vm.buttonName = 'Moderatorfunktionen'}}},[_c('AccountCog')],1):_vm._e(),(!_vm.loggedIn && _vm.enableCommunication)?_c('md-button',{staticClass:\"md-icon-button\",class:{ 'active-Icon': _vm.loginDialogueVisible},attrs:{\"md-ripple\":false},on:{\"click\":_vm.toggleLoginDialogue,\"mouseover\":function($event){_vm.buttonName = 'Kommunikation'}}},[_c('img',{staticClass:\"na-navbar-button-img\",attrs:{\"src\":require(\"@/assets/Communication.svg\"),\"alt\":\"\"}})]):_vm._e(),_c('md-button',{staticClass:\"md-icon-button\",class:{ 'active-Icon': _vm.tutorialVisible},attrs:{\"md-ripple\":false},on:{\"click\":_vm.toggleTutorialDialogue,\"mouseover\":function($event){_vm.buttonName = 'Tutorial öffnen'}}},[_c('img',{staticClass:\"na-navbar-button-img\",attrs:{\"src\":require(\"@/assets/Tutorial.svg\"),\"alt\":\"\"}})]),_c('md-button',{staticClass:\"md-icon-button\",attrs:{\"md-ripple\":false},on:{\"click\":function($event){return _vm.openContact()},\"mouseover\":function($event){_vm.buttonName = 'Kontaktseite öffnen'}}},[_c('CommentOutline')],1),(_vm.gyrosSupported)?_c('md-button',{staticClass:\"md-icon-button\",class:{ 'active-Icon': _vm.gyrosActive },attrs:{\"md-ripple\":false},on:{\"click\":_vm.toggleGyros}},[_c('img',{staticClass:\"na-navbar-button-img\",attrs:{\"src\":require(\"@/assets/gyrosicon.png\"),\"alt\":\"\"}})]):_vm._e(),(_vm.enableBugReport)?_c('md-button',{staticClass:\"md-icon-button\",class:{ 'active-Icon': _vm.bugReportVisible },attrs:{\"md-ripple\":false},on:{\"click\":_vm.toggleBugReport,\"mouseover\":function($event){_vm.buttonName = 'Fehlermeldung'}}},[_c('img',{staticClass:\"na-navbar-button-img\",attrs:{\"src\":require(\"@/assets/bugreport icon.png\"),\"alt\":\"\"}})]):_vm._e()],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n\t\r\n\r\n\t\t\r\n\r\n\t\t\r\n\t\t\r\n\t\t\t![\"\"/](\"@/assets/translate.svg\")
\r\n\t\t \r\n\r\n\t\t
\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Navigation.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Navigation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Navigation.vue?vue&type=template&id=3913acda&scoped=true&\"\nimport script from \"./Navigation.vue?vue&type=script&lang=js&\"\nexport * from \"./Navigation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Navigation.vue?vue&type=style&index=0&id=3913acda&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"3913acda\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"ShareDialogue\",on:{\"click\":function($event){return _vm.toggleSharing()}}},[_c('div',{staticClass:\"sd-container\",on:{\"click\":function($event){return $event.stopPropagation()}}},[_c('h1',{staticClass:\"sd-text\"},[_vm._v(_vm._s(_vm.$t('Raum teilen')))]),_c('input',{staticClass:\"sd-link\",style:({'width': _vm.inputWidth}),attrs:{\"type\":\"text\",\"id\":\"roomlink\",\"readonly\":\"\"},domProps:{\"value\":_vm.roomLink}}),_c('md-button',{staticClass:\"md-icon-button md-primary sd-copy\",on:{\"click\":function($event){return _vm.copy('roomlink')}}},[_c('LinkVariantIcon')],1),_c('h1',{staticClass:\"sd-text\",staticStyle:{\"margin-top\":\"25px\"}},[_vm._v(_vm._s(_vm.$t('Tour teilen')))]),_c('input',{staticClass:\"sd-link\",style:({'width': _vm.inputWidth}),attrs:{\"type\":\"text\",\"id\":\"tourlink\",\"readonly\":\"\"},domProps:{\"value\":_vm.tourLink}}),_c('md-button',{staticClass:\"md-icon-button sd-copy\",on:{\"click\":function($event){return _vm.copy('tourlink')}}},[_c('LinkVariantIcon')],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t \r\n\r\n\t\t\t
\t\r\n\r\n\t\r\n\t\t\t\t\r\n\t\t\t\t\t![\"\"/](\"@/assets/Map.svg\")
\r\n\t\t\t\t \t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t![\"\"/](\"@/assets/Fullscreen.svg\")
\r\n\t\t\t\t \r\n\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\r\n\t\t\t\t\t \t\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t![\"\"/](\"@/assets/Communication.svg\")
\r\n\t\t\t\t \r\n\r\n\t\t\t\t\r\n\t\t\t\t\t![\"\"/](\"@/assets/Tutorial.svg\")
\r\n\t\t\t\t \r\n\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t![\"\"/](\"@/assets/gyrosicon.png\")
\r\n\t\t\t\t \r\n\r\n\t\t\t\t\r\n\t\t\t\t\t![\"\"/](\"@/assets/bugreport)
\r\n\t\t\t\t \t\r\n\t\t\t
\r\n\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\r\n
\r\n\r\n\r\n\r\n \r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShareDialogue.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShareDialogue.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShareDialogue.vue?vue&type=template&id=9e10ec4e&scoped=true&\"\nimport script from \"./ShareDialogue.vue?vue&type=script&lang=js&\"\nexport * from \"./ShareDialogue.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShareDialogue.vue?vue&type=style&index=0&id=9e10ec4e&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"9e10ec4e\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('md-list',{staticClass:\"ModeratorMenue\"},[_c('md-list-item',{class:{'mm-list-item-active': _vm.screenSharingActive},on:{\"click\":function($event){_vm.toggleScreenSharingHere(); _vm.toggleModeratorMenue();}}},[_c('MonitorShareIcon',{staticClass:\"md-list-item-icon\"}),(!_vm.screenSharingActive)?_c('span',{staticClass:\"md-list-item-text\"},[_vm._v(_vm._s(_vm.$t('Bildschirm teilen')))]):_c('span',{staticClass:\"md-list-item-text\"},[_vm._v(_vm._s(_vm.$t('Bildschirm teilen abbrechen')))])],1),_c('md-list-item',{class:{'mm-list-item-active': _vm.moderatorModeOn},on:{\"click\":function($event){_vm.toggleModeratorMode(); _vm.toggleModeratorMenue();}}},[_c('Eye',{staticClass:\"md-list-item-icon\"}),(!_vm.moderatorModeOn)?_c('span',{staticClass:\"md-list-item-text\"},[_vm._v(_vm._s(_vm.$t('Geführter Modus aktivieren')))]):_c('span',{staticClass:\"md-list-item-text\"},[_vm._v(_vm._s(_vm.$t('Geführter Modus deaktivieren')))])],1),_c('md-list-item',{on:{\"click\":function($event){_vm.muteAll(); _vm.toggleModeratorMenue();}}},[_c('VolumeOff',{staticClass:\"md-list-item-icon\"}),_c('span',{staticClass:\"md-list-item-text\"},[_vm._v(_vm._s(_vm.$t('Alle Teilnehmer stummschalten')))])],1),_c('md-list-item',{on:{\"click\":function($event){_vm.stopVideoAll(); _vm.toggleModeratorMenue();}}},[_c('VideoOff',{staticClass:\"md-list-item-icon\"}),_c('span',{staticClass:\"md-list-item-text\"},[_vm._v(_vm._s(_vm.$t('Videos aller Teilnehmer ausstellen')))])],1),_c('md-list-item',{on:{\"click\":function($event){_vm.removeAll(); _vm.toggleModeratorMenue();}}},[_c('AccountOff',{staticClass:\"md-list-item-icon\"}),_c('span',{staticClass:\"md-list-item-text\"},[_vm._v(_vm._s(_vm.$t('Alle Teilnehmer Entfernen')))])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n
\r\n \r\n {{ $t('Raum teilen') }}
\r\n \r\n{{ $t('Tour teilen')}}
\r\n \r\n\r\n
\r\n \r\n\r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TroubleShooting.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TroubleShooting.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TroubleShooting.vue?vue&type=template&id=22736b90&scoped=true&\"\nimport script from \"./TroubleShooting.vue?vue&type=script&lang=js&\"\nexport * from \"./TroubleShooting.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TroubleShooting.vue?vue&type=style&index=0&id=22736b90&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"22736b90\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"TestResults\",on:{\"click\":function($event){return _vm.toggleConnectionTest()}}},[_c('div',{staticClass:\"tr-container\",on:{\"click\":function($event){return $event.stopPropagation()}}},[_c('h1',{staticClass:\"tr-title\"},[_vm._v(_vm._s(_vm.$t('Verbindungstest')))]),_c('div',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.connectionTest == null),expression:\"connectionTest == null\"}],staticClass:\"tr-waiting\"},[_vm._v(_vm._s(_vm.$t('Ihre Verbindung wird überprüft'))+\"...\")]),(_vm.connectionTest == 'success')?_c('div',{staticClass:\"tr-success\"},[_vm._v(_vm._s(_vm.$t('Der Verbindungsaufbau war erfolgreich')))]):_vm._e(),(_vm.connectionTest == 'failed')?_c('div',[_c('div',{staticClass:\"tr-failed\"},[_vm._v(_vm._s(_vm.$t('Der Verbindungsaufbau war nicht erfolgreich')))]),_c('div',[_vm._v(_vm._s(_vm.$t('Folgende Fehler sind aufgetreten:')))]),_vm._l((this.connectionResult.failedTests),function(failedTest){return _c('tbody',{key:failedTest.error.message},[_c('td',[_vm._v(_vm._s(failedTest.error.message))])])})],2):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.qualityTest == null),expression:\"qualityTest == null\"}],staticClass:\"tr-waiting\"},[_vm._v(_vm._s(_vm.$t('Ihre Verbindungsqualität wird überprüft'))+\"...\")]),(_vm.qualityTest == 'success')?_c('div',[_c('div',{staticClass:\"tr-success\"},[_vm._v(_vm._s(_vm.$t('Die Überprüfung ihrer Verbindungsqualität war erfolgreich')))]),_c('div',[_vm._v(_vm._s(_vm.$t('Ergebniss des Tests:')))]),_c('table',[_c('div',{staticClass:\"tr-table\"},[(this.qualityResult.video.supported === true)?_c('tbody',[_vm._m(0),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('Qualität'))+\":\")]),_c('td',[_vm._v(_vm._s(this.qualityResult.video.mos.toFixed(1))+\" / 4.5\")])]),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('Durchschnittliche Bitrate'))+\":\")]),_c('td',[_vm._v(_vm._s(this.qualityResult.video.bitrate.toFixed(0))+\" kbps\")])]),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('Durchschnittliche Framerate'))+\":\")]),_c('td',[_vm._v(_vm._s(this.qualityResult.video.frameRate.toFixed(0))+\" fps\")])]),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('Verlustrate der Pakete'))+\":\")]),_c('td',[_vm._v(_vm._s(this.qualityResult.video.packetLossRatio.toFixed(2))+\"%\")])])]):_vm._e()]),_c('div',{staticClass:\"tr-table\"},[(this.qualityResult.video.supported === false)?_c('tbody',[_vm._m(1),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('Fehler bei der Video Übertragung:')))]),_c('td',[_vm._v(_vm._s(this.qualityResult.video.reason))])])]):_vm._e()]),_c('div',{staticClass:\"tr-table\"},[(this.qualityResult.audio.supported === true)?_c('tbody',[_vm._m(2),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('Qualität'))+\":\")]),_c('td',[_vm._v(_vm._s(this.qualityResult.audio.mos.toFixed(1))+\" / 4.5\")])]),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('Durchschnittliche Bitrate'))+\":\")]),_c('td',[_vm._v(_vm._s(this.qualityResult.audio.bitrate.toFixed(0))+\" kbps\")])]),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('Verlustrate der Pakete'))+\":\")]),_c('td',[_vm._v(_vm._s(this.qualityResult.audio.packetLossRatio.toFixed(2))+\"%\")])])]):_vm._e()]),_c('div',{staticClass:\"tr-table\"},[(this.qualityResult.audio.supported === false)?_c('tbody',[_vm._m(3),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('Fehler bei der Audio Übertragung:')))]),_c('td',[_vm._v(_vm._s(this.qualityResult.audio.reason))])])]):_vm._e()])])]):_vm._e(),(_vm.qualityTest == 'failed')?_c('div',[_c('div',{staticClass:\"tr-failed\"},[_vm._v(_vm._s(_vm.$t('Der Qualitäts Test konnte nicht durchgeführt werden!')))]),_c('div',[_vm._v(\"F\"+_vm._s(_vm.$t('Folgender Fehler ist aufgetreten:')))]),_c('tbody',[_c('td',[_vm._v(_vm._s(this.qualityError))])])]):_vm._e(),_c('div',{staticClass:\"tr-buttons\"},[(_vm.qualityTest != null && _vm.connectionTest != null)?_c('md-button',{staticClass:\"normal-md-button\",staticStyle:{\"background-color\":\"rgb(50, 50, 50)\"},on:{\"click\":function($event){return _vm.repeatTest()}}},[_vm._v(\" \"+_vm._s(_vm.$t('Test Wiederholen'))+\" \")]):_vm._e(),(_vm.qualityTest == null || _vm.connectionTest == null)?_c('md-button',{staticClass:\"normal-md-button\",staticStyle:{\"background-color\":\"rgb(50, 50, 50)\"},on:{\"click\":function($event){return _vm.toggleConnectionTest();}}},[_vm._v(\" \"+_vm._s(_vm.$t('Abbrechen'))+\" \")]):_vm._e(),(_vm.qualityTest != null && _vm.connectionTest != null)?_c('md-button',{staticClass:\"accent-md-button\",staticStyle:{\"margin-left\":\"5px\",\"background-color\":\"var(--primaryColor)\"},on:{\"click\":function($event){return _vm.toggleConnectionTest();}}},[_vm._v(\" \"+_vm._s(_vm.$t('Fertig'))+\" \")]):_vm._e()],1)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('tr',[_c('th',{attrs:{\"colspan\":\"2\"}},[_vm._v(\"Video\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('tr',[_c('th',{attrs:{\"colspan\":\"2\"}},[_vm._v(\"Video\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('tr',[_c('th',{attrs:{\"colspan\":\"2\"}},[_vm._v(\"Audio\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('tr',[_c('th',{attrs:{\"colspan\":\"2\"}},[_vm._v(\"Audio\")])])\n}]\n\nexport { render, staticRenderFns }","//\r\n// Module for communicating with Raumtaenzer's backend services\r\n//\r\n\r\nconst rp = require('request-promise').defaults({jar: true})\r\n// import * as rp from 'request-promise';\r\n\r\nconst CMS_BASE_URL = \"https://rt-ar-app.ar-cms.de\"\r\nconst CALLSERVICE_URL = \"https://flux-360-call-server.ar-cms.de:443\" // \"https://flux-360-call-server.ar-cms.de:8002\"\r\n\r\n/**\r\n * Take uri as relative path and return complete url to\r\n * CMS backend.\r\n * @param uri\r\n */\r\nexport function cmsUrl (uri) {\r\n return `${CMS_BASE_URL}${uri}`;\r\n}\r\n\r\n/**\r\n * Make a request asynchronously.\r\n *\r\n * @param options\r\n * @logToConsole {boolean} Log request to console? Defaults to \r\n {{$t('Zurück')}} \r\n
\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n {{ $t('Ich höre niemanden') }}\r\n \r\n \r\n \r\n {{ $t('Das Standardkommunikationsgerät umstellen (Windows 10)') }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {{ $t(`Ich höre Echogeräusche`) }}\r\n \r\n \r\n \r\n {{ $t(`Ein Headset verwenden`) }}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {{ $t(`Nur ein Mikrofon und einen Lautsprecher pro Raum verwenden`) }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {{ $t(`Meine Kamera/Mikrofon wird nicht erkannt`) }}\r\n \r\n \r\n \r\n {{ $t(`Erlauben Sie den Zugriff`) }}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {{ $t(`Ändern Sie die Datenschutzeinstellungen`) }}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {{ $t(`Kamera/Mikrofon wird bereits genutzt`) }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {{ $t(`Beim Audiotest wird meine Audio nicht übertragen`) }}\r\n \r\n \r\n \r\n {{ $t(`Die Firewall-Einstellungen anpassen`) }}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {{ $t(`Die Proxy-Einstellungen anpassen`) }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n {{ $t(`Sonstiges`) }}\r\n \r\n \r\n \r\n {{ $t(`Unterstützte Browser`) }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n {{ $t('Problembehandlung') }}
\r\n\r\n \r\n {{ $t(`Öffnen Sie die Soundeinstellungen \r\n (am besten direkt in die Suche eingeben). Scrollen Sie nach unten, bis Sie zur Überschrift \"Verwandte Einstellungen\"\r\n gelangen. Darunter klicken Sie auf \"Sound-Systemsteuerung\". Es öffnet sich ein kleines Fenster, in dem verschiedene\r\n Ausgabegeräte zu sehen sind. Machen Sie einen Rechtsklick auf das Gerät, das Sie verwenden möchten und klicken\r\n Sie dann auf \"Als Standardkommunikationsgerät auswählen\". Nun sollte das korrekte Gerät für die Ausgabe verwendet\r\n werden.`) }} \r\n
\r\n \r\n {{ $t(`Wenn Sie ein Notebook oder ein ähnliches Gerät verwenden, kann es sein, dass der Lautsprecher und das\r\n Mikrofon zu nah beieinander sind und der Ton aus dem Lautsprecher direkt vom Mikrofon aufgenommen wird.\r\n Dadurch hört Ihr Gegenüber die eigene Stimme, was es schwieriger macht, sich auf das Gespräch zu\r\n konzentrieren. Wenn dies der Fall ist, schießen Sie bitte ein Headset an.`) }} \r\n
\r\n \r\n {{ $t(`Wenn Sie mit weiteren Personen an einer Tour teilnehmen und sich diese Personen im selben Raum\r\n befinden wie Sie, kann es sein, dass das ihre Stimme mehrmals aufgenommen wird und Echo Geräusche entstehen. \r\n Achten Sie daher darauf, dass nur ein Microfon aktiviert ist oder die Personen weitgenug auseinander sitzen.`) }} \r\n
\r\n \r\n {{ $t(`Beim Öffnen der Mikrofon- und Kameraeinstellungen fragt der Browser nach dem Zugriff auf Ihre\r\n Mikrofone und Kameras. Ohne Ihre Erlaubnis kann die Anwendung ihre Kamera und Mikrofon nicht nutzen.\r\n Überprüfen Sie die Mikrofon- und Kameraeinstellungen ihres Browsers, falls Sie nicht nach dem Zugriff gefragt werden.`) }} \r\n
\r\n \r\n {{ $t(`Ihr Betriebssystem kann dem Browser den generellen Zugriff auf die Kamera und Mikrofon blockieren. \r\n Überprüfen sie die Datenschutzeinstellungen ihres Betriebssystemes, und erlauben Sie ihrem Browser ggf. Zugriff!`) }} \r\n
\r\n \r\n {{ $t(`Es könnte sein, dass andere Anwendungen wie Microsoft Teams oder ein anderer geöffneter Browser bereits Kamera oder Mikrofon nutzen. \r\n Stellen Sie sicher, das ihre Kamera nicht von anderen Anwendungen genutzt wird und schließen Sie diese Anwendungen gegebenenfalls.`) }}\r\n
\r\n \r\n {{ $t(`Zur Kommunikation mit dem Server ist es notwendig, dass Sie den TCP Port 443 freigeben. Wenn Sie eine\r\n Whitelist für Domains pflegen, ist es außerdem wichtig, dass Sie die Domains \"*.tokbox.com\" und\r\n \"*.opentok.com\" (ohne Anführungszeichen) in die Liste einfügen.`) }}\r\n
\r\n \r\n {{ $t(`Am besten funktioniert der Videochat ohne einen Proxy. Wenn Sie ohne Proxy keinen Zugang zum Internet\r\n haben, sollten Sie einen transparenten Proxy verwenden oder den Proxy im Browser für HTTPS-Verbindungen\r\n konfigurieren.`) }}\r\n
\r\n \r\n {{ $t(`Am besten wird die Anwendung von den Browsern Firefox, Chrome, Safari, Opera und Edge unterstützt. Achten Sie bitte\r\n darauf, dass Sie die jeweils aktuelle Version installiert haben und aktualisieren Sie diese ggf. manuel, da die Browser dies nicht immer automatisch tun.`) }}\r\n
\r\n true\r\n * @return {Promise<*>}\r\n */\r\nasync function makeRequest (options, logToConsole = true) {\r\n if (logToConsole) {\r\n console.debug(`Making request ${JSON.stringify(options, null)}`);\r\n }\r\n let res = null;\r\n try {\r\n res = await rp(options);\r\n } catch(e ) {\r\n // Safari is always throwing type errors when connecting the ar-cms\r\n console.log(\"Error: \" + e);\r\n }\r\n if (logToConsole) {\r\n console.debug(`Received response ${JSON.stringify(res, null)}`);\r\n }\r\n return res;\r\n}\r\n\r\n/**\r\n * Take the given json response and make sure that the\r\n * 'success' flag is true. If not, create an error from\r\n * the 'description' field. Only for calls that follow\r\n * the scheme (success flag etc.)\r\n *\r\n * @param jsonResponse {Object} Parsed JSON response\r\n * @throws {Error}\r\n */\r\nconst assertSuccess = (jsonResponse) => {\r\n const success = JSON.parse(jsonResponse.success);\r\n if (!success) {\r\n const error = new Error(jsonResponse.description);\r\n if (jsonResponse.name) {\r\n error.name = jsonResponse.name;\r\n }\r\n if (jsonResponse.code) {\r\n error.code = jsonResponse.code;\r\n }\r\n throw error;\r\n }\r\n}\r\n\r\n/**\r\n * Log in with the CMS.\r\n *\r\n * @param email\r\n * @param password\r\n * @return {Promise<*>}\r\n */\r\nexport async function login (email, password) {\r\n const response = await makeRequest({\r\n method: 'POST',\r\n uri: `${CMS_BASE_URL}/flux/api/login`,\r\n form: {\r\n 'mail': email,\r\n 'password': password\r\n },\r\n json: true\r\n });\r\n assertSuccess(response);\r\n return response.content;\r\n}\r\n\r\n/**\r\n * Log off from CMS.\r\n *\r\n * @param accessToken\r\n * @return {Promise<*>}\r\n */\r\nexport async function logout (accessToken) {\r\n return await makeRequest({\r\n method: 'POST',\r\n headers: {\r\n \"x-auth-token\": accessToken\r\n },\r\n uri: `${CMS_BASE_URL}/flux/api/logout`,\r\n json: true\r\n });\r\n}\r\n\r\nexport async function getRooms (jwt, userId) {\r\n console.debug(`making call with ${jwt} for ${userId}`);\r\n // TODO: replace with API call\r\n return [\r\n {\r\n id: 103591,\r\n name: \"Reception\"\r\n },\r\n {\r\n id: 103592,\r\n name: \"White\"\r\n },\r\n {\r\n id: 103593,\r\n name: \"Clivia\"\r\n },\r\n {\r\n id: 103594,\r\n name: \"Vigour Vogue\"\r\n },\r\n ]\r\n}\r\n\r\n/**\r\n * Get access data to join a tour video session.\r\n *\r\n * @param jwt {string} JWT auth token\r\n * @param data {Object} Necessary information of the structure:\r\n * \r\n * {\r\n * user_id: {string}\r\n * user_name: {string},\r\n * role: {string},\r\n * room_id: {string}\r\n * }\r\n * \r\n * @return {Promise<*>}\r\n */\r\nexport async function getVideoSessionInfoForRoom (jwt, data) {\r\n const response = await makeRequest({\r\n method: 'GET',\r\n uri: `${CALLSERVICE_URL}/request_session_connection`,\r\n qs: data,\r\n json: true\r\n });\r\n assertSuccess(response);\r\n return response;\r\n}\r\n\r\n/**\r\n * Sends a heartbeat to the call-service to inform that the given user\r\n * is still online.\r\n * @param userId {string} The user_id field given to this OpenTok user\r\n * when calling @see {getVideoSessionInfoForRoom}\r\n * @return {Promise