{"version":3,"sources":["webpack:///./src/views/cases/CaseVideo.vue?5d26","webpack:///src/views/cases/CaseVideo.vue","webpack:///./src/views/cases/CaseVideo.vue?21da","webpack:///./src/views/cases/CaseVideo.vue","webpack:///./src/views/cases/CaseVideo.vue?c531"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","attrs","caseObject","CaseID","staticClass","_s","FileNumber","isPlay","_e","directives","name","rawName","value","expression","modifiers","on","$event","preventDefault","playAllCaseVideos","_l","item","index","key","SelectedVideo","VideoID","Meta","ActivityID","Title","downloadVideo","_f","ScheduledDate","DurationMs","TotalVideos","TotalDuration","class","staticStyle","mailtoMsg","videoManagerEmail","captureFrameImage","EmbedCode","CaptureFrame","staticRenderFns","responseType","headers","components","VideoCapture","BRow","BCol","BButton","Ripple","filters","minutesFormat","minutes","minutesTxt","seconds","secondsTxt","dateFormat","val","date","toLocaleDateString","options","substr","data","Videos","stopVideo","watch","setTimeout","created","$route","params","caseId","loadCase","loadVideo","methods","showToast","$toast","apiService","el","setVideoTime","controlTime","nextVideo","positionElapsed","positionDuration","axiosIns","get","component"],"mappings":"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","file":"js/chunk-2f4889f0.f23f9b65.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('router-link',{attrs:{\"to\":'/cases/' + _vm.caseObject.CaseID + '/detail'}},[_c('span',{staticClass:\"pl-1 text-nowrap\"},[_vm._v(_vm._s(_vm.caseObject.FileNumber))])])],1),_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('div',{staticClass:\"d-inline-block\"},[_c('div',[_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))])]),_c('feather-icon',{staticClass:\"ml-2 cursor-pointer font-medium-2\",attrs:{\"icon\":\"DownloadIcon\"},on:{\"click\":function($event){return _vm.downloadVideo(item.VideoID)}}})],1),_c('div',{staticClass:\"pl-1\"},[_vm._v(_vm._s(_vm._f(\"dateFormat\")(item.Meta.ScheduledDate)))])])]),_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('span',[_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      <router-link :to=\"'/cases/' + caseObject.CaseID + '/detail'\">\n        <span class=\"pl-1 text-nowrap\">{{ caseObject.FileNumber }}</span>\n      </router-link>\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                <div class=\"d-inline-block\">\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                    <feather-icon\n                      icon=\"DownloadIcon\"\n                      class=\"ml-2 cursor-pointer font-medium-2\"\n                      @click=\"downloadVideo(item.VideoID)\"\n                    />\n                  </div>\n                  <div class=\"pl-1\">{{ item.Meta.ScheduledDate | dateFormat }}</div>\n                </div>\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              <span>\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              </span>\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 ToastificationContent from \"@core/components/toastification/ToastificationContent\";\nimport {videoManagerEmail} from \"@/config/config\";\n\nconst axiosIns = axios.create({\n  responseType: 'blob',\n  headers: {\n    'Content-Type': 'video/mp4',\n  },\n})\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    dateFormat(val) {\n      if (val) {\n        const date = new Date(val);\n        const options = {month: '2-digit', day: '2-digit', year: 'numeric'}\n        if (date) return date.toLocaleDateString(\"en-US\", options);\n      }\n      if (val) return val.substr(0, 10);\n      return null\n    },\n  },\n  data() {\n    return {\n      CaseID: \"\",\n      caseObject: {},\n      Videos: [],\n      SelectedVideo: {},\n      stopVideo: false,\n\n      TotalVideos: 0,\n      TotalDuration: 0,\n      isPlay: false,\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.CaseID = this.$route.params.caseId;\n    this.loadCase();\n    this.loadVideo();\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    loadCase() {\n      apiService\n          .get(\"case/\" + this.CaseID + \"/detail\")\n          .then((res) => {\n            this.caseObject = res.data;\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\n    loadVideo() {\n      apiService\n          .get(\"case/\" + this.CaseID + \"/videos\")\n          .then((res) => {\n            this.TotalDuration = 0;\n            this.Videos = res.data;\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          })\n    },\n\n    captureFrameImage() {\n      const el = document.getElementById(\"videoPlayer\")\n      if (el) {\n        const vid = el.contentDocument\n        const controlTime = vid.querySelector(\"div.jw-text-elapsed\").textContent\n        this.setVideoTime(controlTime)\n        this.CaptureFrame = true;\n      }\n     },\n\n    nextVideo(time) {\n      setTimeout(() => {\n        const el = document.getElementById(\"videoPlayer\")\n        if (el) {\n          const vid = el.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        }\n      }, time)\n    },\n\n    playAllCaseVideos() {\n      this.isPlay = true;\n    },\n\n    downloadVideo(VideoID) {\n      axiosIns.get(\"/api/video/\" + VideoID + \"/download\")\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!./CaseVideo.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!./CaseVideo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CaseVideo.vue?vue&type=template&id=417bf77e&scoped=true&\"\nimport script from \"./CaseVideo.vue?vue&type=script&lang=js&\"\nexport * from \"./CaseVideo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CaseVideo.vue?vue&type=style&index=0&id=417bf77e&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  \"417bf77e\",\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!./CaseVideo.vue?vue&type=style&index=0&id=417bf77e&scoped=true&lang=css&\""],"sourceRoot":""}