{"version":3,"sources":["webpack:///./src/view/dashboard/components/chat/ChatMultiMediaShow.vue?999c","webpack:///src/view/dashboard/components/chat/ChatMultiMediaShow.vue","webpack:///./src/view/dashboard/components/chat/ChatMultiMediaShow.vue?069c","webpack:///./src/view/dashboard/components/chat/ChatMultiMediaShow.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","model","value","callback","$$v","dialog","expression","on","closeDialog","_v","message","chatMessage","chatMessageTypeName","imageMaxHeight","messageImgSrc","imageLoadSrc","showFull","ref","staticClass","playerOptions","_e","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,WAAW,CAACE,MAAM,CAAC,WAAa,GAAG,eAAe,GAAG,WAAa,4BAA4BC,MAAM,CAACC,MAAOR,EAAU,OAAES,SAAS,SAAUC,GAAMV,EAAIW,OAAOD,GAAKE,WAAW,WAAW,CAAEZ,EAAW,QAAEI,EAAG,SAAS,CAACA,EAAG,YAAY,CAACE,MAAM,CAAC,KAAO,GAAG,MAAQ,YAAY,CAACF,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,GAAG,KAAO,IAAIO,GAAG,CAAC,MAAQb,EAAIc,cAAc,CAACV,EAAG,SAAS,CAACJ,EAAIe,GAAG,gBAAgB,IAAI,GAAGX,EAAG,cAAc,CAAkD,UAAhDJ,EAAIgB,QAAQC,YAAYC,oBAAiCd,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,QAAU,GAAG,aAAaN,EAAImB,eAAe,IAAMnB,EAAIoB,cAAcpB,EAAIgB,SAAS,WAAWhB,EAAIqB,cAAcR,GAAG,CAAC,MAAQb,EAAIsB,aAAa,GAAoD,UAAhDtB,EAAIgB,QAAQC,YAAYC,oBAAiCd,EAAG,MAAM,CAACA,EAAG,eAAe,CAACmB,IAAI,cAAcC,YAAY,kBAAkBlB,MAAM,CAAC,QAAUN,EAAIyB,cAAc,aAAc,MAAS,GAAGzB,EAAI0B,QAAQ,GAAG1B,EAAI0B,MAAM,IAC/6BC,EAAkB,G,kCCgDtB,GACE,KAAF,qBACE,WAAF,CACI,YAAJ,kBAEE,QALF,WAMI,OAAJ,kEAEE,KARF,WASI,MAAJ,CACM,QAAN,EACM,QAAN,KACM,aAAN,UACM,eAAN,OACM,cAAN,CACQ,OAAR,MACQ,UAAR,EACQ,OAAR,EACQ,SAAR,KACQ,cAAR,aACQ,QAAR,EACU,KAAV,YAEU,IAAV,uCAIQ,OAAR,MAIE,SAAF,CACI,YADJ,WAEM,OAAN,kCAGE,QAAF,CACI,WADJ,SACA,GACM,KAAN,UACM,KAAN,WAEI,YALJ,WAMM,KAAN,UACM,KAAN,cAEI,cATJ,SASA,GACM,OAAN,2BAEI,UAZJ,SAYA,KACM,OAAN,EAGA,eACA,yIAEA,OALA,MAQI,SAtBJ,WAuBA,6BACQ,KAAR,sBAEQ,KAAR,yBC/GyY,I,YCOrYC,EAAY,eACd,EACA7B,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-2d0bd270.80b96b32.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-dialog',{attrs:{\"fullscreen\":\"\",\"hide-overlay\":\"\",\"transition\":\"dialog-bottom-transition\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[(_vm.message)?_c('v-card',[_c('v-toolbar',{attrs:{\"dark\":\"\",\"color\":\"primary\"}},[_c('v-btn',{attrs:{\"icon\":\"\",\"dark\":\"\"},on:{\"click\":_vm.closeDialog}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1),_c('v-card-text',[(_vm.message.chatMessage.chatMessageTypeName === 'Image')?_c('div',[_c('v-img',{attrs:{\"contain\":\"\",\"max-height\":_vm.imageMaxHeight,\"src\":_vm.messageImgSrc(_vm.message),\"lazy-src\":_vm.imageLoadSrc},on:{\"click\":_vm.showFull}})],1):(_vm.message.chatMessage.chatMessageTypeName === 'Video')?_c('div',[_c('video-player',{ref:\"videoPlayer\",staticClass:\"vjs-custom-skin\",attrs:{\"options\":_vm.playerOptions,\"playsinline\":true}})],1):_vm._e()])],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-dialog\r\n            v-model=\"dialog\"\r\n            fullscreen\r\n            hide-overlay\r\n            transition=\"dialog-bottom-transition\"\r\n    >\r\n        <v-card v-if=\"message\">\r\n            <v-toolbar\r\n                    dark\r\n                    color=\"primary\"\r\n            >\r\n                <v-btn\r\n                        icon\r\n                        dark\r\n                        @click=\"closeDialog\"\r\n                >\r\n                    <v-icon>mdi-close</v-icon>\r\n                </v-btn>\r\n            </v-toolbar>\r\n            <v-card-text>\r\n                <div v-if=\"message.chatMessage.chatMessageTypeName === 'Image'\">\r\n                    <v-img\r\n                            contain\r\n                            :max-height=\"imageMaxHeight\"\r\n                            :src=\"messageImgSrc(message)\"\r\n                            :lazy-src=\"imageLoadSrc\"\r\n                            @click=\"showFull\"\r\n                    ></v-img>\r\n                </div>\r\n                <div v-else-if=\"message.chatMessage.chatMessageTypeName === 'Video'\">\r\n                    <video-player\r\n                            class=\"vjs-custom-skin\"\r\n                            ref=\"videoPlayer\"\r\n                            :options=\"playerOptions\"\r\n                            :playsinline=\"true\"\r\n                            >\r\n                    </video-player>\r\n                </div>\r\n            </v-card-text>\r\n        </v-card>\r\n    </v-dialog>\r\n</template>\r\n\r\n<script>\r\n    import 'video.js/dist/video-js.css'\r\n\r\n    import { videoPlayer } from 'vue-video-player'\r\n\r\n    export default {\r\n        name: \"ChatMultiMediaShow\",\r\n        components: {\r\n            videoPlayer\r\n        },\r\n        created(){\r\n            window.VueEvent.listen('show-chat-message-multi-media', this.showDialog);\r\n        },\r\n        data() {\r\n            return {\r\n                dialog: false,\r\n                message: null,\r\n                imageLoadSrc: require('@/assets/loading.svg'),\r\n                imageMaxHeight: '85vh',\r\n                playerOptions: {\r\n                    height: '360',\r\n                    autoplay: true,\r\n                    muted: true,\r\n                    language: 'en',\r\n                    playbackRates: [0.7, 1.0, 1.5, 2.0],\r\n                    sources: [{\r\n                        type: \"video/mp4\",\r\n                        // mp4\r\n                        src: this._getMedia('media', this.message),\r\n                        // webm\r\n                        // src: \"https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm\"\r\n                    }],\r\n                    poster: \"\",\r\n                }\r\n            }\r\n        },\r\n        computed:{\r\n            currentChat() {\r\n                return this.$store.getters.currentChat\r\n            },\r\n        },\r\n        methods:{\r\n            showDialog(message){\r\n                this.message = message\r\n                this.dialog = true\r\n            },\r\n            closeDialog(){\r\n                this.dialog = false\r\n                this.message = null\r\n            },\r\n            messageImgSrc(message){\r\n                return this._getMedia('image', message)\r\n            },\r\n            _getMedia(type, message){\r\n                if(!message){\r\n                    return null\r\n                }\r\n                if(message.localStorage){\r\n                    return `${process.env.VUE_APP_API_PATH}filestorage/activities/${this.currentChat.id}/${type}/${message.localStorage.localFileName}?v=1.0`\r\n                } else {\r\n                    return message.body\r\n                }\r\n            },\r\n            showFull(){\r\n                if(this.imageMaxHeight === '85vh') {\r\n                    this.imageMaxHeight = '100%'\r\n                } else {\r\n                    this.imageMaxHeight = '85vh'\r\n                }\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>","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!./ChatMultiMediaShow.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!./ChatMultiMediaShow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChatMultiMediaShow.vue?vue&type=template&id=4eb15b49&scoped=true&\"\nimport script from \"./ChatMultiMediaShow.vue?vue&type=script&lang=js&\"\nexport * from \"./ChatMultiMediaShow.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  \"4eb15b49\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}