{"version":3,"sources":["webpack:///./src/views/cases/CaseVideoPublic.vue?702f","webpack:///src/views/cases/CaseVideoPublic.vue","webpack:///./src/views/cases/CaseVideoPublic.vue?4fb8","webpack:///./src/views/cases/CaseVideoPublic.vue","webpack:///./src/views/cases/CaseVideoPublic.vue?29f6"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","staticClass","_s","FileNumber","isPlay","_e","directives","name","rawName","value","expression","modifiers","attrs","on","$event","preventDefault","playAllCaseVideos","_l","item","index","key","SelectedVideo","VideoID","Meta","ActivityID","Title","_f","DurationMs","TotalVideos","TotalDuration","class","downloadVideo","staticStyle","mailtoMsg","videoManagerEmail","captureFrameImage","EmbedCode","CaptureFrame","staticRenderFns","responseType","headers","components","VideoCapture","BRow","BCol","BButton","Ripple","filters","minutesFormat","minutes","minutesTxt","seconds","secondsTxt","data","CaseID","JWT","Videos","stopVideo","watch","val","setTimeout","created","$route","query","token","loadVideo","localStorage","setItem","methods","showToast","$toast","axiosVideoIns","setVideoTime","controlTime","nextVideo","positionElapsed","positionDuration","axiosIns","get","component"],"mappings":"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","file":"js/chunk-bce1f5d4.93733e1e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h2',[_vm._v(\"Case Video - \"),_c('span',{staticClass:\"text-nowrap\"},[_vm._v(_vm._s(_vm.FileNumber))])]),_c('hr'),(!_vm.isPlay)?_c('b-row',[_c('b-col',[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"mr-1\",attrs:{\"type\":\"button\",\"variant\":'outline-primary'},on:{\"click\":function($event){$event.preventDefault();return _vm.playAllCaseVideos()}}},[_vm._v(\" Play All Case Videos \")])],1)],1):_vm._e(),_c('b-row',[(!_vm.isPlay)?_c('b-col',{staticClass:\"white-bg-container\"},[_c('b-row',[_c('b-col',{staticClass:\"text-center\"},[_vm._v(\" Clip/View \")]),_c('b-col',[_vm._v(\"Duration\")])],1),_vm._l((_vm.Videos),function(item,index){return _c('b-row',{key:index},[_c('b-col',[_c('b-row',{staticClass:\"pt-1 border-top\"},[_c('b-col',[_c('div',{staticClass:\"video-container\",on:{\"click\":function($event){_vm.SelectedVideo = item}}},[_c('img',{attrs:{\"src\":'https://api.nimbushd.com/Imaging/Thumbnail.ashx?id=' + item.VideoID}})]),_c('router-link',{attrs:{\"to\":'/cases/view-activity/' + item.Meta.ActivityID + '/VIDEO'}},[_c('span',{staticClass:\"pl-1 text-nowrap\"},[_vm._v(_vm._s(item.Title))])])],1),_c('b-col',[_c('span',[_vm._v(_vm._s(_vm._f(\"minutesFormat\")(item.DurationMs)))])])],1)],1)],1)})],2):_vm._e()],1),(_vm.isPlay)?_c('div',[_c('b-row',{staticClass:\"pt-3\"},[_c('b-col',[_c('div',[_vm._v(_vm._s(_vm.TotalVideos)+\" Videos Total Duration: \"+_vm._s(_vm._f(\"minutesFormat\")(_vm.TotalDuration)))])])],1),_c('b-row',[_c('b-col',{staticClass:\"video-list\"},_vm._l((_vm.Videos),function(item,index){return _c('b-row',{key:index,staticClass:\"d-flex align-items-center\",class:{'active-video': item.VideoID === _vm.SelectedVideo.VideoID}},[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-row',{staticClass:\"pt-1 border-top\"},[_c('b-col',{attrs:{\"md\":\"8\"}},[_c('div',{staticClass:\"video-content cursor-pointer\",on:{\"click\":function($event){_vm.SelectedVideo = item}}},[_c('img',{attrs:{\"src\":'https://api.nimbushd.com/Imaging/Thumbnail.ashx?id=' + item.VideoID}})])]),_c('b-col',{staticClass:\"pl-2\",attrs:{\"md\":\"4\"}},[_c('div',{staticClass:\"text-nowrap\"},[_vm._v(\" \"+_vm._s(item.Title)+\" \")]),_c('div',{staticClass:\"text-nowrap\"},[_vm._v(\" \"+_vm._s(_vm._f(\"minutesFormat\")(item.DurationMs))+\" \")]),_c('div',{staticClass:\"download-icon-wrapper\"},[_c('feather-icon',{staticClass:\"ml-2 cursor-pointer font-medium-2\",attrs:{\"icon\":\"DownloadIcon\"},on:{\"click\":function($event){return _vm.downloadVideo(item.VideoID)}}})],1)])],1)],1)],1)}),1),(_vm.SelectedVideo)?_c('b-col',{staticStyle:{\"max-height\":\"20rem\"},attrs:{\"md\":\"8\"}},[_c('b-row',[_c('b-col',[_c('div',{staticClass:\"text-wrapper\"},[_vm._v(\" If video is in an archived state, you can request the video to be reactivated for playback or download. Send requests to: \"),_c('span',{staticClass:\"email-wrapper\"},[_c('a',{attrs:{\"href\":_vm.mailtoMsg}},[_vm._v(\" \"+_vm._s(_vm.videoManagerEmail)+\" \")])])])])],1),_c('b-row',[_c('b-col',[_c('h2',{staticClass:\"text-nowrap\"},[_vm._v(_vm._s(_vm.SelectedVideo.Title)+\" \"),_c('feather-icon',{staticClass:\"cursor-pointer font-medium-3\",attrs:{\"icon\":\"DownloadIcon\"},on:{\"click\":function($event){return _vm.downloadVideo(_vm.SelectedVideo.VideoID)}}})],1)]),_c('b-col',[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"mr-1 capture-btn\",attrs:{\"type\":\"button\",\"variant\":'outline-secondary'},on:{\"click\":function($event){$event.preventDefault();return _vm.captureFrameImage()}}},[_vm._v(\" Capture Frame Image(s) \")])],1)],1),(_vm.SelectedVideo.EmbedCode)?_c('iframe',{attrs:{\"id\":\"videoPlayer\",\"src\":'/api/file/get-video-script/' + _vm.SelectedVideo.EmbedCode + '&w=640&h=400'}}):_vm._e()],1):_vm._e()],1),(_vm.CaptureFrame)?_c('VideoCapture',{attrs:{\"video\":_vm.SelectedVideo},on:{\"close\":function($event){_vm.CaptureFrame = false}}}):_vm._e()],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <h2>Case Video -\n      <span class=\"text-nowrap\">{{ FileNumber }}</span>\n    </h2>\n    <hr>\n    <b-row v-if=\"!isPlay\">\n      <b-col>\n        <b-button\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n          type=\"button\"\n          :variant=\"'outline-primary'\"\n          class=\"mr-1\"\n          @click.prevent=\"playAllCaseVideos()\"\n        >\n          Play All Case Videos\n        </b-button>\n      </b-col>\n    </b-row>\n    <b-row>\n      <!-- Table -->\n      <b-col\n        v-if=\"!isPlay\"\n        class=\"white-bg-container\"\n      >\n        <b-row>\n          <b-col class=\"text-center\">\n            Clip/View\n          </b-col>\n          <b-col>Duration</b-col>\n        </b-row>\n        <b-row\n          v-for=\"(item, index) of Videos\"\n          :key=\"index\"\n        >\n          <b-col>\n            <b-row class=\"pt-1 border-top\">\n              <b-col>\n                <div\n                  class=\"video-container\"\n                  @click=\"SelectedVideo = item\"\n                >\n                  <img :src=\"'https://api.nimbushd.com/Imaging/Thumbnail.ashx?id=' + item.VideoID\">\n                </div>\n                <router-link :to=\"'/cases/view-activity/' + item.Meta.ActivityID + '/VIDEO'\">\n                  <span class=\"pl-1 text-nowrap\">{{ item.Title }}</span>\n                </router-link>\n              </b-col>\n              <b-col>\n                <span>{{ item.DurationMs | minutesFormat }}</span>\n              </b-col>\n            </b-row>\n          </b-col>\n        </b-row>\n      </b-col>\n    </b-row>\n\n    <div v-if=\"isPlay\">\n      <b-row class=\"pt-3\">\n        <b-col>\n          <div>{{ TotalVideos }} Videos Total Duration: {{ TotalDuration | minutesFormat }}</div>\n        </b-col>\n      </b-row>\n      <b-row>\n        <b-col class=\"video-list\">\n          <b-row\n            v-for=\"(item, index) of Videos\"\n            :key=\"index\"\n            class=\"d-flex align-items-center\"\n            :class=\"{'active-video': item.VideoID === SelectedVideo.VideoID}\"\n          >\n            <b-col md=\"6\">\n              <b-row class=\"pt-1 border-top\">\n                <b-col md=\"8\">\n                  <div\n                    class=\"video-content cursor-pointer\"\n                    @click=\"SelectedVideo = item\"\n                  >\n                    <img :src=\"'https://api.nimbushd.com/Imaging/Thumbnail.ashx?id=' + item.VideoID\">\n                  </div>\n                </b-col>\n                <b-col\n                  md=\"4\"\n                  class=\"pl-2\"\n                >\n                  <div class=\"text-nowrap\">\n                    {{ item.Title }}\n                  </div>\n                  <div class=\"text-nowrap\">\n                    {{ item.DurationMs | minutesFormat }}\n                  </div>\n                  <div class=\"download-icon-wrapper\">\n                    <feather-icon\n                      icon=\"DownloadIcon\"\n                      class=\"ml-2 cursor-pointer font-medium-2\"\n                      @click=\"downloadVideo(item.VideoID)\"\n                    />\n                  </div>\n                </b-col>\n\n              </b-row>\n            </b-col>\n          </b-row>\n        </b-col>\n        <b-col\n          v-if=\"SelectedVideo\"\n          md=\"8\"\n          style=\"max-height: 20rem;\"\n        >\n          <b-row>\n            <b-col>\n              <div class=\"text-wrapper\">\n                If video is in an archived state, you can request the video to be reactivated for playback or download.\n                Send requests to: <span class=\"email-wrapper\">\n                  <a :href=\"mailtoMsg\">\n                    {{ videoManagerEmail }}\n                  </a>\n                </span>\n              </div>\n            </b-col>\n          </b-row>\n          <b-row>\n            <b-col>\n              <h2 class=\"text-nowrap\">{{ SelectedVideo.Title }}\n                <feather-icon\n                  icon=\"DownloadIcon\"\n                  class=\"cursor-pointer font-medium-3\"\n                  @click=\"downloadVideo(SelectedVideo.VideoID)\"\n                />\n              </h2>\n            </b-col>\n            <b-col>\n              <b-button\n                v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n                type=\"button\"\n                :variant=\"'outline-secondary'\"\n                class=\"mr-1 capture-btn\"\n                @click.prevent=\"captureFrameImage()\"\n              >\n                Capture Frame Image(s)\n              </b-button>\n            </b-col>\n          </b-row>\n          <iframe\n            v-if=\"SelectedVideo.EmbedCode\"\n            id=\"videoPlayer\"\n            :src=\"'/api/file/get-video-script/' + SelectedVideo.EmbedCode + '&w=640&h=400'\"\n          />\n        </b-col>\n      </b-row>\n      <VideoCapture\n        v-if=\"CaptureFrame\"\n        :video=\"SelectedVideo\"\n        @close=\"CaptureFrame = false\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\n\nimport APIService from \"@core/utils/APIService\";\nimport {BButton, BCol, BRow} from \"bootstrap-vue\";\nimport Ripple from \"vue-ripple-directive\";\nimport VideoCapture from \"@/views/cases/components/VideoCapture\";\nimport {mapMutations} from \"vuex\";\nimport axios from \"axios\";\nimport { saveAs } from 'file-saver';\nimport {videoManagerEmail} from \"@/config/config\";\nimport ToastificationContent from \"@core/components/toastification/ToastificationContent\";\n\nconst axiosIns = axios.create({\n  responseType: 'blob',\n  headers: {\n    'Content-Type': 'video/mp4',\n  },\n})\nconst axiosVideoIns = axios.create({})\n\nconst apiService = new APIService();\n\nexport default {\n  components: {\n    VideoCapture,\n    BRow,\n    BCol,\n    BButton,\n  },\n  directives: {\n    Ripple,\n  },\n  filters: {\n    minutesFormat(val) {\n      const minutes = Math.floor(val / 1000 / 60);\n      const seconds = Math.floor(val / 1000 ) - minutes * 60;\n      const minutesTxt = minutes === 1 ? \" minute \" : \" minutes \"\n      const secondsTxt = minutes === 1 ? \" second \" : \" seconds \"\n      return minutes + minutesTxt + seconds + secondsTxt;\n    },\n  },\n  data() {\n    return {\n      CaseID: \"\",\n      JWT: \"\",\n      FileNumber: \"\",\n      Videos: [],\n      SelectedVideo: {},\n      stopVideo: false,\n\n      TotalVideos: 0,\n      TotalDuration: 0,\n      isPlay: true,\n      CaptureFrame: false,\n      videoManagerEmail: videoManagerEmail,\n      mailtoMsg: \"\"\n    }\n  },\n  watch: {\n    SelectedVideo(val) {\n      if (val) {\n        setTimeout(() => {\n          this.nextVideo(500)\n        }, 1500)\n      }\n    }\n  },\n  created() {\n    this.JWT = this.$route.query.token;\n    this.loadVideo();\n    localStorage.setItem('JWT',  this.JWT);\n  },\n  methods: {\n    ...mapMutations({\n      setVideoTime: \"video/setVideoTime\"\n    }),\n\n    showToast(variant, position, timeout, data) {\n      this.$toast({\n            component: ToastificationContent,\n            props: {\n              title: 'Text copied to clipboard',\n              icon: 'InfoIcon',\n              text: data,\n              variant,\n            },\n          },\n          {\n            position,\n            timeout,\n          })\n    },\n\n    loadVideo() {\n      const _this = this;\n      axiosVideoIns\n          .get(\"/api/videos/public?jwt=\" + _this.$route.query.token)\n          .then((res) => {\n            _this.TotalDuration = 0;\n            _this.Videos = res.data.Videos;\n            _this.FileNumber = res.data.FileNumber;\n            _this.CaseID = res.data.CaseID;\n            _this.Videos = _this.Videos.map((i, index) => { return {...i, index}})\n            for (const i in _this.Videos) {\n              _this.TotalDuration = _this.TotalDuration + _this.Videos[i].DurationMs;\n            }\n            _this.TotalVideos = _this.Videos.length;\n            _this.SelectedVideo = _this.Videos[0];\n            _this.mailtoMsg = \"mailto:\" + _this.videoManagerEmail + \"?subject=Request to Wake Video for Case \" +\n                res.data.FileNumber + \"&body=Please reactivate the video for streaming on this claim for the following dates:\"\n          })\n    },\n    captureFrameImage() {\n      const vid = document.getElementById(\"videoPlayer\").contentDocument\n      const controlTime = vid.querySelector(\"div.jw-text-elapsed\").textContent\n      this.setVideoTime(controlTime)\n      this.CaptureFrame = true;\n    },\n    nextVideo(time) {\n      setTimeout(() => {\n        const vid = document.getElementById(\"videoPlayer\").contentDocument;\n        const elapsed = vid.querySelector(\"div.jw-text-elapsed\").textContent;\n        const duration = vid.querySelector(\"div.jw-text-duration\").textContent;\n        const positionElapsed = Number(elapsed.split(\":\")[0]) * 60 + Number(elapsed.split(\":\")[1]);\n        const positionDuration = Number(duration.split(\":\")[0]) * 60 + Number(duration.split(\":\")[1]);\n        if (positionElapsed !== positionDuration) this.stopVideo = false\n        if (positionElapsed === positionDuration && positionDuration !== 0 && !this.stopVideo) {\n          const index = this.SelectedVideo.index + 1 >= this.Videos.length ? this.SelectedVideo.index : this.SelectedVideo.index + 1;\n          if (index === this.SelectedVideo.index) return;\n          this.stopVideo = true;\n          this.SelectedVideo = this.Videos[index]\n        } else {\n          this.nextVideo(500)\n        }\n      }, time)\n    },\n    playAllCaseVideos() {\n      this.isPlay = true;\n    },\n    downloadVideo(VideoID) {\n      axiosIns.get(\"/api/video/\" + VideoID + \"/download?jwt=\" + this.$route.query.token)\n          .then(response => {\n            saveAs(new File([response.data], \"\", {type: 'video/mp4'}))\n          })\n    },\n  }\n}\n</script>\n\n<style scoped>\n.video-content img,\n.video-container img {\n  width: inherit;\n  height: inherit;\n}\n.video-container {\n  display: inline-block;\n  background-color: grey;\n  height: 9rem;\n  width: 16rem;\n  position: relative;\n  top: -0.5rem;\n}\n#videoPlayer {\n  width: 100%;\n  height: 150%;\n  min-height: 30rem;\n}\n.video-content {\n  display: inline-block;\n  background-color: grey;\n  height: 4.5rem;\n  width: 8rem;\n  position: relative;\n  top: -0.5rem;\n}\n.capture-btn {\n  margin-bottom: 0.2rem;\n}\n.video-list {\n  max-height: 50rem;\n  overflow: auto;\n}\n.active-video {\n  border: 1px solid red;\n}\n.download-icon-wrapper {\n  position: absolute;\n  left: 12rem;\n  top: 1rem;\n}\n.text-wrapper {\n  width: 80%;\n  margin: auto;\n  text-align: center;\n  padding-bottom: 1rem;\n}\n.email-wrapper {\n  color: blue;\n  cursor: pointer;\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CaseVideoPublic.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CaseVideoPublic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CaseVideoPublic.vue?vue&type=template&id=2be52890&scoped=true&\"\nimport script from \"./CaseVideoPublic.vue?vue&type=script&lang=js&\"\nexport * from \"./CaseVideoPublic.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CaseVideoPublic.vue?vue&type=style&index=0&id=2be52890&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  \"2be52890\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CaseVideoPublic.vue?vue&type=style&index=0&id=2be52890&scoped=true&lang=css&\""],"sourceRoot":""}