{"version":3,"sources":["webpack:///./src/views/cases/VideoFromAction.vue?0666","webpack:///./src/views/cases/VideoFromAction.vue?431d","webpack:///src/views/cases/VideoFromAction.vue","webpack:///./src/views/cases/VideoFromAction.vue?f2e0","webpack:///./src/views/cases/VideoFromAction.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","_s","actionObj","CaseFileNumber","attrs","ActionID","ActionFileNumber","CaseID","notVisible","length","staticClass","directives","name","rawName","value","expression","modifiers","on","$event","preventDefault","makeVisibleAll","_e","TotalVideos","_f","TotalDuration","_l","item","index","key","class","VideoID","SelectedVideo","IsPublished","showDetails","Title","DurationMs","getUserType","UploadedBy","CreatedDate","changeVisible","downloadVideo","staticStyle","mailtoMsg","videoManagerEmail","captureFrameImage","EmbedCode","CaptureFrame","staticRenderFns","responseType","headers","components","VideoCapture","BRow","BCol","BButton","Ripple","filters","IsHidden","val","dateFormat","date","toLocaleDateString","options","Time","minutesFormat","minutes","minutesTxt","seconds","secondsTxt","data","ActivityID","Videos","stopVideo","computed","watch","setTimeout","created","$route","params","actionID","activityID","loadAction","loadVideo","methods","showToast","$toast","apiService","setVideoTime","controlTime","localStorage","setItem","nextVideo","positionElapsed","positionDuration","window","open","axiosIns","get","component"],"mappings":"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","file":"js/chunk-505dbc23.8ed634ab.js","sourcesContent":["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!./VideoFromAction.vue?vue&type=style&index=0&id=69e2af70&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-row',[_c('b-col',[_c('h2',[_vm._v(\"Case \"+_vm._s(_vm.actionObj.CaseFileNumber))])])],1),_c('hr'),_c('b-row',[_c('b-col',[_c('router-link',{attrs:{\"to\":'/cases/edit-action/' + _vm.actionObj.ActionID}},[_c('h2',[_vm._v(\"Action \"+_vm._s(_vm.actionObj.ActionFileNumber))])])],1)],1),_c('b-row',[_c('b-col',[_c('router-link',{attrs:{\"to\":'/cases/' + _vm.actionObj.CaseID + '/detail/ACTIONS'}},[_c('h3',[_vm._v(\"Case \"+_vm._s(_vm.actionObj.CaseFileNumber))])])],1)],1),(_vm.notVisible.length >= 1)?_c('b-row',[_c('b-col',[_c('b-row',[_c('b-col',{staticClass:\"text-center\"},[_c('span',[_vm._v(\"One or more video(s) are not visible to client users.\")])])],1),_c('b-row',[_c('b-col',{staticClass:\"text-center\"},[_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\":'primary'},on:{\"click\":function($event){$event.preventDefault();return _vm.makeVisibleAll()}}},[_vm._v(\" Make Visible to All \")])],1)],1)],1)],1):_vm._e(),_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, 'not-visible': !item.IsPublished}},[_c('b-col',{attrs:{\"md\":\"5\"}},[_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-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.showDetails(item)}}},[_vm._v(\" Video by Frames \")])],1),_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))+\" \")]),(_vm.getUserType !== 'Client')?_c('div',[_c('div',{staticClass:\"text-nowrap\"},[_vm._v(\" Uploaded by \"+_vm._s(item.UploadedBy)+\" \")]),_c('div',{staticClass:\"text-nowrap\"},[_vm._v(\" on \"+_vm._s(_vm._f(\"dateFormat\")(item.CreatedDate))+\" \")]),_c('div',{staticClass:\"text-nowrap btn-link cursor-pointer\",on:{\"click\":function($event){return _vm.changeVisible(item)}}},[_vm._v(\" \"+_vm._s(item.IsPublished ? \"Hide\" : \"Make Visible\")+\" \")])]):_vm._e(),_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\":\"22rem\"},attrs:{\"md\":\"7\"}},[_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:\"ml-2 cursor-pointer font-medium-2\",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)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <b-row>\n      <b-col>\n        <h2>Case {{ actionObj.CaseFileNumber }}</h2>\n      </b-col>\n    </b-row>\n    <hr>\n    <b-row>\n      <b-col>\n        <router-link\n          :to=\"'/cases/edit-action/' + actionObj.ActionID\"\n        >\n          <h2>Action {{ actionObj.ActionFileNumber }}</h2>\n        </router-link>\n      </b-col>\n    </b-row>\n    <b-row>\n      <b-col>\n        <router-link\n          :to=\"'/cases/' + actionObj.CaseID + '/detail/ACTIONS'\"\n        >\n          <h3>Case {{ actionObj.CaseFileNumber }}</h3>\n        </router-link>\n      </b-col>\n    </b-row>\n    <b-row v-if=\"notVisible.length >= 1\">\n      <b-col>\n        <b-row>\n          <b-col class=\"text-center\">\n            <span>One or more video(s) are not visible to client users.</span>\n          </b-col>\n        </b-row>\n        <b-row>\n          <b-col class=\"text-center\">\n            <b-button\n              v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n              type=\"button\"\n              :variant=\"'primary'\"\n              class=\"mr-1\"\n              @click.prevent=\"makeVisibleAll()\"\n            >\n              Make Visible to All\n            </b-button>\n          </b-col>\n        </b-row>\n      </b-col>\n    </b-row>\n\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, 'not-visible': !item.IsPublished}\"\n        >\n          <b-col md=\"5\">\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-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=\"showDetails(item)\"\n                >\n                  Video by Frames\n                </b-button>\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 v-if=\"getUserType !== 'Client'\">\n                  <div class=\"text-nowrap\">\n                    Uploaded by {{ item.UploadedBy }}\n                  </div>\n                  <div class=\"text-nowrap\">\n                    on {{ item.CreatedDate | dateFormat }}\n                  </div>\n                  <div\n                    class=\"text-nowrap btn-link cursor-pointer\"\n                    @click=\"changeVisible(item)\"\n                  >\n                    {{ item.IsPublished ? \"Hide\" : \"Make Visible\" }}\n                  </div>\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=\"7\"\n        style=\"max-height: 22rem;\"\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=\"ml-2 cursor-pointer font-medium-2\"\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</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 {mapGetters, 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})\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    IsHidden(val) {\n      return val ? \"Visible\" : \"Hidden\"\n    },\n    dateFormat(val) {\n      const date = new Date(val);\n      const options = {year: 'numeric', month: '2-digit', day: '2-digit'}\n      const timeOptions = { hour: '2-digit', minute: '2-digit', second: '2-digit' };\n      const Time = date.toLocaleTimeString(\"en-US\", timeOptions);\n      if (date) return date.toLocaleDateString(\"en-US\", options) + \" \" + Time;\n    },\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      ActionID: \"\",\n      ActivityID: \"\",\n      actionObj: {},\n      notVisible: [],\n      Videos: [],\n      SelectedVideo: {},\n      stopVideo: false,\n\n      TotalVideos: 0,\n      TotalDuration: 0,\n      CaptureFrame: false,\n      videoManagerEmail: videoManagerEmail,\n      mailtoMsg: \"\"\n    }\n  },\n  computed: {\n    ...mapGetters({\n      getUserType: \"auth/getUserType\",\n      getCurrentScopes: \"scopes/getCurrentScopes\",\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.ActionID = this.$route.params.actionID;\n    this.ActivityID = this.$route.params.activityID;\n    if (this.ActionID) {\n      this.loadAction();\n      this.loadVideo();\n    }\n    if (this.ActivityID) {\n      this.loadVideo(true);\n    }\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    loadAction() {\n      apiService\n          .get(\"action/\" + this.ActionID + \"/detail\")\n          .then(response => {\n            this.actionObj = response.data;\n            this.mailtoMsg = \"mailto:\" + this.videoManagerEmail + \"?subject=Request to Wake Video for Case \" +\n                response.data.CaseFileNumber + \"&body=Please reactivate the video for streaming on this claim for the following dates:\"\n          })\n    },\n    loadVideo(activity = false) {\n      const patch = activity ? (\"activity/\" + this.ActivityID) : (\"action/\" + this.ActionID)\n      apiService\n          .get(patch + \"/videos\")\n          .then(res => {\n            this.TotalDuration = 0;\n            if (this.getUserType === \"Client\") {\n              this.Videos = res.data.filter(i => i.IsPublished === true);\n            } else {\n              this.Videos = res.data;\n              this.notVisible = res.data.filter(i => i.IsPublished === false);\n            }\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            if (activity) {\n              apiService\n                  .get(\"activity/\" + this.ActivityID + \"/detail\")\n                  .then(ressult => {\n                    this.ActionID = ressult.data.ActionID\n                    this.loadAction();\n                  })\n            }\n          })\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      localStorage.setItem('videoTime', this.SelectedVideo.DurationMs)\n    },\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\n    showDetails(item) {\n      localStorage.setItem('videoTime', item.DurationMs)\n      localStorage.setItem('activityID', this.ActivityID)\n      window.open('/cases/activity/video/' + item.VideoID + '/' + this.ActivityID  + '/' + item.DurationMs, '_blank');\n    },\n\n    makeVisibleAll() {\n      apiService\n          .post(\"action/\" + this.ActionID + \"/videos/publish-all\")\n          .then(() => {\n            this.loadVideo(!!this.ActivityID);\n          })\n    },\n\n    changeVisible(item) {\n      const postData = {\n        \"Publish\": !item.IsPublished\n      }\n      apiService\n          .post(\"video/\" + item.VideoID + \"/change-publish-state\", postData)\n          .then(() => {\n            this.loadVideo(!!this.ActivityID);\n          })\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#videoPlayer {\n  width: 100%;\n  height: 100%;\n  min-height: 30rem;\n}\n.video-content img {\n  width: inherit;\n  height: inherit;\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 {\nmargin-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: 15rem;\n  top: 2rem;\n}\n.not-visible {\n  background-color: rgb(234 84 85 / 40%);\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!./VideoFromAction.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!./VideoFromAction.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VideoFromAction.vue?vue&type=template&id=69e2af70&scoped=true&\"\nimport script from \"./VideoFromAction.vue?vue&type=script&lang=js&\"\nexport * from \"./VideoFromAction.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VideoFromAction.vue?vue&type=style&index=0&id=69e2af70&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  \"69e2af70\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}