{"version":3,"sources":["webpack:///./src/views/general/telepresence.vue?af4d","webpack:///src/views/general/telepresence.vue","webpack:///./src/views/general/telepresence.vue?a845","webpack:///./src/views/general/telepresence.vue"],"names":["_vm","this","_c","_self","VRow","VCol","staticClass","attrs","staticRenderFns","name","videoHeight","window","innerHeight","videoWidth","innerWidth","computed","methods","$store","dispatch","width","height","document","getElementById","api","getIFrame","id","style","watch","to","from","path","forceRerender","newVal","scaleJitsi","console","log","getMeetingUrl","meetingCode","undefined","$router","push","commit","domain","options","roomName","parentNode","querySelector","interfaceConfigOverwrite","filmStripOnly","TOOLBAR_BUTTONS","TOOLBAR_ALWAYS_VISIBLE","HIDE_INVITE_MORE_HEADER","DISABLE_VIDEO_BACKGROUND","DEFAULT_BACKGROUND","userInfo","email","displayName","userProfile","data","JitsiMeetExternalAPI","exports","getElementsByTagName","contentWindow","addListener","participants","getNumberOfParticipants","endCall","component"],"mappings":"mJAGI,EAAS,WAAkB,IAAIA,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAGE,EAAA,KAAK,CAACF,EAAGG,EAAA,KAAK,CAACC,YAAY,QAAQC,MAAM,CAAC,KAAO,KAAK,MAAQ,SAAS,QAAU,WAAW,CAACL,EAAG,MAAM,CAACI,YAAY,cAAcC,MAAM,CAAC,GAAK,oBAAoB,IAEnOC,EAAkB,G,YCKP,GACXC,KAAM,eACN,OACI,MAAO,CACHC,YAAaC,OAAOC,YAAc,IAClCC,WAAYF,OAAOG,WAAa,MAGxCC,SAAU,IACH,eAAW,CAAC,gBAAiB,cAAe,yBAEnDC,QAAS,CACL,UACIf,KAAKgB,OAAOC,SAAS,YAEzB,WAAWC,EAAOC,GACdC,SAASC,eAAerB,KAAKsB,IAAIC,YAAYC,IAAIC,MAAMP,MACnDA,EAAQ,KACZE,SAASC,eAAerB,KAAKsB,IAAIC,YAAYC,IAAIC,MAAMN,OACnDA,EAAS,OAGrBO,MAAO,CACH,OAAOC,EAAIC,GACW,kBAAdA,EAAKC,MACL7B,KAAK8B,iBAGb,oBAAoBC,GAChB/B,KAAKS,YAAcsB,EAAOZ,OAAS,IACnCnB,KAAKY,WAAamB,EAAOb,MAAQ,IACjClB,KAAKgC,WAAWhC,KAAKY,WAAYZ,KAAKS,eAG9C,UAEI,GADAwB,QAAQC,IAAI,2BAA4BlC,KAAKmC,cAAcC,kBACpBC,IAAnCrC,KAAKmC,cAAcC,YACnBpC,KAAKsC,QAAQC,KAAK,SACf,CACHvC,KAAKgB,OAAOwB,OAAO,qBAAqB,GACxCP,QAAQC,IAAI,2BAA4BlC,KAAKmC,eAC7C,MAAMM,EACF,uBAAyBzC,KAAKmC,cAAcC,YAG1CM,EAAU,CACZC,SAAU3C,KAAKmC,cAAcC,YAC7BlB,MAAOlB,KAAKY,WACZO,OAAQnB,KAAKS,YACbmC,WAAYxB,SAASyB,cAAc,gBACnCC,yBAA0B,CACtBC,eAAe,EACfC,gBAAiB,CAAC,SAAU,SAAU,cACtCC,wBAAwB,EACxBC,yBAAyB,EACzBC,0BAA0B,EAC1BC,mBAAoB,QAExBC,SAAU,CACNC,MAAO,GACPC,YAAavD,KAAKwD,YAAYC,OAAOjD,OAK7CE,OAAOgD,qBACHhD,OAAOgD,sBAAwBhD,OAAOiD,QAAQD,qBAClD1D,KAAKsB,IAAM,IAAIZ,OAAOgD,qBAAqBjB,EAAQC,GACnDT,QAAQC,IACJ,8BACAd,SAASwC,qBAAqB,UAAU,GAAGC,eAE/C7D,KAAKsB,IAAIwC,YAAY,kBAAmB,KACpC9D,KAAK+D,aAAe/D,KAAKsB,IAAI0C,0BAC7B/B,QAAQC,IACJ,4CACAlC,KAAK+D,cAEiB,IAAtB/D,KAAK+D,eACP9B,QAAQC,IAAI,oBACZlC,KAAKiE,aAIXjE,KAAKsB,IAAIwC,YAAY,oBAAqB,KACtC7B,QAAQC,IAAI,sBACZlC,KAAK+D,aAAe/D,KAAKsB,IAAI0C,0BAC7B/B,QAAQC,IACJ,8CACAlC,KAAK+D,gBAOb/D,KAAKsB,IAAIwC,YAAY,eAAgB,KACjC9D,KAAKiE,YAEThC,QAAQC,IAAIlC,KAAKsB,QC7G6K,I,YCOtM4C,EAAY,eACd,EACA,EACA3D,GACA,EACA,KACA,KACA,MAIa,aAAA2D,E","file":"js/chunk-2d214067.fe89240d.js","sourcesContent":["import { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\n\nvar render = function render(){var _vm=this,_c=_vm._self._c;return _c(VRow,[_c(VCol,{staticClass:\"mt-15\",attrs:{\"cols\":\"12\",\"align\":\"center\",\"justify\":\"center\"}},[_c('div',{staticClass:\"video-panel\",attrs:{\"id\":\"video-panel\"}})])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <v-row>\n        <v-col cols=\"12\" align=\"center\" justify=\"center\" class=\"mt-15\">\n            <div class=\"video-panel\" id=\"video-panel\"></div>\n        </v-col>\n    </v-row>\n</template>\n<script>\nimport { mapGetters } from 'vuex';\n\nexport default {\n    name: 'telepresence',\n    data() {\n        return {\n            videoHeight: window.innerHeight - 200,\n            videoWidth: window.innerWidth - 500\n        }\n    },\n    computed: {\n        ...mapGetters(['getMeetingUrl', 'userProfile', 'getWindowDimensions'])\n    },\n    methods: {\n        endCall() {\n            this.$store.dispatch('endCall')\n        },\n        scaleJitsi(width, height) {\n            document.getElementById(this.api.getIFrame().id).style.width =\n                width + \"px\";\n            document.getElementById(this.api.getIFrame().id).style.height =\n                height + \"px\";\n        },\n    },\n    watch: {\n        $route(to, from) {\n            if (from.path === \"/telepresence\") {\n                this.forceRerender();\n            }\n        },\n        getWindowDimensions(newVal) {\n            this.videoHeight = newVal.height - 200;\n            this.videoWidth = newVal.width - 500;\n            this.scaleJitsi(this.videoWidth, this.videoHeight);\n        },\n    },\n    mounted() {\n        console.log(\"CREATE VIDEO BOX CALLED:\", this.getMeetingUrl.meetingCode);\n        if (this.getMeetingUrl.meetingCode === undefined) {\n            this.$router.push(\"/\");\n        } else {\n            this.$store.commit(\"setUserCallStatus\", true);\n            console.log(\"CREATE VIDEO BOX CALLED:\", this.getMeetingUrl);\n            const domain =\n                \"meet.arsconnect.com/\" + this.getMeetingUrl.meetingCode;\n\n            // const domain = \"clara-connect1.arsconnect.com\"\n            const options = {\n                roomName: this.getMeetingUrl.meetingCode,\n                width: this.videoWidth,\n                height: this.videoHeight,\n                parentNode: document.querySelector(\"#video-panel\"),\n                interfaceConfigOverwrite: {\n                    filmStripOnly: false,\n                    TOOLBAR_BUTTONS: ['hangup', 'camera', 'microphone'],\n                    TOOLBAR_ALWAYS_VISIBLE: false,\n                    HIDE_INVITE_MORE_HEADER: true,\n                    DISABLE_VIDEO_BACKGROUND: true,\n                    DEFAULT_BACKGROUND: \"#FFF\",\n                },\n                userInfo: {\n                    email: \"\",\n                    displayName: this.userProfile.data().name,\n                },\n            };\n            // let iframes = document.getElementsByTagName(\"iframe\");\n            // iframes[0].contentWindow.console.info = () => {};\n            window.JitsiMeetExternalAPI =\n                window.JitsiMeetExternalAPI || window.exports.JitsiMeetExternalAPI;\n            this.api = new window.JitsiMeetExternalAPI(domain, options);\n            console.log(\n                \"Logging the entire Iframe: \",\n                document.getElementsByTagName(\"iframe\")[0].contentWindow\n            );\n            this.api.addListener(\"participantLeft\", () => {\n                this.participants = this.api.getNumberOfParticipants();\n                console.log(\n                    \"Number of Participants when some one left\",\n                    this.participants\n                );\n                if (this.participants === 1) {\n                  console.log(\"Participant left\");\n                  this.endCall()\n                }\n            });\n\n            this.api.addListener(\"participantJoined\", () => {\n                console.log(\"Participant Joined\");\n                this.participants = this.api.getNumberOfParticipants();\n                console.log(\n                    \"Number of Participants when some one joined\",\n                    this.participants\n                );\n                // if (this.noOfParticipants >= 1) {\n                //   clearTimeout(this.callEndTimeout);\n                // }\n            });\n\n            this.api.addListener(\"readyToClose\", () => {\n                this.endCall()\n            })\n            console.log(this.api);\n        }\n    }\n}\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./telepresence.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./telepresence.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./telepresence.vue?vue&type=template&id=05a8c805\"\nimport script from \"./telepresence.vue?vue&type=script&lang=js\"\nexport * from \"./telepresence.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"],"sourceRoot":""}