{"version":3,"sources":["webpack:///./src/components/user-panel/pages/obeya-room/Index.vue","webpack:///./src/components/user-panel/pages/obeya-room/VideosList.vue","webpack:///./src/components/user-panel/pages/obeya-room/VideoItem.vue","webpack:///./src/components/user-panel/pages/obeya-room/VideoItem.vue?5249","webpack:///./src/components/user-panel/pages/obeya-room/VideosList.vue?622b","webpack:///./src/components/user-panel/pages/obeya-room/Index.vue?7f09","webpack:///./src/mixins/handleSpace.js","webpack:///./src/components/shared/Components/NotFound.vue","webpack:///./src/components/shared/Components/NotFound.vue?c825","webpack:///./src/services/thumbnails.js","webpack:///./src/components/shared/Components/NotFound.vue?64e0","webpack:///./src/utils/thumbnail.js","webpack:///./src/components/user-panel/pages/obeya-room/VideoItem.vue?4bab"],"names":["class","_createVNode","_component_a_modal","id","visible","$data","orgTagsModal","$event","title","centered","footer","body-style","closeIcon","_withCtx","_component_close_outlined","_createElementVNode","_hoisted_1","_component_a_input","value","tagName","name","placeholder","onSearch","$options","handleAddOrgTag","_component_a_switch","checked","isModelTag","onChange","handleSwitchChange","checkedChildren","unCheckedChildren","_component_a_button","type","disabled","loading","isCreatingObject","onClick","_component_plus_outlined","_hoisted_2","_component_a_list","size","isLoadingTag","item-layout","data-source","_ctx","organizationTags","renderItem","item","index","tagIndex","_component_a_list_item","actions","_component_a_popconfirm","ok-text","cancel-text","onConfirm","handleDeleteTag","_component_a_space","_component_a_tooltip","_component_DeleteOutlined","_component_a_list_item_meta","tag_name","description","tag_type","_component_a_row","gutter","_component_a_col","xs","sm","md","lg","_component_a_select","task_id","show-search","ref","options","taskOptions","onChangeTask","filter-option","filterOption","isFetchingTasks","style","selectedVideoType","videoTypeOptions","_cache","val","setSelectedVideoType","_component_a_date_picker","show-time","dateRange","disabled-date","disabledStartDate","disabledEndDate","getVideos","span","openTagsModal","icon","_component_videos_list","count","videosCount","list","videoList","sortBy","getVideoS3Details","onSetSortBy","length","_createBlock","_component_a_pagination","total","current","Number","currentPage","show-size-changer","show-total","range","onPageChange","_component_a_card","bodyStyle","height","overflowY","isFetchingVideos","_component_a_typography_title","level","_component_a_tag","color","$props","_createElementBlock","_Fragment","key","$emit","$setup","optionsForSorting","_$data$videoToPlay","showVideo","videoToPlay","fileName","destroyOnClose","_component_a_descriptions","_component_a_descriptions_item","label","_$data$videoToPlay2","_$data$videoToPlay3","duration","_$data$videoToPlay4","isfetchingVideoUrl","_hoisted_3","_component_a_spin","controls","src","fileURL","_renderList","_component_video_item","onHandlePlay","handleVideoPlay","_component_a_empty","image","Empty","PRESENTED_IMAGE_SIMPLE","xl","_$data$record","hoverable","record","_$data$record2","_$data$record3","args","handleClickThumbnail","isThumbnailExist","thumbnailUrl","alt","onError","updateVideoItem","_component_not_found_image","alt-url","_hoisted_4","getVideoTypeTagText","_component_a_rate","starred","handleBookmark","_hoisted_5","_$data$record4","comments","_normalizeStyle","_$data$record5","_component_a_comment","author","user_id","username","content","comment","isAssociateUserComment","_$data$record6","_component_delete_outlined","deleteComment","_component_a_form","layout","model","onFinish","handleAddNewComment","_component_a_form_item","_$data$record7","_component_a_textarea","rows","_$data$record8","html-type","addingComment","components","DeleteOutlined","NotFoundImage","props","setup","userId","localStorage","getItem","userName","data","bookmark","queuedthumbnailGenerations","beforeMount","this","watch","handler","isThumbnailGenerationInitiated","push","handleThumbnailGeneration","deep","computed","mapGetters","getSortedTask","allTasks","methods","mapActions","taskId","Task","taskName","getTaskName","thumbnailPath","isUploadedVideo","trainingThumbnail","organization","traceThumbnail","getThumbnailUrl","video","includes","error","generateThumbnail","filter","payload","ThumbnailService","star","VideoService","updateTaskRecord","user_data","_this$taskOptions$fin","find","task","startsWith","slice","trim","entity_id","res","addNewEntity","temp","comment_res","createComment","user","no_of_comments","createEntityForVideo","addNewComment","updatedData","videoToUpdate","t","_","console","log","decreaseCommentCount","__exports__","VideoItem","emits","getVideoUrl","Promise","async","resolve","reject","bucket","filePath","bucket_name","object_path","getPresignedUrl","presigned_url","mixins","spaceMixin","CloseOutlined","VideosList","PlusOutlined","inject","undefined","searchValue","created","getAllTasks","populateParams","selectedTask","setVideosList","setVideosCount","Object","entries","videoTypes","map","setTaskId","page","deleteOrganizationTag","toast","tagIdToNameMap","removeTag","maxLength","validCharsPattern","test","descript","tagDesc","createOrganizationTag","_error$response","errorMessage","response","addNewTag","err","_err$response","message","fetchOrganizationTags","getDateTime","date","dayjs","format","dateTimeFormat","$refs","obeya_room_task_select","blur","setRouteQueryParams","query","$router","replace","$route","params","datetime_start","datetime_end","fetchVideos","device_id","render","handleSpace","e","el","target","position","selectionStart","$nextTick","setSelectionRange","handleDDSpace","input","option","_option$label","toLowerCase","indexOf","notFoundUrl","altUrl","public_url","process","spinner","ApiHelper","post","thumbnail_path","orgName","validationThumbnail"],"mappings":"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","file":"js/chunk-43b0c5bb.a6fa3b8c.js","sourcesContent":["<template>\r\n  <a-modal\r\n    id=\"add-tag-modal\"\r\n    v-model:visible=\"orgTagsModal\"\r\n    title=\"Tags\"\r\n    centered\r\n    :footer=\"null\"\r\n    :body-style=\"{\r\n      height: '50vh',\r\n      display: 'flex',\r\n      flexDirection: 'column',\r\n      gap: '0.5em',\r\n    }\"\r\n  >\r\n    <template #closeIcon>\r\n      <close-outlined id=\"add-tag-modal-close-btn\" />\r\n    </template>\r\n    <div class=\"d-flex justify-content-center align-items-center\">\r\n      <a-input\r\n        id=\"tag-name-input\"\r\n        v-model:value=\"tagName\"\r\n        name=\"tagName\"\r\n        placeholder=\"Tag Name\"\r\n        @search=\"handleAddOrgTag\"\r\n      />\r\n\r\n      <a-switch class=\"mx-2\" :checked=\"isModelTag\" @change=\"handleSwitchChange\">\r\n        <template #checkedChildren>Model</template>\r\n        <template #unCheckedChildren>Video</template>\r\n      </a-switch>\r\n      <a-button\r\n        id=\"add-tag-btn\"\r\n        type=\"primary\"\r\n        :disabled=\"!tagName\"\r\n        :loading=\"isCreatingObject\"\r\n        @click=\"handleAddOrgTag\"\r\n      >\r\n        <plus-outlined />\r\n        Add\r\n      </a-button>\r\n    </div>\r\n\r\n    <div class=\"overflow-y-auto\">\r\n      <a-list\r\n        id=\"tags-list\"\r\n        size=\"small\"\r\n        :loading=\"isLoadingTag\"\r\n        item-layout=\"horizontal\"\r\n        :data-source=\"organizationTags\"\r\n      >\r\n        <template #renderItem=\"{ item, index: tagIndex }\">\r\n          <a-list-item>\r\n            <!-- {{ console.log('item: ', item) }} -->\r\n            <a-list-item-meta\r\n              :id=\"'tag-' + tagIndex\"\r\n              :title=\"item.tag_name\"\r\n              :description=\"item.tag_type\"\r\n            />\r\n            <template #actions>\r\n              <a-popconfirm\r\n                :title=\"`Are you sure you want to remove this tag?`\"\r\n                ok-text=\"Yes\"\r\n                cancel-text=\"No\"\r\n                @confirm=\"handleDeleteTag(item.id)\"\r\n              >\r\n                <a-space>\r\n                  <a-tooltip title=\"Remove\">\r\n                    <DeleteOutlined />\r\n                  </a-tooltip>\r\n                </a-space>\r\n              </a-popconfirm>\r\n            </template>\r\n          </a-list-item>\r\n        </template>\r\n      </a-list>\r\n    </div>\r\n  </a-modal>\r\n  <a-row :gutter=\"[8, 8]\" class=\"py-4 px-2 p-md-4\" id=\"obeya-room-container\">\r\n    <a-col :xs=\"24\" :sm=\"24\" :md=\"8\" :lg=\"8\">\r\n      <a-select\r\n        v-model:value=\"task_id\"\r\n        show-search\r\n        ref=\"obeya_room_task_select\"\r\n        placeholder=\"Select a Operation\"\r\n        class=\"w-100\"\r\n        :options=\"taskOptions\"\r\n        @change=\"onChangeTask\"\r\n        :filter-option=\"filterOption\"\r\n        :loading=\"isFetchingTasks\"\r\n        id=\"obeya-room-select-task\"\r\n      >\r\n      </a-select>\r\n    </a-col>\r\n    <a-col :xs=\"12\" :sm=\"12\" :md=\"4\" :lg=\"4\">\r\n      <a-select\r\n        style=\"width: 100%\"\r\n        placeholder=\"Select Cycle Type\"\r\n        :value=\"selectedVideoType\"\r\n        :options=\"videoTypeOptions\"\r\n        @change=\"(val) => setSelectedVideoType(val)\"\r\n        id=\"obeya-room-select-video-type-filter\"\r\n      >\r\n      </a-select>\r\n    </a-col>\r\n    <!-- /**\r\n     * Renders two date picker components for selecting a date range.\r\n     * The first date picker is for selecting the start date, and the second is for selecting the end date.\r\n     * The `disabledStartDate` and `disabledEndDate` functions are used to disable dates that are not allowed to be selected.\r\n     * The selected start and end dates are bound to the `dateRange` array.\r\n     */ -->\r\n    <a-col :xs=\"12\" :sm=\"12\" :md=\"4\" :lg=\"4\">\r\n      <a-date-picker\r\n        class=\"w-100\"\r\n        id=\"analytics-trace-date-range-filter\"\r\n        show-time\r\n        :placeholder=\"'Start date (yyyy-mm-dd)'\"\r\n        v-model:value=\"dateRange[0]\"\r\n        :disabled-date=\"disabledStartDate\"\r\n      />\r\n    </a-col>\r\n    <a-col :xs=\"12\" :sm=\"12\" :md=\"4\" :lg=\"4\">\r\n      <a-date-picker\r\n        class=\"w-100\"\r\n        id=\"analytics-trace-date-range-filter\"\r\n        show-time\r\n        :placeholder=\"'End date (yyyy-mm-dd)'\"\r\n        v-model:value=\"dateRange[1]\"\r\n        :disabled-date=\"disabledEndDate\"\r\n      />\r\n    </a-col>\r\n\r\n    <a-col :xs=\"12\" :sm=\"12\" :md=\"4\" :lg=\"4\">\r\n      <a-button type=\"primary\" @click=\"getVideos\" id=\"obeya-room-submit-btn\"\r\n        >Submit</a-button\r\n      >\r\n    </a-col>\r\n\r\n    <a-col\r\n      span=\"24\"\r\n      class=\"mt-4 flex justify-content-end align-items-center\"\r\n      id=\"obeya-room-videos-container\"\r\n    >\r\n      <a-space>\r\n        <a-button id=\"add-tags-button\" type=\"primary\" @click=\"openTagsModal\">\r\n          <template #icon>\r\n            <plus-outlined />\r\n          </template>\r\n          Add Tags\r\n        </a-button>\r\n      </a-space>\r\n    </a-col>\r\n\r\n    <a-col span=\"24\" class=\"mt-4\" id=\"obeya-room-videos-container\">\r\n      <videos-list\r\n        :count=\"videosCount\"\r\n        :list=\"videoList\"\r\n        :sortBy=\"sortBy\"\r\n        :getVideoS3Details=\"getVideoS3Details\"\r\n        @setSortBy=\"(val) => (sortBy = val)\"\r\n      >\r\n      </videos-list>\r\n    </a-col>\r\n\r\n    <a-col span=\"24\" class=\"d-flex\" v-if=\"videoList.length > 0\">\r\n      <a-pagination\r\n        class=\"mx-auto mt-2\"\r\n        :total=\"videosCount\"\r\n        :current=\"Number(currentPage)\"\r\n        :show-size-changer=\"false\"\r\n        :show-total=\"\r\n          (total, range) => `${range[0]}-${range[1]} of ${total} cycles`\r\n        \"\r\n        @change=\"onPageChange\"\r\n        id=\"obeya-room-videos-pagination\"\r\n      >\r\n      </a-pagination>\r\n    </a-col>\r\n  </a-row>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  CloseOutlined,\r\n  DeleteOutlined,\r\n  PlusOutlined,\r\n} from '@ant-design/icons-vue';\r\nimport dayjs from 'dayjs';\r\nimport { dateTimeFormat } from 'src/config/date-format-config';\r\nimport videoTypes from 'src/config/video-type-config';\r\nimport spaceMixin from 'src/mixins/handleSpace';\r\nimport VideoService from 'src/services/videos';\r\nimport { getSortedTask } from 'src/utils/task';\r\nimport { mapActions, mapGetters } from 'vuex';\r\nimport VideosList from './VideosList.vue';\r\n\r\nexport default {\r\n  mixins: [spaceMixin],\r\n  components: {\r\n    CloseOutlined,\r\n    DeleteOutlined,\r\n    VideosList,\r\n    PlusOutlined,\r\n  },\r\n  inject: ['toast'],\r\n  data() {\r\n    return {\r\n      isModelTag: true,\r\n      orgTagsModal: false,\r\n      dateRange: [null, null],\r\n      task_id: undefined,\r\n      searchValue: '',\r\n      currentPage: 1,\r\n      sortBy: 'none',\r\n      isCreatingObject: false,\r\n      tagName: '',\r\n      isLoadingTag: false,\r\n    };\r\n  },\r\n  created() {\r\n    this.getAllTasks();\r\n    this.populateParams();\r\n\r\n    if (!this.selectedTask) {\r\n      this.setVideosList([]);\r\n      this.setVideosCount(0);\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters([\r\n      'selectedTask',\r\n      'allTasks',\r\n      'isFetchingTasks',\r\n      'videoList',\r\n      'videosCount',\r\n      'organization',\r\n      'videoTypes',\r\n      'selectedVideoType',\r\n      'organizationTags',\r\n    ]),\r\n\r\n    taskOptions() {\r\n      return getSortedTask(this.allTasks);\r\n    },\r\n\r\n    videoTypeOptions() {\r\n      return Object.entries(this.videoTypes).map(([key, value]) => ({\r\n        value: value,\r\n        label: key,\r\n      }));\r\n    },\r\n  },\r\n  watch: {\r\n    task_id(value) {\r\n      if (!value) return;\r\n      this.setTaskId(value);\r\n      this.sortBy = 'none';\r\n    },\r\n\r\n    currentPage(page) {\r\n      this.getVideos();\r\n    },\r\n\r\n    sortBy(value) {\r\n      this.getVideos();\r\n    },\r\n  },\r\n  methods: {\r\n    ...mapActions([\r\n      'getAllTasks',\r\n      'setTaskId',\r\n      'fetchVideos',\r\n      'setVideosList',\r\n      'setVideosCount',\r\n      'setSelectedVideoType',\r\n      'fetchOrganizationTags',\r\n      'addNewTag',\r\n      'removeTag',\r\n    ]),\r\n\r\n    handleSwitchChange(checked) {\r\n      this.isModelTag = !this.isModelTag;\r\n    },\r\n\r\n    async handleDeleteTag(id) {\r\n      this.isLoadingTag = true;\r\n      const [error] = await VideoService.deleteOrganizationTag(id);\r\n      this.isLoadingTag = false;\r\n      if (error) {\r\n        this.toast.error(`Unable to delete ${this.tagIdToNameMap[id]} tag!`);\r\n        return;\r\n      }\r\n      this.removeTag(id);\r\n    },\r\n\r\n    async handleAddOrgTag() {\r\n      const maxLength = 30;\r\n      const validCharsPattern = /^[a-zA-Z0-9 _-]+$/;\r\n\r\n      if (this.tagName.length > maxLength) {\r\n        this.toast.error(`Tag must be ${maxLength} characters or fewer.`);\r\n        return;\r\n      }\r\n\r\n      if (!validCharsPattern.test(this.tagName)) {\r\n        this.toast.error(\r\n          'Tag can only contain letters, numbers, spaces, hyphens (-), and underscores (_).'\r\n        );\r\n        return;\r\n      }\r\n\r\n      this.isLoadingTag = true;\r\n      const payload = {\r\n        tag_name: this.tagName,\r\n        descript: this.tagDesc || 'default',\r\n        organization: this.organization,\r\n        tag_type: this.isModelTag ? 'model' : 'video',\r\n      };\r\n      try {\r\n        const [error, data] = await VideoService.createOrganizationTag(payload);\r\n        this.isLoadingTag = false;\r\n        if (error) {\r\n          const errorMessage =\r\n            error?.response?.data?.tag_name[0] || 'Unable to add tag!';\r\n          this.toast.error(errorMessage);\r\n          return;\r\n        }\r\n\r\n        this.addNewTag(data);\r\n        this.tagName = '';\r\n        this.tagDesc = '';\r\n      } catch (err) {\r\n        this.isLoadingTag = false;\r\n        const errorMessage =\r\n          err.response?.data?.message || 'An unexpected error occurred';\r\n        this.toast.error(errorMessage);\r\n      }\r\n    },\r\n\r\n    openTagsModal() {\r\n      this.orgTagsModal = true;\r\n      this.fetchOrganizationTags();\r\n    },\r\n\r\n    disabledStartDate(current) {\r\n      return (\r\n        current &&\r\n        this.getDateTime(current) > this.getDateTime(this.dateRange[1])\r\n      );\r\n    },\r\n\r\n    disabledEndDate(current) {\r\n      return (\r\n        current &&\r\n        this.getDateTime(current) < this.getDateTime(this.dateRange[0])\r\n      );\r\n    },\r\n\r\n    getDateTime(date) {\r\n      return `${dayjs(date).format(dateTimeFormat)}`;\r\n    },\r\n\r\n    onPageChange(page) {\r\n      this.currentPage = page;\r\n    },\r\n\r\n    onChangeTask() {\r\n      this.currentPage = 1;\r\n      this.setSelectedVideoType(videoTypes['All Videos']);\r\n      this.$refs.obeya_room_task_select.blur();\r\n    },\r\n\r\n    setRouteQueryParams(query) {\r\n      this.$router.replace({\r\n        name: this.$route.name,\r\n        query,\r\n      });\r\n    },\r\n\r\n    getTaskName(taskId) {\r\n      if (!taskId) return;\r\n      return this.taskOptions.find((task) => task.value === taskId).label;\r\n    },\r\n\r\n    getVideos() {\r\n      if (!this.task_id) return;\r\n      const params = {\r\n        taskId: this.task_id,\r\n        page: this.currentPage,\r\n        type: this.selectedVideoType,\r\n        ...(this.dateRange[1] && {\r\n          datetime_start: dayjs(this.dateRange[0]).format(\r\n            'YYYY-MM-DDTHH:mm:ss'\r\n          ),\r\n        }),\r\n        ...(this.dateRange[0] && {\r\n          datetime_end: dayjs(this.dateRange[1]).format('YYYY-MM-DDTHH:mm:ss'),\r\n        }),\r\n      };\r\n      console.log('this.dateRange: ', this.dateRange);\r\n      this.fetchVideos({\r\n        ...params,\r\n        sortBy: this.sortBy,\r\n      });\r\n      this.setRouteQueryParams(params);\r\n    },\r\n\r\n    populateParams() {\r\n      const { taskId, page, type, datetime_start, datetime_end, sortBy } =\r\n        this.$route.query;\r\n      this.task_id = taskId && Number(taskId);\r\n      this.currentPage = page ? Number(page) : 1;\r\n      this.dateRange[0] = datetime_start ? dayjs(datetime_start) : null;\r\n      this.dateRange[1] = datetime_end ? dayjs(datetime_end) : null;\r\n      this.setSelectedVideoType(type || videoTypes['All Videos']);\r\n      this.getVideos();\r\n    },\r\n\r\n    getVideoS3Details(video) {\r\n      var bucket = '';\r\n      var filePath = '';\r\n      if (!this.task_id) return;\r\n      const { fileName, device_id } = video;\r\n      const taskName = this.getTaskName(this.task_id);\r\n      if (video.isUploadedVideo) {\r\n        bucket = `${this.organization}-training`;\r\n        filePath = `${taskName}/Videos/${fileName}`;\r\n      } else {\r\n        bucket = `${this.organization}-videos`;\r\n        filePath = `${device_id}/${this.task_id}/Processed/${fileName}`;\r\n      }\r\n      return { bucket, filePath };\r\n    },\r\n  },\r\n};\r\n</script>\r\n","<template>\r\n  <a-card\r\n    :bodyStyle=\"{ height: '63vh', overflowY: 'auto' }\"\r\n    id=\"obeya-room-videos-card\"\r\n    :loading=\"isFetchingVideos\"\r\n  >\r\n    <template #title>\r\n      <div class=\"d-flex align-items-center\">\r\n        <a-typography-title :level=\"5\" class=\"my-0\">\r\n          Total Videos: &nbsp;\r\n          <a-tag color=\"blue\" id=\"obeya-room-videos-count\">{{ count }}</a-tag>\r\n        </a-typography-title>\r\n        <template v-if=\"videosCount\">\r\n          <label class=\"ml-auto mr-2 text-secondary\">Sort By:</label>\r\n          <a-select\r\n            :value=\"sortBy\"\r\n            @change=\"(value) => $emit('setSortBy', value)\"\r\n            :options=\"optionsForSorting\"\r\n            style=\"width: 10vw\"\r\n          ></a-select>\r\n        </template>\r\n      </div>\r\n    </template>\r\n    <a-modal\r\n      v-model:visible=\"showVideo\"\r\n      :title=\"videoToPlay?.fileName\"\r\n      centered\r\n      destroyOnClose\r\n      id=\"obeya-room-video-modal\"\r\n    >\r\n      <template #footer>\r\n        <a-row>\r\n          <a-col span=\"14\">\r\n            <a-descriptions title=\"Details\" class=\"text-start\">\r\n              <a-descriptions-item label=\"File Name: \" span=\"3\">\r\n                <a-tag color=\"blue\">\r\n                  {{ videoToPlay?.fileName }}\r\n                </a-tag>\r\n              </a-descriptions-item>\r\n              <a-descriptions-item label=\"Duration: \">\r\n                <a-tag color=\"blue\">\r\n                  {{ videoToPlay?.duration }}\r\n                </a-tag>\r\n              </a-descriptions-item>\r\n            </a-descriptions>\r\n          </a-col>\r\n        </a-row>\r\n      </template>\r\n      <div\r\n        class=\"w-100 d-flex\"\r\n        style=\"height: 350px !important\"\r\n        v-if=\"isfetchingVideoUrl\"\r\n      >\r\n        <a-spin class=\"m-auto\" size=\"large\" />\r\n      </div>\r\n      <video\r\n        class=\"w-100\"\r\n        v-else\r\n        controls\r\n        :src=\"videoToPlay?.fileURL\"\r\n        id=\"obeya-room-modal-video\"\r\n      ></video>\r\n    </a-modal>\r\n    <a-row\r\n      v-if=\"list.length > 0\"\r\n      :gutter=\"[32, 24]\"\r\n      id=\"obeya-room-video-list\"\r\n      class=\"d-flex justify-content-between\"\r\n    >\r\n      <video-item\r\n        v-for=\"(item, index) in list\"\r\n        :key=\"index\"\r\n        :item=\"item\"\r\n        @handlePlay=\"handleVideoPlay\"\r\n      >\r\n      </video-item>\r\n    </a-row>\r\n    <a-empty v-else :image=\"Empty.PRESENTED_IMAGE_SIMPLE\" />\r\n  </a-card>\r\n</template>\r\n\r\n<script>\r\nimport { DeleteOutlined } from '@ant-design/icons-vue';\r\nimport { Empty } from 'ant-design-vue';\r\nimport { mapGetters } from 'vuex';\r\nimport VideoService from '../../../../services/videos';\r\nimport VideoItem from './VideoItem.vue';\r\n\r\nexport default {\r\n  setup() {\r\n    const optionsForSorting = [\r\n      {\r\n        value: 'none',\r\n        label: 'None',\r\n      },\r\n      {\r\n        value: '-',\r\n        label: 'Most Commented',\r\n      },\r\n      {\r\n        value: '',\r\n        label: 'Less Commented',\r\n      },\r\n    ];\r\n    return { Empty, optionsForSorting };\r\n  },\r\n  components: {\r\n    DeleteOutlined,\r\n    VideoItem,\r\n  },\r\n  props: ['count', 'list', 'sortBy', 'getVideoS3Details'],\r\n  emits: ['setSortBy'],\r\n\r\n  data() {\r\n    return {\r\n      showVideo: false,\r\n      videoToPlay: null,\r\n      isfetchingVideoUrl: false,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters(['isFetchingVideos', 'videosCount']),\r\n  },\r\n  methods: {\r\n    getVideoUrl(video) {\r\n      return new Promise(async (resolve, reject) => {\r\n        const { bucket, filePath } = this.getVideoS3Details(video);\r\n        const payload = {\r\n          bucket_name: bucket,\r\n          object_path: filePath,\r\n        };\r\n        const [error, data] = await VideoService.getPresignedUrl(payload);\r\n        if (error) {\r\n          console.log('error while fetching url');\r\n          reject(error);\r\n        }\r\n        resolve(data);\r\n      });\r\n    },\r\n\r\n    async handleVideoPlay(item) {\r\n      if (!item.fileURL) {\r\n        this.isfetchingVideoUrl = true;\r\n        const { presigned_url } = await this.getVideoUrl(item);\r\n        this.isfetchingVideoUrl = false;\r\n        if (presigned_url) item = { ...item, fileURL: presigned_url };\r\n      }\r\n      this.videoToPlay = item;\r\n      this.showVideo = true;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style></style>\r\n","<template>\r\n  <a-col :xs=\"24\" :sm=\"24\" :md=\"24\" :lg=\"12\" :xl=\"12\">\r\n    <a-card\r\n      hoverable\r\n      size=\"small\"\r\n      class=\"border\"\r\n      :id=\"record?.fileName + '-card'\"\r\n    >\r\n      <a-row class=\"video-container\">\r\n        <a-col\r\n          :xs=\"24\"\r\n          :sm=\"24\"\r\n          :md=\"24\"\r\n          :lg=\"24\"\r\n          :xl=\"24\"\r\n          class=\"d-flex align-items-start mb-2\"\r\n        >\r\n          <div class=\"video_thumbnail\" @click=\"handleClickThumbnail\">\r\n            <img\r\n              v-if=\"record?.isThumbnailExist\"\r\n              class=\"o-video-img h-100\"\r\n              :src=\"thumbnailUrl(record)\"\r\n              :alt=\"record.fileName\"\r\n              :id=\"'thumbnail-' + record?.fileName\"\r\n              @error=\"updateVideoItem({\r\n                ...record,\r\n                isThumbnailExist: false,\r\n                });\"\r\n            />\r\n            <span v-else class=\"w-100 h-100\">\r\n              <not-found-image :alt-url=\"thumbnailUrl(record)\" />\r\n            </span>\r\n          </div>\r\n          <div class=\"ml-2 w-100\">\r\n            <div class=\"mt-1 d-flex align-items-start\">\r\n              File Name :\r\n              <a-tag class=\"ml-1\" color=\"blue\"> {{ record.fileName }} </a-tag>\r\n\r\n              <a-tag color=\"red\">{{ getVideoTypeTagText() }}</a-tag>\r\n              <a-rate\r\n                style=\"margin-left: auto;margin-top: -0.5em;font-size: 2.5em;\"\r\n                :value=\"Number(record.starred)\"\r\n                :count=\"1\"\r\n                @change=\"handleBookmark\"\r\n              />\r\n            </div>\r\n            <div class=\"mb-1\">\r\n              Duration :\r\n              <a-tag color=\"blue\">{{ record.duration }} </a-tag>\r\n            </div>\r\n          </div>\r\n        </a-col>\r\n        <a-col :xs=\"24\" :sm=\"24\" :md=\"24\" :lg=\"24\" :xl=\"24\" class=\"border p-2\">\r\n          <a-list\r\n            :data-source=\"comments\"\r\n            item-layout=\"horizontal\"\r\n            :style=\"\r\n              `max-height: ${comments.length ? 150 : 0}px; overflow: auto`\r\n            \"\r\n            size=\"small\"\r\n            :id=\"record?.fileName + '-comments-list'\"\r\n            class=\"p-0\"\r\n          >\r\n            <template #renderItem=\"{ item, index }\">\r\n              <a-list-item class=\"p-1\">\r\n                <a-comment\r\n                  :author=\"item.user_id.username\"\r\n                  :content=\"item.comment\"\r\n                  :id=\"record?.fileName + '-comment-' + index\"\r\n                >\r\n                  <template\r\n                    #actions\r\n                    v-if=\"isAssociateUserComment(item.user_id)\"\r\n                  >\r\n                    <delete-outlined\r\n                      @click=\"deleteComment(item)\"\r\n                      class=\"text-danger mt-0\"\r\n                      :id=\"record?.fileName + '-comment-delte-btn-' + index\"\r\n                    />\r\n                  </template>\r\n                </a-comment>\r\n              </a-list-item>\r\n            </template>\r\n          </a-list>\r\n          <a-form\r\n            class=\"mt-4\"\r\n            layout=\"vertical\"\r\n            :model=\"comment\"\r\n            @finish=\"handleAddNewComment\"\r\n          >\r\n            <a-form-item class=\"mb-2\">\r\n              <a-textarea\r\n                placeholder=\"New Comment\"\r\n                v-model:value=\"comment.value\"\r\n                :rows=\"3\"\r\n                :id=\"record?.fileName + '-new-comment-input'\"\r\n              />\r\n            </a-form-item>\r\n            <a-form-item class=\"mb-2\">\r\n              <a-button\r\n                html-type=\"submit\"\r\n                type=\"primary\"\r\n                :loading=\"addingComment\"\r\n                :id=\"record?.fileName + '-add-comment-btn'\"\r\n              >\r\n                Add Comment\r\n              </a-button>\r\n            </a-form-item>\r\n          </a-form>\r\n        </a-col>\r\n      </a-row>\r\n    </a-card>\r\n  </a-col>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapGetters } from 'vuex';\r\nimport { DeleteOutlined } from '@ant-design/icons-vue';\r\nimport {\r\n  trainingThumbnail,\r\n  traceThumbnail,\r\n  getThumbnailUrl\r\n} from 'src/utils/thumbnail.js';\r\nimport { getSortedTask } from 'src/utils/task';\r\nimport ThumbnailService from 'src/services/thumbnails';\r\nimport VideoService from 'src/services/videos';\r\nimport NotFoundImage from 'src/components/shared/Components/NotFound.vue';\r\n\r\nexport default {\r\n  components: {\r\n    DeleteOutlined,\r\n    NotFoundImage\r\n  },\r\n  props: ['item'],\r\n  setup() {\r\n    const userId = localStorage.getItem('id');\r\n    const userName = localStorage.getItem('name');\r\n    return { userId, userName };\r\n  },\r\n  data() {\r\n    return {\r\n      addingComment: false,\r\n      bookmark: true,\r\n      record: {},\r\n      queuedthumbnailGenerations: [],\r\n      isThumbnailExist: true,\r\n      comments: [],\r\n      comment: {\r\n        value: ''\r\n      }\r\n    };\r\n  },\r\n  beforeMount() {\r\n    this.comments = this.item.comments;\r\n    this.record = this.item;\r\n  },\r\n\r\n  watch: {\r\n    item: {\r\n      handler: function(value) {\r\n        if (!value) return;\r\n        this.comments = value.comments;\r\n        this.record = value;\r\n        if (!value.isThumbnailExist && !this.isThumbnailGenerationInitiated(value)) {\r\n          this.queuedthumbnailGenerations.push(value.id);\r\n          this.handleThumbnailGeneration(value);\r\n        }\r\n      },\r\n      deep: true\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters(['user', 'organization', 'allTasks']),\r\n    taskOptions() {\r\n      return getSortedTask(this.allTasks);\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions(['updateVideoItem']),\r\n    thumbnailUrl(record) {\r\n      const taskId = record.Task;\r\n      const taskName = this.getTaskName(taskId);\r\n      if (!taskId || !taskName) return;\r\n      let thumbnailPath = '';\r\n      if (record.isUploadedVideo)\r\n        thumbnailPath = trainingThumbnail(record, taskName, this.organization);\r\n      else thumbnailPath = traceThumbnail(record, taskId, this.organization);\r\n      return getThumbnailUrl(thumbnailPath);\r\n    },\r\n\r\n    isThumbnailGenerationInitiated(video){\r\n      return this.queuedthumbnailGenerations.includes(video.id);\r\n    },\r\n\r\n    async handleThumbnailGeneration(video){\r\n      const [error, data] = await this.generateThumbnail(video)\r\n      if (error) {\r\n          return;\r\n        }\r\n      this.updateVideoItem({\r\n        ...video,\r\n        isThumbnailExist: true,\r\n      });\r\n      this.queuedthumbnailGenerations = this.queuedthumbnailGenerations.filter(id => id !== video.id);\r\n    },\r\n\r\n    async generateThumbnail(record) {\r\n      const payload = {\r\n        id: record.id\r\n      };\r\n      return await ThumbnailService.generateThumbnail(payload);\r\n    },\r\n\r\n    handleBookmark(star) {\r\n      this.updateVideoItem({\r\n        ...this.item,\r\n        starred: !this.item.starred\r\n      });\r\n      VideoService.updateTaskRecord(this.record.id, {\r\n        starred: star == 1 ? true : false\r\n      });\r\n    },\r\n    isAssociateUserComment(user_data) {\r\n      return user_data.id == this.userId && user_data.username == this.userName\r\n        ? true\r\n        : false;\r\n    },\r\n\r\n    getVideoTypeTagText() {\r\n      return this.item.isUploadedVideo ? 'Training' : 'Trace';\r\n    },\r\n\r\n    getTaskName(taskId) {\r\n      if (!taskId) return;\r\n      const label = this.taskOptions.find(task => task.value === taskId)?.label;\r\n      const taskName = label?.startsWith('⭐ ') ? label?.slice(2) : label;\r\n      return taskName || '';\r\n    },\r\n\r\n    async handleAddNewComment() {\r\n      if (!this.comment.value.trim().length) {\r\n        this.addingComment = false;\r\n        this.comment.value = '';\r\n        return\r\n      };\r\n      this.addingComment = true;\r\n      // add entity if not present\r\n      if (!this.record.entity_id) {\r\n        const res = await this.addNewEntity();\r\n        const temp = { ...this.record };\r\n        temp['entity_id'] = res.id;\r\n        this.record = temp;\r\n      }\r\n\r\n      // create comment\r\n      const comment_res = await this.createComment();\r\n      comment_res['user_id'] = { id: comment_res.user_id, username: this.user };\r\n      this.comments = [...this.comments, comment_res];\r\n\r\n      // update task record\r\n      const { entity_id, no_of_comments } = this.record;\r\n      const [error] = await this.updateTaskRecord(\r\n        { entity_id: entity_id, no_of_comments: no_of_comments + 1 },\r\n        this.record\r\n      );\r\n      if (error) return;\r\n      this.addingComment = false;\r\n      this.comment.value = '';\r\n      this.updateVideoItem({\r\n        ...this.item,\r\n        comments: this.comments,\r\n        no_of_comments: no_of_comments + 1\r\n      });\r\n    },\r\n\r\n    async addNewEntity() {\r\n      const payload = {\r\n        name: this.record.fileName,\r\n        organization: this.organization\r\n      };\r\n      return await VideoService.createEntityForVideo(payload);\r\n    },\r\n\r\n    async createComment() {\r\n      const payload = {\r\n        comment: this.comment.value,\r\n        entity_id: this.record.entity_id,\r\n        user_id: this.userId\r\n      };\r\n      return await VideoService.addNewComment(payload);\r\n    },\r\n\r\n    async updateTaskRecord(updatedData, videoToUpdate) {\r\n      return await VideoService.updateTaskRecord(videoToUpdate.id, updatedData);\r\n    },\r\n\r\n    async deleteComment(comment) {\r\n      this.comments = this.comments.filter(t => t.id !== comment.id);\r\n      const [error, _] = await VideoService.deleteComment(comment.id);\r\n      if (error) {\r\n        console.log({ error });\r\n        return;\r\n      }\r\n      VideoService.decreaseCommentCount(this.item);\r\n      this.updateVideoItem({\r\n        ...this.item,\r\n        comments: this.comments,\r\n        no_of_comments: this.item.no_of_comments - 1\r\n      });\r\n    },\r\n\r\n    isAssociateUserComment(user_data) {\r\n      return user_data.id == this.userId && user_data.username == this.userName\r\n        ? true\r\n        : false;\r\n    },\r\n\r\n    handleClickThumbnail() {\r\n      this.$emit('handlePlay', this.record);\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style>\r\n.video_thumbnail {\r\n  /* height: 100px; */\r\n  /* width: 100px; */\r\n  position: relative;\r\n}\r\n\r\n.o-video-img {\r\n  width: 100px;\r\n  border-radius: 5px;\r\n  cursor: pointer !important;\r\n}\r\n\r\n.rating {\r\n  justify-content: right;\r\n}\r\n\r\n.ant-comment .ant-comment-inner {\r\n  padding: 4px !important;\r\n}\r\n\r\n.ant-comment-actions {\r\n  margin-top: 6px;\r\n}\r\n</style>\r\n","import { render } from \"./VideoItem.vue?vue&type=template&id=03027f6c\"\nimport script from \"./VideoItem.vue?vue&type=script&lang=js\"\nexport * from \"./VideoItem.vue?vue&type=script&lang=js\"\n\nimport \"./VideoItem.vue?vue&type=style&index=0&id=03027f6c&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mahal\\\\OneDrive\\\\Documents\\\\Retrocausal\\\\portal_frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./VideosList.vue?vue&type=template&id=62a83aeb\"\nimport script from \"./VideosList.vue?vue&type=script&lang=js\"\nexport * from \"./VideosList.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\mahal\\\\OneDrive\\\\Documents\\\\Retrocausal\\\\portal_frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./Index.vue?vue&type=template&id=4528ef62\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\mahal\\\\OneDrive\\\\Documents\\\\Retrocausal\\\\portal_frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export default {\r\n  methods: {\r\n    handleSpace(e) {\r\n      const el = e.target;\r\n      const position = el.selectionStart + 1;\r\n      this[el.name] =\r\n        this[el.name].slice(0, position - 1) +\r\n        ' ' +\r\n        this[el.name].slice(position - 1, this[el.name].length);\r\n\r\n      this.$nextTick(() => {\r\n        el.setSelectionRange(position, position);\r\n      });\r\n    },\r\n\r\n    handleDDSpace(e) {\r\n      const el = e.target;\r\n      const position = el.selectionStart + 1;\r\n      el.value =\r\n        el.value.slice(0, position - 1) +\r\n        ' ' +\r\n        el.value.slice(position - 1, el.value.length);\r\n\r\n      this.$nextTick(() => {\r\n        el.setSelectionRange(position, position);\r\n      });\r\n    },\r\n\r\n    filterOption(input, option) {\r\n      return option.label?.toLowerCase().indexOf(input.toLowerCase()) >= 0;\r\n    },\r\n  },\r\n};\r\n","<template>\r\n  <img class=\"not-found-img\" :src=\"notFoundUrl\" :alt=\"altUrl\" />\r\n</template>\r\n<script>\r\nexport default {\r\n  setup: () => ({\r\n    public_url: process.env.BASE_URL\r\n  }),\r\n  props: ['altUrl'],\r\n  computed: {\r\n    notFoundUrl() {\r\n      return this.public_url + 'not_found.jpg';\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style scoped>\r\n.not-found-img {\r\n  width: 8em;\r\n  height: auto;\r\n  border-radius: 5px;\r\n}\r\n\r\n/* @media (min-width: 1100px) {\r\n  .not-found-img {\r\n    width: 30%;\r\n  }\r\n} */\r\n</style>\r\n","import { render } from \"./NotFound.vue?vue&type=template&id=57eb8642&scoped=true\"\nimport script from \"./NotFound.vue?vue&type=script&lang=js\"\nexport * from \"./NotFound.vue?vue&type=script&lang=js\"\n\nimport \"./NotFound.vue?vue&type=style&index=0&id=57eb8642&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mahal\\\\OneDrive\\\\Documents\\\\Retrocausal\\\\portal_frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-57eb8642\"]])\n\nexport default __exports__","import ApiHelper from './index';\r\n\r\nconst generateThumbnail = async (\r\n  payload, \r\n  spinner = false\r\n  ) => {\r\n  return await ApiHelper.post(\r\n    'organization/task_record/generate_thumbnail',\r\n    payload,\r\n    spinner\r\n  );\r\n};\r\n\r\nexport default {\r\n    generateThumbnail,\r\n};\r\n      ","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-v16/dist/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-v16/dist/index.js??ref--1-1!./NotFound.vue?vue&type=style&index=0&id=57eb8642&scoped=true&lang=css\"","\r\nexport function getThumbnailUrl(thumbnail_path) {\r\n    return (\r\n        'https://retrocausal-video-thumbnails.s3.amazonaws.com/' +\r\n        thumbnail_path +\r\n        '512.jpg'\r\n    );\r\n}\r\n\r\nexport const trainingThumbnail = (record, taskName, orgName) => {\r\n    // Format: org-training/Desktop Assembly 3 Extended/Videos/2021-05-0610-48-46.mp4/\r\n    const thumbnail_path = `${orgName}-training/${taskName}/Videos/${record.fileName}/`\r\n    return thumbnail_path\r\n}\r\n\r\nexport const traceThumbnail = (record, taskId, orgName) => {\r\n    // Format: org-videos/deviceId/410/Processed/2022-06-10 09:23:19.mp4/\r\n    const thumbnail_path = `${orgName}-videos/${record.device_id}/${taskId}/Processed/${record.fileName}/`\r\n    return thumbnail_path\r\n}\r\n\r\nexport const validationThumbnail = (record, orgName) => {\r\n    // Format: org-videos/validation/Desktop Assembly 3 Extended/Videos/2021-05-0610-44-01.mp4/\r\n    const thumbnail_path = `${orgName}-videos/validation/${record.Task.taskName}/Videos/${record.fileName}/`\r\n    return thumbnail_path\r\n}\r\n\r\nexport const ergonomicThumbnail = (record, orgName) => {\r\n    // Format: org-videos/ergonomics/Videos/process.mp4/\r\n    const thumbnail_path = `${orgName}-videos/ergonomics/Videos/${record.file_name}/`\r\n    return thumbnail_path\r\n}\r\n","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-v16/dist/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-v16/dist/index.js??ref--1-1!./VideoItem.vue?vue&type=style&index=0&id=03027f6c&lang=css\""],"sourceRoot":""}