{"version":3,"sources":["webpack:///./src/components/modules/media/components/video/indexNew.vue?1fcf","webpack:///src/components/modules/media/components/video/indexNew.vue","webpack:///./src/components/modules/media/components/video/indexNew.vue?0ce5","webpack:///./src/components/modules/media/components/video/indexNew.vue"],"names":["player","videoplr","render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","attrs","showPlayerControls","file","ext","link","_e","_v","style","vidSize","fileId","playerLink","on","onHideQuestion","scopedSlots","_u","key","fn","onCloseQuestion","proxy","model","value","questObj","callback","$$v","$set","expression","modal","obj","domProps","_s","s1","info","_l","a","ai","class","getColor","$event","submitQuestion","alphabetize","getIcon","openContinue","reStartPlayer","playerResume","openContinue2","staticStyle","playerResume2","staticRenderFns","dashjs","window","components","Notification","name","props","propFileId","type","Number","default","prms","Object","minusHeight","data","intrvl","showPlayerControlsHtml","cdnBaseUrl","currentTime","streamBaseUrl","hasStreamServer","playerReady","isIOS","fileReady","deletingFileId","vidUrl","playerOptions","language","playbackRates","sources","poster","destroyed","width","height","interactiveObj","formId","questions","interactives","backOnClose","real","viewLog","second","isDestroyed","beforeDestroy","api","attachId","logId","id","isFullView","store","$store","res","pause","removeEventListener","clearInterval","assign","$data","$options","mounted","configure","init","methods","state","app","activeGroup","undefined","_id","$route","params","$nextTick","self","fetchPlayer","fileAfter","fetchAfter","aid","addEventListener","setTimeout","playerSeek","fetchInteractives","boxId","bid","fetchInteractiveForm","form","onStarted","time","localStorage","setItem","onSeeking","onSeeked","zaOdoo","onProgress","showQuestion","_int","isShow","showInteractiveMedia","showInteractiveHtml","$emit","objectId","showInteractiveDone","description","onEnded","removeItem","play","playerPause","seek","s","rv","questionId","q","answerId","str","checkFlag","t","_data","forEach","e","isFilled","filter","htmlPlay","_tme","htmlSeek","htmlEnded","component"],"mappings":"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","file":"js/chunk-2d22a118.d14d2c19.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{ref:\"vidOuter\",staticClass:\"bd-content\"},[(_vm.fileReady)?[(_vm.hasStreamServer)?[[(_vm.isIOS)?_c('video',{ref:\"vde\",attrs:{\"id\":\"vde\",\"width\":\"100%\",\"controls\":\"\",\"controlslist\":\"nodownload\",\"autoplay\":_vm.showPlayerControls,\"seekable\":false}},[(_vm.file.ext === 'mp4')?_c('source',{attrs:{\"src\":_vm.file.link,\"type\":\"video/mp4\"}}):_vm._e(),_vm._v(\" Your browser does not support HTML5 video. \")]):_c('div',{staticClass:\"pos-relative\"},[_c('video',{style:((\"width: 100%; height: calc(100vh - \" + (_vm.vidSize.height) + \"px)\")),attrs:{\"id\":(\"video_dash_plyr_\" + _vm.fileId),\"data-dashjs-player\":\"\",\"controls\":true}})])]]:[_c('video',{attrs:{\"width\":\"100%\",\"controls\":\"\",\"controlslist\":\"nodownload\",\"autoplay\":\"\"}},[(_vm.file.ext === 'mp4')?_c('source',{attrs:{\"src\":_vm.playerLink,\"type\":\"video/mp4\"}}):_vm._e(),_vm._v(\" Your browser does not support HTML5 video. \")])],_c('b-modal',{attrs:{\"centered\":\"\",\"title\":\"Асуулт\",\"hide-header-close\":\"\",\"no-close-on-backdrop\":\"\"},on:{\"hide\":_vm.onHideQuestion},scopedSlots:_vm._u([{key:\"modal-footer\",fn:function(){return [_c('div',{staticClass:\"mg-l-auto\"},[_c('b-button',{attrs:{\"variant\":\"danger\"},on:{\"click\":_vm.onCloseQuestion}},[_vm._v(\"Хаах\")])],1)]},proxy:true}],null,false,3470598130),model:{value:(_vm.questObj.modal),callback:function ($$v) {_vm.$set(_vm.questObj, \"modal\", $$v)},expression:\"questObj.modal\"}},[(_vm.questObj.modal && _vm.questObj.obj!=null)?[_c('div',{staticClass:\"bd-b pd-y-10 mg-b-10\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.questObj.obj.s1)}}),_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.questObj.obj.info)}})]),_c('div',_vm._l((_vm.questObj.obj.a),function(a,ai){return _c('div',{key:ai,class:(\"d-flex \" + (_vm.getColor(_vm.questObj.obj, a))),attrs:{\"role\":\"button\"},on:{\"click\":function($event){return _vm.submitQuestion(_vm.questObj.obj, a)}}},[_c('div',{staticClass:\"pd-r-5\"},[_vm._v(_vm._s(_vm.alphabetize(ai))+\". \")]),_c('div',{staticClass:\"pd-x-5\"},[_c('i',{class:(\"far fa-\" + (_vm.getIcon(_vm.questObj.obj, a)))})]),_c('div',{domProps:{\"innerHTML\":_vm._s(a.s1)}})])}),0)]:_vm._e()],2),_c('b-overlay',{attrs:{\"show\":_vm.openContinue,\"no-wrap\":\"\"},scopedSlots:_vm._u([{key:\"overlay\",fn:function(){return [_c('div',{ref:\"dialog\",staticClass:\"text-center p-3\",attrs:{\"tabindex\":\"-1\",\"role\":\"dialog\",\"aria-modal\":\"false\",\"aria-labelledby\":\"form-confirm-label\"}},[_c('p',[_c('strong',{attrs:{\"id\":\"form-confirm-label\"}},[_vm._v(\"Видеог дуусгаагүй орхисон байна. \"),_c('br'),_vm._v(\"Үргэлжлүүлэн тоглуулах уу ?\")])]),_c('div',{},[_c('b-button',{staticClass:\"mr-2\",attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){return _vm.reStartPlayer()}}},[_vm._v(\"Үгүй\")]),_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){_vm.openContinue=false; _vm.playerResume()}}},[_vm._v(\"Тийм\")])],1)])]},proxy:true}],null,false,3648863324)}),_c('b-overlay',{attrs:{\"show\":_vm.openContinue2,\"no-wrap\":\"\"},scopedSlots:_vm._u([{key:\"overlay\",fn:function(){return [_c('div',{ref:\"dialog\",staticClass:\"text-center p-3\",attrs:{\"tabindex\":\"-1\",\"role\":\"dialog\",\"aria-modal\":\"false\",\"aria-labelledby\":\"form-confirm-label\"}},[_c('feather',{staticStyle:{\"width\":\"128px\",\"height\":\"128px\",\"color\":\"#009ca2\"},attrs:{\"type\":\"youtube\",\"role\":\"button\"},on:{\"click\":function($event){return _vm.playerResume2()}}})],1)]},proxy:true}],null,false,3317124594)})]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"bd-content\" ref=\"vidOuter\">\n    <template v-if=\"fileReady\">\n      <template v-if=\"hasStreamServer\">\n        <template >\n          <video\n            v-if=\"isIOS\" ref=\"vde\" id=\"vde\"\n            width=\"100%\"\n            controls\n            controlslist=\"nodownload\"\n            :autoplay=\"showPlayerControls\"\n            :seekable=\"false\"\n          >\n            <source v-if=\"file.ext === 'mp4'\" :src=\"file.link\" type=\"video/mp4\" />\n            Your browser does not support HTML5 video.\n          </video>\n          <div v-else class=\"pos-relative\">\n            <video\n              :id=\"`video_dash_plyr_${fileId}`\"\n              data-dashjs-player\n              :controls=\"true\"\n              :style=\"`width: 100%; height: calc(100vh - ${vidSize.height}px)`\"\n            ></video>\n          </div>\n        </template>\n      </template>\n      <template v-else>\n        <video width=\"100%\" controls controlslist=\"nodownload\" autoplay>\n          <source\n            v-if=\"file.ext === 'mp4'\"\n            :src=\"playerLink\"\n            type=\"video/mp4\"\n          />\n          Your browser does not support HTML5 video.\n        </video>\n        <!-- <video :id=\"`video_dash_plyr_${fileId}`\" data-dashjs-player controls=\"true\" :style=\"`width: 100%; height: calc(100vh - ${vidSize.height}px)`\"></video> -->\n      </template>\n\n      <b-modal v-model=\"questObj.modal\" centered title=\"Асуулт\" @hide=\"onHideQuestion\" hide-header-close no-close-on-backdrop>\n        <template v-if=\"questObj.modal && questObj.obj!=null\">\n          <div class=\"bd-b pd-y-10 mg-b-10\">\n            <div v-html=\"questObj.obj.s1\"></div>\n            <div v-html=\"questObj.obj.info\"></div>\n          </div>\n          <div >\n            <div @click=\"submitQuestion(questObj.obj, a)\" v-for=\"(a, ai) in questObj.obj.a\" :key=\"ai\" :class=\"`d-flex ${getColor(questObj.obj, a)}`\" role=\"button\">\n              <div class=\"pd-r-5\">{{alphabetize(ai)}}. </div>\n              <div class=\"pd-x-5\">\n                <i :class=\"`far fa-${getIcon(questObj.obj, a)}`\"></i>\n\n                <!-- <i v-if=\"questObj.obj.t==3\" :class=\"`far fa-${a.isFilled ? 'check-square' : 'square'}`\"></i>\n                <i v-else-if=\"questObj.obj.t==4 && a.b1==100\" :class=\"`far fa-${a.isFilled  ? 'check-circle' : 'circle'}`\"></i>\n                <i v-else-if=\"questObj.obj.t==4 && a.b1!=100\" :class=\"`far fa-${a.isFilled  ? 'check-circle' : 'circle'}`\"></i> -->\n\n              </div>\n              <div v-html=\"a.s1\"></div>\n            </div>\n          </div>\n        </template>\n        <!-- {{questObj.obj}} -->\n         <template #modal-footer>\n           <div class=\"mg-l-auto\">\n            <b-button @click=\"onCloseQuestion\" variant=\"danger\">Хаах</b-button>\n          </div>\n         </template>\n      </b-modal>\n\n      <b-overlay :show=\"openContinue\" no-wrap>\n          <template #overlay>\n            <div\n              ref=\"dialog\"\n              tabindex=\"-1\"\n              role=\"dialog\"\n              aria-modal=\"false\"\n              aria-labelledby=\"form-confirm-label\"\n              class=\"text-center p-3\"\n            >\n              <p>\n                <strong id=\"form-confirm-label\">Видеог дуусгаагүй орхисон байна. <br />Үргэлжлүүлэн тоглуулах уу ?</strong>\n              </p>\n              <div class=\"\">\n                <b-button @click=\"reStartPlayer()\"\n                  variant=\"outline-primary\"\n                  class=\"mr-2\" >Үгүй</b-button\n                >\n                <b-button @click=\"openContinue=false; playerResume()\"\n                  variant=\"primary\"\n                  >Тийм</b-button\n                >\n              </div>\n            </div>\n          </template>\n        </b-overlay>\n\n      <b-overlay :show=\"openContinue2\" no-wrap>\n          <template #overlay>\n            <div\n              ref=\"dialog\"\n              tabindex=\"-1\"\n              role=\"dialog\"\n              aria-modal=\"false\"\n              aria-labelledby=\"form-confirm-label\"\n              class=\"text-center p-3\"\n            >\n              <feather @click=\"playerResume2()\" type=\"youtube\" style=\"width: 128px; height: 128px; color: #009ca2\" role=\"button\"></feather>\n              <!-- <p>\n                <strong id=\"form-confirm-label\">Видеог дуусгаагүй орхисон байна. <br />Үргэлжлүүлэн тоглуулах уу ?</strong>\n              </p>\n              <div class=\"\">\n                <b-button @click=\"openContinue2 = false\"\n                  variant=\"outline-primary\"\n                  class=\"mr-2\" >Үгүй</b-button\n                >\n                <b-button @click=\"openContinue2 = false; playerResume()\"\n                  variant=\"primary\"\n                  >Тийм</b-button\n                >\n              </div> -->\n            </div>\n          </template>\n        </b-overlay>\n\n        \n\n    </template>\n  </section>\n\n  \n</template>\n<script>\nimport { fileInheritedDetail } from \"@/api/media\";\nvar dashjs = window.dashjs;\n// import { isMobile } from 'mobile-device-detect';\nvar player;\nimport { request } from \"@/api/all\";\nimport { hasOneOf, alphabetize } from \"@/libs/tools\";\nimport { Notification } from 'element-ui';\n//import ControlBar from '@/assets/js/ControlBar'\n\nvar videoplr;\n//var intrvl;\n\nimport { mapActions } from \"vuex\";\n\nexport default {\n  components: {\n    Notification//videoPlayer\n  },\n  name: \"videoPreview\",\n  props: {\n    propFileId: {\n      type: Number,\n      default: () => null\n    },\n    prms: {\n      type: Object,\n      default: () => {}\n    },\n    minusHeight: {\n      type: Number,\n      default: () => 115\n    }\n  },\n  data() {\n    return {\n      intrvl: null,\n      showPlayerControls: true,\n      showPlayerControlsHtml: false,\n      cdnBaseUrl: \"https://cdn.gosmart.mn/\",\n      currentTime : 0,\n      openContinue: false,\n      openContinue2: false,\n      playerLink: \"\",\n      streamBaseUrl: \"\",\n      hasStreamServer: true,\n      playerReady: false,\n      isIOS: false,\n      fileReady: false,\n      file: {},\n      deletingFileId: 0,\n      vidUrl: \"\",\n\n      playerOptions: {\n        // videojs options\n        //muted: true,\n        language: \"en\",\n        playbackRates: [0.7, 1.0, 1.5, 2.0],\n        sources: [\n          {\n            //withCredentials: false,\n            type: \"application/x-mpegURL\",\n            //type: \"video/mp4\",\n            src: \"\"\n          }\n        ],\n        poster: \"/static/images/author.jpg\"\n      },\n      destroyed: false,\n      fileId: 0,\n      vidSize: {\n        width: 0,\n        // height: 250,\n        height: 250,\n      },\n\n      interactiveObj:{\n        formId: null,\n        questions: [],\n        interactives: []\n      },\n\n      questObj: {\n        backOnClose: false,\n        real: null,\n        obj: null,\n        modal: false\n      },\n      viewLog:{\n        second: 0,\n      },\n      isDestroyed: false,\n      \n    };\n  },\n  beforeDestroy() {\n    this.isDestroyed= true;\n\n    //console.log('before destroy fired');\n    request({\n      api: { method: \"POST\", url: \"Media/UpdateVideoViewLog\" },\n      data: {\n        attachId: this.fileId, \n        logId: this.viewLog.id, \n        second: this.currentTime, \n        isFullView: false,\n      },\n      store: this.$store\n    }).then(res => {\n      if (res != false) {\n        //console.log('UpdateVideoViewLog', res);\n\n        this.destroyed = true;\n        if (this.playerReady) {\n          try {\n            player.pause();\n          } catch {}\n        }\n        this.fileReady = false;\n      }\n    });\n    //Object.assign(this.$data, this.$options.data());\n\n    if(this.isIOS){\n      //console.log('videoplr', videoplr);\n\n      videoplr.removeEventListener('seeking', (event) => { self.htmlSeek(event); });\n      videoplr.removeEventListener('playing', (event) => { self.htmlPlay(event); });\n      videoplr.removeEventListener('ended', (event) => { self.htmlEnded(event); });\n\n      videoplr= null;\n      \n      //clearTimeout(this.intrvl);\n      clearInterval(this.intrvl);\n      //this.intrvl= null;\n\n      Object.assign(this.$data, this.$options.data());\n    }\n  },\n  mounted() {\n    //console.log('this is current player instance object', this.player)\n    //this.handleLoading({ isLoading: true });\n    this.configure();\n    this.init();\n  },\n  // computed: {\n  // },\n  methods: {\n    ...mapActions([\"handleLoading\"]),\n    configure() {\n      if (\n        this.$store.state.app.activeGroup.hasStreamServer != undefined &&\n        !this.$store.state.app.activeGroup.hasStreamServer\n      ) {\n        //console.log('this.hasStreamServer false setlev');\n        this.hasStreamServer = false;\n      }\n\n      if (\n        this.$store.state.app.activeGroup.streamBaseUrl != undefined &&\n        this.$store.state.app.activeGroup.streamBaseUrl != \"\"\n      ) {\n        this.streamBaseUrl = this.$store.state.app.activeGroup.streamBaseUrl;\n      }\n\n      if (\n        this.$store.state.app.activeGroup.cdnBaseUrl != undefined &&\n        this.$store.state.app.activeGroup.cdnBaseUrl != \"\"\n      ) {\n        this.cdnBaseUrl = this.$store.state.app.activeGroup.cdnBaseUrl;\n      }\n    },\n    init() {\n      let self = this;\n      let _id = this.propFileId;\n      if (_id == undefined) {\n        _id = this.$route.params.id;\n      }\n      this.fileId = _id;\n      this.$nextTick(() => {\n        self.fetchPlayer(_id);\n      });\n    },\n    fileAfter() {\n      // this.vidSize= {\n      //   width: 640,\n      //   height: 480\n      // };\n      //console.log(\"this.$refs.vidOuter.clientHeight\", this.$refs.vidOuter.clientHeight);\n    },\n    fetchAfter(aid, b1){\n      //console.log('fetchAfte', aid, b1);\n      let self= this;\n      //this.handleLoading({ isLoading: true });\n      request({\n        api: { method: \"POST\", url: \"Media/GetLastVideoViewLog\" },\n        data: {\n          attachId: aid\n        },\n        store: this.$store\n      }).then(res => {\n        if (res != false) {\n          if(this.isIOS){\n            //const videoplr = this.$refs.vde;\n            videoplr = this.$refs.vde;\n            //console.log(videoplr.duration);\n            if(b1){\n              videoplr.addEventListener('seeking', (event) => { self.htmlSeek(event); });\n            }\n            \n            videoplr.addEventListener('playing', (event) => { self.htmlPlay(event); });\n            videoplr.addEventListener('ended', (event) => { self.htmlEnded(event); });\n          }\n\n          this.viewLog= res.data.viewLog;\n          //let _pv=localStorage.getItem(`vr_${this.fileId}`);\n\n          // if(_pv!=undefined && parseInt(_pv, 10)>0){\n          //   //console.log('fetchAfter step 1');\n          //   this.currentTime=parseInt(_pv, 10);\n              \n          //   setTimeout(() => {\n          //     if (!self.destroyed) {\n          //       if(self.isIOS){\n          //         videoplr.currentTime= self.currentTime;\n          //       } else {\n          //         self.playerSeek(self.currentTime);\n          //       }                \n          //       self.openContinue= true;\n          //       //self.handleLoading({ isLoading: false });\n          //       //self.playerReady = true;\n          //     }\n          //   }, 1000);\n          // } else \n          //console.log('fetchAfter step 2', this.viewLog.second);\n          if(parseInt(this.viewLog.second, 10)>0){\n            \n            setTimeout(() => {\n              if (!self.destroyed) {\n                if(self.isIOS){\n                  videoplr.currentTime= this.viewLog.second;\n                } else {\n                  self.playerSeek(this.viewLog.second);\n                }\n                self.openContinue= true;\n                //self.handleLoading({ isLoading: false });\n                //self.playerReady = true;\n              }\n            }, 1000);\n          } else{\n            //console.log('step 3');\n            //if(!self.openContinue){\n              //setTimeout(() => {\n                //console.log('sett time out ajiljinu', self.destroyed);\n                //self.playerReady = true;\n\n                //if (!self.destroyed) {\n                  //self.playerResume();\n                  //console.log('plr resme ddudsnnnn');\n                //}\n                //self.handleLoading({ isLoading: false });\n                //self.playerReady = true;\n                if(!this.isIOS)\n                this.openContinue2= true;\n              //}, 0);\n            //}else{\n              //self.handleLoading({ isLoading: false });\n              //self.playerReady = true;\n            //}\n            //self.handleLoading({ isLoading: false });\n\n\n          } \n\n\n\n        }else{\n          //this.handleLoading({ isLoading: false });\n        }\n      });\n    },\n    fetchInteractives(aid){\n      let self= this;\n\n      //this.playerReady= false;\n      request({\n        api: { method: \"GET\", url: \"Media/GetInteractiveOption\" },\n        params: {\n          id: aid,\n          boxId: this.$route.params.bid\n        },\n        store: this.$store\n      }).then(res => {\n        if (res != false) {\n          //console.log('GetInteractiveOption=> ', res);\n          this.interactiveObj.interactives= res.data.config.interactives.filter(x=>!x.isDone);\n\n\n          if( this.isIOS && (this.interactiveObj.interactives.filter(x=> x.second>0 && !x.isShow).length>0)){\n            //if(thi)\n            this.$bvToast.toast(\"Интерактив тохиргоотой видео байна. Бүрэн үзэхийг хүсвэл компьютер-с хандана уу\", { title: \"Мэдэгдэл\", autoHideDelay: 5000, appendToast: false, variant: \"warning\", toaster: \"b-toaster-bottom-right\"});\n          }\n\n\n          if(res.data.config.hasForm){\n            this.fetchInteractiveForm(res.data.config.formId);\n          }\n\n          if(res.data.config.b1!=undefined && res.data.config.b1){\n            this.showPlayerControls= false;\n            //console.log('step 98');\n            this.$emit('on-hide-finish-btn');\n\n            //this.fetchAfter(aid);\n          }\n          // else{\n          //   this.playerResume();\n          // }\n          this.fetchAfter(aid, res.data.config.b1);\n\n          //setTimeout(() => {\n            //self.playerReady= true;\n          //}, 10000);\n          //this.playerReady= true;\n        }else{\n          //this.playerReady= true;\n        }\n      });\n    },\n    fetchInteractiveForm(formId){\n      this.interactiveObj.formId= formId;\n      request({\n        api: { method: \"GET\", url: \"Form/GetLatestResponse\" },\n        params: {\n          form: formId\n        },\n        store: this.$store\n      }).then(res => {\n        if (res != false) {\n          //console.log('Form/GetLatestResponse=> ', res.data.questions.filter(x=>x.t==3 || x.t==4));\n\n          // if(hasOneOf(this.interactiveObj.interactives.map(x=> { return x.objectId }), [parseInt(e.time, 10)])){\n\n          // }\n          //# TODO\n          //console.log('ugluu endees ehlene');\n          //this.interactiveObj.questions= res.data.questions.filter(x=>(x.t==3 || x.t==4) && hasOneOf(this.interactiveObj.interactives.map(x=> { return x.objectId }) ,[x.id]) );\n          //console.log('this.interactiveObj.questions', res.data.questions.filter(x=>(x.t==3 || x.t==4)).length, this.interactiveObj.questions);\n          this.interactiveObj.questions= res.data.questions;\n        }\n      });\n    },\n    fetchPlayer(_id) {\n      //console.log('fetchPlayer', _id);\n      let self = this;\n      //this.handleLoading({ isLoading: true });\n\n      fileInheritedDetail({ params: { id: _id }, store: this.$store }).then(\n        res => {\n          //this.handleLoading({ isLoading: false });\n\n          if (res != false) {\n            if (!this.destroyed) {\n              this.fileReady = true;\n              this.file = res.data.file;\n\n              //this.fileAfter();\n\n              // if(this.$store.state.app.activeGroup.id==9245){\n              //   this.isIOS = true;\n              // }else{\n\n              // }\n\n              //#GOTODO\n              //# 2022.10.18 halamjtai holbootoi commentlov ios video garaagui\n              // if(!this.hasStreamServer){\n              //   this.isIOS = true;\n              //   this.hasStreamServer= true;\n              // }\n\n              if (!this.hasStreamServer) {\n                //# disable dash hiisen baiguullaguud\n                this.playerLink = res.data.file.link;\n\n                //# disable hiisen yed ios bol\n                // if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) {\n\n                // }\n              } else {\n\n                \n                //# disable hiigeegui yed ios bol\n                // if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) {\n\n                // }\n\n                this.$nextTick(() => {\n                  var video,\n                    //player,\n                    url =\n                      res.data.file.link.replace(\n                        self.cdnBaseUrl,\n                        self.streamBaseUrl + \"VOD-TEST/_definst_/mp4:\"\n                      ) + \"/manifest.mpd\";\n                  video = document.getElementById(\"video_dash_plyr_\" + _id);\n                  player = dashjs.MediaPlayer().create();\n                  //console.log('player.initialize g ene url aar hiij bna', url);\n                 \n                  //console.log('step', url);\n                  //controlbar.hide();\n\n                  player.initialize(video, url, false); \n                  //player.attachView(video);\n\n                  // var controlbar = new ControlBar(player);\n                  // controlbar.initialize();\n\n                  \n                //  controlbar.hide();\n                  //.then((e)=>{ console.log('player initialized', e); });\n                  //console.log(player);\n                  // player.on(\n                  //   //dashjs.MediaPlayer.events[\"MANIFEST_LOADED\"],\n                  //   dashjs.MediaPlayer.events[\"CAN_PLAY\"],\n                  //   self.zaOdoo\n                  // );\n                  player.on(\n                    dashjs.MediaPlayer.events[\"PLAYBACK_TIME_UPDATED\"],\n                    self.onProgress\n                  );\n                  player.on(\n                    dashjs.MediaPlayer.events[\"PLAYBACK_STARTED\"],\n                    self.onStarted\n                  );\n                  player.on(\n                    dashjs.MediaPlayer.events[\"PLAYBACK_ENDED\"],\n                    self.onEnded\n                  );\n                  \n                  player.on(\n                    \n                    dashjs.MediaPlayer.events[\"PLAYBACK_SEEKING\"],\n                    self.onSeeking\n                  );\n                  player.on(\n                    dashjs.MediaPlayer.events[\"PLAYBACK_SEEKED\"],\n                    self.onSeeked\n                  );\n\n                  \n                  var userAgent = window.navigator.userAgent;\n                  if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) {\n                    this.isIOS = true;\n                    this.file.link =\n                      res.data.file.link.replace(\n                        self.cdnBaseUrl,\n                        self.streamBaseUrl + \"VOD-TEST/_definst_/mp4:\"\n                      ) + \"/playlist.m3u8\";\n                  }\n                  //this.isIOS= true;\n\n                  this.fetchInteractives(_id);\n\n                });\n              }\n            } else {\n              try {\n                player.pause();\n              } catch {}\n              //console.log(\"destroyed after inizil\");\n            }\n\n            \n          }\n        }\n      );\n    },\n    onStarted() {\n      let self= this;\n      clearInterval(this.intrvl);\n\n      //this.openContinue2= false;\n      \n      this.intrvl= setInterval(function () {\n        if(self.isDestroyed){\n          clearInterval(self.intrvl);\n        }else{\n          self.currentTime = player.time();\n          localStorage.setItem(`vr_${self.fileId}`, self.currentTime);\n        }\n      }, 1000);\n    },\n    onSeeking(){\n\n      //console.log('onSeeking', player.time(), this.currentTime, 'nuhtsul ni => ', (player.time() > this.currentTime && !this.showPlayerControls));\n      //console.log('plr rdy', this.playerReady, this.openContinue2);\n\n\n      //if(!this.openContinue2){\n        if(player.time() > this.currentTime && this.currentTime>0 && !this.showPlayerControls){\n          //console.log('onseeking step 1');\n          player.seek(this.currentTime);\n\n          Notification({\n            title: 'Санамж',\n            message: 'Видеог гүйлгэхгүй үзэж дуусгах тохиргоотой байна !',\n            position: 'bottom-right'\n          });\n        } else {\n          this.currentTime = player.time();\n        }\n      //}\n      // else{\n      //   this.openContinue2= false;\n      //   player.seek(this.currentTime);\n\n      //   Notification({\n      //     title: 'Санамж',\n      //     message: 'Видеог гүйлгэхгүй үзэж дуусгах тохиргоотой байна !',\n      //     position: 'bottom-right'\n      //   });\n      // }\n    },\n    onSeeked(){\n      //console.log('onSeeked 3');\n    },\n    zaOdoo(e){\n      //this.handleLoading({ isLoading: false });\n      //console.log('za odoo', e);\n    },\n    onProgress(e){\n\n      if(this.openContinue2 && e.time>0.1){\n        //console.log('endees vv', e.time);\n        this.openContinue2= false;\n      }\n\n      //console.log('onProgress', parseInt(e.time, 10));\n      if(parseInt(e.time, 10)>0 && hasOneOf(this.interactiveObj.interactives.filter(x=>!x.isShow).map(x=> { return x.second }), [parseInt(e.time, 10)])){\n        //console.log('sec is ', e, this.interactiveObj.interactives);\n\n        let _intrs= this.interactiveObj.interactives.filter(x=>x.second==parseInt(e.time, 10));\n        if(_intrs.length>0){\n          let _int= _intrs[0];\n\n          if(_int.type==1 && this.interactiveObj.questions.filter(x=> (x.t == 3 || x.t == 4) && x.id==_int.objectId).length>0){\n            //console.log(this.interactiveObj.questions.filter(x=> (x.t == 3 || x.t == 4) && x.id==_int.objectId));\n            //this.interactiveObj.questions.filter(x=>x.t== (3 || 4) && x.id==_int.objectId).length>0\n            this.showQuestion(_int);\n            _int.isShow= true;\n            try { player.pause(); } catch { }\n          }\n          else if(_int.type==2){\n            this.showInteractiveMedia(_int);\n            _int.isShow= true;\n            try { player.pause(); } catch { }\n          }else if(_int.type==3){\n            this.showInteractiveHtml(_int);\n            _int.isShow= true;\n            try { player.pause(); } catch { }\n          }\n        }\n      }\n      //console.log('onProgress ', parseInt(e.time, 10));\n    },\n    showQuestion(obj){\n      if(this.interactiveObj.questions.filter(x=>x.id==obj.objectId).length>0){\n        this.questObj.real= obj;\n        this.questObj.obj= this.interactiveObj.questions.filter(x=>x.id==obj.objectId)[0];\n        this.questObj.modal= true;  \n      }\n    },\n    showInteractiveMedia(obj){\n      this.$emit('on-interactive-media', obj.objectId);\n      this.showInteractiveDone(obj);\n    },\n    showInteractiveHtml(obj){\n      this.$emit('on-interactive-html', obj.description);\n      //this.showInteractiveDone(obj);\n    },\n\n    showInteractiveDone(obj){\n      //console.log('showInteractiveAfter', obj);\n      request({\n        api: { method: \"POST\", url: \"Media/InteractiveObjectDone\" },\n        data: {\n          attachId: this.fileId,\n          objectId: obj.objectId,\n          type: obj.type,\n        },\n        store: this.$store\n      }).then(res => {\n        if (res != false) {\n          \n        }\n      });\n    },\n\n    onEnded() {\n\n      request({\n        api: { method: \"POST\", url: \"Media/UpdateVideoViewLog\" },\n        data: {\n          attachId: this.fileId, \n          logId: this.viewLog.id, \n          second: this.currentTime, \n          isFullView: true,\n        },\n        store: this.$store\n      }).then(res => {\n        if (res != false) {\n          //console.log('this.interactiveObj.interactives', this.interactiveObj.interactives);\n          if(this.interactiveObj.interactives.filter(x=> x.second>0 && !x.isShow).length>0){\n            this.playerSeek(0);\n\n            //if(thi)\n            this.$bvToast.toast(\"Видеог гүйлгэхгүйгээр бүрэн үзэж дуусгана уу\", { title: \"Мэдэгдэл\", autoHideDelay: 5000, appendToast: false, variant: \"warning\", toaster: \"b-toaster-bottom-right\"});\n          }else{\n            this.currentTime= 0;\n            localStorage.removeItem(`vr_${this.fileId}`);\n            this.$emit(\"on-finish-video\", this.propFileId);\n          }\n        }\n      });\n    },\n    reStartPlayer(){\n      if(this.isIOS){\n        videoplr.currentTime= 0;\n      }else{\n        this.playerSeek(0);\n        this.openContinue2= true;\n        request({\n          api: { method: \"POST\", url: \"Media/UpdateVideoViewLog\" },\n          data: { attachId: this.fileId, logId: this.viewLog.id, second: 0,  isFullView: false, },\n          store: this.$store\n        });\n        \n      }\n      this.currentTime=0; \n      this.openContinue=false;\n      localStorage.removeItem(`vr_${this.fileId}`);\n    },\n    playerResume2(){\n      //console.log(player);\n      this.playerResume();\n    },\n    playerResume(){\n      let self = this;\n      //console.log('player resume fired');\n      if(this.isIOS){\n        videoplr.play();\n      }else{\n        //console.log('***************************player', player.isPaused(), player);\n\n        // while(!player.isReady())\n        // {\n        //   console.log('player.isReady()', player.isReady());\n          \n        // }\n\n        // try { player.play(); } catch(ex) { \n        //   console.log('catched ex', ex);\n        // }\n\n        //player.setMute(true);\n        \n        //player.pause();\n        //player.currentTime=0;\n        try { player.play(); } catch { }\n  \n        // setTimeout(() => {this.handleLoading({isLoading: false});\n        //   player.setMute(false);\n        // }, 2000);\n        \n      }\n    },\n    playerPause(){\n      try {\n        player.pause();\n      } catch { }\n    },\n    playerSeek(s){\n      try {\n        player.seek(s);\n      } catch { }\n      //console.log('playerBack', s, player);\n    },\n    alphabetize(v) {\n      return alphabetize(v);\n    },\n    getIcon(q,a){\n      let rv= null;\n      if(q.isFilled && a.isFilled){\n        if(q.t==4){\n          if(a.b1==100){\n            rv= 'check-circle';\n          }else{\n            rv='question-circle';\n          }\n        }else if(q.t==3){\n          if(a.b1==100){\n            rv='check-square';  \n          }else{\n            rv='minus-square';\n          }\n        }\n      }else{\n        if(q.t==4){\n          rv='circle';\n        }else if(q.t==3){\n          rv='square';\n        }\n      }\n      return rv;\n    },\n    getColor(q, a){\n      let rv= null;\n      if(q.isFilled){\n        if(a.isFilled && a.b1==100){\n          rv= 'text-success';\n        }else if(a.isFilled){\n          rv= 'text-primary';\n        }\n\n        // if(a.isFilled && a.b1==100){\n        //   rv= 'text-success';\n        // } else if(a.isFilled && a.b1!=100){\n        //   rv= 'text-warning';\n        // } else if(!a.isFilled && a.b1==100){\n        //   rv= 'text-success';\n        // }\n      }\n      //console.log(q);\n      //if()\n      return rv;\n    },\n    onCloseQuestion(){\n      // if(this.questObj.modal && this.questObj.obj!=null){\n      //   console.log(this.interactiveObj.questions);\n      // }\n      if(this.questObj.backOnClose){\n        this.questObj.real= null;\n        this.questObj.obj= null;\n        this.questObj.modal= false;\n        this.playerResume();\n      }\n    },\n    onHideQuestion(){\n      //console.log('onHideQuestion', this.questObj.backOnClose);\n      if(this.questObj.backOnClose){\n        // //console.log('playerSeek', this.interactiveObj.interactives.filter(x=>x.objectId==this.questObj.obj.id));\n        // let _iitn= this.interactiveObj.interactives.filter(x=>x.objectId==this.questObj.obj.id);\n        // if(_iitn.length>0){\n        //   this.playerSeek(_iitn[0].backSecond);\n        // }\n        \n      }else{\n        this.questObj.real= null;\n        this.questObj.obj= null;\n        this.questObj.modal= false;\n        this.playerResume();\n      }\n    },\n    submitQuestion(q, a, str, isForce){\n      //console.log(this.id, q, a)\n      let _data = {\n        formId: this.interactiveObj.formId,\n        questionId: q.id,\n        answerId: a.id,\n        str: str,\n        checkFlag: 1\n      };\n      //console.log('this.questObj.real', this.questObj.real);\n      //formId: 16472\n      //questionId: 181556\n      //answerId: 341495\n\n      if (q.t == 3 || q.t == 4) {\n        request({\n          api: { method: \"POST\", url: \"Form/CheckQuestion\" },\n          params: _data,\n          store: this.$store\n        }).then(res => {\n          if (res != false) {\n            if (q.t == 3 || q.t == 4) {\n              if (q.t == 4 || q.t == 23) {\n                if(a.b1!=100){\n                  this.$bvToast.toast(\"Буруу хариулсан\", { title: \"Мэдэгдэл\", autoHideDelay: 5000, appendToast: false, variant: \"warning\", toaster: \"b-toaster-bottom-right\"});\n                  if(this.questObj.real.isBack){\n                    //this.questObj.backOnClose= false;\n                    this.interactiveObj.interactives.filter(x=>x.objectId==this.questObj.real.objectId)[0]['isShow']= false;;\n                    this.playerSeek(this.questObj.real.backSecond);\n                  }\n                  //this.onHideQuestion();\n                }else{\n                  this.$bvToast.toast(\"Зөв хариулсан\", { title: \"Мэдэгдэл\", autoHideDelay: 5000, appendToast: false, variant: \"success\", toaster: \"b-toaster-bottom-right\"});\n                  //this.questObj.backOnClose= true;\n                }\n\n                //console.log('zuv buruu halin ve', a, this.questObj.backOnClose);\n\n                q.a.forEach(e => {\n                  e.str = e.id == a.id ? e.str : \"\";\n                  e.isFilled = e.id == a.id;\n                });\n                \n                this.questObj.backOnClose=true;\n\n              } else if (q.t == 3 || q.t == 24) {\n                a.isFilled = !a.isFilled;\n                if(a.b1==100){\n                  this.$bvToast.toast(\"Зөв хариулсан\", { title: \"Мэдэгдэл\", autoHideDelay: 5000, appendToast: false, variant: \"success\", toaster: \"b-toaster-bottom-right\"});\n                  \n                }else{\n                  if(this.questObj.real.isBack){\n                    //this.questObj.backOnClose= false;\n                    this.interactiveObj.interactives.filter(x=>x.objectId==this.questObj.real.objectId)[0]['isShow']= false;\n                    this.playerSeek(this.questObj.real.backSecond);\n                  }\n                  this.$bvToast.toast(\"Буруу хариулсан\", { title: \"Мэдэгдэл\", autoHideDelay: 5000, appendToast: false, variant: \"warning\", toaster: \"b-toaster-bottom-right\"});\n                }\n\n                this.questObj.backOnClose=true;\n\n              } else {\n                if (str == undefined) {\n                  a.str = \"\";\n                  a.isFilled = !a.isFilled;\n                }\n\n                this.questObj.backOnClose=true;\n              }\n\n              q.isFilled = q.a.filter(x => x.isFilled).length > 0;\n            }\n\n            // if(a.isFilled && a.b1==100){\n            //   //console.log('zuv hariulsan bol done duudnaa', a)\n            //  //this.showInteractiveDone(this.questObj.real); \n            // }\n          }\n        });\n      }\n    },\n    htmlPlay(e){\n      //console.log('htmlPlay fireeeeeeeeeeeeed');\n\n      clearInterval(this.intrvl);\n      let self= this;\n      \n      this.intrvl= setInterval(function () {\n        let _tme= parseInt(videoplr.currentTime, 10);\n\n        if(self.isDestroyed){\n          clearInterval(self.intrvl);\n        }else{\n          self.currentTime = _tme;\n          localStorage.setItem(`vr_${self.fileId}`, self.currentTime);\n        }\n      }, 1000);\n    },\n    htmlSeek(e){\n      let _tme= parseInt(videoplr.currentTime, 10);\n      //if(this.playerReady){\n        //if(_tme > this.currentTime && this.currentTime>0 && !this.showPlayerControls) {\n        if(_tme > this.currentTime && this.currentTime>0 && !this.showPlayerControlsHtml) {\n          \n          videoplr.currentTime= this.currentTime;\n          Notification({\n            title: 'Санамж',\n            message: 'Видеог гүйлгэхгүй үзэж дуусгах тохиргоотой байна !',\n            position: 'bottom-right'\n          });\n        }else{\n          this.currentTime = _tme;\n        }\n      // }else{\n      //   videoplr.currentTime= this.currentTime;\n      //   Notification({\n      //     title: 'Санамж',\n      //     message: 'Видеог гүйлгэхгүй үзэж дуусгах тохиргоотой байна !',\n      //     position: 'bottom-right'\n      //   });\n      // }\n    },\n    htmlEnded(e){\n      this.onEnded();\n    },\n  }\n};\n</script>\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!./indexNew.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!./indexNew.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./indexNew.vue?vue&type=template&id=33c560da&\"\nimport script from \"./indexNew.vue?vue&type=script&lang=js&\"\nexport * from \"./indexNew.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":""}